h2{
    color: #e32323;
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 25px;
    margin-top: 0px;
}
h3{
    font-size: 45px;
    font-weight: 500;
    margin-top: 0px;
}
h4{margin-top: 0px;}
h5{margin-top: 0px;}
p{
    color: #465676;
    font-size: 16px;
    margin-bottom: 0;
/*    text-align: justify;*/
}
.slideshow a.remote{
    z-index: 9999;
    position: relative;
    color: #fff;
    /*background: rgba(0,0,0,0.8);*/
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    top: 42%;
    display: inline-block;
}
.slideshow a.remote img{
    width: 13px;
    padding-top: 12px;
    opacity: 0.7;
}
.slideshow a.btn-next{
    float: right;
}
/*.slideshow a.btn-next:after{
    position: absolute;
    width: 0;
    right: 0;
    top: 20px;
    left: 5px;
    margin: 0 auto;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
    content: '';
}*/
/*.slideshow a.btn-prev:after{
    position: absolute;
    width: 0;
    right: 5px;
    top: 20px;
    left: 0;
    margin: 0 auto;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    transform: rotate(180deg);
    border-left: 10px solid #fff;
    content: '';
}*/
.e-pagination .current{color: #ed1c24 !important;}
.e-pagination .page-numbers{
    color: #000;
    border: solid 1px;
    background: #fff;
    font-size: 20px;
    padding: 2px 8px;
}
.e-pagination .page-numbers:hover{color: #ed1c24;}

.job-detail h5{color: #06406d;}
.job-detail h5 span{
    font-weight: 400;
    font-size: 17px;
}
.job-detail button{
    background: #1998db;
    color: #fff;
    padding: 8px 8px;
    border: solid 2px #1998db;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
    margin-top: 15px;
}
.ceo-block p{text-align: left;}
.img-height{
    height:180px;
}
.btn-learn-more{
    text-decoration: none;
    color: #fff;
    background-color: #1998db;
    border: solid 2px #1998db;
    padding: 10px 35px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 30px;
    display: inline-block;
    text-transform: uppercase;
}
.btn-learn-more:hover{
    background-color: transparent;
    color: #1998db;
}
a:hover{
    text-decoration: none;
    color: inherit;
}

/*Products*/
#product{
    padding: 70px 0px;
    background-color: #1c7430;
}
#product h3{
    text-align: center;
    margin-bottom: 35px;
    text-transform: capitalize;
}
/*Welcome*/
#welcome{
    padding: 50px 0px 85px 0;
    text-align: center;
    background-image: url(../images/welcome-banner.jpg);
    background-size: cover;
}
#welcome .well{
    color: #e32323;
    font-size: 20px;
    font-weight: 400;
}
#welcome .block{
    background-color: #fff;
    padding: 35px 30px;
    box-shadow: -5px 8px 41px 0px #dedede;
}
#welcome .block h5{
    color: #4ea8e0;
    display: inline-block;
    margin: 0px 0px 25px 15px;
    vertical-align: sub;
    font-weight: 400;
    font-size: 22px;
    text-transform: capitalize;
}
#welcome h2+p{
    width: 85%;
    margin: 0 auto 70px;
}

/*Department*/
#department{
    padding: 70px 0 ;
    background-image: url(../images/department-background.jpg);
    background-size: cover;
}
#department h3{
    color: #06406d;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 35px;
}
#department .nav-tabs{
    border-bottom: transparent;
    margin-bottom: 35px;
}
#department .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #e32323 !important;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 2px solid !important;
}
#department .tab-content h4 {
    color: #06406d;
    font-size: 25px;
    margin-bottom: 20px;
}
#department .nav-tabs .nav-link {
    border: 1px solid transparent;
    color: #617a8d;
    font-size: 18px;
}
/*Latest Updates*/
#updates{
    background-color: #1998db;
    padding: 70px 0 85px 0;

}
#updates h3{
    text-align: center;
    margin-bottom: 35px;
    text-transform: capitalize;
}
#updates .block{
    background-color: #fff;
    padding: 35px 30px;
    text-align: center;
}
#updates .block h5{
    color: #06406d;
    font-size: 20px;
}
#updates .block img{
    width: 100%;
    margin-bottom: 15px;
}
#updates .block .date{
    color: #7d7d7d;
    display: block;
    margin: 0px 0px 20px 0px;
    font-size: 15px;
    font-weight: 500;
}
#updates .btn-read-more{
    text-transform: uppercase;
    color: #e32323;
    border-bottom: 1px solid;
    font-weight: 500;
    /*margin-top: 25px;*/
    display: inline-block;
}
.n-block{margin: 20px 0;}
.n-bock-inner{
    border: solid 2px #e32323;
    border-radius: 4px;
    display: inline-block;
    width: 100%;
}
.n-bock-inner:hover{background: #e32323;}
.n-bock-inner:hover span{color: #fff;}
.n-bock-inner i{
    background: #e32323;
    font-size: 40px;
    color: #fff;
    padding: 10px 15px;
    vertical-align: middle;
}
.n-bock-inner span{
    font-size: 25px;
    padding-left: 10px;
    text-transform: capitalize;
    color: #e32323;
    vertical-align: middle;
}

/*Products*/
#product{
    padding:70px 0 ;
    background-image: url(../images/products-background.jpg);
    background-size: cover;
}
#product h3{
    text-align: center;
    margin-bottom: 35px;
    text-transform: capitalize;
    color: #fff;
}

