@charset "utf-8";
/* CSS Document */
.footer *{ font-weight:normal; list-style:none; box-sizing:border-box;}
.footer{ background:#262d34;  color:#999999;font-family: 'Open Sans', sans-serif !important; font-size:13px; box-sizing:border-box;border:none;}
.inner-mainwidth{ max-width:1158px; margin: auto;padding:10px;}
.clear{ clear:both;}
.footer h2{ font-size:20px; color:#fff; font-weight:400; margin-bottom:20px; margin-top:20px;font-family: 'Open Sans', sans-serif !important;  }
.footer a{color:#999999; text-decoration:none;}
.footer a:hover{color:#fff;}
.footer-left {
    float: left;
    width: 50%; max-width:477px; padding-bottom:20px;
}
.footer-right {
    float: right;
    width: 50%;max-width:240px; padding-bottom:20px;
}
.footer-right h2{ font-size:15px; text-transform:uppercase; font-weight:600}
.footer-left li i{ color:#3abcde; font-size:20px;  position: absolute; left:0}
.footer-left li {  width:35%; padding-right:5px; padding-left:35px; position:relative; margin-top:15px; float:right;}
.footer-left li:nth-child(odd){ width:65%; float:left}

.s-media a span{ width:40px; height:40px; text-align:center; background:#3d4752; display:inline-block; border-radius:4px; line-height:41px;}
.s-media a{ display:inline-block; padding: 0 2px;}
.s-media a span i{ font-size:18px; color:#fff;}
.footer2{ border-top:1px solid #3d4752;}
.footer2 a{ display:inline-block;}
.copyright{ padding:5px 0 10px; float:left; width:50%;}
.footer-r-links{ padding:5px 0 10px; float:right; width:50%; text-align:right;}
@media only screen and (max-width: 1599px) {#mainbody{margin-right:0%;}
}
@media only screen and (max-width: 767px) {
	.footer-left , .footer-right{ width:100%; float:left; max-width:none}
}
@media only screen and (max-width: 500px) {
	
	
	.footer-left li{ width:100%}
	.copyright , .footer-r-links{ width:100%; text-align:center;}
	
	}