/* ====---- FOOTER 003 ----==== */

/******** FOOTER | FOO ********/
footer{background:#152029}
footer .foo5 a{color:#B0BEC5;text-decoration:none}
footer .foo5 a:focus, footer .foo5 a:hover, footer .foo5 a:active{color:#fff;text-decoration:none}
footer ul, ol{list-style:none;margin:0;padding:0}
footer .list-inline{padding-left:0;list-style:none}
.foo5{margin-top:10px}
.foo5a{padding:10px 0 20px 0;color:#78909C;text-align:left}
.foo5b{padding:10px 0 20px 0;color:#78909C;text-align:right}
@media only screen and (max-width:767px){
.foo5a{display:none}
.foo5b{text-align:center}
}
@media only screen and (max-width:419px){
footer .list-inline > li{padding-right:3px;padding-left:3px}
}

/******** ADDITIONAL ********/
#footer003{background:#152029;opacity:0.88}

footer{color:#B0BEC5;line-height:200%}
footer a{color:#B0BEC5;text-decoration:none}
footer a:hover, 
footer a:focus, 
footer a:active
{color:#fff;text-decoration:underline}

footer .foo-abst-top-bottom{padding-top:40px;padding-bottom:40px}
footer .foo2-abst-top-bottom{padding-top:15px;--alpha3:0.3;border-top:1px solid rgba(255,255,255, var(--alpha3))}

footer ul, ol{list-style:none;margin:0;padding:0}
footer .list-inline{padding-left:0;list-style:none}
footer .list-inline li{padding-right:0;padding-left:10px}
@media only screen and (max-width:419px){
footer .list-inline > li{padding-right:3px;padding-left:3px}
}
footer .foo-headline{font-weight:500;color:#fff;font-size:17px;text-transform:uppercase}
footer .fooline1{width:50px;height:2px;background:#fff;margin:5px 0 15px}
footer .abst-foo{padding-bottom:0px}
footer .foo-txt-ab{width:100%}
footer .tag-img{margin:20px 10px 0px 0px;text-align:left}
footer .tag-img img{max-width:300px}
footer .foobox1-3{padding-top:15px;margin-right:50px}
footer .foo-display{display:inherit}

footer .foo5a, footer .foo5b {font-size:90%}

@media only screen and (max-width:1199px){
footer .foo-display{display:none}
}
@media only screen and (max-width:991px){
footer .foo-display{display:inherit}
footer .abst-foo{padding-bottom:50px}
footer .foobox1-3{margin-right:25px}
}
@media only screen and (max-width:767px){
footer .abst-foo{padding-left:25px}
footer .tag-img{margin:10px 0 0 0 !important;text-align:left}
}

@media only screen and (max-width:991px){
.clear-b3{clear:both}
}
@media only screen and (max-width:767px){
.foo5a{display:block;padding:10px 0 0 0;text-align:center}
}

/******** SOCIALMEDIA ********/
footer .social-grid{max-width:360px}
footer .si-icon-wrap{border-radius:8px;color:#B0BEC5}
footer .si-icon-wrap:hover{} /* Hover edit */