/* Footer */
.footer{width:100%;margin:30px 0 0;padding:0;background:#333;clear:both;position: relative;}
.footer-wrap1{margin:0 auto;padding:0;width:970px;overflow:hidden;position:relative;color:#fff;padding-top:20px;}
.footer-wrap1 a{display:block;text-decoration:none;color:#fff;}
.footer-wrap1 a:hover{display:block;text-decoration:underline;color:#fff;}
.footer-wrap1 .foot1{width:480px;height:170px;float:left;border-right:1px dashed #666;padding-right:20px;}
.footer-wrap1 .foot1 p{margin-left:50px; padding:10px;font-size:12px;line-height:18px;}
.footer-wrap1 .foot1 a{text-decoration:underline;}
.footer-wrap1 .foot1 p b{font-size:18px;}
.footer-wrap1 .foot1 img{float:left;margin:10px 10px 0 0;}
.footer-wrap1 .foot2{width:230px;height:170px;float:left;border-right:1px dashed #666;padding:0 20px;font-size:14px;line-height:30px;}
.footer-wrap1 .foot3{width:150px;height:170px;float:left;text-align:center;padding:0 20px;}
.footer-wrap1 .foot3 p{font-size:14px;line-height:30px;margin:0;}
.footer-wrap1 .foot3 img{margin-top:8px;width:145px;}
.footer-wrap2{width:100%;background:#1b1b1b;overflow:hidden;padding:20px 0 10px;margin-top:20px;clear:both;}
.footer-wrap2 .sites-ring {margin:0 auto;padding:0;width:970px;overflow:hidden;position:relative;}
.footer-wrap2 .sites-ring  a{display:inline-block;float:left;}
.footer-wrap2 .sites-ring  a img{max-width: 100%; height: auto;-webkit-filter: grayscale(100%) brightness(135%) contrast(120%); filter: grayscale(100%) brightness(135%) contrast(120%); transition: filter 0.3s, box-shadow 0.3s; -webkit-transition: filter 0.3s, -webkit-filter 0.3s, box-shadow 0.3s;}
.footer-wrap2 .sites-ring  a:hover img, .footer-wrap2 .sites-ring  a:focus img { -webkit-filter: none; filter: none;}
.footer-wrap2 .members {padding:13px 30px; border-top: 1px solid #666; width: 450px; margin: 20px auto;}
.footer-wrap2 .member{float:left;text-align: center;padding:16px 10px;}
.footer-wrap2 .onlinemedia{padding:0 10px}
/* END Footer */

@media screen and (max-width: 983px) {
    .footer-wrap1, .footer-wrap1 .foot1, .footer-wrap1 .foot2, .footer-wrap1 .foot3, .footer-wrap2 .sites-ring {  width: 96%;padding:2%; text-align:center;clear:both;height:auto; }
    .footer-wrap1 .foot1, .footer-wrap1 .foot2 {border: none; border-bottom: 1px solid #666; }
    .footer-wrap1 p {margin:0 !important;}
    .footer-wrap1 .foot1 img {float:none;}
    .footer-wrap2 .sites-ring a { display: block; float: none;margin:1%;}
    }