html, body{height: 100%;}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; text-align:justify;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}body{line-height: 1;}ol, ul{list-style: none;}blockquote, q{quotes: none;}blockquote:before, blockquote:after,q:before, q:after{content: '';content: none;}table{border-collapse: collapse;border-spacing: 0;}


.es
        {
            font-family:Verdana;
			font-size:20px;
            margin:0px auto 0px auto;
            /*background:url(imgs/patternx.png) repeat top left;*/
			
            background-color:#f3da98;
			-moz-border-radius: 15px;
            border-radius: 5px;
            border:1px solid #cccc33;
            padding:4px;
        }


/*----------------------------# OZADJE CIVIL TRAINING------------------------------------------------------------------- */


body{background: #363636; 

font: 18px/1.5 'Oswald', sans-serif;font-weight: 200;color: #363636; 
-webkit-font-smoothing: antialiased;/* Fix for webkit rendering */-webkit-text-size-adjust: 100%;}
/*-----------------------------------------------------------------#Typography------------------------------------------------------------------- */h1, h2, h3, h4, h5, h6{color: #f3da98;font-family: 'Oswald', sans-serif;font-weight: 400;line-height: 1.5;}h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-weight: inherit;}
h1{font-size: 30px;margin-bottom: 14px;}
h2{font-size: 24px;margin-bottom: 10px;}
h3{font-size: 20px;margin-bottom: 8px;}
h4{font-size: 16px;margin-bottom: 4px;}
h5{font-size: 14px;}h6{font-size: 12px;}
h7{font-size: 16px;margin-bottom: 4px;color: #111;}
h8{font-size: 12px;margin-bottom: 4px;color: #111;}
h9{font-size: 11px;margin-bottom: 2px;color: #222; ;font-style: italic;}
.subheader{color: #777;}p{margin: 0 0 20px 0;}p img{margin: 0;}p.lead{font-size: 21px;line-height: 27px;color: #777;}em{font-style: italic;}strong{font-weight: bold;}small{font-size: 80%;}/* Blockquotes */blockquote, blockquote p{font-size: 17px;line-height: 24px;color: #777;font-style: italic; text-align:center;}blockquote{margin: 0 0 20px;padding: 9px 20px 0 19px;border-left: 1px solid #ddd;}blockquote cite{display: block;font-size: 12px;color: #555;}blockquote cite:before{content: "\2014 \0020";}blockquote cite a, blockquote cite a:visited, blockquote cite a:visited{color: #555;}hr{border: solid #ddd;border-width: 1px 0 0;clear: both;margin: 10px 0 30px;height: 0;}::-moz-selection{color: #fff;}::selection{color: #fff;}



#parallax {
	background:#ccc;   
	position:absolute; 
	overflow:hidden;
	width:940px; 
	height:319px; 
	
}




/*-----------------------------------------------------------------#Links------------------------------------------------------------------- */a, a:visited{color: #f3da98;text-decoration: none;outline: 0;}a:hover, a:focus{color: #f3da98;}p a, p a:visited{line-height: inherit;}/*-----------------------------------------------------------------#Images------------------------------------------------------------------- */img.scale-with-grid{max-width: 100%;height: auto;}/*----------------------------------------------------------------- #Buttons------------------------------------------------------------------- */.button,button,input[type="submit"],input[type="reset"],input[type="button"]{display: inline-block;color: #000;font-family: 'Oswald', sans-serif;font-size: 16px;font-weight: 400;text-decoration: none;cursor: pointer;margin-right: 10px;margin-bottom: 20px;line-height: 1.2;padding: 10px 12px;}.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{color: #fff;}/* Fix for odd Mozilla border & padding issues */button::-moz-focus-inner,input::-moz-focus-inner{border: 0;padding: 0;}a:visited.button{
	color: #FFF;
}/*-----------------------------------------------------------------#Forms------------------------------------------------------------------- */form{margin-bottom: 20px;}fieldset{margin-bottom: 20px;}input[type="text"],input[type="password"],input[type="email"],textarea,select{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #333;padding: 6px 4px;margin-bottom: 20px;outline: none;font-size: 16px;color: #CCC;width: 100%;max-width: 100%;display: block;background: #111;overflow: hidden;}select{padding: 0;}input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus{color: #FFF;background: #333;}textarea{min-height: 60px;}select{width: 220px;}input[type="checkbox"]{display: inline;}label span,legend span{font-weight: normal;font-size: 13px;color: #444;}/*-----------------------------------------------------------------#Misc------------------------------------------------------------------- */.remove-bottom{margin-bottom: 0 !important;}.half-bottom{margin-bottom: 10px !important;}.add-bottom{margin-bottom: 20px !important;}/*-----------------------------------------------------------------#Common------------------------------------------------------------------- */.pattern{background: url(../images/patterns/pattern1-50.png);width:100%;height:100%;}
.title{
	font-family: 'Oswald', cursive;
	font-weight: 400;
	font-size: 42px;
	text-align:center;
	border-bottom: 1px solid;
	color: #f3da98;
	text-shadow: 2px 2px 2px rgba(40, 40, 40, 1);
}

.info{font-family: 'Oswald', sans-serif;color: #222;font-size: 44px;font-weight: 300;text-transform: uppercase;text-align: center;line-height: 1.2;margin-bottom: 30px; text-shadow: 2px 2px 2px rgba(40, 40, 40, 1);}




#ad{width: 100%;background: #111;color: #999;padding: 40px 0 20px;}
#ad.button{float: right;}.button-wrap{padding: 30px 0;}/*.white{color: #FFF;}*/.color-strong{font-weight: bold;}/*-----------------------------------------------------------------#Header------------------------------------------------------------------- */header{background-color: #000;filter: alpha(opacity=100);background-color: rgba(0,0,0,0.8);width: 100%;height: 60px;position: fixed;top: 0;z-index:10;}#logo{float: left;padding-left: 10px;}nav{float: right;padding-right: 10px;}nav ul{height: 60px;margin: 0;padding: 0;float: right;}nav ul li{display: inline-block;padding: 3px 0;}nav ul li a{font-size: 16px;padding: 0 10px;display:inline-block;line-height: 54px;}nav ul li.active a{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}nav ul li a:hover{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}/*-----------------------------------------------------------------#Navigation------------------------------------------------------------------- */.selectnav{display: none;margin-top: 20px;width: 110px;}@media screen and (max-width: 767px){#nav{display: none;}.selectnav{display: block;}}/*-----------------------------------------------------------------#Home------------------------------------------------------------------- */#home{height: 100%;position: relative;}.home{height:100%;}/*-----------------------------------------------------------------#Slider------------------------------------------------------------------- */#sequence > .sequence-canvas{height: 100%;width: 100%;}#sequence > .sequence-canvas > li{position: absolute;width: 100%;height: 100%;z-index: 1;}#sequence > .sequence-canvas li > *{position: absolute;-webkit-transition-timing-function: ease-in-out;-moz-transition-timing-function: ease-in-out;-ms-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}

#sequence .slide1{background: url(../images/background/ozadje1.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height: 100%;width: 100%;opacity: 0;top: 0;z-index: 1;-webkit-transition-duration: 2s;-moz-transition-duration: 2s;-ms-transition-duration: 2s;-o-transition-duration: 2s;transition-duration: 2s;}

#sequence .slide2{background: url(../images/background/ozadje2.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height: 100%;width: 100%;opacity: 0;top: 0;z-index: 1;-webkit-transition-duration: 2s;-moz-transition-duration: 2s;-ms-transition-duration: 2s;-o-transition-duration: 2s;transition-duration: 2s;}

#sequence .slide3{background: url(../images/background/ozadje3.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height: 100%;width: 100%;opacity: 0;top: 0;z-index: 1;-webkit-transition-duration: 2s;-moz-transition-duration: 2s;-ms-transition-duration: 2s;-o-transition-duration: 2s;transition-duration: 2s;}

#sequence .slide4{background: url(../images/background/ozadje4.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height: 100%;width: 100%;opacity: 0;top: 0;z-index: 1;-webkit-transition-duration: 2s;-moz-transition-duration: 2s;-ms-transition-duration: 2s;-o-transition-duration: 2s;transition-duration: 2s;}

#sequence .slide5{background: url(../images/background/ozadje5.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height: 100%;width: 100%;opacity: 0;top: 0;z-index: 1;-webkit-transition-duration: 2s;-moz-transition-duration: 2s;-ms-transition-duration: 2s;-o-transition-duration: 2s;transition-duration: 2s;}

#sequence .slide6{background: url(../images/background/ozadje6.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height: 100%;width: 100%;opacity: 0;top: 0;z-index: 1;-webkit-transition-duration: 2s;-moz-transition-duration: 2s;-ms-transition-duration: 2s;-o-transition-duration: 2s;transition-duration: 2s;}




#sequence .animate-in .slide1,#sequence .animate-in .slide2,#sequence .animate-in .slide3,#sequence .animate-in .slide4,#sequence .animate-in .slide5,#sequence .animate-in .slide6{opacity: 1;}
#sequence .animate-out .slide1,#sequence .animate-out .slide2,#sequence .animate-out .slide3,#sequence .animate-out .slide4,#sequence .animate-out .slide5,#sequence .animate-out .slide6{opacity: 0;}

/*logo home pozicija*/
.caption-one{position: absolute;bottom: 7%;right: 0;text-align: center;}.caption-one h1{display: inline-block;font-family: 'Oswald', sans-serif;font-size: 48px;line-height: 1.2;padding: 0 10px;text-transform: uppercase;background-color: #000;filter: alpha(opacity=75);background-color: rgba(0,0,0,0.65);text-shadow: 1px 1px #000;}.caption-one p{display: inline-block;font-size: 21px;padding: 4px 10px;background-color: #000;filter: alpha(opacity=75);background-color: rgba(0,0,0,0.65);text-shadow: 1px 1px #000;}

.caption-two{position: absolute;bottom: 7%;left: 0;text-align: center;}.caption-two h1{display: inline-block;font-family: 'Oswald', sans-serif;font-size: 48px;line-height: 1.2;padding: 0 10px;text-transform: uppercase;background-color: #000;filter: alpha(opacity=75);background-color: rgba(0,0,0,0.65);text-shadow: 1px 1px #000;}.caption-two p{display: inline-block;font-size: 21px;padding: 4px 10px;background-color: #000;filter: alpha(opacity=75);background-color: rgba(0,0,0,0.65);text-shadow: 1px 1px #000;}

.caption-three{position: absolute;bottom: 7%;text-align: center;}.caption-three h1{display: inline-block;font-family: 'Oswald', sans-serif;font-size: 48px;line-height: 1.2;padding: 0 10px;text-transform: uppercase;background-color: #000;filter: alpha(opacity=75);background-color: rgba(0,0,0,0.65);text-shadow: 1px 1px #000;}.caption-three p{display: inline-block;font-size: 21px;padding: 4px 10px;background-color: #000;filter: alpha(opacity=75);background-color: rgba(0,0,0,0.65);text-shadow: 1px 1px #000;}

.caption-four{position: absolute;bottom: 7%;left: 0;text-align: center;}.caption-four h1{display: inline-block;font-family: 'Oswald', sans-serif;font-size: 48px;line-height: 1.2;padding: 0 10px;text-transform: uppercase;background-color: #000;filter: alpha(opacity=75);background-color: rgba(0,0,0,0.65);text-shadow: 1px 1px #000;}.caption-four p{display: inline-block;font-size: 21px;padding: 4px 10px;background-color: #000;filter: alpha(opacity=75);background-color: rgba(0,0,0,0.65);text-shadow: 1px 1px #000;}

.caption-five{position: absolute;bottom: 7%;left: 0;text-align: center;}.caption-five h1{display: inline-block;font-family: 'Oswald', sans-serif;font-size: 48px;line-height: 1.2;padding: 0 10px;text-transform: uppercase;background-color: #000;filter: alpha(opacity=75);background-color: rgba(0,0,0,0.65);text-shadow: 1px 1px #000;}.caption-five p{display: inline-block;font-size: 21px;padding: 4px 10px;background-color: #000;filter: alpha(opacity=75);background-color: rgba(0,0,0,0.65);text-shadow: 1px 1px #000;}

.caption-six{position: absolute;bottom: 7%;left: 0;text-align: center;}.caption-six h1{display: inline-block;font-family: 'Oswald', sans-serif;font-size: 48px;line-height: 1.2;padding: 0 10px;text-transform: uppercase;background-color: #000;filter: alpha(opacity=75);background-color: rgba(0,0,0,0.65);text-shadow: 1px 1px #000;}.caption-six p{display: inline-block;font-size: 21px;padding: 4px 10px;background-color: #000;filter: alpha(opacity=75);background-color: rgba(0,0,0,0.65);text-shadow: 1px 1px #000;}


.sequence-pagination{position: absolute;bottom: 7px;left: 50%;margin-left: -40px;padding: 4px 4px 0;border-radius: 20px;background-color: #000;background-color:#000;z-index: 9;}.sequence-pagination li{cursor: pointer;width: 12px;height: 12px;margin: 0 3px;border: 2px solid;background: #111;border-radius: 20px;display: inline-block;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;-ms-transition-duration: 0.2s;-o-transition-duration: 0.2s;transition-duration: 0.2s;}
/*-----------------------------------------------------------------#About------------------------------------------------------------------- */#about{background: #937e57; padding: 80px 0;box-shadow: 0px 1px 10px #000;}
.about{padding: 20px 0;color: #222;text-align: center;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;-ms-transition-duration: 0.2s;-o-transition-duration: 0.2s;transition-duration: 0.2s;}.about:hover{cursor: default;}.about p{padding: 0 10px;}.about i{display: block;margin-bottom: 20px;}

/*------------------------------------#About BRANE ------------------------------------------------------------------- */
#about-brane{background: #937e57; padding: 80px 0;box-shadow: 0px 5px 10px #000;}.about{
	padding: 20px 0;
	color: #222;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}.about:hover{cursor: default;}.about p{
	padding: 0 10px;
}.about i{display: block;margin-bottom: 20px;}


/*-----------------------------------------------------------------#Clients------------------------------------------------------------------- */#clients{
box-shadow: inset 0px 0px 11px 0px #000000;
-webkit-box-shadow: inset 0px 0px 11px 0px #000000;
-moz-box-shadow: inset 0px 0px 11px 0px #000000;
-o-box-shadow: inset 0px 0px 11px 0px #000000;


 /*backgroundurl(../images/gore2.gif) no-repeat fixed;*/
 background-color:#526436;
 /*background:url(../images/ogenj.jpg) no-repeat fixed;*/
 -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}#clients h3{font-family: 'Oswald', cursive;font-weight: 400;font-size: 36px;line-height: 1.5;text-shadow: 2px 2px #000000;color: #FFF;text-align: center;}.clients-wrap{padding: 70px 0;}.clients{text-align: center;padding-top: 30px;}.clients a img:hover{margin-top: -5px;padding-bottom: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}




/*-----------------------------------------------------------------#clientspartners------------------------------------------------------------------- */
#clientspartners{

    box-shadow: inset 0px 0px 11px 0px #000000;
-webkit-box-shadow: inset 0px 0px 11px 0px #000000;
-moz-box-shadow: inset 0px 0px 11px 0px #000000;
-o-box-shadow: inset 0px 0px 11px 0px #000000;
border-top: 10px solid #f3da98;
border-bottom: 10px solid #f3da98;

background: url(../images/clawgear/cg4.jpg) no-repeat fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#clientspartners h3{font-family: 'Oswald', cursive;font-weight: 400;font-size: 56px; letter-spacing: 2px; line-height: 1.5;text-shadow: 2px 2px #000000;color: #FFF;text-align: center;}
#clientspartners h5{font-family: 'Oswald', cursive;font-weight: 400;font-size: 18px; letter-spacing: 2px; line-height: 1.5;text-shadow: 2px 2px #000000;color: #FFF;text-align: center; padding-bottom: 20px;}
#clientspartners h4{font-family: 'Oswald', cursive;font-weight: 400;font-size: 26px;line-height: 1.5;text-shadow: 2px 2px #000000;color: #f3da98;text-align: center;}
.clientspartners-wrap{padding: 70px 0; }.clientspartners{text-align: center;padding-top: 30px;}.clientspartners a img:hover{margin-top: -5px;padding-bottom: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;
}
.space{padding-bottom:: 70px; }






/*-----------------------------------------------------------------#Clientsx------------------------------------------------------------------- */
#clientsx{

    box-shadow: inset 0px 0px 11px 0px #000000;
-webkit-box-shadow: inset 0px 0px 11px 0px #000000;
-moz-box-shadow: inset 0px 0px 11px 0px #000000;
-o-box-shadow: inset 0px 0px 11px 0px #000000;

background: url(../images/ozadje-x8.jpg) no-repeat fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#clientsx h3{font-family: 'Oswald', cursive;font-weight: 400;font-size: 36px;line-height: 1.5;text-shadow: 2px 2px #000000;color: #FFF;text-align: center;}.clientsx-wrap{padding: 70px 0; }.clientsx{text-align: center;padding-top: 30px;}.clientsx a img:hover{margin-top: -5px;padding-bottom: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;
}




/*-----------------------------------------------------------------#Clientsy------------------------------------------------------------------- */
#clientsy{
	box-shadow: inset 0px 0px 11px 0px #000000;
-webkit-box-shadow: inset 0px 0px 11px 0px #000000;
-moz-box-shadow: inset 0px 0px 11px 0px #000000;
-o-box-shadow: inset 0px 0px 11px 0px #000000;
	
	background: url(../images/eagle.gif) no-repeat fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#clientsy h3{font-family: 'Oswald', cursive;font-weight: 400;font-size: 86px;line-height: 1.5;text-shadow: 2px 2px #000000;color: #FFF;text-align: center;}
.clientsy-wrap{padding: 70px 0;}
.clientsy{text-align: center;padding-top: 30px;}
.clientsy a img:hover{margin-top: -5px;padding-bottom: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}




#loading-mask {
    background-color: #000;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999999;
	text-align:center;
	opacity:0.1;
}
#loading-mask p{
	color:#FFF;
	margin:400px 0 0 0;
	background:#000;
	text-align:center;
	font-size:20px;
}




/*-----------------------------------------------------------------#Team------------------------------------------------------------------- */

#events{
 box-shadow: inset 0px 0px 11px 0px #000000;
-webkit-box-shadow: inset 0px 0px 11px 0px #000000;
-moz-box-shadow: inset 0px 0px 11px 0px #000000;
-o-box-shadow: inset 0px 0px 11px 0px #000000;

background: #1E1E1E;padding: 80px 0 120px;box-shadow: 0px 1px 10px #000;}.folio{color: #FFF;background: #111;padding-bottom: 15px;}.folioimg{position: relative;height: 200px;width: 300px;margin: 0 auto;}.folioimg img{position: absolute;left: 0;-webkit-transition: opacity 0.2s ease-in-out;-moz-transition: opacity 0.2s ease-in-out;-o-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;}.folioimg img.top:hover{opacity: 0;filter: alpha(opacity=0);}.events-info{padding: 0 20px;}@media only screen and (min-width: 768px) and (max-width: 959px){.folioimg{height: 157px;width: 236px;}.folioimg img{height: 100%;width: 235px;}}@media only screen and (min-width: 480px) and (max-width: 767px){.folio{margin: 0 60px;}}.folio h3{font-family: 'Oswald', cursive;font-weight: 400;font-size: 32px;border-bottom: 1px solid;text-align: center;display: block;margin: 10px 0 20px;}.folio h4{color: #FFF;}.folio p{color: #FFF;text-align: left;}.social ul li{display:inline-block;padding: 2px;}.social ul li a{display:inline-block;width: 24px;height: 24px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}.social ul li a.facebook{background: #FFF url(../images/icons/social24.png) 0 0;}.social ul li a.twitter{background: #FFF url(../images/icons/social24.png) -24px 0;}.social ul li a.linkedin{background: #FFF url(../images/icons/social24.png) -48px 0;}.social ul li a.vimeo{background: #FFF url(../images/icons/social24.png) -72px 0;}.social ul li a.behance{background: #FFF url(../images/icons/social24.png) -288px 0;}.social ul li a.dribble{background: #FFF url(../images/icons/social24.png) -384px 0;}



/*-----------------------------------------------------------------#Video------------------------------------------------------------------- */#video{background: url(../images/ozadje-x9.jpg) no-repeat fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}.video-wrap{padding: 70px 0;}.video-title{color: #FFF;font-family: 'Oswald', cursive;font-weight: 400;font-size: 42px;text-align:center;text-shadow: 2px 2px #000000;}/*-----------------------------------------------------------------#Services------------------------------------------------------------------- */#services{background: #526436;padding: 80px 0;box-shadow: 0px 1px 10px #000;}.box{cursor: default;margin-bottom: 30px;box-shadow: 0 1px 2px #000;text-align: center;padding: 10px 0;min-height: 320px;background: linear-gradient(#526436, #526436 50%, #111 50%, #111);background: -webkit-linear-gradient(#526436, #526436 50%, #111 50%, #111);background-size: 100% 202%;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;}@media only screen and (min-width: 480px) and (max-width: 767px){.box{margin: 0 60px 30px;}}.box i{display: block;font-size: 80px;line-height: 120px;}.box h4{font: 22px/1.5 'Oswald', sans-serif;font-weight: 400;}.box p{padding: 10px 20px;text-align: center;}.box:hover{color: #fff;background: #333\0/;background-position: 100% 100%;animation: up-bump 0.4s ease;-webkit-animation: up-bump 0.4s ease;}@keyframes up-bump{0%{padding-top: 10px}50%{padding-top: 4px;}100%{padding-top: 10px;}}@-webkit-keyframes up-bump{0%{padding-top: 10px}50%{padding-top: 4px;}100%{padding-top: 10px;}}
/*-----------------------------------------------------------------#Quote------------------------------------------------------------------- */#quote{
box-shadow: inset 0px 0px 11px 0px #000000;
-webkit-box-shadow: inset 0px 0px 11px 0px #000000;
-moz-box-shadow: inset 0px 0px 11px 0px #000000;
-o-box-shadow: inset 0px 0px 11px 0px #000000;

/*background: url(../images/10a.jpg) 50% 0 no-repeat fixed;*/-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}#quotes li{font-size: 18px;text-shadow: 1px 1px #000000;text-align: center;padding: 20px 0;color: #FFF;}#quotes li h3{font-family: 'Oswald', cursive;font-weight: 400;font-size: 40px;line-height: 1.5;text-shadow: 2px 2px #000000;color: #FFF; text-align:center;}.quote-wrap{padding: 80px 0 30px;min-height: 180px;}@media only screen and (max-width: 959px){.quote-wrap{min-height: 280px;}}




/*-----------------------------------------------------------------#Quote------------------------------------------------------------------- */#quote2{
box-shadow: inset 0px 0px 11px 0px #000000;
-webkit-box-shadow: inset 0px 0px 11px 0px #000000;
-moz-box-shadow: inset 0px 0px 11px 0px #000000;
-o-box-shadow: inset 0px 0px 11px 0px #000000;
 background: url(../images/ozadje-y.jpg) 50% 0 no-repeat fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}#quotes li{font-size: 18px;text-shadow: 1px 1px #000000;text-align: center;padding: 20px 0;color: #FFF;}
#quotes h3{font-family: 'Oswald', cursive;font-weight: 400;font-size: 30px;line-height: 1.5;text-shadow: 2px 2px #000000;color: #f3da98; text-align:center;} 
#quotes li h3{font-family: 'Oswald', cursive;font-weight: 400;font-size: 40px;line-height: 1.5;text-shadow: 2px 2px #000000;color: #FFF; text-align:center;}.quote-wrap{padding: 80px 0 30px;min-height: 180px;}@media only screen and (max-width: 959px){.quote-wrap{min-height: 280px;}}




/*-----------------------------------------------------------------#Portfolio------------------------------------------------------------------- */#programs{

background: #937e57;padding: 80px 0;box-shadow: 0px 1px 10px #000;}#filter{height: 30px;text-align: center;margin: 20px 0 30px;}#filter li{display: inline-block;}#filter li a{text-transform: uppercase;background: #080808;height: 50px;padding: 6px 10px;margin: 0 2px;}#filter li a:hover{color: #f3da98;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}#filter li.active a{color: #f3da98;}.port{padding-bottom: 6px;margin-bottom: 30px;background: #666;box-shadow: 0 1px 2px #080808;}.port:hover{box-shadow: 0 6px 8px #080808;}.port p{margin-bottom: 0px;font-size: 13px;padding-left: 6px;}.port h5{text-transform: uppercase;margin-top: 5px;padding-left: 6px;}.overlay{margin: 0;max-width: 300px;height: auto;overflow: hidden;position: relative;}.overlay .caption{padding-bottom: 5px;text-align: center;width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;opacity: 0;filter: alpha(opacity=0);background-color: #000;background-color: rgba(0,0,0,0.4);}.overlay .caption i{filter: alpha(opacity=0);position: absolute;top: 50%;left: 50%;margin: -25px 0 0 -30px;font-size: 50px;}.overlay:hover .caption{opacity:1;filter: alpha(opacity=40);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}.overlay:hover .caption i{filter: alpha(opacity=100);}@media only screen and (min-width: 480px) and (max-width: 767px){.port{margin: 0 60px 30px;}}.overlay img{vertical-align: bottom;}


/*-----------------------------------------------------------------#Contact------------------------------------------------------------------- */#contact{
box-shadow: inset 0px 0px 11px 0px #000000;
-webkit-box-shadow: inset 0px 0px 11px 0px #000000;
-moz-box-shadow: inset 0px 0px 11px 0px #000000;
-o-box-shadow: inset 0px 0px 11px 0px #000000;
background: url(../images/ozadje-x14brown.jpg) no-repeat center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}.contact-wrap{padding: 70px 0;}
.contact-bg{background-color: #;padding-top: 10px;}#map{width:100%;height:350px;}

.contactform{padding: 0 10px;margin-top: 30px;}.contactform label{font-size: 16px;}.contact-details{padding: 50px 10px 0;}@media only screen and (max-width: 767px){.contact-details{padding-top: 0;}}.contact-details h4{font: 24px 'Oswald', sans-serif;color: #FFF;font-weight: 400;margin-bottom: 20px;}.contact-details span{font-weight: bold;}.contact-details i{display: inline-block;text-align: center;margin-right: 5px;width: 16px;}.contact-details p{color: #FFF;}.errorMessage,.successMessage{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.errorMessage{color: #fff;background-color: #ce0c0c;margin-bottom: 20px;padding: 8px 10px;width: 100%;}.successMessage{color: #fff;background-color: #6C0;margin-bottom: 20px;padding: 8px 10px;width: 100%;}/*-----------------------------------------------------------------#Footer------------------------------------------------------------------- */footer{color: #FFF;width: 100%;background: #080808;padding-top: 20px;text-align: center;}/*-----------------------------------------------------------------#Switcher------------------------------------------------------------------- */#panel{z-index: 11;position: fixed;left: -80px;top: 30%;width: 140px;height: 370px;}#slide{border-radius: 0 8px 8px 0;position: absolute;top: 0;left: 0;background: #111;width: 80px;height: 370px;}#slide ul li{color: #FFF;width: 60px;padding: 0;display: block;margin: 10px 0 0 8px;}#slide ul li a{display: block;width: 60px;height: 20px;}#slide ul li a.yellow{background: #f3da98;}#slide ul li a.green{background: #6C0;}#slide ul li a.blue{background: #39F;}#slide ul li a.red{background: #FF2B2B;}#slide ul li a.orange{background: #F90;}#slide ul li a.pat1{background: #FFF url(../images/patterns/pattern3-50.png);}#slide ul li a.pat2{background: #FFF url(../images/patterns/pattern4-50.png);}#slide ul li a.pat3{background: #FFF url(../images/patterns/pattern5-50.png);}#slide ul li a.pat4{background: #FFF url(../images/patterns/pattern6-50.png);}#slide ul li a.pat5{background: #FFF;}#clickme{border-radius: 0 8px 8px 0;cursor: pointer;text-align: center;position: absolute;top: 20px;right: 0;width: 60px;height: 60px;background: #111;}#clickme i{color: white;line-height: 60px;}@media only screen and (max-width: 767px){#panel{display: none;}}