/*
	Dopetrope 2.0 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		line-height: 1.75em;
		font-size: 11pt;
		letter-spacing: 0;
	}

	h2, h3, h4, h5, h6
	{
		font-size: 1.25em;
	}

	header
	{
		margin: 0 0 1em 0;
	}

	section,
	article
	{
		clear: both;
		margin: 1.5em 0 1.5em 0 !important;
	}

	/* Box */

		.box
		{
			padding: 25px 15px 20px 15px;
		}
		
			.box .image-full
			{
				left: 15px;
				top: 15px;
				margin: -40px 0 40px -30px;
			}

	/* Button */

		.button
		{
			position: relative;
			padding: 0.65em 0 0.65em 0 !important;
			width: 100%;
			text-align: center;
			font-size: 1.25em;
			margin: 0.25em 0 0.25em 0;
		}

			.button-icon
			{
			}

				.button-icon:before
				{
					position: absolute;
					left: 0.5em;
				}

	/* List */

		ul.contact
		{
		}

			ul.contact li
			{
				padding: 0.8em 0 0.8em 7em;
			}

				ul.contact li h3
				{
					top: 0.8em;
				}

		ul.divided
		{
		}
		
			ul.divided li
			{
				padding: 0.5em 0 0.5em 0;
			}

		ul.links
		{
		}
		
			ul.links li
			{
				display: block;
				border-top: solid 1px rgba(255,255,255,0.05);
				padding: 0.25em 0 0 0;
				margin: 0.25em 0 0 0;
			}
			
			ul.links li:first-child
			{
				border-top: 0;
				padding-top: 0;
				margin-top: 0;
			}

		ul.social
		{
		}

			ul.social li
			{
				margin: 0 0.75em 0.75em 0;
			}

	/* Pennant */

		.pennant
		{
			width: 7em;
			padding: 1em 0 0.25em 0;
			margin: 0 0 2.5em 0;
		}

			.pennant:after
			{
				bottom: -1.48em;
				border-left-width: 3.5em;
				border-right-width: 3.5em;
				border-top-width: 1.5em;
			}

/*********************************************************************************/
/* Mobile UI                                                                     */
/*********************************************************************************/

	#titleBar
	{
		background: none;
	}

		#titleBar .title
		{
			display: none;
		}

	#titleBar .toggle
	{
		text-indent: -9999em;
		width: 80px;
		height: 60px;
	}

		#titleBar .toggle:before
		{
			content: '';
			display: block;
			position: absolute;
			left: 10px;
			top: 10px;
			width: 50px;
			height: 40px;
			background: rgba(150,150,150,0.35) url('images/mobileUI-site-nav-opener-bg.svg') 12px 14px no-repeat;
			border-radius: 5px;
		}

		#titleBar .toggle:active
		{
		}

			#titleBar .toggle:active:before
			{
				background-color: rgba(150,150,150,0.75);
			}

	#navPanel
	{
		color: #858484;
		box-shadow: inset -3px 0px 5px 0px rgba(0,0,0,0.35);
	}

		#navPanel .link
		{
			display: block;
			color: #888;
			text-decoration: none;
			height: 44px;
			line-height: 44px;
			border-top: solid 1px rgba(255,255,255,0.05);
			padding: 0 1em 0 1em;
			font-style: italic;
		}
		
			#navPanel .link:first-child
			{
				border-top: 0;
			}

		#navPanel .indent-1 { display: inline-block; width: 1em; }
		#navPanel .indent-2 { display: inline-block; width: 2em; }
		#navPanel .indent-3 { display: inline-block; width: 3em; }
		#navPanel .indent-4 { display: inline-block; width: 4em; }
		#navPanel .indent-5 { display: inline-block; width: 5em; }
		#navPanel .depth-0 { color: #fff; }

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#main-wrapper
	{
		padding: 0 10px 0 10px;
		overflow: hidden;
	}

	#header-wrapper
	{
		padding: 2em 0 0 0;
		overflow: hidden;
	}

		#header-wrapper:before
		{
			height: 8em;
		}
	
		#header-wrapper:after
		{
			height: 12em;
			top: -2.5em;
		}

	#footer-wrapper
	{
		padding: 0 25px 0 25px;
		overflow: hidden;
		-webkit-transform: translateZ(0);
	}

		#footer-wrapper:before
		{
			height: 3em;
		}
	
/*********************************************************************************/
/* Intro                                                                         */
/*********************************************************************************/

	#intro
	{
		padding: 0 25px 0 25px;
	}
	
		#intro section
		{
			position: relative;
			border-top:	solid 1px #dfdfdf;
			padding: 3em 0 0 0;
			margin: 0;
		}

		#intro section.first
		{
			border-top: 0;
			padding-top: 0;
		}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		text-align: center;
	}
	
		#header h1
		{
			color: #252122;
			font-weight: 900;
			font-size: 2em;
			letter-spacing: -0.035em;
		}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
		display: none;
	}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		margin: 0 0 2.5em 0;
	}
	
		#banner header
		{
			padding: 1.5em 1em 1.5em 1em;
		}
		
		#banner h2
		{
			font-size: 1.5em;
			line-height: 1.5em;
			margin: 0 0 0.25em 0;
		}
		
		#banner .byline
		{
			font-size: 1.2em;
		}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/
		
	#copyright
	{
		margin: 3em 0 0 0;
	}
	
		#copyright .links
		{
			padding: 0.75em 1.25em 0.75em 1.25em;
		}
		

		
		
/*********************************************************************************/
/* Iva                                                                           */
/*********************************************************************************/

	#logo
	{	
		width:30%;
		margin:-5% auto
	}
	
	.flex-control-nav {display:none}
	.flexslider {width:87%;margin:0 auto}
	
	#intro section.first h2
	{
        font-size: 1.65em;
		font-family:'cygnetroundregular'
	}
	
		#intro section.middle h2
	{
        font-size: 1.65em;
		font-family:'cygnetroundregular'
	}
	
		#intro section.last h2
	{
        font-size: 1.65em;
		font-family:'cygnetroundregular'
	}
	
	#main-wrapper .major {
	margin:2em 0 -1em 0;
	}
	
	.detalji {
	margin:0 0 2em 0
	}
	
	#footer-wrapper header h2	{
	font-family:'Century Gothic';
	color:#6a6a6a;
	font-weight:normal
	}
	
	#main-wrapper .major h2 {
	font-family:'Century Gothic';
	font-weight:normal
	}
	
	.box h3 {
	font-family:'Century Gothic';
	font-weight:normal
	}
	
	.is-post h1 {
	color: #252122;
	font-weight: 900;
	font-size: 1.7em;
	letter-spacing: -0.035em;
	margin: 0 0 0.8em 0
	}
	
		.video-box {
	height:200px;
	overflow:hidden;
	}
	
	
	
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on July 7, 2013 */

@font-face {
    font-family: 'cygnetroundregular';
    src: url('fonts/cygnetround_0-webfont.eot');
    src: url('fonts/cygnetround_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cygnetround_0-webfont.woff') format('woff'),
         url('fonts/cygnetround_0-webfont.ttf') format('truetype'),
         url('fonts/cygnetround_0-webfont.svg#cygnetroundregular') format('svg');
    font-weight: normal;
    font-style: normal;

}