/*
Theme Name: E-KLAN Template
Author: Judah Andrew

Description: Main CSS
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Copyright 2018. All Right Reserved
Everyone is permitted to copy and distribute verbatim copies
of this license document, but changing it is not allowed.

*/

.benefit-cont1,.benefit-cont3{border-right:.5px solid #f69321}.benefit-cont2,.benefit-cont4{border-left:.5px solid #f69321}.menu-link a,a:hover{text-decoration:none}body{font-family:'Noto Sans',sans-serif;color:#777;font-size:17px}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;line-height:normal}small{font-size:10px;padding-top:15px;display:block}.madv-car,.road-adv,.ver-line{display:none}.img-rwd{height:100%;width:100%}section{padding:15px 0}#header-section{padding-top:30px}.logo-wrap a img{height:50px;width:auto}.menu-wrap{border-top:3px solid #f59220;margin-top:15px}.benefit-cont3,.benefit-cont4{border-top:.5px solid #f69321}.split1-img,.split1-section,.ver-line{margin-top:-30px}.acc-wrap{padding-top:20px;text-align:right}.grey-bg{background-color:#f5f6f7}.split1-section{padding-top:0}.split-wrap{padding:85px}.split3-btn{margin-top:125px}.splitadv1-section{background-color:#f69321;border-bottom:10px solid #ea088c;color:#fff}.benefit-cont1,.benefit-cont2{border-bottom:.5px solid #f69321}.adv-car{position:absolute;height:500px;width:auto;top:50px}.madv-car{max-width:270px;height:auto;margin:30px auto 0}.splitadv2-section{padding-top:150px}.our-benefit{padding:70px 0 30px}.benefit-cont{padding:5px 50px}.right-benefit{padding:50px 0}.left-benefit{padding:50px 10px}.splitadv3-section{background:url(../images/e-klan-image-adv.png) bottom right no-repeat;background-size:50%;padding-bottom:0;margin-bottom:-15px}.splitdrv1-section{background-color:#ea088c;border-bottom:10px solid #f69321;color:#fff}.splitdrv2-section{margin-top:300px;background:url(../images/e-klan-image-drv-bg.png) bottom right no-repeat;background-size:100%}.drv-right{text-align:right;padding-bottom:300px}.drv-left-wrap,.drv-right-wrap{padding:50px 30px}.drv-wrap{border-bottom:2px solid #ccc}.menu-link{font-weight:500;margin-top:5px;padding-left:0}.menu-link *{box-sizing:border-box}.menu-link li{display:inline-block;list-style:none;margin:0 2em 0 0;padding:0}.menu-link a{padding:.35em 0;color:rgba(0,0,0,.5);position:relative;letter-spacing:1px}.menu-link a:after,.menu-link a:before{position:absolute;-webkit-transition:all .35s ease;transition:all .35s ease}.menu-link a:before{top:0;display:block;height:3px;width:0%;content:"";background-color:#ea088c}.btn,.footer-menu li{display:inline-block}.menu-link a:after{left:0;top:0;padding:.35em 0;position:absolute;content:attr(data-hover);color:#000;white-space:nowrap;max-width:0%;overflow:hidden}.btn,.footer-menu li a{color:#fff;transition:.5s}.menu-link .current a:before,.menu-link a:hover:before{opacity:1;width:100%}.menu-link .current a:after,.menu-link a:hover:after{max-width:100%}.btn{padding:3px 30px;text-align:center;text-transform:uppercase;background-size:100% auto;border-radius:7px;border:none}.btn-big{font-size:25px;padding:20px 50px}.btn-grad{background-image:linear-gradient(to right,#ee277c,#fd4064,#ff5c4d,#ff7937,#f79524 90%)}.btn-grad:hover{background-position:right center}footer{background-image:linear-gradient(to right,#ee277c,#fd4064,#ff5c4d,#ff7937,#f79524);padding:25px 0 15px;margin-top:15px}.footer-menu{padding:0}.footer-menu li{list-style:none;padding:0 15px 0 0}.footer-menu li a{font-size:12px}.footer-menu li a:hover{color:#000}

/* RESPONSIVE */

@media (max-width: 1200px) {
} 

@media (max-width: 991px) {
  .logo-wrap, .menu-wrap, .acc-wrap  {text-align: center;}
  .menu-link li {margin: 0 1em;}
  .split-wrap {padding: 30px;}

  .split3-section {text-align: center;}
  .ver-line {margin-top: -30px; display: block;}
  .split3-btn {margin-top: 15px;}

  .splitadv1-section {text-align: center;}
  .adv-car {display: none;}
  .madv-car {display: block;}

  .benefit-cont {padding: 5px 20px;}
  .left-benefit {padding: 10px}
  .benefit-cont1, .benefit-cont2, .benefit-cont3, .benefit-cont4 {border: 0.5px solid #f69321; margin: 30px;}

  .splitadv3-section {background: none}
  .road-adv {display: block;}  

  .splitdrv2-section {margin-top: 30px;}
  .drv-right {text-align: center; padding-bottom: 200px;}  
} 

@media (max-width: 767px) {

}
 
@media (max-width: 480px) {
}

@media (max-width: 320px) {
}