#product .second-tab{
    width: 50%;
    margin: 0 auto;
    margin-bottom: 35px;
    border-bottom: transparent !important;
}
.second-tab .link-2:hover{
    border-color: transparent;
}
#product .second-tab .link-2:hover{
    border-color: transparent;
}
#product .second-tab .link-2.show .link-2, #product .second-tab .link-2.active {
    color: #007b5e !important;
    font-weight: bold;
    background-color: #fff;
}
#product .second-tab .link-2 {
    color: #ffffff;
    font-size: 18px;
    border-bottom: transparent !important;
}
/*Product slider*/
#product .main-carousel{
    width: 100%;
    position: relative;
}
#product .main-carousel .mask{
    overflow: hidden;
    margin-top: 30px;
}
#product .main-carousel .slideset{
    width: 100% !important;
    white-space: nowrap;
    display: block;
}
#product .main-carousel .slide{
    white-space: normal;
    display: inline-block;
    vertical-align: top;
}
#product .main-carousel .slide{
    white-space: normal;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
#product .slideset .btn-prev,#product .slideset .btn-next{
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 49px;
    left: -65px;
    /*box-shadow: -5px 11px 50px 4px #277d3e;*/
    top: 50%;
   /* background: #fff;*/
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 99;
    text-indent: -9999px;
}
#product .slideset .btn-next{
    right:-65px;
    left:auto;
}
#product .slideset .btn-next:after{
    position: absolute;
    width: 0;
    right: 0;
    top: 18px;
    left: 0px;
    margin: 0 auto;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 9px solid #fff;
    content: '';
    opacity: 0.7;
}
#product .slideset .btn-prev:after{
    position: absolute;
    width: 0;
    right: 0;
    top: 18px;
    left: 0px;
    margin: 0 auto;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    transform:rotate(180deg);
    border-left: 9px solid #fff;
    content: '';
    opacity: 0.7;
}

/*Virtual Tour */
#virtual-tour{
    padding: 70px 0;
    background-size: auto;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../images/tour-video-background.png);
}
.tour-video video{
    width: 100%;
    height: auto;
}
#virtual-tour h3{
    color: #06406d;
    margin-bottom: 25px;
}

#virtual-tour .tour-video {
    background-image: url("../images/tour-video-background.png");
    border: 4px solid #fff;
    box-shadow: -5px 8px 41px 0px #dedede;
}



/*****Contact Form Styling*****/
span .wpcf7-not-valid {border:3px solid #d12435 !important}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block;
}
span.wpcf7-not-valid-tip {display: none !important;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #f7e700 !important;
    text-align: center;
}
div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.5em 1em !important;
    color: #ff0000;
    background: #ffe2e2;
    font-weight: 700;
    border-radius: .25rem;
}
div.wpcf7-mail-sent-ok{display: none !important;}


/*Distribution table*/
.distri-table .table thead th,.distri-table .table tbody tr{
    color: #000;
    text-align: center;
}



@media screen and (max-width:1399px){

}

@media screen and (max-width:1199px){
    .sticky-btns{display: none;}
}

@media screen and (min-width:768px){
    .navbar-light .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav li.active .nav-link{
        color: #e01010;
    }
}

@media screen and (min-width:1025px) and (max-width:1199px){
    .navbar-light .navbar-nav .nav-link{
        padding: 10px 8px;
        font-size: 14px;
    }
    .slider-products .shadow .slide img{width: 100% !important;}
    .nav-item.has-drop-down:after{right: -1px;}
}

@media only screen and (min-width:768px) and (max-width:1024px){
    h2{font-size: 35px;}
    h3{font-size: 32px;}
    .res-p{padding: 40px 0 !important;}
    .top{width: 60%;}
    #header{padding-bottom: 0px;}
    .navbar-brand img{width: 140px;}
    .navbar-light .navbar-nav .nav-link{padding: 10px 6px;}
    .navbar-collapse{margin-top: 18px;}
    .sticky-btns{display: none;}
    #welcome .block,
    #updates .block{margin-bottom: 30px;}
}

@media screen and (min-width:768px) and (max-width:991px){
    footer .upper-footer .last{margin-top: 25px;}
    footer .upper-footer .last a{vertical-align: middle;}
}

@media screen and (max-width:767px){
    h2,h3{
        font-size: 28px;
        margin-bottom: 15px !important;
    }
    h4{
        font-size: 22px !important;
        margin-bottom: 10px !important;
    }
    .bb{
        border-bottom: solid 1px;
        padding-bottom: 10px;
        display: block;
    }
    .slideshow a.btn-prev{left: 2%;}
    .slideshow a.btn-next{right: 2%;}
    .slideshow a.remote{
        width: 40px;
        height: 40px;
        font-size: 14px;
        padding-top: 12px;
    }
    .res-p{padding: 40px 0 !important;}
    #welcome .well{font-size: 18px;}
    #welcome h2+p{
        width: 100%;
        margin: 0 auto 40px;
    }
    #welcome .block{margin-bottom: 15px;}
    #department .nav-tabs .nav-link{
        direction: block;
        width: 100%;
    }
    #department .nav-tabs{margin-bottom: 0px;}
    #department .btn-learn-more,
    #virtual-tour .btn-learn-more{margin: 15px 0 20px !important;}
    #department .tab-content img{width: 100% !important;}
    #updates .block{margin-bottom: 15px;}
    #product .second-tab .link-2{
        display: block;
        width: 100%;
    }
    #product .second-tab{width: 100%;}
    .slider-products .shadow .slide img{width: 100% !important;}
    #product .second-tab{margin-bottom: 0px;}
    #product .slideset .btn-next{right:-40px;}
    #product .slideset .btn-prev{left: -40px;}
    #product .slideset .btn-prev, #product .slideset .btn-next{
        width: 40px;
        height: 40px;
    }
    #product .slideset .btn-prev:after{
        top: 12px;
        left: -3px;
    }
    #product .slideset .btn-next:after{
        top: 12px;
        right: -3px;
    }
}
