@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');
/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden; width:100%;}
body{
font-family: "Arimo"; font-weight:400; padding:0; color:#00131d; font-weight:normal; padding-right:0!important; background:#fff;
font-size:15px;
line-height:1.4;
 overflow-x:hidden; width:100%;
}
/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

:root{--light:#00f3ff; --blue:#134da3; --sky:#0091f4; --dark:#000; --shade:linear-gradient(125deg, var(--blue) 0%, var(--sky) 100%);}

img{border:0;}

*{ box-sizing:border-box;}
*:hover{
}

a{color:var(--blue); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--sky);}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:500; font-family:'Libre Franklin';}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #666;
}


@keyframes wiggle {
0%{transform:rotate(0deg);}
80%{transform:rotate(0deg);}
85%{transform:rotate(5deg);}
95%{transform:rotate(-5deg);}
100%{transform:rotate(0deg);}
}


.fullArea{width:1280px; max-width:92%; margin:0 auto;}

.floatBtn{background:#fff; position:fixed; right:0; top:30%; box-shadow:0 0 8px rgba(130,100,30,0.8); z-index:999;}
.floatBtn ul{margin:0; padding:0; list-style-type:none;}
.floatBtn ul li a{display:block; padding:3px 7px; font-size:26px; line-height:1.3;}
.floatBtn ul li a img, .socialIcon li a img{width:30px;}
.floatBtn ul li:last-child a{ border-top:1px var(--light) solid; margin-top:10px;}
.floatBtn ul li a:hover img, .socialIcon li a:hover img{ filter: brightness(70%);}


.container-fluid {
    position: relative;
	width: 1366px;
    max-width: 100%;
    margin: 0 auto;
}


/* Header */
.headerArea{display:block; clear:both; padding:0; margin-top:0.5px; font-size:18px; background:#fff; position:relative; top:0; z-index:999; left:0; right:0;}
.logo{display:block; padding:10px 0;}
.logo img{height:100px; max-width:100%; transition:all .2s ease-in-out;}
.headerArea .text-lg-right{position:relative; z-index:5;}
.headerArea .text-lg-right a{padding:8px; display:inline-block; color:var(--dark);font-size:20px; font-weight:700;}
.headerArea .text-lg-right a i{color:var(--light); text-align:center; margin-right:5px; font-size:17px;}
.headerArea .text-lg-right a:hover{color:var(--light);}
.headerArea .text-lg-right a:last-child{background:var(--blue); width:100%; color:#fff; padding:12px 8px; text-transform:uppercase; font-size:14px; display:block; text-align:center; border-radius:40px;}
.headerArea .text-lg-right a:last-child:hover{background:var(--sky);}

.navArea{float:left; width:100%; clear:both; position:relative; background:var(--dark); padding:5px 0; z-index:1599;}
.navArea [class^="col-"] > a{position:relative; padding:8px 25px; border-radius:30px; display:inline-block; background:var(--light); color:#fff; font-weight:600; text-transform:uppercase;}
.navArea [class^="col-"] > a:hover{background:var(--sky);}

.headerArea.sticky{position:fixed; backdrop-filter: saturate(180%) blur(10px); background:rgba(255,255,255,0.75); top:0; left:0; right:0; z-index:999; margin-top:0; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.headerArea.sticky .logo img{height:70px;}



.project-slider{position:relative; display:block; width:100%; height:80vh; clear:both; background:#222;}
.project-slider .carousel-item img, .project-slider .carousel-item video{width:100%; height:80vh; object-fit:cover; animation: resize 30s linear infinite; opacity:1;}
.project-slider .carousel-item{position:relative;}
.project-slider > img{position:absolute; left:50%; bottom:-209px; transform:translate(-50%,0); z-index:99;}
/*.project-slider .carousel-item:before{position:absolute; z-index:2; content:''; display:block; left:0; right:0; bottom:0; height:70%;
 background:linear-gradient(0deg, var(--light) 0%, rgba(205,236,231,0) 100%);
}*/
.project-slider .carousel-control-prev, .project-slider .carousel-control-next{padding:30px 10px; top:40%; bottom:auto; background:var(--sky); color:#fff; width:auto; opacity:1; font-size:15px; z-index:100;}
.project-slider .carousel-control-prev:hover, .project-slider .carousel-control-next:hover{background:var(--light);color:var(--sky);}
.project-slider [class^="carousel-control-"] img{filter: brightness(0) invert(1);}


.carousel-item img, .carousel-item video {
    width: 100%;
    height: auto;
    border-radius: 10px;
}



@keyframes resize {
0% {transform:scale(1);}
50% {transform:scale(1.2);}
}
.sliderContent{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:99; width:800px; max-width:75%; z-index:10; text-align:center; color:#fff;}
.sliderContent h2{text-shadow: rgba(0,0,0,0.8) 1px 0 10px;}
.sliderContent h2 strong{display:block; clear:both;}
.sliderContent a{background:var(--blue); color:#fff; display:inline-block; height:50px; line-height:50px; width:250px; margin:3px; font-size:20px; font-weight:700; border-radius:30px;}
.sliderContent a:hover{background:var(--sky);}


.aboutArea{display:block; float:left; width:100%; padding:60px 0; position:relative;z-index:2; text-align:center;}
.aboutArea h1{font-size:34px; margin-bottom:10px;}
.aboutArea h2{font-size:18px; color:var(--blue);}
.aboutArea > div{width:1000px; max-width:95%; margin:0 auto;}
.aboutArea > div > a{display:inline-block; width:200px; padding:12px 20px; margin-top:15px; background:#000;; border:2px #fff solid; color:#fff; text-transform:uppercase; font-size:16px; font-weight:700;
-webkit-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
}
.aboutArea > div > a i{margin-right:4px;}
.aboutArea > div > a:hover{background:var(--sky); color:#fff;}
.aboutArea > img{position:absolute; left:20px; top:0;}
.aboutArea > img:last-child{left:auto; right:0;}


.slidervideo{display:block; text-align:center;position:relative; clear:both; bottom:-50px;}

.serviceArea{display:block; overflow:hidden;padding:100px 0 60px; text-align:center;position:relative; clear:both;}
.serviceArea:before{position:absolute; left:0; right:0; top:0; height:300px; content:''; display:block;background:var(--shade); z-index:-1;}
.serviceArea > div{position:relative;z-index:5;}
.serviceArea h2{ font-size:36px; margin-bottom:5px; color:#fff!important;}
.serviceArea h2 + p{margin-bottom:40px; font-size:22px; color:#fff!important;}
.serviceArea [class^="col"]{margin-bottom:40px; text-align:center;}
.serviceArea [class^="col"] img{width:100%; margin-bottom:0;}
.serviceArea [class^="col"] a h4{font-size:24px; color:#fff; padding:0 0 5px; margin-bottom:0;}
.serviceArea [class^="col"] a{position:relative; display:block; overflow:hidden; border-radius:20px;}
.serviceArea [class^="col"] a:before{ position:absolute; content:''; display:block; left:0; right:0; top:50%; bottom:0; transition:all .2s ease-in-out;
background: var(--dark); background: linear-gradient(0deg, var(--dark) 0%, rgba(0,0,0,0) 100%);}
.serviceArea [class^="col"] a:hover:before{top:0%;}
.serviceArea [class^="col"] a > div{position:absolute; bottom:0; padding:10px 20px 15px; width: 100%;}
.serviceArea [class^="col"] a > div p{font-size:15px; margin-bottom:0; color:#fff!important;}
.serviceArea > div > a{display:inline-block; width:250px; padding:12px 20px; background:var(--sky);; border:2px #fff solid; color:#fff; text-transform:uppercase; font-size:16px; font-weight:700;
-webkit-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
}
.serviceArea > div > a:hover{background:var(--blue);}
.serviceArea > div > a i{margin-right:4px;}



.testimonialsArea{display:block; padding:80px 0 0; background:#222 url('../images/testimonials.jpg') no-repeat center center fixed; background-size:cover; background-blend-mode:overlay; position:relative; z-index:5; text-align:center; color:#fff;}
.testimonialsArea h2{font-size:36px; margin-bottom:25px;}
.testimonialsArea .item > div{padding:0px;font-size:17px; text-align:center;}
.testimonialsArea .item > div p{width:800px; max-width:95%; margin:0 auto 20px;}
.testimonialsArea .item > div i{font-size:36px; margin-bottom:15px;display:block;color:var(--light);}
.testimonialsArea .item > div span{width:170px; margin:0 auto; padding:0; height:34px; display:block; margin-bottom:15px; background:transparent url('../images/stars.png') no-repeat left top;}
.testimonialsArea .item > div span.star-4{background-position:left top -34px;}
.testimonialsArea .item > div span.star-3{background-position:left top -68px;}
.testimonialsArea .item > div span.star-2{background-position:left top -102px;}
.testimonialsArea .item > div span.star-1{background-position:left top -136px;}
.testimonialsArea .item > div h5{font-size:20px; margin-top:0; font-weight:600;}
.testimonialsArea .owl-nav{position: absolute;width: 100%; bottom:-50px;}
/*.testimonialsArea .owl-nav .owl-prev{left: -20px; position: absolute;}
.testimonialsArea .owl-nav .owl-next{right: -20px; position: absolute;}*/
.testimonialsArea .owl-nav i{color:var(--sky);font-size:24px;}


.highLightPoints{position:relative;display:block; bottom:-150px; margin-top:-50px; z-index:5; color:#222;}
.highLightPoints > div{background:#fff; padding:15px 30px; text-align:center; border-radius:10px; position:relative; overflow:hidden;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
}
.highLightPoints > div:after{background:#ddd; display:block; content:''; overflow:hidden; right:0; left:50%; top:0; bottom:0; z-index:5; position:absolute; z-index:1;
box-shadow: rgb(0,0,0,0.3) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) 0px -3px 6px 1px inset;
}
.highLightPoints h3{font-size:22px; margin-bottom:10px;}
.highLightPoints img{margin-bottom:5px;}
.highLightPoints p{margin:0 8%;}
.highLightPoints [class^="col"] > div{padding:20px 0 25px; border-bottom:3px #ccc dotted;}
.highLightPoints [class^="col"] > div:last-child{border-bottom:none;}

.formBox{position:relative;z-index:5; padding:30px!important; display:block; overflow:hidden;}
.formBox h2{font-size:28px; margin-bottom:15px;}
.formBox p{margin-bottom:30px;}
.formBox label{margin-bottom:15px; display:block; overflow:hidden;}
.formBox label select, .formBox label input{ height:45px;}
.formBox textarea{ height:100px;}
.formBox input[type="submit"]{width:100%; margin-bottom:0;}


.quickEnquiry{display:block;overflow:hidden; position:relative; color:#222; clear:both;padding:200px 30px 60px; background:var(--blue) url('../images/enquiry.jpg') no-repeat center center fixed; background-size:cover; background-blend-mode:overlay; text-align:center;}

/* -- Logos Scroll -- */
.simply-scroll-container{position: relative;}
.simply-scroll-clip{position: relative; overflow:hidden; width:150%;}
.simply-scroll-list{overflow: hidden;	margin: 0;	padding: 0;	list-style: none;}
.simply-scroll-list li {padding: 0;	margin: 0;	list-style: none;}
.simply-scroll-list li img{border: none;display: block;	width:100%; background:#fff;}
.simply-scroll{width: 100%;}
.simply-scroll .simply-scroll-clip{width: 100%;}	
.simply-scroll .simply-scroll-list li{float: left; width: 250px; margin:5px; border:5px #fff solid;}
/* -- Logos Scroll End -- */





.modal-dialog {max-width: 900px; }
.modal-content {border: none;  position: relative;  padding: 0 !important;  font-size: 14px;  border-radius: 0;
-webkit-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24); }
.modal-content .modal-header {padding: 0; border: none; }
.modal-content button.close {
position: absolute; top: 0; right: 0; padding: 0; margin: 0; width: 40px; height: 40px; z-index: 1; text-shadow: none; background: var(--sky); color:var(--light); opacity: 1; }
.modal-content .modal-body { border: none; position: relative; z-index: 0;}
.modal-content .row [class^="col-"]:first-child{ background:transparent url('../images/bg-1.jpg') no-repeat center center; background-size:cover;}
.modal-content .modal-body h2 { font-weight: 700; text-transform: uppercase; font-size: 42px; }
.modal-content .modal-body h2 span {   font-weight: 400; }
.modal-content .modal-body h4 { text-transform: uppercase; font-size: 16px; }
.modal-content .modal-body .form-control{margin-bottom:10px;}
.modal-content .modal-body .btn-primary { color: #fff !important; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; background:var(--sky)!important; width:100%; margin-top:10px; border:none!important;}
.modal-content .text {position: relative; z-index: 0;}
.modal-content .text:after {position: absolute; top: -30px; left: -30px; right: -30px; bottom: -30px; content: ''; border: 1px solid rgba(0, 0, 0, 0.1); z-index: -1; }



.footerArea{background:#fff; padding:50px 25px; display:block; color:#222; overflow:hidden; clear:both;}
.footerArea .logo img{height:120px;}
.footerArea ul{margin:0; padding:0; list-style-type:none; text-transform:uppercase;}
.footerArea ul li{margin-bottom:8px;}
.footerArea ul li a{color:#222; font-size:14px;}
.footerArea ul li a:hover{color:var(--dark);}
.footerArea [class^="col-"] h4{font-size:22px;  margin-bottom:15px;}
.footerArea [class^="col-"] > a{display:block; clear:both; color:#222; padding:3px 0; font-size:16px;}
.footerArea [class^="col-"] > a i{margin-right:5px;}
.footerArea [class^="col-"] > a:hover{color:var(--dark);}

ul.social-links{margin:0; padding:5px 0; list-style-type:none; display:block; overflow:hidden; clear:both;}
ul.social-links li{display:inline-block; margin:0px;}
ul.social-links li a{text-align:center; color:#fff; display:block; border:1px #fff solid; width:45px; height:45px; text-align:center; border-radius:50%;}
ul.social-links li a i{font-size:18px; line-height:45px;}
ul.social-links li a:hover{background:var(--light); color:#fff;}

.footerArea ul.social-links li a{color:var(--dark); border:1px var(--dark) solid;}
.footerArea ul.social-links li a:hover{background:var(--dark); color:#fff;}

.footerBottom{background:var(--dark); padding:12px 0 7px; display:block; font-size:16px; position:relative; color:#fff;}
.footerBottom ul{ float:right; margin:0; padding:0; list-style-type:none;}
.footerBottom ul li{ display:inline-block;}
.footerBottom ul li a{ display:block; padding:0 8px; color:#fff; border-left:1px #fff solid; line-height:1;}
.footerBottom ul li:first-child a{border:none;}
.footerBottom ul li a:hover{color:var(--light);}



#scroll-icon {
 position:fixed;
 right:10px;
 bottom:10px;
 cursor:pointer;
 width:35px;
 height:35px;
 text-indent:-9999px;
 display:none;
 z-index:99999;
}
#scroll-icon span {
	position:absolute; left:0; top:0;
 height:35px;
 width:35px;
 background:transparent url('../images/arrowup.png') no-repeat center center;
}
#scroll-icon:hover {
 opacity:1;
 filter:"alpha(opacity=100)";
 -ms-filter:"alpha(opacity=100)";
}
#scroll-icon:hover span{ background-image:url('../images/arrowupsolid.png');}



/*----------------------Next Page-----------------------*/

.nxtBanner{display:block; position:relative; overflow:hidden; clear:both; height:50vh;}
.nxtBanner:after{background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.03683480228028713) 0%, rgba(51,51,51,0.7707283597032564) 96%); position:absolute; left:0; right:0; top:0; bottom:0; content:''; display:block; }
.nxtBanner .nxtbanner-inner img{width:100%; height:100%; object-fit:cover;}
/*.nxtBanner [class^="carousel-control-"]{font-size:20px; display:block; color:#fff; opacity:1; top: 45%; height: 45px; width: 45px; color: #fff; left: -70px;}
.nxtBanner [class^="carousel-control-"]:last-child{right:-70px; left: auto;}
.nxtBanner [class^="carousel-control-"] img{filter: brightness(0) invert(1);}*/

@keyframes resize {
0% {transform:scale(1);}
50% {transform:scale(1.2);}
}


.nxtBanner .fullArea{position:relative;z-index:5; }


.nxtBanner h1{font-weight:700;  display: block; font-size:40px; margin-bottom:10px; color:#fff!important; padding:0 0 10px; text-transform:uppercase; letter-spacing:4px; line-height:1.1; position: absolute; left:50%; z-index:105; transform:translate(-50%,50%); z-index:5; bottom:50%; text-shadow: #858f99 1px 1px 0px, #b4b4b4 0px 2px 0px, #a0a0a0 0px 3px 0px, rgba(140, 140, 140, 0.498039) 0px 4px 0px, #787878 0px 0px 0px, rgba(0, 0, 0, 0.498039) 0px 5px 10px; }



.nxt-matter-area{/*padding:50px 0; display:block; /*overflow:hidden;*/ clear:both; margin-top: 0;  margin-bottom:50px; background:#fff; }
.nxt-matter-area p{ font-size:18px!important; line-height:1.5!important; padding-bottom:10px!important; }

.nxt-matter-area h2{ display:block; font-size:34px; line-height:35px; margin:0 auto; text-transform:none; font-weight:600; color:var(--dark);}
hr.line{ border-bottom:1px solid #dbdbdb; display:block; overflow:hidden;}




.mid-content-area{display:block; width:100%; padding: 50px 0; }
.mid-content-area [class^="col-"] > div{display: inline-block; vertical-align:top;}
.mid-content-area [class^="col-md-5"] > div{border-left:1px #ddd solid; margin: 0; padding:0;  height: 100vh}

.sub-menu{display:block; text-align:left; overflow:hidden; padding: 0; }
.sub-menu li{display:block; overflow:hidden; font-size:14px;}


.sub-menu li a{
color: #fff;
display: block;
line-height: 1.25em;
text-decoration: none;
padding: .75em 0;
position: relative;
border-right:3px transparent solid; text-align:left; border-bottom: 1px dashed #f1f1f1; /*background: var(--blue);*/
}
.sub-menu li a:hover, .sub-menu li.active a{ text-align:left; color: #00a8ff; border-right:3px #00a8ff solid;
}

.sub-menu li:before{ display: none}



.mid-content-area p{display:block; clear:both; margin-bottom:25px; text-align:justify;}
.mid-content-area h2, .mid-content-area h1{display:block; margin-bottom:25px; font-size:22px; font-weight:600; color: #e24a3a; clear:both;}
.mid-content-area h3{display:block; margin-bottom:15px; font-size:18px; font-weight:700; color: #0ea1c4; clear:both; text-transform:uppercase;}



.nestaboutArea{display:block; padding:60px; position:relative;z-index:2; background:#eee; display:block;}
.nestaboutArea{width:100%; position:relative; z-index:5; font-size:16px; background:#eeeeee; display:block;overflow:hidden; padding:30px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.nestaboutArea h2{color:var(--green); font-size:38px;}
.nestaboutArea h2 span, .highLightText h3, .testimonialsArea h2, .whyUsArea h2, .videoArea h2{display:block; overflow:hidden; font-size:30px; letter-spacing:-1px; line-height:1; font-weight:700; margin-bottom:0px; color:var(--black);}
.nestaboutArea h3{font-size:22px;}
.nestaboutArea .container a, .highLightText .row + a{display:inline-block; margin:15px 0; background:#fff; border:2px var(--black) solid; text-transform:uppercase; color:var(--green); padding:12px 20px; font-weight:700;
-webkit-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
}
.nestaboutArea .container a:hover, .highLightText .row + a:hover{background:var(--black); color:#fff;}


.datetime-area{ display: block!important; border:5px solid #1a224d; padding:30px  20px;  text-align: center;}
.datetime-area h4{ display: block; padding-bottom: 10px; font-size: 25px; font-weight: 500;  color: #c51f44;}
.datetime-area h4 strong{ display: block; clear: both; font-size: 35px; padding-top: 10px; color: #1a224d; }
.datetime-area ul{display: block!important; padding:0!important; margin:0!important; list-style-type: none!important;}

.datetime-area ul li{display: block!important; padding:0 0 15px 0!important; font-size: 20px; }



.contactArea{ margin:0 auto; font-size:17px; }
.contactArea h3{ font-size:20px; margin-bottom:5px; text-transform:uppercase; color:#000;}
.contactArea a{ margin-bottom:20px; display: inline-block; padding-left: 10px;  color:#222; font-size:24px;}
.contactArea a:hover{color:var(--blue);}
.contactArea .col-md-7 div{border-bottom: 2px var(--blue) solid; margin-bottom: 20px;}
.contactArea img{width:70px;}
.contactArea .col-sm-6 a{display: inline-block; padding: 5px;}
.contactArea p{line-height:1.3;}
.contactArea i{ color: var(--red); font-size: 18px;}

.contactformArea{display: block; overflow: hidden; padding: 60px 0; clear: both; width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.contactformArea > div{width:900px; margin: 0 auto; max-width: 100%;}
.contactformArea h2{margin-bottom: 25px; text-align: center;}




.glsr-default .glsr-review {
  display: flex;
  flex-wrap: wrap;
  gap: var(--glsr-gap-md);
  border: 1px solid #ddd;
  padding: 20px;
  margin-bottom: 25px;
}


.gallery-listing > [class^="col-"]{}
.gallery-listing > [class^="col-"] > div{display:block; overflow:hidden; clear:both; position:relative; margin-bottom:30px;  border:1px solid #f3f3f3; padding:5px; width:100%;  height: 250px;}
.gallery-listing > [class^="col-"] > div:hover{border:1px #000 solid; }
.gallery-listing > [class^="col-"] > div img{padding:0; display:inline-block!important; transform: scale(1); transition:.2s ease-in-out;width:100%;   height:100%; object-fit:cover;}
.gallery-listing > [class^="col-"] > div:hover img{transform: scale(1.1);}
.gallery-listing > [class^="col-"] > div h3{font-size:15px; font-weight:600; line-height:1.5; margin-bottom:0;padding:3px 10px; font-weight:600; background:var(--red); color:#fff;}





.from-area{display: block; overflow: hidden; padding:40px 0; margin:0; clear: both; width: 100%; background: var(--dark);}
.from-area > div{width:900px; margin: 0 auto; max-width: 100%;}
.from-area h2{margin-bottom: 25px; text-align: center; color: #fff!important;}

.from-area div.wpforms-container-full .wpforms-form button[type=submit]{background: var(--sky)!important; width: 100%; display: block; border: none!important; color: #fff!important }

.nxtwelcomeArea{ float:left; width:100%; clear:both;  color:#111; background: transparent url('../images/footerbg.jpg') no-repeat center bottom; background-color:#f1f1f1; position:relative; z-index:10;      }
.nxtwelcomeArea h2{ color: #555564; font-size:24px; }
.nxtwelcomeArea h2 strong{clear:both; display:block; color:var(--blue);}
.nxtwelcomeArea h3{ color:var(--blue); font-size:20px; padding-bottom:10px;   }
.nxtwelcomeArea p{margin-bottom:30px; color:#111;}

.nxtwelcomeArea .bginner{ background:#fff; padding:60px 20px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);}

.nxtwelcomeArea


.nxtwelcomeArea input, .welcomeArea textarea{width:100%; border:1px #ccc solid; height:50px; padding:5px 10px; margin-bottom:15px; }
.nxtwelcomeArea textarea{height:100px!important;}
.nxtwelcomeArea [type="submit"]{border:none; background:var(--yellow)!important; color:#111; font-weight:600; margin-bottom:0px;}
.nxtwelcomeArea [type="submit"]:hover{cursor:pointer; background:var(--red); color:#fff;}
.nxtwelcomeArea > div > .row > [class^="col-md-4"] > div{background:var(--dark)!important;  display:block; overflow:hidden; padding:30px; color:#222; position:relative; top:-125px; margin-bottom:-125px; border:10px #fff solid; }


.nxtwelcomeAreaimg{ margin:20px auto;}
.nxtwelcomeAreaimg img{padding:10px 5px 10px; width: 100%; padding: 5px; border: 1px solid #ddd; border-radius:10px;}

ul.nxtwelcomeAreaimg li{ display:inline-block; padding:10px 5px 10px; width:30%; margin:40px 10px 10px; text-align:center; background:#fff; color:#fff; border-radius:10px; text-transform:uppercase; letter-spacing:1px; font-weight:700; font-size:14px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
}
ul.nxtwelcomeAreaimg li i{display:block;width:100%;margin-bottom:15px; font-size:36px;}
ul.nxtwelcomeAreaimg li h4{display:block;font-size:20px; padding-top: 20px;}
ul.nxtwelcomeAreaimg li:hover{background:var(--light)!important; color: #111;}

.nxtcallarea{border:none; background:var(--sky)!important; color:#fff; font-weight:600; margin-bottom:0px;}
.nxtcallarea:hover{background:#fff!important; color:#111; }

.contactArea{ margin:0 auto; font-size:16px; }
.contactArea h3{ font-size:20px; margin-bottom:5px; text-transform:uppercase; color:#000;}
.contactArea a{ margin-bottom:20px; display: inline-block; padding-left: 10px;  color:#222; font-size:24px;}
.contactArea a:hover{color:var(--blue);}
.contactArea .col-md-7 div{border-bottom: 2px var(--blue) solid; margin-bottom: 20px;}
.contactArea img{width:70px;}
.contactArea .col-sm-6 a{display: inline-block; padding: 5px;}
.contactArea p{line-height:1.3;}
.contactArea i{ color: var(--blue); font-size: 18px;}




.highlight-txt{ background: var(--dark); position: relative; padding: 10px 10px 10px 45px; font-size: 20px;  text-align: center; display:inline-block; margin: 20px auto 10px; color: #fff!important;}
.highlight-txt strong{ color: #fff!important; }
.highlight-txt a{ color:var(--sky); }
.highlight-txt:before{ background:var(--orange); position: absolute; top:-2px; left:-15px; width:37px; height:37px; border-radius:50%; padding:26px; line-height:37px; font-size: 25px; content:'';  display: block;   }
.highlight-txt span{ position: absolute; top:10px; left:0; z-index: 100;}

.listtype ul{ padding: 0; margin:10px 0 10px 0; list-style-type: none;}
.listtype ul li{ position: relative; padding-left: 20px;  line-height: 1.3; padding-bottom: 10px;}
.listtype ul li:before {  position: absolute;  left: 0;  top: 2px;  content:'\f35a';  display: block;   font-family:'FontAwesome';  color: #e24a3a;  font-size: 14px;}

.leftarea {color:#fff!important; }
.leftarea h2 {color:#00a8ff!important; }
/*.leftarea a{ background: var(--red); font-size: 16px; color: #fff!important;}*/

.colortext h2{ color: #fff!important}
.colortext p{ color: #fff!important}

.areas-covered {
  display: block; list-style-type: none;
  overflow: hidden;
  clear: both; padding: 0; margin: 0; 
}

.areas-covered li {
  display: inline-block;
  width: 30%;
  margin:4px 0.1%; box-sizing: border-box; box-shadow: 1px; vertical-align: top
}

.areas-covered li a {
  display: block;
  overflow: hidden;
  padding: 8px 10px;
  border: 1px #2d9fda solid;
  position: relative;
  color: #416375;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}


.areas-covered li a::after {
  position: absolute;
  right: 12px;
  top: 7px;
  content: '\f041';
  font-family: 'FontAwesome';
  display: block;
}

.areas-covered li a:hover {
  color: #fff;
  text-decoration: none;
  background: #2d9fda;
}



.footerform  div.wpforms-container-full .wpforms-form input[type="text"]{
  background-color: transparent!importanti; background: none!importanti;
  box-sizing: border-box;
  border-radius: 0!important;
  color: #333!important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  float: none;
  font-size: 16px;
  font-family: inherit;
	border-top:none!important;
	border-left:none!important;
	border-right:none!important;
  border-bottom: 1px solid #ccc!important;
  padding: 6px 10px;
  height: 38px;
  width: 100%;
  line-height: 1.3;
}

.footerform div.wpforms-container-full .wpforms-form .wpforms-field {
  padding: 5px 0!important;
  clear: both;
}

.footerform div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column input[type="email"]{background-color: transparent!importanti;border-top:none!important;
	border-left:none!important;
	border-right:none!important;
  border-bottom: 1px solid #ccc!important;}

.footerform div.wpforms-container-full .wpforms-form button[type="submit"] {
  background-color: var(--blue)!important;
  width: 100% !important;
  border: 1px solid var(--blue) !important;
  color: #fff !important;
  font-size: 1em;
  padding: 10px 15px;
}

.cookies-pop{ display:table; width:95%; background:#222; padding:10px 15px; position:fixed; transform: translate(-50%,0%); left:50%; bottom:0; color:#fff; z-index:9999999999;}
.cookies-pop > div{ display:table-cell; vertical-align:middle;}
.cookies-pop > div a{ color:#ccc; text-transform:uppercase; font-size:11px; text-decoration:underline;}
.cookies-pop > div:last-child{ width:120px;}
.cookies-pop > div:last-child a{ display:block; overflow:hidden; padding:10px; background:#2d9fda; text-align:center; color:#fff; text-transform:uppercase; font-weight:700; font-size:13px; text-decoration:none; cursor:pointer;}



.sub-menu-toggle{display: none!important;}

.nxtwelcomeArea > div > .row > [class^="col-md-5"] div.wpforms-container-full .wpforms-form button[type="submit"]{background:var(--sky)!important; color:#fff!important; border: none!important; }
.nxtwelcomeArea > div > .row > [class^="col-md-5"] div.wpforms-container-full .wpforms-form button[type="submit"]:hover{background:#fff!important; color:#000!important;  }


.listsp { padding: 0; margin:10px 0 10px 0; list-style-type: none;}
.listsp li{ position: relative; padding-left: 20px;  line-height: 1.3; padding-bottom: 10px;}
.listsp li:before {  position: absolute;  left: 0;  top: 2px;  content:'\f35a';  display: block;   font-family:'Font Awesome 5 Free';  color: #000;  font-size: 14px;}

.nxtservice_area{ background: var(--blue)!important; color: #fff;  padding:50px 0;}
.nxtservice_area h2{ color: #fff; font-size:22px; }


.testi div{ border:1px solid #ddd; border-radius:2px; display:block; padding:25px;  margin:30px auto 30px; position:relative; text-align:left; border-bottom: 2px solid #000;  }
/*.testi div:before{display:block; }*/
.testi div p{ font-size:15px; line-height:1.5; padding-bottom:0; margin-bottom:0;}
.testi div h4{ font-size:18px; padding-bottom:10px; line-height:1; color:#cd902f; margin-top:10px; font-weight:600;}
.testi div span{ font-size:15px; line-height:1; color:#cd902f;}
.wpforms-confirmation-container-full p:last-of-type{color:#000!important;}
/*------------------------------------*\
 Media Queries
\*------------------------------------*/

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

@media (max-width: 991px){
.headerArea{padding:0 0 10px;}
.headerArea .logo{text-align:center; margin-bottom:10px;}

.project-slider{position:relative; display:block; width:100%; height:400px; clear:both; background:#222;}
.project-slider .carousel-item img, .project-slider .carousel-item video{width:100%; height:400px; object-fit:cover; animation: resize 30s linear infinite; opacity:1;}
.project-slider .carousel-control-prev, .project-slider .carousel-control-next{padding:20px 5px; top:40%; font-size:14px;}
.modal-content .row [class^="col-"]:first-child{height:300px;}

.sliderContent h2{ font-size:24px;}
}

@media (max-width: 767px){

.aboutArea h2 span, .highLightText h3, .testimonialsArea h2, .whyUsArea h2, .videoArea h2{font-size:42px;}

.aboutArea{padding-bottom:40px;}
.aboutArea > div > .row > [class^="col-"]:first-child{margin-bottom:40px;}
.aboutArea > img{display:none;}

.highLightPoints > div{width:90%; padding:20px;}

.footerArea{ text-align:center; padding-bottom:20px;}
.footerArea [class^="col-"]{margin-bottom:20px;}
.footerArea ul{margin:10px 0;}

.footerBottom{text-align:center;}
.footerBottom ul{ text-align:center; display:block; float:none; padding-top:10px;}

.quickEnquiry{padding:200px 0 0;}
.quickEnquiry ul li{display:block; width:100%; margin:0 0 20px;}
.quickEnquiry > div > img{width:150px; border-radius:8px; margin:4px;}

.highLightPoints > div:after{display:none;}


.headerArea .text-lg-right a:last-child{width: 200px; display: inline-block;}
.headerArea .col-lg-7.order-lg-2{height:0;}
	
.nxtwelcomeArea .bginner{ padding:60px 8px;}
.nxtwelcomeArea > div > .row > [class^="col-md-5"] > div { 
  display: block;
  position: relative;
  top: 0;
  margin-bottom: 0;
  border: none;}
	

.highlight-txt {
  padding: 10px 10px 10px 45px;
  font-size: 18px;
  margin: 20px 20px 10px;}
	
	
.nxtBanner h1 {
  font-weight: 600;
  font-size: 25px;
  padding: 0 0 10px;
  letter-spacing: 3px;
  line-height: 1.1;}
	
.nxtBanner {
  display: block;
  position: relative;
  overflow: hidden;
  clear: both;
  height:20vh;
}
	
.nxtBanner .nxtbanner-inner img{ object-fit: cover; height:300px;}	
	
}

@media (max-width: 500px){

}

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


@media screen and (max-width: 1920px) and (min-width: 1240px){
}

@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
}