/* HTML Set up */
footer {  position: relative;margin: 0px;  padding:0px; z-index:3;  color:#fff; }
footer h3 { width: 100%; font-size:1.275rem;  font-weight: 700; line-height:1.5rem; margin-bottom:15px;  color:#fff;  text-transform:uppercase;position: relative;  }
footer h3  a {  font-weight:700; vertical-align: top; color:#fff; }
footer p { margin:6px 3px; padding:0px;  font-weight:400; font-size:1rem;   line-height: 1.7rem; color:#fff; }
footer li { margin:6px 3px; padding:0px;  font-weight:400; font-size:1rem; text-align: left; line-height: 1.7rem; color:#fff; }
footer a { color:#fff!important; text-decoration: none; -webkit-transition: color .5s, background .5s; transition: color .5s, background .5s; }
footer a:hover { opacity: .6; text-decoration: none;}

.bg-blue{background-color: #004098}
.bg-bk{background-color: #c3112d}
.footer { width: 100%; margin:0px auto auto auto; padding:40px 0px 20px 0px;   }
.footer-bottom-bar { width: 100%;margin: auto; padding:5px 0px; font-weight: 400;  border-top: solid 1px rgba(255,255,255,.2); }
.footer-bottom-bar .menu-wrap { display: flex; flex-wrap: wrap;  margin: 0px auto; padding: 0px;}

.footer-bottom-bar-right{width: 50%; padding-right: 10px; text-align: right; display: flex;  flex-wrap: wrap; justify-content: flex-end }
.footer-bottom-bar-left{width: 50%; text-align: left;  display: flex; flex-direction: row; flex-wrap: wrap; }
.footer-navigation { width: 100%; margin:0px; padding: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;  } 
.footer-links-holder { margin: 0px; padding:40px 10px; position: relative;  vertical-align: top; }

/*first-level*/

.first-level .footer-links-holder{ width:calc(100%/8) }
/*second-level*/
.second-level .footer-links-holder:nth-child(1){ width:33%;padding: 40px 3% 0px 0px; border-right: solid 1px rgba(255,255,255,.2)}
.second-level .footer-links-holder:nth-child(2){ width:25%;padding-left: 4% }
.second-level .footer-links-holder:nth-child(3){ width:20%; }
.second-level .footer-links-holder:nth-child(4){ width:15%; }


.footer-links-holder figure{display: block; margin: auto;}
.footer-links-holder.half li{flex:0 0 50%;  padding: 0px; margin:5px 0px;   }
.footer-links{ margin: 10px 0px; padding:0px;width: 100%; vertical-align: top; display: flex; flex-wrap: wrap; list-style: none; -webkit-transition: max-height .5s; transition: max-height .5s; }
.footer-links li{flex:0 0 100%; margin:5px 0px;   line-height: 1.5rem;  font-weight:400;  color:#fff; display: flex; flex-wrap: wrap; }
.footer-links li img{ width: 100%; filter:invert(100%) brightness(5) grayscale(1)}
.footer-logo{ width:260px; height:auto; display: block; margin: 0px;filter:invert(100%) brightness(5) grayscale(1) }
.footer-wrap{ display: flex; flex-wrap: nowrap; align-items: center}
.footer-logo-2{ width:200px; height:auto; margin: 0px 0px 20px 0px;filter:none; }
.footer-links li .info-title{width:19%; font-weight: 700;   }
.footer-links li .info-txt{width:calc(100% - 19%);  }


.no-touch-call{cursor:pointer; pointer-events: none;} 
.share-icons { margin: 0px; padding: 0px; width: auto; display: flex; flex-wrap: wrap; align-items: center; color: #fff; font-weight: 700; position: relative;list-style: none;}
.share-icons li i{ opacity: 1!important; width: 36px; max-width: 36px;max-height: 36px; height: 36px; }
.share-icons li a { border-radius: 0; transition: all 0.3s ease 0s;  opacity:1; }
.share-icons li:hover {  border-radius:99rem; overflow: hidden}
.share-icons li {position: relative;  z-index: 1; display: flex;  align-items: center; justify-content: center; text-align: center; width: 36px; max-width: 36px;max-height: 36px; height: 36px; opacity: 1!important;margin: 0px 5px 0px 0px; list-style: none; }
   
.icon-fb-2{ width:36px; height: 36px; display: block; background: url("../images/icon/icon-fb.svg") no-repeat center; background-size: 26px;}
.icon-line{ width:36px; height: 36px; display: block; background: url("../images/icon/icon-line.svg") no-repeat center ; background-size: 26px; }
.icon-youtube{ width: 36px; height: 36px; display: block; background: url("../images/icon/icon-youtube.svg") no-repeat center ;  background-size: 26px;}
.icon-Linkedin{ width: 36px; height: 36px; display: block; background: url("../images/icon/icon-linkedin.svg") no-repeat center ;  background-size:26px;}
.icon-email{ width:26px; height: 26px; display: block; background: url("../images/icon/email.svg") no-repeat center ; background-size: 20px; }
.icon-tel{ background-image:url("../images/icon/icon-tel.svg");background-repeat: no-repeat; background-position: center; background-size:30% auto;}    
.icon-message {width: 26px; height: 26px;display: block; margin: auto; background: url("../images/icon/shop-1.svg") no-repeat center; background-size: 26px; }
.share-icons li:hover .icon-line{background-color:#03ad25;}
.share-icons li:hover .icon-youtube{background-color:#f44336;}
.share-icons li:hover .icon-fb-2{background-color:#2196f3;}
.share-icons li:hover .icon-Linkedin{background-color:#004098;}
 
@media only screen and (max-width: 1366px) {
footer h3{font-size:1rem; } 
footer p, footer li { font-size:.9rem;}	
.footer-links-holder {padding:40px 0px;}	
}
  
 /* Responsive Mobile Sizes */
@media only screen and (max-width:999px) {
.footer-navigation {  padding: 0px 20px;   } 	
.footer-links-holder {  width: 100%!important;  margin: 0; padding:0px;border-bottom: solid 1px rgba(255,255,255,.35); }
.footer-links-holder h3 { width: 100%;  display: block; margin: 0; padding:20px 0px 10px 0px; cursor: pointer; }
.footer-links-holder::last-child {border-bottom: none;}
.footer-links-holder.active .footer-links { max-height: 10000px; }
.second-level .footer-links-holder:nth-child(1){  padding: 0px; border-right: none}
.second-level .footer-links-holder:nth-child(2){  padding-left: 0 }
.share-icons { margin:0px auto 10px auto; padding: 0px; position: relative;  width: 100%; right: auto; bottom:auto; }
.footer-logo{width: 200px; margin: 0px; }
.footer-bottom-bar {text-align: center; padding:10px 0px; border-top:none;   }
.no-touch-call{cursor:pointer; pointer-events: auto;} 
/*second-level*/
.second-level .footer-links { min-height: 100px; }
.second-level .footer-links-holder  h3::after {display: none;}
.footer-bottom-bar-right{width:100%; padding-right: 0px;padding-left: 20px   }
.footer-bottom-bar-left{width: 100%; text-align: left;  padding-left: 20px   }

}
@media only screen and (max-width: 767.98px) {
footer { background-size: 200% auto!important; }
.footer { padding:0px 0px 40px 0px; }	
.footer-links-holder.half li{flex:0 0 100%; }
.second-level .footer-links {  min-height: 180px; }

}
@media only screen and (max-width: 320px) {
.footer-links-holder h3 { font-size: 1rem; }  
.footer-links li .info-title{width:100%;}
.footer-links li .info-txt{width:100%; }
.footer-navigation {  padding: 0px;   } 	
.footer-bottom-bar-right{ padding-left: 0px   }
.footer-bottom-bar-left{padding-left: 0px   }
}