@charset "utf-8";
/* CSS Document */


/*home page banner style */
.homebanner {width: 100%;float: left;clear: both;margin: 132px 0 0 0;position: relative;z-index: -1;}
.homebannerslider {width: 100%; float:left; clear: both; overflow: hidden}

.slidediv  {width: 100%; float:left; /*clear: both;*/position: relative;z-index: 0}
.homebanner .slick-arrow {display: none!important}


.bannercontentbox {width: 40%;position: absolute;top: 10%;right: 3%;text-align: center;}
.bannertext {font-size: 65px; color: #231f20; font-family: 'Bebas Neue Bold'; text-transform: uppercase; line-height: 100%}
.bannertext span{display: block; color: #0095da}


.bannercontentbox .btnbox {text-align: center; margin: 30px 0 60px}
.bannercontentbox .btnbox a{float: none; display: inline-block; margin: 0 10px 10px;font-weight: bold;font-family: 'Avenir Next LT Pro Bold';}
.bannercontentbox .btnbox a.bookservicbtn {background: #0095da; color: #fff; border: 0px solid red}
.bannercontentbox .btnbox a.phonebtn {background: #111111; color: #fff; border: 0px solid red}
.bannercontentbox .btnbox a.phonebtn img{filter: invert(0%)}

.slidediv.one .bannertext {margin: 60px 0 0 0;}
.slidediv.two .bannertext {margin: 20px 0 0 0; font-size: 42px;}
.bannercontentbox .btnbox br{display: none}
.bannercontentbox .btnbox img{vertical-align: sub}
.homebannerslider img.bannerbg{max-width: 100%}
/*service section styels  */

.sec_service {width: 100%; float:left; clear: both; padding: 90px 0}
.sec_service .service_left{width: 750px; float: left;}
.sec_service .service_left .sectiontitle{text-align: left; font-size: 49px;}
.sec_service .service_left p {color: #4b4b4b;font-size: 22px;font-family: 'Bebas Neue';letter-spacing: 1px;}
.sec_service .service_left .btnbox {margin: 10px 0 0;}

.sec_service .service_left .btnbox a {clear: initial;margin: 0 20px 0 0;padding: 8px 30px;}
.sec_service .service_left .btnbox a.phonebtn {border: 1px solid #464646;padding: 9px 30px;}

.serviceboxcarimg {position: relative;z-index: 0;left: 0;}
.serviceboxcarimg img {position: absolute;z-index: 0;left: -30px;top: 181px;}



.sec_service .service_right {width: calc(100% - 775px);float: right;}



.servicelist_container {width: 100%;float: left;position: relative;z-index: 0;}
.servicelist_container .servicelistbox{width:calc(33.33% - 32px); margin:0 16px 30px; float:left; overflow: hidden; min-height: 350px; position: relative;z-index: 0; background: #000}
.servicelist_container .servicelistbox{width:calc(33.33% - 32px); margin:0 16px 30px; float:left; overflow: hidden; min-height: 350px; position: relative;z-index: 0; background: #000}
.servicelist_container .servicelistbox:first-child{margin-top: 210px}
.serviclistimg {position: absolute;z-index: 0; left: 50%; margin: 0 0 0 -265px; top: 0; opacity: 0.4}
.servicenamebox {position: absolute;z-index: 5; color: #fff; font-size: 36px; font-family: 'Bebas Neue Bold'; line-height: 100%; top: 40px; left: 40px}
.servicenamebox span{display: block; font-size: 26px; font-family: 'Bebas Neue'; letter-spacing: 2px; position: relative;z-index: 0}
.servicenamebox span:after{content: ''; position: absolute;z-index: 0; width: 300px; height: 1px; background: #fff; right: 0; bottom:8px}

a.viewserv_btn {
    position: absolute;
    bottom: 90px;
    z-index: 0;
    left: 16px;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    font-family: 'Avenir Next LT Pro';
    background: rgba(9,142,213,1);
    background: -moz-linear-gradient(top, rgba(9,142,213,1) 0%, rgba(35,106,177,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(9,142,213,1)), color-stop(100%, rgba(35,106,177,1)));
    background: -webkit-linear-gradient(top, rgba(9,142,213,1) 0%, rgba(35,106,177,1) 100%);
    background: -o-linear-gradient(top, rgba(9,142,213,1) 0%, rgba(35,106,177,1) 100%);
    background: -ms-linear-gradient(top, rgba(9,142,213,1) 0%, rgba(35,106,177,1) 100%);
    background: linear-gradient(to bottom, rgba(9,142,213,1) 0%, rgba(35,106,177,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#098ed5', endColorstr='#236ab1', GradientType=0 );
}

a.viewserv_btn img{float: right; margin: 0 0 0 20px}







/*why choose us styles */
.sec_whychoose {width: 100%; float:left; clear: both; background: #ebebeb; padding: 100px 0}
.whychoose_left {width: calc(100% - 800px); float:left}
.whychoose_left p{text-align: center; font-size: 16px; color: #4b4b4b; padding: 0 100px}

.whychoose_left ul{width:100%; float:left; text-align: center; margin: 0; padding: 0}
.whychoose_left ul li{display: inline-block; text-align: center; padding: 0; width: 30%; margin: 30px 1.5%}
.whychoose_left ul li .whychoose_icon{width: 90px; height: 90px; border-radius: 50%; background: #0095da; margin: 0 auto 20px}
.whychoose_left ul li p{text-align: center; padding: 0 10px; color: #787878; font-size: 14px; font-family: 'Avenir Next LT Pro Bold'; line-height: 22px;text-transform: uppercase;}



.whychoose_right {width: 700px; float:right; position: relative;z-index: 0; min-height: 579px; overflow: hidden}
.whychoose_rgtimg {position: absolute;z-index: -1;width: 697px;height: 579px;}

.whychoose_rgt_content {width: 335px;float: left;padding: 60px 45px;background: rgba(80, 99, 103, 0.9);position: absolute;z-index: 0;height: auto;}
.whychoose_rgt_content .sectiontitle{color: #fff; text-align: left; text-transform: uppercase; font-size: 32px; font-family: 'Bebas Neue Bold'; line-height: 40px; margin: 0 0 30px 0}
.whychoose_rgt_content p{color: #fff; font-family: 'Avenir Next LT Pro'; font-size: 16px; line-height: 22px;}


.whychoose_rgt_content .btnbox {margin: 43px 0 0 0}
.bookservicbtn {background: #0095da; border-radius: 3px; color: #fff; font-family: 'Avenir Next LT Pro'; font-size: 16px; border-radius: 3px; padding: 8px 20px; float:left; clear:both; margin:0 0 15px;border:1px solid #0095da;text-transform: capitalize}
.phonebtn {background: #fff; border-radius: 3px; color: #1e2122; font-family: 'Avenir Next LT Pro'; font-size: 16px; border-radius: 3px; padding: 8px 20px; float:left; clear:both; margin:0 0 15px;border:1px solid #fff}
.phonebtn img {filter: invert(90%);max-width: 19px;margin: 0 10px 0 0;}
.bookservicbtn img{margin: 0 10px 0 0;max-width: 100%;}


/* client testimonial slider */
.sec_testimonial {width: 100%;float: left;clear: both;padding: 70px 0 80px;}
/*.brand_container {width: 100%; float: left; clear: both; padding: 100px 0 90px}*/
.sec_testimonial .sectiontitle{margin: 0 0 50px 0}
.clientslider_container {width: 100%; margin: 0 auto; clear: both; overflow: hidden}
.clientbox {float: left;} 


.clientslider {width: calc(100% + 480px);float: left;box-sizing: border-box;margin: 30px -240px 0;position: relative;z-index: 0;}

.clientslider .slick-slide {padding: 40px 40px 40px 140px;background: url('../images/testimonial-center-bg.png')no-repeat 0 0 #b7b7b7;transform: scale(1);transition: .3s ease-in-out all;position: relative;z-index: 0;margin: 0 120px 0;border-radius: 8px;}

.clientslider .slick-slide .quoteimg {position: absolute;z-index: 0;top: 40px;left: 40px;}
.clientslider .slick-slide.slick-center {transform: scale(1.1);background: url('../images/testimonial-center-bg.png')no-repeat 0 0 #222;z-index: 10;border: 0px solid red;margin-top: -15px; background-size: cover}
.clientslider .slick-slide.slick-center:before {content: ''; position: absolute;z-index: -1; width: 30px; background: #0095da; height: 80%; top: 0; left: 0; margin: 20px 0 0 -30px; border-radius: 10px 0 0 10px}
.clientslider .slick-slide.slick-center:after {content: ''; position: absolute;z-index: -1; width: 30px; background: #0095da; height: 80%; top: 0; right: 0; margin: 20px -30px 0 0; border-radius: 0 10px 10px 0}

.clientslider .slick-slide p{color: #fff; position: relative;z-index: 0; font-size: 16px; font-family: 'Avenir Next LT Pro'; font-weight: normal}
.clientslider .slick-slide span{font-size: 26px; font-family: 'Bebas Neue Bold'; color: #fff; text-transform: uppercase; letter-spacing: 1px}

.clientslider .slick-arrow {font-size: 0px;background: transparent;border: 0px solid red; cursor: pointer}
.clientslider .slick-prev.slick-arrow {width: 55px;height: 55px;position: absolute;z-index: 1;left: 32%; top:30%; background: url('../images/client-slider-left.png')no-repeat 0 0}
.clientslider .slick-next.slick-arrow {width: 55px;height: 55px;position: absolute;z-index: 1;right: 32%; top:30%; background: url('../images/client-slider-right.png')no-repeat 0 0}



/*welcome section styels */
.sec_welcome {width: 100%; float:left; clear: both; padding: 100px 0; background: #eff3f7}
.welcomcontent_left {width: calc(100% - 1200px); float:left}
.welcomcontent_left .sectiontitle{text-align: left; line-height: 52px; margin: 0 0 30px}
.welcomcontent_left .cutomescroll {max-height: 360px;}
.welcomcontent_left .cutomescroll p{line-height: 26px; margin: 0 0 20px 0}

.welcomeimg {width: 1144px; float:right; position: relative;z-index: 0}
.welcomeimg .calltoday_cta {position: absolute;z-index: 0;background: #0095da;width: 450px;left: 300px;bottom: -30px;padding: 25px;}
.calltoday_cta a.phonebtn {float: right;clear: inherit;margin: 0;box-shadow: 0 0 10px rgba(0,0,0,0.6);}
.calltoday_cta p {display: inherit;font-size: 16px;color: #fff;font-family: 'Avenir Next LT Pro Bold';text-transform: uppercase;line-height: 22px;width: 160px;float: left;}






/*instagram section styles */
.insta_sec {width: 100%; clear: both; float:left; position: relative;z-index: 0; padding: 110px 0; border-top: 1px solid #fff}
.insta_sec .instasec_bgimg{position: absolute;z-index: -1; width: 100%; min-height:739px; top: 0; left: 0}
.instalink_left {float:left; width: 844px;}
.instalink_left img {width:100%}
.insta_right {float: right;width: calc(100% - 900px);padding: 40px 0 0 0;text-align: right;position: relative;z-index: 0;height: 500px;}
.insta_right img.insta_nandv_logo {position: absolute;z-index: 0;bottom: 0;left: 25%;width: 293px;height: 279px;}
.insta_right .sectiontitle{color: #467ec9; font-size: 31px; text-align: right; margin: 0 0 30px}

.insta_right p{margin: 0;text-align: right;color: #4b4b4b;font-size: 20px;text-transform: uppercase; padding: 0 0 0 100px; font-family: 'Avenir Next LT Pro Bold';} 


.insta_right a{color: #fff;border-radius: 4px;width: 46px;height: 46px;text-align: center;line-height: 46px;position: relative;font-size: 20px;display: inline-block;vertical-align: middle;margin-left: 15px;z-index: 0}

a.followinsta_btn {    display: inline-block;
    margin: 0;
    float: right;
    color: #fff;
    clear: both;
    padding: 12px 22px;
    font-size: 20px!important;
    width: auto;
    padding: 0 30px;
    border-radius: 0;
    margin: 20px 0 0;
    font-family: 'Bebas Neue Bold'!important;
    cursor: pointer;
    font-family: 'Avenir Next LT Pro Bold';
    background: rgba(250,196,108,1);
    background: -moz-linear-gradient(45deg,rgba(250,196,108,1) 0%,rgba(225,66,89,1) 28%,rgba(181,51,142,1) 54%,rgba(129,82,164,1) 77%,rgba(91,108,178,1) 100%);
    background: -webkit-gradient(left bottom,right top,color-stop(0%,rgba(250,196,108,1)),color-stop(28%,rgba(225,66,89,1)),color-stop(54%,rgba(181,51,142,1)),color-stop(77%,rgba(129,82,164,1)),color-stop(100%,rgba(91,108,178,1)));
    background: -webkit-linear-gradient(45deg,rgba(250,196,108,1) 0%,rgba(225,66,89,1) 28%,rgba(181,51,142,1) 54%,rgba(129,82,164,1) 77%,rgba(91,108,178,1) 100%);
    background: -o-linear-gradient(45deg,rgba(250,196,108,1) 0%,rgba(225,66,89,1) 28%,rgba(181,51,142,1) 54%,rgba(129,82,164,1) 77%,rgba(91,108,178,1) 100%);
    background: -ms-linear-gradient(45deg,rgba(250,196,108,1) 0%,rgba(225,66,89,1) 28%,rgba(181,51,142,1) 54%,rgba(129,82,164,1) 77%,rgba(91,108,178,1) 100%);
    background: linear-gradient(45deg,rgba(250,196,108,1) 0%,rgba(225,66,89,1) 28%,rgba(181,51,142,1) 54%,rgba(129,82,164,1) 77%,rgba(91,108,178,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fac46c',endColorstr='#5b6cb2',GradientType=1);
}  

.insta_right span {display: block;text-align: right;font-size: 26px;color: #4b4b4b;font-family: 'Bebas Neue Bold';width: 100%;float: right;margin: 60px 0 20px 0;}


.insta_right a.ftfb{background: #2e477c;}
.insta_right a.ftinsta{background: rgba(250,196,108,1);
    background: -moz-linear-gradient(45deg,rgba(250,196,108,1) 0%,rgba(225,66,89,1) 28%,rgba(181,51,142,1) 54%,rgba(129,82,164,1) 77%,rgba(91,108,178,1) 100%);
    background: -webkit-gradient(left bottom,right top,color-stop(0%,rgba(250,196,108,1)),color-stop(28%,rgba(225,66,89,1)),color-stop(54%,rgba(181,51,142,1)),color-stop(77%,rgba(129,82,164,1)),color-stop(100%,rgba(91,108,178,1)));
    background: -webkit-linear-gradient(45deg,rgba(250,196,108,1) 0%,rgba(225,66,89,1) 28%,rgba(181,51,142,1) 54%,rgba(129,82,164,1) 77%,rgba(91,108,178,1) 100%);
    background: -o-linear-gradient(45deg,rgba(250,196,108,1) 0%,rgba(225,66,89,1) 28%,rgba(181,51,142,1) 54%,rgba(129,82,164,1) 77%,rgba(91,108,178,1) 100%);
    background: -ms-linear-gradient(45deg,rgba(250,196,108,1) 0%,rgba(225,66,89,1) 28%,rgba(181,51,142,1) 54%,rgba(129,82,164,1) 77%,rgba(91,108,178,1) 100%);
    background: linear-gradient(45deg,rgba(250,196,108,1) 0%,rgba(225,66,89,1) 28%,rgba(181,51,142,1) 54%,rgba(129,82,164,1) 77%,rgba(91,108,178,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fac46c',endColorstr='#5b6cb2',GradientType=1);}


/*
    font-family: 'Avenir Next LT Pro';
    font-family: 'Avenir Next LT Pro Bold';
    font-family: 'Avenir Next LT Pro Demi';
    font-family: 'Bebas Neue Bold';
    font-family: 'Bebas Neue';
*/
.bannercontentbox .btnbox a.bookservicbtn:hover{background:#030f18 }
.bannercontentbox .btnbox a.phonebtn:hover{background: #0095da}
.servicelist_container .servicelistbox:before{background: rgba(0,149,218,0.65);opacity: 0;height: 100%;width: 100%;position: absolute;content: '';transition: all ease-out 0.3s;-webkit-transition: all ease-out 0.3s}
.servicelist_container .servicelistbox:hover:before{opacity: 1}
h1.sectiontitle.top_ttl {
    color: #000;
    margin-bottom: 60px;
}