/*========================
Footer
========================*/

footer .wrap { padding:0 4%; }

footer { background: #2d2d2d; float: left; width: 100%; }
.footer-title { color: #FFF; text-transform: uppercase; font-family: din_next;  }
footer ul li { color: #f39b69; font-size: 12px; line-height: 22px;}
footer ul li a { color: #FFF; padding-left:10px; font-size: 12px; }
.fifty-footer { width: 100%; float: left; }
.fifty-footer ul li a { color: #FFF; padding-left: 0px; font-size: 12px; }

footer p { color: #FFF; }

footer .logo {width: 180px;}
footer .logo img {width:100%; height: auto;}
.signature img {width:80px; float: left;}
.signature p {float: left; font-size: 11px; width: auto; margin: 0 0 20px 20px;}
.logo-area {width:100%; background: #dadada; height: 80px; margin: 20px 0; clear: both;}

.footer-bottom { float: left; width: 100%; background: #323232; }
.footer-bottom p { color: #aeaeae; font-size:12px; width: 80%; padding:28px 0 0 0;  }
.footer-bottom ul { float: left; width: 80%; padding:24px 20px 0 0; text-align: left;}
.footer-bottom ul li a { color: #aeaeae; font-size: 12px; }
.footer-bottom ul li { display: inline-block; }


.back-to-top { float: right; background: #000; padding:15px; text-align: center; border-radius: 8px; margin-bottom: 15px; margin-top: 15px;  }
.back-to-top i { color: #FFF; font-size: 30px; line-height:11px; }

.quote { font-style:italic;}
.footer-bottom .by { width:auto; float: right; padding-right: 10px; }



/* =======================================
 @ 500
======================================= */
@media only screen and (min-width: 500px) {


.fifty-footer { width: 50%; }

.footer-bottom ul { width: 50%; }
.footer-bottom p { width: 25%; }

}



/* =======================================
 @ 700
======================================= */
@media only screen and (min-width: 700px) {




footer .span_1_of_3:nth-child(2) { width: 50% !important; }
footer .span_1_of_3:nth-child(3) { width: 50% !important; }


.footer-bottom ul { width: 40%; }

}


/* =======================================
 @ 771
======================================= */
@media only screen and (min-width: 771px) {


.footer-bottom ul { float: right;  padding:24px 20px 0 0; text-align: right;}


footer .span_1_of_3:nth-child(2) { width: 32.26% !important; }
footer .span_1_of_3:nth-child(3) { width: 32.26% !important; }

}





/* =======================================
 @ 1200
======================================= */
@media only screen and (min-width: 1200px) {

footer .wrap { padding:0; }
.footer-bottom ul { width: 40%; }
.back-to-top { margin:10px 0; }

}