/* HTML Set up */
footer {  position: relative;margin: 0px;  padding:0px; z-index:3; background: #4c4f54; text-transform:uppercase }
footer h3 { width: 100%; font-size:1.125rem!important;  font-weight: 400; line-height:1.5rem; margin-bottom:15px;   display: none; position: relative;  }
footer h3  a {  font-weight:700; vertical-align: top; color:#000!important; }
footer p, footer li {  margin:6px 3px; padding:0px;  font-weight:400; font-size:.9rem;   text-align: left; line-height: 1.7rem; color:#798385; }
footer p{ color:#798385; }
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:0px auto auto auto; padding:30px 0px 0px 0px;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;  }
.footer-bottom-bar { width: 100%;margin: auto; padding:5px 0px;  display: block;  text-align: center;  border-top: solid 1px rgba(0,0,0,.15); }
.footer-bottom-bar p { width: 100%;  text-align: center; color: #fff;   }
.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:20px; position: relative;  vertical-align: top; }
.footer-links-holder:nth-child(1) { width:20%;   }
.footer-links-holder:nth-child(2) { width:calc(100% - 20%); }

.footer-links-holder figure{display: block; margin: auto;}
.footer-links.half{justify-content: flex-end;}
.footer-links.half li{flex:0 0 auto;  padding: 0px; margin:5px 15px;  font-size: 1.5rem;  font-size: min(max(3.5vw, 1rem), 1.5rem); }
.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 auto; margin:5px 15px; line-height: 1.5rem;  font-weight: 700;  color:#798385; display: flex; flex-wrap: wrap;  }
.footer-links li img{ width: 40%; }
.footer-logo{ width: 200px; height:auto; display: block; margin: 0px;}
.footer-links li .info-title{width:auto; font-weight: 700; color: #fff;}
.footer-links li .info-txt{ color: #fff;}
.info{ padding:20px 0px 20px 40%; justify-content: flex-end;  }

.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; border-radius:99rem;  background-color: transparent; border: solid 1px #fff;}
.social-icons li a { border-radius: 0; transition: all 0.3s ease 0s;  opacity:1; }
.social-icons li:hover { opacity: .5;   }
.social-icons li:hover i{ opacity: 1;  transform: scale(1.1)}
.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;   transition: all 0.3s ease 0s; }
.social-icons li:hover .icon-fb-2{  background-color:#425993;border: solid 1px #425993;  transition: all 0.3s ease 0s;}
.social-icons li:hover .icon-line{  background-color: #4caf50;  border: solid 1px #4caf50;  transition: all 0.3s ease 0s; }
.social-icons li:hover .icon-youtube{  background-color: #d51c1c ;  border: solid 1px #d51c1c;  transition: all 0.3s ease 0s; }
.social-icons li:hover .icon-Linkedin{ background-color: #3576b0;;  border: solid 1px #3576b0;  transition: all 0.3s ease 0s;  }

 
.icon-fb-2{ width:36px; height: 36px; display: block; background: url("../images/icon/icon-fb.svg") no-repeat center ; background-size: 18px;   }
.icon-line{ width:36px; height: 36px; display: block; background: url("../images/icon/icon-line.svg") no-repeat center ; background-size: 18px; }
.icon-youtube{ width: 36px; height: 36px; display: block; background: url("../images/icon/icon-youtube.svg") no-repeat center  ;  background-size: 18px;  }
.icon-Linkedin{ width: 36px; height: 36px; display: block; background: url("../images/icon/icon-linkedin.svg") no-repeat center ;;  background-size: 18px;  }
.icon-message {width: 26px; height: 26px;display: block; margin: auto; background: url(../images/icon/email.svg) no-repeat center; background-size: 20px; }
.icon-email{ width:26px; height: 26px; display: block; background: url("../images/icon/email.svg") no-repeat center ; background-size: 20px; }

/* Responsive Tablet Sizes */
@media only screen and (max-width:1024px) {
.footer{ flex-wrap: wrap; }
.footer .footer-navigation { width: 100%; }
.footer .footer-navigation .footer-links-holder { padding:0px; }
}
 
 /* Responsive Mobile Sizes */
@media only screen and (max-width: 999px) {
.footer-links-holder { width: 100%;   margin: 0; border-bottom: solid 1px rgba(102,102,102,.2); }
 .footer-links-holder:nth-child(1), .footer-links-holder:nth-child(2) { width: 100%; }
.footer-links-holder::last-child {border-bottom: none;}
    .footer-links {margin: auto;}  
.footer-links.half{justify-content: flex-start; flex-wrap: wrap; padding-left: 10px;}
 .info{justify-content: center; padding: 15px;}   
/*.footer-links { max-height: 0; overflow: hidden; padding:0px;  }
 .footer-links-holder.active .footer-links { max-height: 10000px; }*/

  .footer-links li{flex:0 0 100%;  margin:5px 8px;   }
    .footer-links.half li{flex:0 0 40%;margin:5px 8px;  }
.footer-links-holder.half li{flex:0 0 100%;margin:5px 8px;  }

.social-icons { margin:0px auto 10px auto; padding: 0px; position: relative; justify-content: center; width: 100%; right: auto; bottom:auto; }
.footer-logo{ margin: 10px auto; }
.footer-bottom-bar {text-align: center; padding: 0px;}
.no-touch-call{cursor:pointer; pointer-events: auto;} 
.bar-left{ width: 100%; text-align: center;  }
.bar-right{width: 100%; text-align: center; }
}