/* HTML Set up */
footer {  position: relative;margin: 0px;  padding:0px; z-index:3;  background:#EA5626;  }

@media only screen and (max-width: 1440px) {
footer { background-position: 140px bottom;  background-size: auto 100%;}
}

@media only screen and (max-width: 1200px) {
footer { background-position: -50px bottom;  background-size: auto 100%;}
}
footer h3 { width: 100%; font-size:1.125rem!important;  font-weight: 400; line-height:1.5rem; margin-bottom:15px;   display: flex; position: relative;  }
footer h3 a {  font-weight:400; vertical-align: top; color: #fff;  }
footer p, footer li {  margin:6px 3px; padding:0px;  font-weight:400; font-size:1.15rem!important; text-align: left; line-height: 1.7rem; color:#666; }
footer p{ 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: .4; text-decoration: none;}
.footer { width: 100%; margin: 0 auto; padding:0px;  display: flex; flex-direction: row; flex-wrap: wrap;   justify-content: space-between; }
.footer-bottom-bar { width: 100%;margin:0px auto; padding:5px 0px;  display: flex; flex-wrap: nowrap;  justify-content:center; border-top: solid 1px rgba(255,255,255,.15); }

.footer-bottom-bar .menu-wrap { display: flex; flex-wrap: wrap; max-width: 1000px; margin: 0px auto; padding: 0px;}
.footer-navigation { width: 100%; margin:0px; padding:20px 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;  } 
.footer-links-holder { margin: 0px; padding:20px 0px 0px 0px; position: relative;  vertical-align: top; }
.footer-links-holder:nth-child(1) { width:10%;   }
.footer-links-holder:nth-child(2) { width:55%; padding-left: 10%; }
.footer-links-holder:nth-child(3) { width:35%; }
@media only screen and (max-width: 1280px) {
.footer-links-holder {padding: 0px;}
.footer-links-holder:nth-child(2) { width:35%; padding-left: 5%; }
.footer-links-holder:nth-child(3) { width:30%; }
}
@media only screen and (max-width: 1200px) {
.footer-links-holder {padding: 0px;}
.footer-links-holder:nth-child(2) { width:37%; padding-left: 3%; }
.footer-links-holder:nth-child(3) { width:30%; }
}
.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.875rem;  font-weight: 400;  color:#fff; display: flex; flex-wrap: wrap;  }
.footer-links li img{ width: 40%; }
.footer-logo{ width: 200px; height:auto; display: block; margin: 0px 10px;}
@media only screen and (max-width: 1200px) {
.footer-logo{ width: 150px; }
}
@media only screen and (max-width: 999px) {
.footer-logo{ width: 80px; margin: 0px; }
 .footer-links li img{ width: 100%; }
   
}
.footer-links li .info-title{width:auto;padding-right: 4px; font-weight: 400; color: #fff;}
.footer-links li .info-txt{width: auto;  font-weight: 400;  color: #fff;}
.no-touch-call{cursor:pointer; pointer-events: none;} 
.social-icons { margin: 10px 0px; padding:10px 0px; width: 100%; display: flex; flex-wrap: wrap;  position: relative;list-style: none;}
.social-icons li i{ opacity: 1!important; width: 36px; max-width: 36px;max-height: 36px; height: 36px; }
.social-icons li a { border-radius: 0; transition: all 0.3s ease 0s;  opacity:1;   }
.social-icons li:hover { opacity: .5; border-radius:99rem;  }
.social-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; list-style: none; border-radius:99rem; border: solid 1px #fff;}
.icon-fb-2{ width:36px; height: 36px; display: block; background: url("../images/icon/icon-fb.svg") no-repeat center ;background-size: 24px; }
.icon-line{ width:36px; height: 36px; display: block; background: url("../images/icon/icon-line.svg") no-repeat center ;background-size:24px;}
.icon-youtube{ width: 36px; height: 36px; display: block; background: url("../images/icon/icon-youtube.svg") no-repeat center ; background-size: 24px;  }
.icon-skype{ width: 36px; height: 36px; display: block; background: url("../images/icon/icon-skype.svg") no-repeat center; background-size:auto;  }
.icon-message {width: 36px; height: 36px;display: block; margin: auto; background: url(../images/icon/shop-2.svg) no-repeat center; background-size: 32px; }
.icon-email{ width:26px; height: 26px; display: block; background: url("../images/icon/email.svg") no-repeat center ; background-size: 20px; }
.icon-tel{ width:26px; height: 26px; display: block; background: url("../images/icon/tel.svg") no-repeat center ; background-size: 20px; }
/* Responsive Mobile Sizes */
@media only screen and (max-width: 999px) {
footer { background-position: right 120px;  background-size: auto 100%;}
footer h3 { font-size:1rem!important; margin-bottom: 0px;   } 
.footer { width: 100%; margin: 0 auto; padding:0px 20px;  }    
.footer-links-holder {margin: 10px auto; }
.footer-links-holder:after {display: none; }
.footer-links-holder, .footer-links-holder.half, .footer-links-holder.third{ width: 100%!important;  flex:0 0 100%;  padding: 0;}
.footer-links-holder h3 a{ width: 100%; flex:0 0 100%; display: block; margin: 0; padding: 0px 10px 0px 0px; cursor: pointer;font-size: 1rem; line-height: 2.5rem; text-align: left;    /* Down Arrows */ }
.footer-links-holde h3{border-bottom: none;}
.footer-links-holder:nth-child(1) { width:100%; display: flex; flex-wrap: wrap; justify-content: space-between;  }
.footer-links-holder:nth-child(2) {width:100%; padding-left: 0px;}
.footer-links-holder:nth-child(3) { width:100%;}
.footer-links-holder::last-child { border-bottom: none!important;  }
.footer-links-holder.active h3::after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.footer-links-holder.active  .footer-links { max-height: 10000px; }
.footer-bottom-bar {  flex-wrap: wrap; text-align: center;order: 2;}
.footer-bottom-bar p{width: 100%; text-align: center; }
 .no-touch-call{cursor:pointer; pointer-events: auto;}    
}