/*
 * Footer
 *
*/
.footer-box-full{width:100%;float:left}
.footer-box-fixed{margin:0 auto;padding:5px 10px 0}
/*
 * Widgets Light Style
*/
.footer-box-light .footer-box{background-color:#f8f9fa;color:#000}
.footer-box-light .footer-box select{color:#fff}
.footer-box-light .footer-box .hh5{color:#000}
.dark .footer-box-light .footer-box .hh5{color:#fff}
.footer-box-light .footer-col li:before{color:#ccc}
.footer-box-light .footer-col a{color:#000}
.footer-box-light .footer-col a:hover{color:#000}
.footer-box-light .footer-style1{background-color:#fff;color:#333}
.footer-box-light .footer-style1 .footer-nav{border-top:1px solid #e9edf0}
.footer-box-light .footer-style2{background-color:#fff;color:#000}
.footer-box-light .footer-style2 a{color:#000}
.footer-box-light .footer-style2 a:hover{color:#000}
.footer-box-light .footer-col .social li a{color:#fff}
/*
 * Widgets Darken Style
*/
.dark .footer-box-light .footer-box,
.footer-box-dark .footer-box{background-color:#272F34;color:#ddd}
.dark .footer-box-light .footer-box select,
.footer-box-dark .footer-box select{color:#000}
.dark .footer-box-light .footer-col li:before,
.footer-box-dark .footer-col li:before{color:#888}
.dark .footer-box-light .footer-col a,
.footer-box-dark .footer-col a{color:#ddd}
.dark .footer-box-light .footer-col a:hover,
.footer-box-dark .footer-col a:hover{color:#fff}
.dark .footer-box-light .footer-style1,
.footer-box-dark .footer-style1{background-color:#fff;color:#333}
.dark .footer-box-light .footer-style1 .footer-nav,
.footer-box-dark .footer-style1 .footer-nav{border-top:1px solid #393D4A}
.dark .footer-box-light .footer-style2,
.footer-box-dark .footer-style2{background-color:#1E2428;color:#ddd}
.dark .footer-box-light .footer-style2 a,
.footer-box-dark .footer-style2 a{color:#ddd}
.dark .footer-box-light .footer-style2 a:hover,
.footer-box-dark .footer-style2 a:hover{color:#fff}
.dark .footer-box-light .footer-col .social li a
.footer-box-dark .footer-col .social li a{color:#fff}
/*
 * Simple Menu
*/
.menu-footer{border-top:1px solid #e9edf0;border-bottom:1px solid #e9edf0}
.menu-footer li:after{color:#ddd}
.copyright-center-b{border-top:1px solid #e9edf0}
.dark .menu-footer{border-color:#272F34}
.dark .menu-footer li:after{color:#354047}
.dark .copyright-center-b{border-color:#272F34}
/*
 * Footer
 *
 * Copyright + Widgets
 *
*/
.footer-full{width:100%;float:left;clear:both}
/*
 * Footer
 *
 * Copyright + Navigation
 *
*/
.footer-fixed{clear:both;margin:0 auto;padding:0 10px;width:100%}
/*
 * Footer
 *
 * Menu navigation
 *
*/
.menu-nav{margin:0 auto}
.menu-footer{text-align:center;margin:0 auto}
.menu-footer li{display:inline;line-height:35px;list-style:none;padding:0 5px}
.menu-footer li:after{content:" | ";padding:0 5px}
.menu-footer li:last-child:after{content:""}
/*
 * Footer
 *
 * Copyright Info
 *
*/
.footer-wrapper{padding:0 0 5px}
.footer-wrapper *{line-height:35px;height:35px}
.footer-nav *{line-height:35px;height:35px}
.footer-nav{margin:0 auto;width:100%;padding:0 10px}
.copyright{float:left}
.copyleft{float:right}
.copyright-center{width:100%;text-align:center}
.rtl .footer-full,
.rtl .copyright{float:right}
.rtl .copyleft{float:left}

@media only screen and (max-width:986px) and (min-width:768px){
	.footer-fixed{padding:0 10px;width:100%}
	.footer-fixed .menu-footer{width:100%!important}
	.footer-width-1{width:100%!important}
	.footer-width-2{padding:0 10px;width:666px!important}
	.footer-wrapper *,
	.footer-nav *{height:auto}
	.copyright,
	.copyleft{float:left;text-align:center;width:100%!important}
	.rtl .copyright,
	.rtl .copyleft{float:right;text-align:center}
}
@media only screen and (max-width:767px) and (min-width:560px){
	.footer-fixed{width:100%;padding:0 10px}
	.footer-fixed .menu-footer{width:100%}
	.footer-width-1{width:100%}
	.footer-width-2{width:100%;padding:0 10px}
	.footer-wrapper *,
	.footer-nav *{height:auto}
	.copyright,
	.copyleft{text-align:center;float:left;width:100%!important}
	.rtl .copyright,
	.rtl .copyleft{float:right}
}
@media only screen and (max-width:559px){
	.footer-fixed{width:100%!important;padding:0 2%}
	.footer-fixed .menu-footer{width:100%!important}
	.footer-width-1{width:100%!important}
	.footer-width-2{width:100%!important;padding:0 2%}
	.footer-box-fixed{padding:2%}
	.footer-wrapper *,
	.footer-nav *{height:auto}
	.copyright,
	.copyleft{text-align:center;float:left;width:100%!important}
	.rtl .copyright,
	.rtl .copyleft{float:right}
}