@import url(effect.css);



/* Fonts */

@import url('https://use.fontawesome.com/releases/v5.14.0/css/all.css');

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;600&family=Ysabeau:wght@300;400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;600;700&display=swap');



/* Fonts */



html { margin: 0; padding:0; overflow-x:hidden;}

body{

font-family: 'Urbanist', sans-serif; font-weight:normal; padding:0; color:#2c394c; font-weight:400; padding-right:0!important;

font-size:17px;

line-height:1.5;

}



/*	--------------------------------------------------

Global Reset & Standards.welcomeArea

-------------------------------------------------- */

:root{--orange:#d89500; --dark:#000; --blue:#38b6ff; --yellow:#f05922; --green:#7ed957;}



img{border:0;}



*{ box-sizing:border-box;

}

*:hover{

}



a{color:#1f1917; 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:#b93233;}



h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:700;}



a:focus, .active{outline: none !important; box-shadow: 0!important;}

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

@keyframes wiggle {

0%{transform:rotate(0deg);}

80%{transform:rotate(0deg);}

85%{transform:rotate(5deg);}

95%{transform:rotate(-5deg);}

100%{transform:rotate(0deg);}

}





.popUpBox{position:fixed; right:10px; bottom:10px; width:320px; border:3px var(--green) solid; background:var(--dark); padding:10px; border-radius:10px; text-align:center; z-index:99999; font-size:18px; oapcity:1; display:block; transition:.2s ease-in-out;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
}
.popUpBox h4{margin-bottom:10px; font-size:18px; color:#fff;}
.popUpBox div a{display:block; overflow:hidden; font-weight:700; font-size:20px; margin-top:5px; line-height:1; animation: wiggle 1.5s infinite; color:#fff;}
.popUpBox div a i{font-size:26px;}
.popUpBox > a{position:absolute; left:-10px; top:-10px;background:var(--green); color:var(--dark); text-align:center; width:40px; height:40px; line-height:36px; border-radius:50%; border:2px #fff solid;}
.popUpBox > a:hover{background:var(--dark); color:#fff;}
.popUpBox.show{opacity:0; display:none;}





/* Header */

.headerArea{display:block; overflow:hidden; padding:10px 0;

background-color:#fff;

background-image:url(../images/Artboard-1-min-1.jpg);

background-size: cover;

}

.headerArea ul{margin:0; padding:0;float:right; list-style-type:none;}

.headerArea ul li{display:inline-block; margin:0 2px;}

.headerArea ul li a{color:#fff; font-weight:700; font-size:22px; color:#fff; background:var(--green); border-radius:10px; padding:10px 20px;}

.headerArea ul li a i{margin-right:5px;}

.headerArea ul li:first-child a{background:var(--dark);}

.headerArea ul li a:hover{background:var(--dark);}

.headerArea .logo img{max-height:100px;}





#myHeader{padding:0; z-index:2; position:relative;z-index:999; top:0; margin-bottom:0px; padding:0; background:var(--blue);}

.nav-area{display:block;}


.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: var(--blue);
    border: 1px solid var(--blue);
    box-sizing: border-box;
}


.project-slider{position:relative; display:block; width:100%; overflow:hidden; background:#444; clear:both;}

.project-slider svg{position:absolute; bottom:-100px; width:100%;z-index:5;fill:var(--yellow);}

.project-slider svg:last-child{width:105%; bottom:-20px; opacity:0.3; transform: scaleX(-1); fill:var(--yellow); z-index:4;}

background:var(--dark); background: linear-gradient(0deg, var(--dark) 0%, rgba(209,25,25,0) 100%);}

.project-slider img{width:100%;}

.project-slider .carousel-item img{width:100%; animation: resize 30s linear infinite; opacity:0.9;}

.project-slider [class^="carousel-control-"]{font-size:20px; display:block; color:#fff; opacity:1; top: 45%; height: 45px; width: 45px; color: #fff; left: 20px; z-index:99;}

.project-slider [class^="carousel-control-"]:last-child{right:20px; left: auto;}

.project-slider [class^="carousel-control-"] img{filter: brightness(0) invert(1);}

.leftbottom{position:absolute; background:var(--green); border:2px solid #fff;  height:45px; line-height:1; padding:5px 10px; left:10px; bottom:10px; z-index:1; color:#fff; text-align:center; /*text-shadow: 1px 1px 3px #000; */ border-radius:2px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);}

.bannerContent{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);width:1000px; max-width:96%; z-index:30; color:#fff; text-align:center; text-shadow: 1px 1px 3px #000;}
.bannerContent h1{font-weight:700; font-size:36px; margin-bottom:30px; padding-bottom:0;}
.bannerContent a{color:#fff; background:var(--dark); display:inline-block; padding:10px 25px; border:2px #fff solid; font-size:14px; margin-top:15px; font-weight:700; text-transform:uppercase;}
.bannerContent a:hover{background:var(--blue);}
.bannerContent h2{font-weight:600; color:#fff;  font-size:35px; margin-bottom:0px; padding-bottom:0;}
.bannerContent ul{display:block; margin:0; padding:0; list-style-type:none; margin-bottom:25px;}
.bannerContent ul li{display:inline-block; margin:0 5px; background:var(--dark); padding:15px; border-radius:15px;}
.bannerContent ul li img{width:100px; -webkit-filter: invert(100%); filter: invert(100%); display:block; margin-bottom:5px;}
.bannerContent ul li span{display:block; font-weight:600; font-size:14px;}



@keyframes resize {

0% {transform:scale(1);}

50% {transform:scale(1.2);}

}







.sticky {position: fixed!important; padding:10px!important; top: 0!important; bottom:auto!important; width: 100%; z-index:999; background:#fff;

-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);

-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);

box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);

}



.scroll-downs {

  position: absolute;

  top: auto;

  right: 0;

  bottom: 25vh;

  left: 0;

  margin: auto;

  width :28px;

  height: 25px;

}



.mousey {

  width: 3px;

  padding: 7px 12px;

  height: 28px;

  border: 2px solid rgba(240,235,200,0.7);

  border-radius: 25px;

  opacity: 0.75;

  box-sizing: content-box;

}

.scroller {

  width: 3px;

  height: 10px;

  border-radius: 25%;

  background-color: #f1edc9;

  animation-name: scroll;

  animation-duration: 2.2s;

  animation-timing-function: cubic-bezier(.15,.41,.69,.94);

  animation-iteration-count: infinite;

}

@keyframes scroll {

  0% { opacity: 0; }

  10% { transform: translateY(0); opacity: 1; }

  100% { transform: translateY(15px); opacity: 0;}

}





.welcomeArea{text-align:center; padding:60px 0; position:relative; background:var(--blue); color:#fff;}
.welcomeArea > div{max-width:95%;width:900px;}
.welcomeArea h1{font-weight:700; font-size:42px;}
.welcomeArea h2{font-size:22px;}
.welcomeArea a{font-weight:700; font-size:18px; color:#fff; background:var(--dark); padding:10px 25px; border-radius:30px; display:inline-block; margin:15px 5px;}
.welcomeArea a:hover{background:#fff; color:var(--dark);}
.welcomeArea [class^="col"] > div{padding:20px; border:1px #fff solid; border-radius:20px;}

.welcomeArea [class^="col"] > div strong{ text-align: left; display: block; clear: both}
.welcomeArea ul{text-align:left; padding:0; margin: 0; list-style-type: none;}


.serviceType{padding:100px 0; background:transparent url('../images/serviceypeBg.jpg') no-repeat top right fixed; background-size:cover; text-align:center;}
.serviceType img{max-width:100%;}
.serviceType [class^="col"] > div{padding:30px 20px; background:rgba(255,255,255,0.7); backdrop-filter: saturate(180%) blur(5px); border:1px rgba(255,255,255,0.5) solid; border-radius:10px;}
.serviceType [class^="col"] > div p{margin-bottom:0;}
.serviceType [class^="col"] > div i{margin-bottom:0; font-size: 30px; color:var(--blue); }
.serviceType h2{margin-bottom:0; font-size: 50px; color: #fff!important;}





.projectsArea{padding:80px 0 50px; background:rgba(0,0,0,0.5) url('../images/serviceypeBg.jpg') no-repeat top right fixed; background-size:cover; /*background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%);*/ background-blend-mode: multiply; color:#fff; float:left; width:100%; clear:both; z-index:100; position:relative;}
.projectsArea svg{position:absolute; bottom:-120px; left:0; right:0; opacity:35%; fill:var(--green);}
.projectsArea h2{font-size:50px; margin-bottom:40px; text-align:center;}
.projectsArea [class^="col-"] > div{position:relative; display:block;}
.projectsArea [class^="col-"] > div > div h2{font-size:18px; font-weight:700; margin-bottom:20px;}
.projectsArea [class^="col-"] > div > div a{color:#fff; font-weight:700; border-top:2px #fff solid; display:block; overflow:hidden; clear:both; padding-top:10px;}
.projectsArea [class^="col-"] > div > div a:hover{color:var(--green);}
.projectsArea [class^="col-"] > div > div h4{margin-bottom:15px;}
.projectsArea [class^="col-"] > div > div p{font-size:14px;}
.projectsArea [class^="col-"] > div > div small{display:block;margin-bottom:10px;}
.projectsArea [class^="col-"] > div > div img{width:100%; margin-bottom:15px;}
.projectsArea .owl-nav{margin-top:30px!important;}
.projectsArea .owl-carousel .owl-nav button.owl-next, .projectsArea .owl-carousel .owl-nav button.owl-prev{padding:8px 16px!important; border-radius:50%; background:var(--green);color:#fff;}
.projectsArea .owl-carousel .owl-nav button.owl-next:hover, .projectsArea .owl-carousel .owl-nav button.owl-prev:hover{color:var(--blue)!important; background:var(--dark);}



.projectFormArea{float:left; width:100%; z-index:100; padding:80px 0 0; display:block; position:relative; background:#f9f9f9;}
.projectFormArea svg{position:absolute; bottom:-120px; left:0; right:0; opacity:85%; fill:#f9f9f9;}
.projectFormArea .formBox [class^="col-"]:first-child{text-align:center;}
.projectFormArea .formBox [class^="col-"] > div{background:var(--blue); text-align:left; display:block; overflow:hidden; padding:25px; position:relative; width:90%; border-radius:10px; top:-100px; margin-bottom:-80px; border:2px #fff solid; z-index:100;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);
}
.projectFormArea [class^="col-"] > div input, .projectFormArea [class^="col-"] > div select{width:100%; border:1px #ddd solid; background:#fff; padding:10px; margin-bottom:15px;}
.projectFormArea [class^="col-"] > div textarea{width:100%; border:1px #ddd solid; padding:10px; margin-bottom:15px; height:120px;}
.projectFormArea [class^="col-"] > div input[type="submit"]{width:100%; border:1px 0 solid; padding:15px; margin-bottom:0; background:var(--dark);color:#fff; font-weight:700; text-transform:uppercase; font-weight:600;}
.projectFormArea h3{font-weight:700; margin-bottom:25px; font-size:28px; color:#222; text-align:left;}
.projectFormArea h4{font-weight:700; margin-bottom:25px; font-size:22px; color:var(--blue); display: block; clear: both; text-align:left;}
.projectFormArea img{margin-bottom:15px; margin:0 auto 15px;}
.projectFormArea a{display:block; background:#000; color:#fff; text-align:center; padding:14px 30px; width:250px; margin:0; border-radius:30px;}
.projectFormArea .row{margin-bottom:40px;}

.projectFormArea ul{margin:0; padding:0; list-style-type:none; margin-bottom:15px;}
.projectFormArea ul li{display:block; margin:0 0 10px 30px; position:relative;}
.projectFormArea ul li:before{position:absolute; left:-25px; top:0; content:'\f138'; font-family:'Font Awesome 5 Free'; font-weight: 900;}
.projectFormArea ul li strong{display:block; overflow:hidden; color:var(--blue); }


.testimonialsArea{text-align:center; position:relative; padding:300px 0 0; display:block; overflow:hidden; clear:both; background:transparent url('../images/sky.jpg') no-repeat center top; background-size:cover;;}
.testimonialsArea:before{position:absolute; width:800px; height:800px;background:#fff; background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); content:''; display:block; right:5%; bottom:15%; border-radius:50%; z-index:1;}
.testimonialsArea h3{color:var(--blue); font-size:42px;}
.testimonialsArea > div{position:absolute; width:600px; z-index:5; right:12%; top:22%;}
.testimonialsArea > img{position:relative; z-index:2;}
.testimonialsArea .item > div{padding:0px 20px; margin:10px; font-size:18px;}
.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 h4{font-size:24px; margin-bottom:4px; font-weight:600;}
.testimonialsArea .owl-nav{position: absolute;top: 30%;width: 100%;}
.testimonialsArea .owl-nav .owl-prev{left: -20px; position: absolute;}
.testimonialsArea .owl-nav .owl-next{right: -20px; position: absolute;}
.testimonialsArea .owl-nav i{color:var(--dark);font-size:30px;}
.testimonialsArea a img{border:1px #ddd solid;}


.qualityArea{font-size:15px; padding:40px 0 0px;}
.qualityArea [class^="col"]{margin-bottom:50px;}
.qualityArea img{ margin-bottom:20px;}
.qualityArea h2{font-size:24px;}
.qualityArea p{min-height:100px;}
.qualityArea a{color:#fff; font-weight:700; font-size:16px; color:#fff; background:var(--dark); padding:8px 35px; border-radius:30px; display:inline-block; margin:0;}
.qualityArea a:hover{background:var(--blue);}


.whatArea { margin-bottom:30px; position:relative; font-size:15px;}
.whatArea img{ display:block; overflow:hidden; z-index:-1; border:1px var(--blue) solid; border-radius:10px; }
/*.whatArea [class^="col"]:hover:before{background:#fff;}
.whatArea [class^="col"] > img{position:absolute; left:30px; top:15px; width:100px;}
.whatArea [class^="col"] > div{ display:block; padding:15px 15px 0 15px;}
.whatArea [class^="col"] > div h4{font-size:18px; margin-bottom:10px;}*/


.weServe{display:block; overflow:hidden; background:var(--blue); text-align:center; padding:50px 0 20px; color:#fff;}
.weServe h2{margin-bottom:40px;}
.weServe h3{font-size:22px;}
.weServe img{width:200px; height:200px; border-radius:50%; margin-bottom:20px; object-fit:cover; border:5px #fff solid;}
.weServe [class^="col"]{margin-bottom:30px;}


.movieScroll{display:block; overflow:hidden; padding:10px 0;}



/* -- Logos Scroll -- */

.simply-scroll-container{position: relative;}

.simply-scroll-clip{position: relative;	overflow: hidden;}

.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:250px; background:#fff; border:4px #fff solid;}

.simply-scroll{width: 100%;}

.simply-scroll .simply-scroll-clip{width: 100%;}	

.simply-scroll .simply-scroll-list li{float: left; width: 250px; margin:2px;}

/* -- Logos Scroll End -- */





.highlightArea{background:var(--green);clear:both; overflow:hidden; padding:100px 0 150px;color:#fff; text-align:center; position:relative;}
.highlightArea > div{position:relative; z-index:10;}
.highlightArea h4{font-weight:300; font-size:30px;}
.highlightArea h4 strong{display:block; clear:both; font-weight:700; font-size:48px; padding:20px 0;}
.highlightArea a{display:inline-block; border:2px #fff solid; padding:10px 40px; border-radius:5px; color:#fff;text-transform:uppercase;}
.highlightArea a:hover{background:var(--dark);}
.highlightArea > svg{position:absolute; bottom:-1px; left:0;right:0; width:100%; fill:var(--dark); z-index:5;}
.highlightArea [class^="col-"]{margin-bottom:30px;}
.highlightArea [class^="col-"] > div{padding:40px 20px; background:#000; border-radius:10px;}
.highlightArea [class^="col-"] strong{display:block; clear:both; overflow:hidden; font-size:18px; color:var(--green);}
.highlightArea [class^="col-"] p{height:70px; display:block;}
.highlightArea [class^="col-"] i{font-size:48px; margin-bottom:15px;}


.footer{display:block; clear:both; overflow:hidden; padding:30px 0; text-align:center; background:var(--dark); position:relative; color:#fff;}
.footer svg{ position:absolute; transform: scaleY(-1); top:-10px; left:0; right:0; fill:var(--blue);}
.footer svg.lastSvg{fill:#fff; top:-50px; z-index:2;}
.footer > div{position:relative; z-index:5;}
.footer img{height:150px; margin-bottom:30px;}
.social-icons{margin:0 0 30px; padding:0; list-style-type:none; position:relative;}
.social-icons li{display:inline-block; font-size:36px; margin:0 5px;}
.social-icons li a{color:#fff;}
.social-icons li a:hover{color:var(--blue);}
.footer-nav{margin:0 0 25px; padding:0; list-style-type:none; color:#fff;}
.footer-nav li{display:inline-block; font-size:16px; padding:0 15px;  border-left:1px #fff solid;}
.footer-nav li strong{ color:var(--blue);}
.footer-nav li a{color:#fff; line-height:1; border-bottom:2px #fff solid; padding-bottom:3px; font-weight:700;}
.footer-nav li i{margin-right:7px; color:var(--blue);}
.footer-nav li:first-child{border:none;}
.footer a:hover{color:var(--blue);}
.footer p{font-size:12px; color:#fff;}

.footerArea{background:#242a2c; color:#fff; text-align:center; padding:40px 0 20px;font-size:18px;}
.footerArea img{max-width:100%; max-height:100px;}
.footerArea [class^="col"] > div{display:block; overflow:hidden; margin-bottom:10px;}
.footerArea [class^="col"] > div a{color:#fff; margin:0 5px;}
.footerArea [class^="col"] ul{margin:0; padding:0; list-style-type:none;}
.footerArea [class^="col"] ul li{display:inline-block; margin:5px 2px;}
.footerArea [class^="col"] ul li a{ color:var(--yellow);display:block;border:1px var(--yellow) solid; width:40px;height:40px; text-align:center; line-height:38px; border-radius:5px;}
.footerArea a:hover{color:var(--yellow)!important;}
.footerArea [class^="col"] ul li a:hover{background:var(--yellow); color:#fff!important;}

.copyright{font-size:15px; color:#fff; background:var(--dark); display:block;clear:both; padding:15px; text-align:center; margin-bottom:0;}







#scroll-icon {

    position:fixed;

    right:10px;

    bottom:10px;

    cursor:pointer;

    width:30px;

    height:30px;

    background-color:var(--blue);

    text-indent:-9999px;

    display:none;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    border-radius:5px;

    z-index:99999;

}

#scroll-icon span {

    position:absolute;

    top:50%;

    left:50%;

    margin-left:-8px;

    margin-top:-12px;

    height:0;

    width:0;

    border:7px solid transparent;

    border-bottom-color:#ffffff

}

#scroll-icon:hover {

    background-color:var(--dark);

    opacity:1;

    filter:"alpha(opacity=100)";

    -ms-filter:"alpha(opacity=100)";

}





.list-inline {

  padding-left: 0;

  list-style: none;

}







.list-inline li i{

  color:var(--blue)!important;

}



.list-inline-item {

  display: inline-block;

}



.list-inline-item:not(:last-child) {

  margin-right: 0.5rem;

}





.pricelist { text-align: left!important}



.pricelist i{ font-size:25px; padding-right:5px;}



.pricelist a{ background: #000; font-weight: 600;}

.pricelist a:hover{ background:var(--blue);}




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

.nxtBanner{display:block; position:relative; overflow:hidden; clear:both; height:45vh;}
.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 .container-full{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}
.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;}



/*ul.listoffer li strong{color:#525358!important;}*/
.listoffer{color:#111!important; font-size:20px!important;}



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

.nxtwelcomeArea .bginner{ background:#fff; padding:60px; -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 strong{ color:#111;}

.bg-area{ border:1px dashed #555564; background:#f1f1f1; padding:20px; }


.nxtwelcomeArea ul{margin:0; padding:0; list-style-type:none; margin-bottom:15px;}
.nxtwelcomeArea ul li{display:block; margin:0 0 10px 30px; position:relative;}
.nxtwelcomeArea ul li:before{position:absolute; left:-25px; top:0; content:'\f138'; font-family:'Font Awesome 5 Free'; font-weight: 900;}
.nxtwelcomeArea ul li strong{display:block; overflow:hidden; color:var(--blue); }

.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-5"] > 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(--yellow)!important; color:#111; 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(--red); font-size: 18px;}






.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;}



.cookies-pop{ display:table; width:95%; background:#222222; 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;}






.colortext 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;
}


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

div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
  height: 120px!important;
}



/*------------------------------------*\

    Media Queries

\*------------------------------------*/



@media (max-width: 1024px){

}



@media (max-width: 991px){

.logo{display:block; text-align:center; margin-bottom:25px;}

.headerArea{padding:15px 0;}

.headerArea ul{float:left; text-align:left; margin-bottom:5px;}

.headerArea ul li a{ font-size:15px; padding:10px 12px;}



.bannerContent{display:none;}

.project-slider svg{bottom:-20px;}

.project-slider .carousel-item img{height:400px; object-fit:cover;}



#myHeader{height:0!important; padding:0!important;}



.serviceAreas h2{font-size:30px;}

}



@media (max-width: 767px){

.welcomeArea h1{font-size:30px;}

.welcomeArea h2{font-size:18px;}



.serviceType{padding-bottom:50px;}

.serviceType [class^="col"]{margin-bottom:30px;}



.projectsArea{text-align:center;}

.projectsArea h1, .projectFormArea h3{font-size: 24px; margin-bottom: 20px;}



.projectFormArea .formBox [class^="col-"] > div{position:static; display:block; width:100%; margin-bottom:30px;}

.projectFormArea svg{bottom:-40px;}



.testimonialsArea{margin-bottom:0; margin-top:0; padding:100px 0 0;}

.testimonialsArea h3{font-size:36px; color:#fff;}

.testimonialsArea > div{width:80%; position:static; margin:0 auto;}

.testimonialsArea:before{display:none;}



.footerArea img{ margin-bottom:30px;}

.footerArea [class^="col"] > div a:last-child{margin-bottom:0;}

.footerArea [class^="col"] > div a{display:block; clear:both;}



.popUpBox{width:330px;}

.popUpBox h4{font-size:18px;}

.popUpBox div a{font-size:24px;}

.popUpBox div a i{font-size:20px;}



.footer-nav li{display:block; font-size:15px; padding:15px 0; border:none;}



.list-inline li{

  font-size:15px!important;

}



}



@media (max-width: 500px){

.header-area > a.logo img{height:80px;}

}



@media (max-width: 360px){

}





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

}