/*Footer*/
footer{background:#000000;padding:60px 0 0;overflow:hidden;}
.footer-panel1 h5{text-align: left;
    font: bold 16px/21px 'Lato';
    color: #FFFFFF;
    padding-bottom: 30px;
    margin: 0px;
}
.footer-panel1 p{
    text-align: left;
    font: normal 14px/21px 'Lato';
    color: #FFFFFF;
    opacity: 0.7;
    margin: 0px;
}
.footer-panel1 .follow-us ul{
    margin-bottom:0px;
    margin-top: 0px;
}
.footer-panel1 .follow-us h5{
    text-align: left;
    font:400 14px/30px 'Lato';
    color: #FFFFFF;
    opacity: 0.7;
    margin-top: 10px;
    padding-right: 16px;
}
.footer-panel1 .follow-us ul li a img{
    width: 20px;
    height: 20px;
}
.footer-panel1 p a{
    color: #fff;
}
.footer-panel1 p a:hover{
    color: #ffba00;
}

.footer-panel1 ul li a:hover{color:#eda33f;}
.footer-panel1 ul li a{text-align: left;
    font: normal normal normal 14px/30px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 0.7;}
footer ul{margin-bottom:40px;}
.footer-panel2 p{font-size:.8rem;color:#fff;text-align:right;margin:0px;padding:9px 0;}
.footer-panel2 p a{color:#eee;}
.follow-us footer ul{margin-bottom:0px;}
.footer-input input.form-control{border:1px solid #ffffff2e;background:none; color: #fff;}
.follow-us h3{color:#fff;margin:10px;font-weight: normal;line-height: 14px;font-size: 14px;font: normal normal bold 14px/30px Lato;}
.follow-us{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none; flex-direction: column;}

.follow-us h5{margin: 0px; padding-bottom: 0px;}
.follow-us ul li{display:inline-block;}
.submit-btn{position:absolute;right:20px;top:7px;}
.footer-input{position:relative;}
.footer-input button{border: none;background: none;}
.icon-panel{position:fixed;right:0px;top:35%;z-index:999;}
li.phone a{background:#fff;width:50px;height:50px;display:inline-block;text-align:center;border-radius:50px;line-height:50px;list-style:none;-webkit-box-shadow:1px 1px 7px #00000029;box-shadow:1px 1px 7px #00000029;}
li.pencil a{background:#fff;width:50px;height:50px;display:inline-block;text-align:center;border-radius:50px;line-height:50px;list-style:none;-webkit-box-shadow:1px 1px 7px #00000029;box-shadow:1px 1px 7px #00000029;}
.icon-panel ul li{list-style:none;margin:10px;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px);-webkit-transition:.5s;transition:.5s;}
.icon-panel ul li:hover{-webkit-transform:translate(-10px, 0px);transform:translate(-10px, 0px);-webkit-transition:.5s;transition:.5s;}
li.whatsapp a{background:#FFC300;width:50px;height:50px;display:inline-block;text-align:center;border-radius:50px;line-height:50px;list-style:none;-webkit-box-shadow:1px 1px 7px #00000029;box-shadow:1px 1px 7px #00000029;}
.follow-us ul li{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px);-webkit-transition:.5s;transition:.5s;}
.follow-us ul li:hover{-webkit-transform:translate(0px, -10px);transform:translate(0px, -10px);-webkit-transition:.5s;transition:.5s;}
.mobile-footer{display:none;}
.section-h2 ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.section-h2 ul li{width:50%;}
.section-h2 ul{margin:0;}
.section-h2 ul li h2{margin:0;font-size:14px;font-weight:600;padding:8px 0;}
.section-link{display:flex;flex-wrap:wrap;justify-content:space-between;}
.section-link h2{display:block;text-align:center;width:100%;font-size:14px;font-weight:700;position:relative;}
.section-link h2:before{content:"";width:20%;height:1px;background:#ffffff59;position:absolute;left:20px;bottom:0;top:0;margin:auto;}
.section-link h2:after{content:"";top:0;width:20%;height:1px;background:#ffffff59;position:absolute;right:20px;bottom:0;margin:auto;}
.icon-panel li a, .icon-panel li a img{transition: 0.3s;}
.icon-panel li a:hover{transform: translateX(-2px);}
.icon-panel li a:hover img{transform: rotate(180deg);}

/*Footer RESPONSIVE*/
@media (max-width: 1440px) {
.footer-panel1 .follow-us ul li a img {
    width: 14px;
    height: 14px;
  }
}/*---end css 1440----*/

@media (max-width: 1366px) {
.footer-input input.form-control {
    font-size: 13px;
  }
  .submit-btn {
    position: absolute;
    right: 10px;
    top: 4px;
  }
  .submit-btn img{
   height: 10px;
  }
  .footer-panel1 .follow-us h5 {
    font: 400 12px/30px 'Lato';
    padding-right: 12px;
}
.footer-panel1 .follow-us ul li a img {
    width: 15px;
    height: 15px;
}

}
@media (max-width: 1199px) {
li.nav-item {margin: 0;list-style: none;}
.follow-us ul li img{width: 22px;}
.footer-input input.form-control {
    font-size: 11px;
    right: 5px;
    top: 1;
  }
.submit-btn img{
    height: 8px;
   }

}
@media (max-width: 991px) {
.footer-panel2 .col-md-3{flex: 0 0 100%;max-width: 100%;}
.footer-panel2 .col-md-6{flex: 0 0 100%;max-width: 100%;}
.footer-panel2 p{text-align: center;}
.follow-us{justify-content: center;padding: 0px 0 0;  align-items: center;}
footer .follow-us ul {margin-bottom: 0;}
footer ul {
    margin-bottom: 40px;
}
.footer-panel1 p {
    text-align: center;
    
  }
  footer {
    display: none;
}
.mobile-footer{display:block;
    padding: 60px 0;
}
.mobile-footer .footer-panel1 ul{
    display: flex;
    flex-wrap: wrap;
}
.mobile-footer .footer-panel1 ul li{
    justify-content: space-between;
    width: 48%;
    margin-bottom: 10px;
    display: flex;
    border-bottom:1px solid #1c1c1c ;
    justify-content: center;
}
.mobile-footer .footer-panel1 ul li:nth-child(odd){
    margin-right: 4%;
}
.mobile-footer .footer-panel1 ul li:nth-child(even){
    margin-right: 0%;
}
.mobile-footer .footer-panel1 ul li a{
    font: normal 16px/24px 'Inter';
    padding: 8px 0px;
    opacity: 1;
}

.mobile-footer .footer-panel2 ul li {
    justify-content: space-between;
    width: auto;
    margin-bottom: 10px;
    display: flex;
    border-bottom: none;
    justify-content: center;
    padding: 0px 7px;
}
.mobile-footer .footer-panel2 ul li:nth-child(odd) {
    margin-right: 0;
}
.mobile-footer .footer-panel2 ul li:nth-child(even) {
    margin-right: 0;
}

.footer-input {
    position: relative;
    width: 100%;
    margin: auto;
}
.submit-btn{top: 10px;}
.mobile-footer .footer-input input.form-control {
    border: 1px solid #ffffff2e;
    background: none;
    font: normal 18px/30px 'Lato';
    border-radius: 0;
}
.mobile-footer .footer-panel2 {
    margin-bottom: 50px;
}

}/*----991 css end----*/

@media (max-width: 575px) {
.footer-panel1 h2{font-weight: 700;font-size: 1rem;}
footer{padding: 40px 0 0;}
footer ul { margin-bottom: 30px;}
.footer-panel2 p span{display: block;}
.mobile-footer .footer-panel2 {
    margin-bottom: 60px;
}
}
@media (max-width: 375px) {
.mobile-footer{display:block;
    padding: 40px 0;
}
    .mobile-footer .footer-panel2 {
        margin-bottom: 50px;
    }
}