@charset "utf-8";
/* CSS Document */


#menu{display:none;}

.works_iframe{width:100%; height:760px; float:left; background:#111 !important; overflow:visible !important;}

#header-st{float:left; width:100%; height:101px; background: rgba(0,0,0,1) url(../images/header.jpg); background-repeat:no-repeat; position:absolute; top:0; z-index:500;}
#header-st img{float:left; border:0px; padding:20px 0px 0px 25px}
#header-st ul{float:right; color:#535353; padding:60px 15px 0px 0px; margin:0px; font-size:11px}
#header-st ul li{float:left; padding:0px 10px 0px 0px; list-style-type:none}
#header-st ul a{transition:all 0.2s; color:#535353; text-decoration:none}
#header-st ul a:hover{color:#838383}


#main-menu-container2{width:100%; height:auto; float:left; position:relative; margin-top:0px; top:0; z-index:400;}
#main-menu-container{width:100%; height:auto; float:left; position:relative; margin-top:0px; top:100px; z-index:400;}
#main-menu{width:100%; height:40px; float:left;background:#222; border-bottom:1px solid #333333; box-shadow: 1px 1px 0px #000; }
#main-menu a{width:auto; height:40px; float:right; padding:0 20px 0 20px; display:block; line-height:40px; border:1px solid #333333; box-shadow: 1px 1px 0px #000; margin-left:2px; border-top:0; }
#main-menu a:last-child{ border-left:0;}
.fixed_logo{ float:left;}
.fixed_logo a{ border:0 !important; box-shadow:none !important;}




#footer-main{width:100%; height:auto; float:left; background:#111; padding:0 40px 0 40px;}


#footer-main-top{float:left; padding-top:8px; width:100%; height:50px; border-bottom:1px solid #303030}
.footer-main-top-left{float:left; height:40px; margin:12px 0px 0px 0px; padding:0px}
.footer-main-top-left li{float:left; list-style-type:none; padding-right:10px; color:#5b5b5b}
.footer-main-top-left li a{color:#5b5b5b; text-decoration:none}
.footer-main-top-left li a:hover{color:#787878; text-decoration:underline}
ul.social-media{float:right; margin:5px 0px 0px 0px}
ul.social-media li{float:left; list-style:none outside none; border:none}
ul.social-media li a{background-color:transparent; background-image:url(../images/social-media-icons.png); background-repeat:no-repeat; background-size:auto 96px; border:0 none; color:white; direction:ltr; display:block; height:32px; overflow:hidden; text-align:left; text-decoration:none; text-indent:-999em; transition:all 0.2s ease 0s; width:32px}
.ie7 ul.social-media li a, .ie8 ul.social-media li a{background-image:url(../images/social-media-icons.png)}
ul.social-media li.facebook a{background-position:0 0}

ul.social-media li.googleplus a{background-position:-32px 0; -webkit-transition:all 0.2s}
ul.social-media li.twitter a{background-position:-64px 0; -webkit-transition:all 0.2s}
ul.social-media li.linkedin a{background-position:-96px 0; -webkit-transition:all 0.2s}
ul.social-media li.blog a{background-position:-128px 0; -webkit-transition:all 0.2s}

ul.social-media li.facebook a:hover, #sidebar ul.social-media li.facebook a:hover{background-position:0 -32px}
ul.social-media li.googleplus a:hover, #sidebar ul.social-media li.googleplus a:hover{background-position:-32px -32px}
ul.social-media li.twitter a:hover, #sidebar ul.social-media li.twitter a:hover{background-position:-64px -32px}
ul.social-media li.linkedin a:hover, #sidebar ul.social-media li.linkedin a:hover{background-position:-96px -32px}
ul.social-media li.blog a:hover, #sidebar ul.social-media li.blog a:hover{background-position:-128px -32px}
.footer-main-bottom{float:left; margin:10px 0px 10px 0px; padding:0px; width:100%; height:70px; text-align:center; list-style-type:none}
.footer-main-bottom li{line-height:24px; margin:0px; padding:0px; color:#5b5b5b}
.footer-main-bottom li a{color:#5b5b5b; text-decoration:none}
.footer-main-bottom li a:hover{color:#787878; text-decoration:underline}



@media all and (max-width: 1366px) {
	
.works_iframe{min-height:600px; height:100% !important;}
	
}


@media all and (max-width: 960px) {
	
	#header-st img{ padding-left:10px; padding-top:10px;}
	#main-menu{ display:none;}
	.works_iframe{height:600px;}
	#menu{display:block;}
}

@media only screen and (min-width:480px) and (max-width:640px) 
{
	
.footer-main-top-left li a{width:300px; display:block;float:left; line-height:24px;}
.footer-main-top-left{ height:auto;}
#footer-main-top{ height:auto;}

#header-st ul{ padding-top:10px; }
#header-st ul a{color:#fff;}
	
}


@media only screen and (max-width:480px) 
{

.works_iframe{min-height:500px;}

#header-st ul{ padding-top:10px; }
#header-st ul a{color:#fff;}

.footer-main-top-left li a{width:180px; display:block;float:left; line-height:24px;}
.footer-main-top-left{ height:auto;}
#footer-main-top{ height:auto;}



}