@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');


*{font-family:'Lora', serif;}

p {
    margin: 0 0 15px;
}

@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width:1366px;
}
}

html , body{ line-height:1.4; color:#555; background-color:#f8f8f8; font-size:14px; overflow-x:hidden;}
header{ background-color:#e8eae6;}

A:hover{color:#333;}

header .navbar .navbar-brand img, header.side-menu .logo img, header .sidebar-nav-menu .navbar-brand img{max-height:150px;}
header .top-bar{background-color:#fff;}


input{margin:0;}

section{padding:60px 0 0; overflow:visible}

.ourStoryContent, .ourproductContent, .ourServicesContent, .testimonialSlides, .gallery{padding-bottom:150px; }
.ourStoryContent .article{text-align:justify;}


header{}
.header-with-topbar .navbar{}
.header-with-topbar.sticky .navbar{padding-bottom: 0;}
.navbar .navbar-nav .nav-link{font-size:16px; text-transform:uppercase; font-weight:600;}
.top-bar-contact .top-bar-contact-list{    font-size: 15px; font-weight: 600; font-style: italic; color: #828282;}

.sliderBanner .sliderItem{height:800px;}

.topBorder{height:7px; background-color: #aaa; background: linear-gradient(90deg, #828282 0%, #c8cccd 20%, #828282 40%, #c6c5cd 60%, #C8cccd 80%, #828282 100%);box-shadow:0 5px 10px rgba(0,0,0,.1); position:relative; z-index:10; overflow:visible;}
.topBorder .container{position:relative}
.topBorder .upcomingButton{position:absolute; top:7px; right:0; width:250px;}
.topBorder .upcomingButton a{display:block; width:100%; color:#fff; background-color: rgba(153,153,153,.8);;text-align:center; font-weight:600; font-size:18px; line-height:40px; border-radius:0 0 10px 10px ;}

.blockQuote{background: rgb(204,204,204); font-style: italic;
    background: linear-gradient(70deg, #828282 0%, #c8cccd 20%, #828282 40%,  #c6c5cd 60%, #C8cccd 80%, #828282 100%) ; color:#fff; text-align:center; font-size:16px;}
.blockQuote .container{ padding:10px 0;} 
.blockQuote p{margin:0 !important;}

.footer{background: rgb(204,204,204);
    background: linear-gradient(90deg, #828282 0%, #c8cccd 20%, #828282 40%,  #c6c5cd 60%, #C8cccd 80%, #828282 100%) ;
    color:#fff; font-size:15px; padding:15px 0;
}
.footer a{color:#fff;}
.footer .left{text-align:left;}
.footer .right{text-align:right;}

.title{font-size:22px; font-weight:bold; margin-bottom:10px;}
.colorGrey{color:#999;}
.colorWhite{color:#fff;}
.colorBlack{color:#333;}

.serviceLists .serviceTitle{font-weight:600; color:#999;}
.serviceLists .list{border-right:2px dotted #ddd;}


.homeWhatToDo{background-color:#eee; padding:15px; cursor: pointer;transition: all .2s; margin-top:40px;}
.homeWhatToDo:hover{background-color:#e0e0e0;}

.homeContent{position:relative; z-index:99; overflow:visible}

.homeOverlay{position:relative;}
.homeOverlay .bigOverlay{position:absolute; z-index:80; width:50%; right:10%; top:-300px; opacity:.2;}
.homeOverlay img{width:100%;}

.homeBottomSection{background-color:#ddd; padding-bottom:100px;}

.upcomingServices .serviceInfo{ padding:10px; background-color:#fff; border:1px solid #999; }
.serviceTable { width:100%; }
.serviceTable td{border-top:2px dotted #ccc; border-bottom:none;}
.serviceTable th{font-weight:bold;}
.upcomingServices .serviceInfo .viewAllBtn{float:right;}

.testimonial .article{font-style:italic;}
.testimonial .name{font-weight:600; font-size:16px;}
.testimonial .rate{margin-bottom:10px;}
.testimonial .rate .star{width:80px;}


.storyQuote{background-color:#e6e7e9;}
.storyQuote .content{ padding:30px;}
.storyQuote .left{background-color:#c7c8ca; text-align:right; position: relative;}
.storyQuote .left .bgColor{background-color:#c7c8ca; z-index: 0; top: 0; position:absolute; right:100px; width: 1000px;height: 100%;}
.storyQuote .title{font-size:36px;    z-index: 1;  position: relative;}

.storyYear{margin:50px 0 20px; text-align:center; height:28px;}
.storyYear .yearBorder{position:absolute; top:14px; border-bottom:1px solid #666; width:100%; z-index:0;}
.storyYear .year{display:inline-block; padding:0 10px; line-height:28px; font-weight:600; font-size:1.4em; background-color:#f8f8f8; position: relative; z-index: 1 ;}
.storyYear .years{display:inline-block;position: relative;}
.storyYear .year.year2{ margin:0 30px;}

.form-control{border-color:#999;}

.btn-primary{background-color:#828282;}
.btn-primary:hover{background-color:#666; }
.btn-primary:focus{background-color:#606060; border-color:#303030; outline:none;}

.homeConsultantSwiper .swiper-container{padding-top:40px;}
.homeConsultantSwiper .swiper-slide{transition:all .2s}
.homeConsultantSwiper .swiper-slide.swiper-slide-active{transform:scale(1.3); z-index:9999; box-shadow:0 0 10px rgba(0,0,0,.2)}

.homeConsultantSwiper .swiper-slide:not(.swiper-slide-active) img{filter:grayscale(100%)}

@media (min-width: 1200px){
    .ourStoryContent .bigArticle {
        padding-left:50px;
    }
}

.homeConsultantSwiper .homeConsultantBorder{height:5px; margin-bottom:10px; background: linear-gradient(70deg, #828282 0%, #c8cccd 20%, #828282 40%, #c6c5cd 60%, #C8cccd 80%, #828282 100%);}

.servicesLeftLink{}
.servicesLeftLink .serviceList{display:table; padding:0 5px;}
.servicesLeftLink .serviceList:nth-child(odd){border-right: 2px dotted #ddd;}
.servicesLeftLink .serviceList > a{display:block; height:75px;}
.servicesLeftLink .serviceList > a:hover , .servicesLeftLink .serviceList > a.on{background-color:#f0f1f0;}
.servicesLeftLink .serviceList > a.btn-primary:hover{height:60px;}
.servicesLeftLink .serviceList .icon , .servicesLeftLink .serviceList .text{display:table-cell; vertical-align:middle;}
.servicesLeftLink .serviceList .icon{width:75px; height:75px; padding-right:10px;}
.servicesLeftLink .serviceList .text{font-size:15px; font-weight:500;}
.servicesLeftLink .serviceList .icon .img{width:100%;}

.servicesLeftLink.bordered{border-right:2px dotted #ddd;}



.ourTeamSlider .slider-review-image-thumbs{overflow:visible}
.ourTeamSlider .slider-review-image-thumbs .swiper-slide-active{z-index:9;}
.ourTeamSlider .slider-review-image-thumbs .swiper-slide-active img{border:none; box-shadow:0 0 30px rgba(0,0,0,.4);
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform:  scale(1.2);
    -ms-transform:  scale(1.2);
}

.ourTeamSlider .slider-review-image-thumbs .swiper-slide:not(.swiper-slide-active) img {
    transform: none;
    -webkit-transform:none;
    -moz-transform: none;
    -ms-transform: none;
    filter: grayscale(100%);
}

.ourTeamSlider .swiper-button-next, .ourTeamSlider .swiper-button-prev{top:33%;}
.ourTeamSlider  .swiper-button-next{right:-100px;}
.ourTeamSlider  .swiper-button-prev{left:-100px;}
.ourTeamSlider .swiper-button-next i, .ourTeamSlider .swiper-button-prev i{font-size:60px;}

.ourTeamSlider  .teamDetails{padding-top:100px; font-size:18px;}
.ourTeamSlider  .teamDetails .teamDetailList .content{margin:0 auto;}

.ourTeamSlider  .teamDetails .name{ font-weight:bold}
.ourTeamSlider  .teamDetails .desc{}
.ourTeamSlider  .teamDetails .label{color:#999; font-weight: 600;}
.ourTeamSlider  .teamDetails .title{}
.ourTeamSlider  .teamDetails .bigTitle{font-weight:bold; font-size:1.3em;}

.teamOverlay{position: absolute; top:0; width:100%;}
.teamOverlay .gradientBG{width:100%; height:450px; background-image:linear-gradient(45deg, #ddd 0%, #f3f3f3 20%,  #ddd 60%,  #f3f3f3 80%,   #ddd 100%)}
.teamOverlay .quote{padding-top:175px;}
.teamOverlay .quote img{position: relative; z-index: 999; background-color:#f8f8f8; width:450px; padding-right:50px; background:linear-gradient(45deg, rgba(248,248,248,1) 70%,  rgba(248,248,248,0) 100%);}

.ourTeamSlider {position: relative; padding:100px 0 50px;}



.testimonialSlides .container{border-top:2px dotted #ccc;}
.testimonialSlides .testimonialSlideList{padding:0 20px;}



.gallery , .gallery-slider , .gallery-slider .swiper-slide{
    width: 100%;
}
/*
.gallery-slider .swiper-slide {
    height: 800px;
}
*/

.gallery-slider .swiper-slide img {
    display: block;
    width:100%;
    /*
    min-width: 100%;
    height:100%;
    max-width: none;
    */
}
.gallery .galleryThumbnail{padding-top:50px;}
.gallery-thumbs {
    width: 100%;
    padding:0 30px 30px;

}
.gallery-thumbs .swiper-slide {
    width: 160px;
    height: 100px;
    text-align: center;
    opacity: 0.3;
    transition:all .2s;
    border:4px solid #fff; box-shadow:0 0 10px rgba(0,0,0,.2);
    overflow:hidden;
}
.gallery-thumbs .swiper-slide-active , .gallery-thumbs .swiper-slide:hover {
    opacity: 1;
}
.gallery-thumbs .swiper-slide img {
    min-height:100%; width:100%;
}

.gallery .thumbContainer{position: relative;}
.gallery .swiper-button-prev{left:-50px;}
.gallery .swiper-button-next{right:-50px;}

.contactContent{position:relative; padding-top:100px;}
.contactContent .overlayText{position:absolute; z-index:0; width:400px;right:0; top:100px;}
.contactContent .overlayText img{width:100%;}

.contactForm{padding:30px 0 200px;}
.contactForm .form-group{margin-bottom:20px;}
.contactForm label{text-transform:uppercase; font-weight:600;}

.productLeftLink{padding-right:50px;}
.productLeftLink .productList{display:table; width:100%; padding: 5px 0 ; border-bottom:2px dotted #ddd;}
.productLeftLink .productList > a{display:block; height:75px;}
.productLeftLink .productList > a:hover , .productLeftLink .productList > a.on{background-color:#f0f1f0;}
.productLeftLink .productList > a.btn-primary:hover{height:60px;}
.productLeftLink .productList .icon , .productLeftLink .productList .text{display:table-cell; vertical-align:middle;}
.productLeftLink .productList .icon{width:75px; height:75px; padding-right:10px;}
.productLeftLink .productList .text{font-size:15px; font-weight:500;}
.productLeftLink .productList .icon .img{width:100%;}

.productGallery{position:relative; overflow:visible}
.productGallery .swiper-container{padding: 10px 0;}
.productGallery .thumbContainer{
    margin: 0 5px;
    height:280px;
    width:280px;
    text-align: center;
    transition: all .2s;
    border: 4px solid #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
overflow:hidden;}
.productGallery .thumbContainer img{width:100%;}

.productGallery  .swiper-button-prev{left:-30px; z-index:99;}
.productGallery  .swiper-button-next{right:-40px; z-index:99;}

.catalogues{margin:30px 0;}
.catalogues .catalogueLink{display:block; padding:10px 0 10px 20px; position: relative; font-weight:600;}
.catalogues .catalogueLink i{position:absolute; left:0; top: 50%; transform: translateY(-50%); }


.articleTitle{font-size:1.2em;}

.subtitle{font-size:1.3em; padding-bottom:20px;}

.articleList > .article{padding:15px 0;}
.searchBar{padding-bottom:20px;}
.quickLinks .links{display:block; font-style:italic; padding:10px 0; font-size:1.1em;}

.title .icon{display:inline-block; background-color:#999; color:#fff; padding:0 10px; }
.title:hover .icon{background-color:#555;}

.productLeft .title .icon-down , .serviceLeft .title .icon-down{display:none;}

.storyImg{float:left; width:40%; padding:0 15px 15px 0;}

.mobile-contact{display:none;font-weight:600; font-style: italic; color:#999;text-align:right; font-size:.9em;} 
.mobile-contact .top-bar-contact-list{display:inline-block; border-right:1px solid rgba(0,0,0,.1); padding:10px 5px;}

.mobileMenu{
    position: absolute;
    top: 0;
    left: 20px;
    top: 50%;
    margin-top: -20px;
}

.upcomingServicesContent{min-height:1000px;}


@media (max-width: 1400px) {

.contactContent .overlayText{width:300px;}

}

@media (max-width: 1024px) {

    .sliderBanner .sliderItem {
        height: 500px;
    }

    .staticBanner{height:300px;}
    .staticBanner img{height:100%; max-width:none;}

    .contactContent .overlayText{width:280px;}


    
}



@media (max-width: 767px) {
    .footer .left{padding-bottom:5px;}
    .footer .right , .footer .left{font-size:11px; text-align:center;}
    .serviceLists{ margin-top:50px;}

    .sliderBanner .sliderItem {
        height: 250px;
    }

    .navbar-brand{padding-left:50px; padding-top:15px;}
    .navbar-toggler {margin-right:30px;}
    .navbar-toggler-line, .navbar-toggler-line:nth-child(2) , .navbar-toggler-line:nth-child(1) , .navbar-toggler-line:nth-child(3) , .navbar-toggler-line:nth-child(4){height:4px; width:25px; background-color:#828282;}

    .navbar-toggler-line:nth-child(2), .navbar-toggler-line:nth-child(3){top:10px;}
    .navbar-toggler-line:nth-child(4){top:20px;}

    .storyQuote .title{font-size:24px;}

    .storyQuote .left{padding:30px 10px 0 0;}

    .ourStoryContent .smallArticle{padding-bottom:30px;}

    .serviceTable {font-size: .8em;}

    .upcomingServices .input-group{padding-bottom:15px;}


    .ourServicesContent .serviceLeft{padding-bottom:50px;}
    .productGallery .thumbContainer{width:160px; height:160px;}
   /* .gallery-slider .swiper-slide{height:250px;}*/

    .serviceLeft , .productLeft{margin-bottom:20px; position:relative}

    .servicesLeftLink, .productLeftLink{
        position: absolute;
        background: #fff;
        z-index: 99999999;
        padding: 0 5px;
        box-shadow: 0 15px 20px rgba(0,0,0,.3);
        display:none;
        width: 80%;
        max-height: 400px;
        overflow-y: scroll;
    }
    .serviceLeft:hover .servicesLeftLink, .productLeft:hover .productLeftLink{
        display:block;
       
    }


    .servicesLeftLink .serviceList{padding:5px 15px;}

    .servicesLeftLink .serviceList > a , .productLeftLink .productList > a{height:60px;}

    .homeOverlay .bigOverlay {
        width: 110%;
        right: -40%;
        top: -148px;
    }

    .serviceTable th {
        min-width: 50px;
    }

    .staticBanner img {
        margin-left: -30%;
    }

    .staticBanner {
        height: 250px;
    }

    .productLeft .title .icon-down , .serviceLeft .title .icon-down{display:inline-block;}

    .contactContent {padding-top:50px}
    .contactContent .right{padding-top:50px;}

    .storyImg{width:50%;}

    .mobile-contact{display:block;}

    .topBorder .upcomingButton a {
        font-size: 14px;
        line-height: 28px;
    }
    .blockQuote{font-size:14px;}

    .HeaderLogo{margin-left:auto;}

    .gallery-slider .swiper-slide img {

        max-width:none ;
        height:100%;
    }

}

@media (min-width: 769px) {
.serviceLists .list:nth-child(3n) {
    border:none;
    }
}


.overlay_popup{position:fixed; height:100%; width:100%; z-index: 9999; top:0; left:0; right:0; bottom:0; display: flex; justify-content: center;  align-items: center;}
.overlay_popup .msg{position: relative;box-shadow:0 4px 4px 0 rgba(0,0,0,.25); width:600px;  background-color: #fff; border-radius: 10px; z-index: 3;
    padding:15px 30px ;
}
.overlay_popup .close_btn{display:block; position:absolute; width:40px; height:40px; bottom:0; right:0; cursor:pointer; background:url('../images/x.png')  no-repeat center center #D9D9D9;}
.overlay_popup .bg{position: absolute; height:100%; width:100%; background-color: rgba(255,255,255,.5); top:0; left:0; right:0; bottom:0; z-index: 2;}