/* CSS Document */

html, body{color:#fff;font-family:Lato, Arial, Helvetica, sans-serif;background:#000;text-align:center;font-size:13px;padding:0px; margin:0px;line-height:150%;}

#container{position:relative;z-index:3;}

#header{background:#000;padding:12px 38px;margin:0px;height:74px;}
#navs-and-logo{width:870px;position:relative;margin:0px auto;}
#logo{position:absolute;top:0px;right:0px;}
#navs{margin-left:-5px;height:74px;float:left;}
#navs a, #navs img{display:block;margin:0px;padding:0px;}
.navs{float:left;height:74px;}
#navs-left, #navs-right{width:98px;}
#navs-center{width:115px;}
.navs-divider{float:left;background:#a7a9ac;width:1px;height:74px;}

#content{width:840px;padding:60px;margin:0px auto;text-align:left;min-height:300px;}
h1{font-size:14px;font-weight:normal;margin:0px;border-bottom:1px solid #848484;padding-bottom:10px;line-height:100%;}
h2{font-size:13px;font-weight:bold;margin:4px 0px 6px 0px;line-height:100%;}
ul{padding:0px 1em;}
p, ul{margin:0px 0px 1em 0px;}
blockquote{font-weight:bold;font-style:italic;font-size:16px;text-align:center;padding:10px 10px 12px 10px;border-top:1px solid #848484;border-bottom:1px solid #848484;margin:10px 0px;}
hr{height:1px;background:#848484;margin-bottom:10px;border:0 none;}
a, a:link, a:visited{text-decoration:none;color:#d89b2a;}
a:hover, a:active, a:focus{color:#fff;}
.lazy{
	opacity:0;
}
img{border:none; max-width:100%; height:auto;opacity:1;transition:opacity 0.5s ease;}

#footer{width:840px;padding:0px 60px 60px 60px;margin:0px auto;text-align:left;font-size:12px;}
#footer a, #footer a:link, #footer a:visited{text-decoration:none;color:#fff;}
#footer a:hover, #footer a:active, #footer a:focus{color:#ccc;}
#footer #copyright{margin:8px 0px 16px 0px;}
.clear-fix{clear:both;}


#background {
    position: fixed;
    z-index: 2;
    min-height: 100%;
    min-width: 100%;
    height: auto;
	top:0px;
}
#background img {
    height: auto;
    left: 0;
    min-height: 100%;
    min-width: 1024px;
    position: fixed;
    top: 0;
    width: 100%;
}

#background .cycle-slideshow {
    height: auto;
    left: 0;
    min-height: calc(100% - 98px);
    min-width: 100%;
    position: fixed;
    top: 98px;
    width: 100%;
}

/* cyrcle */

.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
}

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;
	
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}
@media (max-width:780px) {
	#header{padding:12px 0px; height:158px;}
	#logo{position:relative;}
	#navs{float:none; margin:0px auto; width:313px; margin-top:10px;}
	#background .cycle-slideshow {
    	height: auto;
    	left: 0;
    	min-height: calc(100% - 182px) !important;
    	min-width: 100%;
    	position: fixed;
    	top: 182px !important;
    	width: 100%;
	}
}