@font-face{font-family:'Lato_regular';src:url(../fonts/lato/Lato-Regular.ttf)}
@font-face{font-family:'Montserrat_regular';src:url(../fonts/montserrat/Montserrat-Regular.ttf)}
@font-face{font-family:'Montserrat_bold';src:url(../fonts/montserrat/Montserrat-Bold.ttf)}
@font-face{font-family:'Montserrat_semibold';src:url(../fonts/montserrat/Montserrat-SemiBold.ttf)}
body{font-family: 'Lato_regular';font-size: 18px;}
h1{font-family: 'Montserrat_semibold';}
h2,h3,h4,h5{font-family: 'Montserrat_regular';}
.padding-0{padding: 0;}
nav.navbar {
    min-height: 95px;  
    margin: 0;  
}
.navbar-brand{height: auto;}
#myNavbar ul.nav {margin: 42px 0;}
#myNavbar .nav a {
    font-size: 18px;
    margin: 0 40px 0 0;
    color: #555;
    padding: 15px 0 15px 0;
}
#myNavbar .nav a:hover, #myNavbar .nav li.active a {
    background: transparent;
    color: #82B23A;
    border-bottom: 2px solid;
}
.contactM a {
    background: #82B23A !important;
    color: #fff !important;
    border-radius: 43px;
    padding: 15px 32px !important;
    margin-right: 0 !important;
}
.contactM a:hover {
    background: #052033 !important;
}
#homeBannerSection {
    background: url(../../assets/images/truck.jpg);
    min-height: 650px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.bannerText{
    position: absolute;
    top: 32%;
    max-width: 30%;
    background: rgba(255,255,255,.8);
    padding: 20px;
    box-shadow: 1px 1px 15px #000;
}
.bannerText h3{
    color: #000;
    font-size: 40px;
    font-family: 'Montserrat_regular';
    text-shadow: 2px 1px #aaa;
    text-transform: capitalize;
    line-height: 50px;
    margin: 0;
}
#mainContent {
    padding: 95px 0;
}
#mainContent h1{margin: 30px;}
.blockHeading {
    font-size: 30px;
    font-family: 'Montserrat_semibold';
    margin: 20px 0;
}
.blockSubHeading {
    font-size: 22px;
    font-family: 'Montserrat_semibold';
    margin: 20px 0 10px;
}
/* .aboutblockWrapper{padding: 80px 65px 65px 0;}
.activityblockWrapper{padding: 80px 0px 95px 95px;} */
.aboutblockWrapper, .activityblockWrapper{padding: 0px 40px;font-size: 15px;}
/* .aboutBlockImg,.activityBlockImg,.brandBlockImg,.workBlockImg{
    display: none;
} */
#aboutBlockSection{
    background: url(../../assets/images/About-us.jpg);
    /* min-height: 650px; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: 50% 100%    
}
#activityBlockSection{
    background: url(../../assets/images/Our-Activity.jpg);
    /* min-height: 650px; */
    background-repeat: no-repeat;
    background-position: left;
    background-size: 50% 100%;
}
#brandBlockSection{
    background: url(../../assets/images/brand-img.jpg);
    /* min-height: 650px; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: 50% 100%;
}
#workBlockSection{
    background: url(../../assets/images/Work-with-Us.jpg);
    /* min-height: 650px; */
    background-repeat: no-repeat;
    background-position: left;
    background-size: 50% 100%;
}
.commHeight {
    display: flex;
    align-items: center;
}
.linkToPage a {
    background: #82B23A;
    padding: 10px 28px;
    display: inline-block;
    color: #fff;
    border-radius: 50px;
    margin-top: 25px;
    text-decoration: none;
}
.linkToPage a:hover{
    background: #052033;
}
#homeContact{
    padding: 95px 0;
}
.homeForm {
    max-width: 60%;
    margin: auto;
}
.homeForm .form-control {
    border: none;
    border-bottom: 1px solid #333;
    border-radius: 0;
    box-shadow: none;
    height: 50px;
    padding: 0;
    color: #000;
    font-size: 18px;
}
#home_contact_submit , #work_with_us_submit, #contact_page_submit{
    background: #82B23A;
    border: 0;
    width: 100%;
    font-size: 20px;
    border-radius: 50px;
    height: 50px;
    margin-top: 25px;
}
#home_contact_submit:hover , #work_with_us_submit:hover, #contact_page_submit:hover{
    background: #052033;
}
#siteFooter {
    background: #052033;
    padding: 90px 0 0;
    color: #AAB1B9;
    font-size: 15px;
}
ul.footerLi {
    padding: 0;
}
ul.footerLi li{
    list-style: circle;
}
ul.footerLi li::marker{color: #82B23A; font-size: 20px;}
.footerLi li {
    margin: 10px 22px 0;

}
.footerLi li a{color: #AAB1B9;text-decoration: none;}
.footerLi li a:hover{text-decoration: underline;}
.commonPad {
    padding: 0 25px;
}
.commonPad h3 {margin: 0 0 25px;color: #fff;}
.relDiv {
    position: relative;
    padding: 0 25px;
    margin: 0 0 20px;
}
.relDiv i {
    position: absolute;
    top: 0;
    left: 0;
    color: #82B23A;
    font-size: 18px;
}
.footerLog {
    margin: 25px 0;
}
.copyrightDiv {
    padding: 20px 0 75px;
    margin-top: 30px;
}
.aboutIntro {
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    padding: 0 25px 10px;
}
.mobView{display: none;}
#commonBannerSection {
    /* background: url(../images/inner-bg.png);
    background-repeat: no-repeat;    
    background-size: cover; 
    height: 480px;*/
    position: relative;
}
.commonbannerText {
    position: absolute;
    top: 40%;
    width: 100%;
    text-align: center;
}
.commonbannerText p a {
    margin-right: 15px;    
    text-decoration: none;
    color: #333;
}
.commonbannerText p span {
    margin-left: 15px;    
}

/* about us timeline */
    .main-timeline{
        padding: 15px 0;
        position: relative;
        max-width: 80%;
        margin: auto;
    }
    .main-timeline:after{
        content: '';
        display: block;
        clear: both;
    }
    .main-timeline:before{
        content: "";
        background: #dcdde1;
        width: 20px;
        height: 100%;
        border-radius: 50px;
        transform: translateX(-50%);
        position: absolute;
        top: 0;
        left: 50%;
    }
    .main-timeline .timeline{
        width: 50.2%;
        padding: 0 0 0 65px;
        margin: 0 0 45px;
        float: right;
        position: relative; 
    }
    .main-timeline .timeline:before{
        content: "";
        width: 50px;
        height: 50px;
        border: 30px solid #82B238;
        border-radius: 50%;
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        left: -28px;
        box-shadow: 0px 0px 0px 5px #fff;
    }
    .main-timeline .timeline-content{
        color: #555;
        background-color: #F5F5F5;
        /* min-height: 120px; */
        padding: 15px 15px 15px 40px;
        /* box-shadow: 0 0 15px -3px rgba(0,0,0,0.2); */
        display: block;
        position: relative;
        border-radius: 20px;
    }
    .main-timeline .timeline-content:hover{ text-decoration: none; }
    /* .main-timeline .timeline-content:before, */
    .main-timeline .timeline-content:after{
        content: '';
        /* background-color: #F5F5F5;
        height: 100%;
        width: 80px; */
        position: absolute;
        left: 0;
        top: 0;
    }
    .main-timeline .timeline-content:after{
        /* height: 40px;
        width: 40px;
        transform: translateY(-50%) rotate(45deg); */
        top: 35%;
        left: -24px;
        border-top: 20px solid transparent;
        border-right: 25px solid #f5f5f5;
        border-bottom: 0 solid transparent;
        background: transparent;
    }
    .main-timeline .timeline:nth-child(even) .timeline-content:after{
        /* height: 40px;
        width: 40px;
        transform: translateY(-50%) rotate(45deg); */
        top: 21%;
        left: -24px;
        border-top: 25px solid transparent;
        border-left: 25px solid #f5f5f5;
        border-bottom: 0;
        border-right: 0;
        background: transparent;
    }
    .main-timeline .timeline:nth-child(7) .timeline-content:after{
        top:45%;
    }
    .main-timeline .timeline-year{
        /* color: #01b9e6;
        background: #fff; */
        font-size: 30px;
        font-weight: 600;
        /* text-align: center;
        line-height: 90px;
        width: 110px;
        height: 110px;
        border-radius: 50%;
        border: 10px solid #dcdde1;
        box-shadow: 0 0 15px -3px rgba(0,0,0,0.2); */
        transform: translateY(-50%);
        position: absolute;
        left: -200px;
        top: 50%;
    }
    .main-timeline .timeline-icon{
        color: #fff;
        font-size: 50px;
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        left: 15px;
        z-index: 1;
    }
    .main-timeline .title{
        color: #333;
        font-size: 18px;
        font-weight: 700;
        text-transform: capitalize;
        margin: 0 0 3px;
    }
    .main-timeline .description{
        font-size: 13px;
        letter-spacing: 1px;
        margin: 0;
    }
    .main-timeline .timeline:nth-child(even){
        padding: 0 65px 0 0;
        float: left;
    }
    .main-timeline .timeline:nth-child(even):before{
        left: auto;
        right: -28px;
    }
    .main-timeline .timeline:nth-child(even) .timeline-content{ padding: 15px 40px 15px 15px; }
    .main-timeline .timeline:nth-child(even) .timeline-content:before{
        left: auto;
        right: 0;
    }
    .main-timeline .timeline:nth-child(even) .timeline-content:after{
        left: auto;
        right: -24px;
    }
    .main-timeline .timeline:nth-child(even) .timeline-year{
        left: auto;
        right: -200px;
    }
    .main-timeline .timeline:nth-child(even) .timeline-icon{
        left: auto;
        right: 15px;
    }
    .main-timeline .timeline:nth-child(even):before{ border-color: #3474BC; }    
    @media screen and (max-width:767px){
        .main-timeline:before{
            transform: translateX(-50%);
            left: 17px;
        } 
        .main-timeline .timeline,
        .main-timeline .timeline:nth-child(even){
            width: 100%;
            padding: 60px 0 0 72px;
        } 
        .main-timeline .timeline:before,
        .main-timeline .timeline:nth-child(even):before{
            left: -14px;
            top: calc(50% + 63px);
        } 
        .main-timeline .timeline-content,
        .main-timeline .timeline:nth-child(even) .timeline-content{
            padding: 15px 15px 15px 100px;
        } 
        .main-timeline .timeline-content:before,
        .main-timeline .timeline:nth-child(even) .timeline-content:before{
            right: auto;
            left: 0;
        }
        .main-timeline .timeline-content:after,
        .main-timeline .timeline:nth-child(even) .timeline-content:after{
            right: auto;
            left: -24px;
            top: 20px;
        } 
        .main-timeline .timeline-year,
        .main-timeline .timeline:nth-child(even) .timeline-year{
            transform: translateY(0);
            right: auto;
            left: 0;
            top: -60px;
        } 
        .main-timeline .timeline-icon,
        .main-timeline .timeline:nth-child(even) .timeline-icon{
            right: auto;
            left: 15px;
        } 
    }
    @media screen and (max-width:576px){
        .main-timeline .timeline:before,
        .main-timeline .timeline:nth-child(even):before{
            transform: translateY(0);
            top: 70px;
        }
        .main-timeline .timeline-content,
        .main-timeline .timeline:nth-child(even) .timeline-content{
            padding: 20px 15px 15px;
            text-align: center;
        }
        .main-timeline .timeline-content:before,
        .main-timeline .timeline:nth-child(even) .timeline-content:before{
            width: 100%;
            height: 80px;
        }
        /* .main-timeline .timeline-content:after,
        .main-timeline .timeline:nth-child(even) .timeline-content:after{
            transform: translateX(-50%) translateY(0) rotate(45deg);
            top: 20px;
            left: 7px;
        }  */
        .main-timeline .timeline-icon,
        .main-timeline .timeline:nth-child(even) .timeline-icon{
            transform: translateX(-50%) translateY(0);
            left: 50%;
            top: 6px;
        } 
        .main-timeline .timeline:nth-child(even) .timeline-content:after
        {
            top: 8% !important;
            left: -24px;
            border-top: 25px solid transparent;
            border-right: 25px solid #f5f5f5;
            border-bottom: 0 solid transparent;
            border-left: 0;
            background: transparent;
        }
        .main-timeline .timeline:nth-child(7) .timeline-content:after{
            top: 2%;
        }
    }
    /* enf of css */

#teamSection {
    background: #F0F0F0;
    text-align: center;
    padding: 90px 0;
}
#teamSection .item .teamImg{border: 1px solid #aaa; border-radius: 50%;overflow: hidden;}
#teamSection .item .teamImg img{
    -webkit-transition: .4s;
    transition: .4s;
}
#teamSection .item:hover .teamImg img{
    transform: scale(1.2);
}
.ourTeam h3 {
    margin: 0 0 45px;
    font-weight: 600;
}
.teamTxt h4 {
    font-weight: 600;
    font-size: 20px;
}
.teamTxt p {
    color: #3474BC;
    font-size: 15px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{font-size: 70px;}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{background: transparent;color: #333;}
.owl-carousel .owl-nav button.owl-next{position: absolute;right:-55px;top:25%;width: 20px;}
.owl-carousel .owl-nav button.owl-prev{position: absolute;left:-55px;top:25%;width: 20px;}
/* #distributionBlockSection{margin-top: 70px;} */
#distributionBlockSection{
    background: url(../../assets/images/Our-Activities_img1.jpg);
    min-height: 650px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 50% 100%;
}
#repackingBlockSection{
    background: url(../../assets/images/Our-Activities_img2.jpg);
    min-height: 650px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 50% 100%;
}
#regularityBlockSection{
    background: url(../../assets/images/Regulatory.jpg);
    min-height: 650px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 50% 100%;
}
#marketingBlockSection{
    background: url(../../assets/images/Marketing.jpg);
    min-height: 650px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 50% 100%;
}
#softwareBlockSection{
    background: url(../../assets/images/Software-Development.jpg);
    min-height: 650px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 50% 100%;
}
.comMargin {
    margin: 90px 0;
}
.comPadd{padding-top: 5px;}
#workWithUsPage{padding: 90px 0;}
#workWithUsPage h1{margin: 0 0 35px;}
#workWithUsPageForm{background: #F8F8F8;padding: 90px 0;}
.workFormWrapper{max-width: 550px;margin: auto;}
.workFormWrapper h2{text-align: center;font-weight:bold;margin: 0 auto 35px;}
#workForm .form-control {
    border: none;
    border-bottom: 1px solid #333;
    border-radius: 0;
    box-shadow: none;
    height: 50px;
    padding: 0;
    color: #000;
    font-size: 18px;
    background: transparent;
}
#work_form_cv {
    opacity: 0;
    position: absolute;
    /* top: 0; */
    width: 95%;
}
.uploadCV {
    cursor: pointer;
    display: block;
    background: #4093C7;
    text-align: center;
    padding: 10px;
    color: #fff;
    border-radius: 50px;
}
.uploadCV:hover{
    background: #052033;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 25px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #56D679;
}

input:focus + .slider {
    box-shadow: 0 0 1px #56D679;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

#contact_dealer_license {
    float: right;
    width: 70%;
    margin-top: -15px;
}

#contactForm .form-control {
    border: none;
    border-bottom: 1px solid #333;
    border-radius: 0;
    box-shadow: none;
    height: 50px;
    padding: 0;
    color: #000;
    font-size: 18px;
    background: transparent;
}
#contactForm .compad {
    padding: 15px 0 0;
}
#contactForm .mar-bot45 {
    margin-bottom: 45px;
}
#contactForm .questionDiv, #contactForm .questionDiv .form-group {
    margin-bottom: 15px;
}
.questionDiv h3 {font-weight: bold;font-size: 21px;}
.questionDiv,.loaderDiv{display: none;}
.errorDiv{color: red;}
.successDiv{color: green;}
.btn-primary.focus, .btn-primary:focus{border: 0;outline: none;}