/* CSS Document */
footer span { display:inline-block;}
footer a { color:#fff;}
footer a:hover { color:#fff; text-decoration:underline;}
.footer-top { background:#3f3f3f; padding:20px 15px; color:#fff; font-size:13px;}
.footer-top li { display:inline-block; vertical-align:top; padding-right:50px;}
.footer-top li:nth-of-type(1) { width:calc(40% - 6px);}
.footer-top li:nth-of-type(2), .footer-top li:nth-of-type(3) { width:calc(30% - 6px);}
.footer-top li i { display:inline-block; width:26px; vertical-align:top; text-align:left; font-size:16px; padding-top:3px;}
.footer-top-data { display:inline-block; width:calc(100% - 26px - 6px); vertical-align:top;}
.footer-top li > span { font-family:Abel; color:#fff; font-size:20px; text-transform:uppercase; display:block; padding-bottom:4px;}
.tel, .tel:hover { color:#fff; cursor:default; text-decoration:none !important;}
.footer-top li:nth-of-type(3) a { display:inline-block; margin:0 4px 4px 0; line-height:0;}
.footer-top li:nth-of-type(3) a:hover { background:#fff;}

.copyright { text-align:center; padding:25px 15px; color:#838383; font-size:13px; line-height:20px;}
.copyright span { display:inline-block;}


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

}

@media only screen and (max-width: 768px) {
.footer-top li { width:100% !important; padding:0 0 15px 0;}
.footer-top li:nth-of-type(3) { text-align:center; border-top:1px solid rgba(255,255,255,.2); padding-top:20px;}
}
@media only screen and (max-width: 640px) {

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

}

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

}

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

}