@import url(effect.css);

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

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

:root{--orange:#207b25; --dark:#031c06; --shade:linear-gradient(125deg, var(--orange) 0%, #71cc49 50%, var(--orange) 100%);}

img{border:0;}

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

a{color:var(--orange); 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(--dark);}

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


::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);}
}


.container-full{width:1280px; max-width:92%; margin:0 auto;}
/*.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(--orange) solid; margin-top:10px;}
.floatBtn ul li a:hover img, .socialIcon li a:hover img{ filter: brightness(70%);}


.popUpBox{position:fixed; left:15px; bottom:15px; width:250px; height:250px; background:var(--dark); padding:40px 20px 0; border-radius:50%; border-bottom-left-radius:0; 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:14px; color:#fff;}
.popUpBox img{height:50px; margin-bottom:10px;}
.popUpBox div a.call{display:block; overflow:hidden; font-weight:700; font-size:24px; margin:5px 0 10px; line-height:1; animation: wiggle 1.5s infinite; color:#fff;}
.popUpBox div a.call i{font-size:18px;}
.popUpBox div a.contact{font-size:12px; background:var(--shade); padding:4px 15px; border-radius:5px; text-transform:uppercase; display:inline-block; color:var(--dark); font-weight:700;}
.popUpBox > a{position:absolute; left:-10px; bottom:-10px;background:var(--shade); color:var(--dark); text-align:center; width:40px; height:40px; line-height:36px; border-radius:50%; border:2px var(--dark) solid;}
.popUpBox div a:hover{color:#fff;}
.popUpBox.show{opacity:0; display:none;}


/* Header */
.headerArea{display:block; position:relative; overflow:hidden; clear:both; padding:0 25px; font-size:18px; background:var(--orange);}
.logo{display:block; padding:5px 0;}
.logo img{height:50px; max-width:100%;}
.headerArea .text-md-right{position:relative; z-index:5;}
.headerArea .text-md-right a{padding:15px; display:inline-block; color:#fff; font-weight:600;}
.headerArea .text-md-right a i{color:#fff; border:2px #fff solid; width:42px; height:42px; border-radius:50%; text-align:center; line-height:37px; margin-right:5px;}
.headerArea .text-md-right a:hover i{background:var(--shade);}


.navArea{float:left; width:100%; clear:both; position:relative; z-index:9999;}
.navArea > div{position:relative;  background:var(--orange); padding-top:11px;}
.navArea > div:before{position:absolute;left:-60px; right:100%; top:0; bottom:0; content:''; display:block; border-top: 70px solid var(--orange);  border-left: 60px solid transparent;}
.navArea > div:after{position:absolute;left:100%; right:-60px; top:0; bottom:0; content:''; display:block; border-top: 70px solid  var(--orange);  border-right: 60px solid transparent;}
.navArea .menu-dropdown-icon:hover + .project-slider:before{ position:absolute; left:0; right:0; top:0; bottom:0; content:''; display:block; background:var(--dark); z-index:5; opacity:0.8;}
.navArea.sticky{position:fixed; z-index:999; top:0; width:100%; opacity:1; height:auto; top:-11px;}
.navArea.sticky > div{
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}


.project-slider{display:block; position:relative; overflow:hidden; clear:both; top:-70px; margin-bottom:-70px;}
.project-slider > svg{width: calc(128% + 1.3px); height: 59px; transform: translateX(-50%) rotateY(180deg); position:absolute; bottom:0;}
.project-slider .carousel-item img{width:100%;}
.project-slider .carousel-control-prev, .project-slider .carousel-control-next{padding:30px 10px; top:45%; bottom:auto; background:#fff; color:var(--dark); width:auto; opacity:1; font-size:15px; z-index:100;}
.project-slider .carousel-control-prev:hover, .project-slider .carousel-control-next:hover{background:var(--dark);color:#fff;}
.project-slider > svg{position:absolute; left:0; right:0; bottom:-2px; z-index:100; fill:#fff; transform: scaleY(-1);}
/*.project-slider:before{position:absolute; left:0; right:0; bottom:-20%; top:30%; content:''; display:block; z-index:10;
background:var(--orange); background: linear-gradient(0deg, var(--orange) 0%, rgba(209,25,25,0) 100%);}*/
.bannerContent{position:absolute; left:50%; top:45%; transform:translate(-50%,-50%);width:800px; max-width:90%; z-index:30; color:#fff; text-align:center; text-shadow: 1px 1px 3px #000;}
.bannerContent img{height:90px; margin-bottom:15px;}
.bannerContent h1{font-weight:700; font-size:42px; margin-bottom:0px; padding-bottom:0;}
.bannerContent h2{font-size:30px; margin-bottom:10px;}
.bannerContent a{color:#fff; background:var(--dark); color:#fff; display:inline-block; padding:10px 25px; border:2px #fff solid; font-size:14px; margin-top:10px; font-weight:700; text-transform:uppercase;}
.bannerContent a:hover{background:var(--orange);}



.aboutArea{display:block; padding:60px 0 0; margin-bottom:-80px; text-align:center; position:relative;z-index:2; background-size:cover; display:block;}
.aboutArea .aboutContent{width:900px; max-width:100%; margin:0 auto;}

.aboutArea iframe{width:100%; height:400px; display:block; overflow:hidden; margin:40px 0 0; padding:10px; background:#fff;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.aboutArea h2{color:var(--dark); font-size:38px;}
.aboutArea h2 span, .testimonialsArea h2, .whyUsArea h2, .videoArea h2{display:block; overflow:hidden; font-size:48px; line-height:1.4; font-weight:700; margin-bottom:0; color:var(--orange); font-family:'Yesteryear';}
.aboutArea h3{font-size:22px;}
.aboutArea a, .highLightText .row + a{display:inline-block; margin:15px 0; background:#fff; border:2px var(--dark) solid; text-transform:uppercase; color:var(--orange); padding:12px 30px; 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 a:hover, .highLightText .row + a:hover{background:var(--dark); color:#fff;}



.highLightText{text-align:center;display:block; overflow:hidden; padding:120px 20px 60px; background:var(--orange) url('../images/briks.png') fixed; background-blend-mode:overlay; line-height:1.2;}
.highLightText h3{color:#fff; font-size:48px; margin-bottom:0;font-family:'Yesteryear';}
.highLightText h3 + p{margin:10px 0 50px; font-weight:600; color:#fff; font-size:20px;}
.highLightText a{font-size:24px; animation: wiggle 1.5s infinite; border-color:var(--dark); background:var(--shade); color:#fff; font-weight:700; display:inline-block; padding:10px 25px; border:2px #fff solid;}
.highLightText a:hover{background:var(--dark); color:#fff;}
.highLightText [class^="col-"]{color:#fff; font-weight:700; margin-bottom:30px;}
.highLightText [class^="col-"] svg{fill:#fff; width:80px; height:80px; margin-bottom:15px;}
.highLightText [class^="col-"] span{display:block; clear:both; font-size:16px;}


.testimonialsArea{display:block; clear:both; overflow:hidden; padding:60px 0 0; text-align:center; position:relative; color:#222;}
.testimonialsArea:before{position:absolute; left:0; right:0; bottom:0; height:200px; content:''; display:block; background:var(--orange);}
.testimonialsArea > div{position:relative;z-index:2;}
.testimonialsArea h3{ font-size:20px;}
.testimonialsArea [class^="col-"]{text-align:left; line-height:1.3;}
.testimonialsArea [class^="col-"] > div{padding:25px; background:#eee;}
.testimonialsArea [class^="col-"] > div span{width:120px; height:24px; display:block; margin-bottom:15px; background:transparent url('../images/stars.png') no-repeat left top;}
.testimonialsArea [class^="col-"] > div span.star-4{background-position:left top -24px;}
.testimonialsArea [class^="col-"] > div span.star-3{background-position:left top -48px;}
.testimonialsArea [class^="col-"] > div span.star-2{background-position:left top -72px;}
.testimonialsArea [class^="col-"] > div span.star-1{background-position:left top -96px;}
.testimonialsArea [class^="col-"] > div h4{font-size:16px; margin-bottom:0;}
.testimonialsArea .row + a{margin-bottom:25px; color:#fff; display:block; font-weight:600; letter-spacing:1px;}
.testimonialsArea .row + a:hover{color:var(--dark);}



.whyUsArea{background:var(--dark); background-size:cover; display:block; overflow:hidden; padding:0; color:#fff; position:relative;}
.whyUsArea h3{padding:10px 0; font-size:18px;}
.whyUsArea ul{margin:0 0 25px 18px; padding:0; font-size:18px;}
.whyUsArea ul li{margin-bottom:5px;}
.whyUsArea a{display:inline-block; background:var(--orange); color:#fff; padding:10px 15px; font-weight:700;}
.whyUsArea a:hover{background:#fff; color:var(--orange);}
.whyUsArea img{float:left; width:50%; filter: grayscale(0%); border:1px var(--dark) solid;}
.whyUsArea img:hover{filter: grayscale(0);}
.whyUsArea [class^="col-"]:last-child{position:relative;}
.whyUsArea [class^="col-"]:last-child > a{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:15px 40px; border-radius:50px; border:3px #fff solid; text-transform:uppercase;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}


.galleryArea{ padding:50px 0 5px; text-align:center;}
.galleryArea h2{text-align:center; font-weight:600; margin-bottom:30px; color:var(--orange);}
.galleryArea a{background:#fff; display:block; overflow:hidden; padding:5px; position:relative;}
.galleryArea a img{width:100%;}
.galleryArea a:before{position:absolute; left:25%; right:25%; top:25%; bottom:25%; content:''; display:block; z-index:5; background:rgba(0,0,0,0.7); opacity:0; transition:all .2s ease-in-out;}
.galleryArea a:hover:before{opacity:1; left:0.5px; right:0.5px; top:0.5px; bottom:0.5px;}
.galleryArea a span{position: absolute; transition:all .5s ease-in-out; opacity:0; text-align: center; z-index: 100; color: #fff; text-shadow: 0px 0px 3px #000000; font-size: 24px; top: 20%; left: 50%; transform: translate(-50%,-50%);}
.galleryArea a:hover span{opacity:1;top: 50%;}



.videoArea{display:block; padding:60px 0; text-align:center; background:#fff url('../images/slider/03.jpg') no-repeat center center fixed; background-size:cover; position:relative;clear: both;  overflow: hidden;}
.videoArea > img{position:absolute; left:0; height:100%; width:42%; object-fit:cover;}
.videoArea h3{margin-bottom:20px; line-height:1.2; font-size:24px; padding:0;}
.formBox{position:relative; display:block; text-align:left; padding:40px 40px 20px; background:#fff;}
.formBox:before{background:var(--dark); display:block; content:''; position:absolute; left:0; right:0; top:0; bottom:-150px; z-index:-1;}
.formBox h4{color:#fff;}
.formBox input, .formBox textarea, .formBox select{width:100%; margin-bottom:15px; padding:0 10px; height:45px; border:1px #ddd solid; background:#fff;}
.formBox textarea{padding:10px; height:85px;}
.formBox input[type="submit"]{background:var(--orange); border:2px var(--orange) solid; color:#fff; text-transform:uppercase;font-weight:700; font-size:17px;}
.formBox input[type="submit"]:hover{ background:#fff; color:var(--dark);}



.footerArea{background:var(--dark); padding:30px 25px 20px; display:block; color:#fff;}
.footerArea ul{margin:0; padding:0; list-style-type:none; text-transform:uppercase;}
.footerArea ul li{margin-bottom:8px;}
.footerArea ul li a{color:#fff; font-size:14px;}
.footerArea ul li a:hover{color:var(--orange);}
.footerArea [class^="col-"] h4{font-size:18px;  margin-bottom:10px;}
.footerArea [class^="col-"] > a{display:block; clear:both; color:#fff; padding:3px 0; font-size:16px;}
.footerArea [class^="col-"] > a i{margin-right:5px;}
.footerArea [class^="col-"] > a:hover{color:var(--orange);}

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:0 2px;}
ul.social-links li a{}
ul.social-links li a:hover{background:var(--orange); color:#fff;}

.footerBottom{background:#fff; padding:15px 0; display:block; overflow:hidden; font-size:13px; position:relative;}
.footerBottom img{ height:40px;}


#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-------------------*/

.innerArea {
    display: block;
    overflow: hidden;
    background: #fff;
    padding: 30px;
    position: relative;
    margin-bottom:-10px!important;
    border-top: 5px var(--green) solid;
    color: #000;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
	top:-60px; z-index: 2; }


.breadcrumb{background:none; padding:0; margin:0; padding-bottom:10px; position:relative; border-bottom:1px #a4a49b solid;  font-size:13px; color:eb0022}
.breadcrumb-list li{display:inline-block; position:relative;}
.breadcrumb-list li::before{display:inline-block; padding-right:.8rem; padding-left:.8rem; color:#6c757d; content:"/"}
.breadcrumb-list li:first-child::before{display:none;}
.breadcrumb-list li a{ color:#eb0022;}
.breadcrumb-list li a:hover{ color:#fff;}
.breadcrumb-item a{ color:var(--green);}
.breadcrumb-item a:hover{ color:#000;}


.innerArea{display:block; overflow:hidden;   }
.innerArea h1{font-size: 34px; margin: 0 0 10px;  }
.innerArea h2{font-size: 24px; margin: 0 0 20px;  padding-left: 10px; border-left:3px var(--green) solid;}
.innerArea p{text-align:justify; line-height:1.6;}
.innerArea strong{color:var(--green);}

.innerArea .contentBlock{ display: block; overflow: hidden; /*border: 1px #ddd solid;*/ border-bottom: 2px var(--green) solid; /*padding:25px;*/ margin:30px 0; background:#fff!important; }

.innerArea .contentBlock img{max-width: 100%;}
.innerArea .contentBlock h3{font-size: 22px; margin: 0 0 15px; color: var(--dark); font-weight: 700;}
.innerArea .contentBlock p{text-align: justify;font-size: 14px;}
.innerArea .contentBlock a{display:inline-block; padding:2px 0; color:var(--green);font-weight:600; border-bottom:2px var(--green) solid;}
.innerArea .contentBlock a:hover{color:var(--blue);}

.midArea {display:block; margin-top: 30px;   }
.midArea [class^="col-"]{display:block; overflow:hidden;  }
.midArea [class^="col-"] div h2{font-size: 24px; margin: 0 0 20px;  padding-left: 10px; border-left:3px var(--green) solid;}
.midArea [class^="col-"] div p{text-align:justify; line-height:1.6;  padding-bottom: 15px;}
.midArea [class^="col-"] div strong{color:var(--green);}



.innerArea .contentBlock ul{display: block; margin-bottom: 20px; list-style-type: none;}
.innerArea .contentBlock ul li{margin-bottom: 5px;}
.innerArea .contentBlock ul li::before{
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: var(--green); /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1.2em; /* Also needed for space (tweak if needed) */
  margin-left: -1.2em; /* Also needed for space (tweak if needed) */
}

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

/*******************************/
/********* Contact CSS *********/
/*******************************/
.contact {
    position: relative;
    width: 100%;
    /*padding:45px 25px 0 25px;
	background:#f0f4fe; margin-top: 40px; border: 1px dotted #203669;*/
}

.contact .contact-info {
    position: relative;
    display: flex;    
    margin-bottom: 30px;
    transition: .3s;
	/*background:#082d53;*/
	padding:10px;
}

.contact .contact-info:hover {
    border-color: transparent;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1); background:#fff;
}

.contact .contact-icon {
    position: relative;
    width: 50px!important;
    height: 50px;
    display: flex;
    align-items:center;
    justify-content:center;
    border: 1px solid var(--green); margin-right: 10px; 
	text-align:center; background: var(--green);
}

.contact .contact-icon i {
    font-size:25px;
    color: #fff!important;
}

.contact .contact-text {
    
    display:block;
    padding-left:5px;
	text-align:left; font-size: 18px; font-weight:600;  color:rgba(68,68,68,1);
}

/*.contact  h2 { text-align:left; }*/
.contact h2 {font-weight:600; /*margin:20px 0 0;*/ color:var(--dark); font-size: 24px; display: block; margin-top: 20px;}

.contact .contact-text h3 {
    font-size:20px;
    font-weight:600;
    color: #000;
	padding:0; margin:0; line-height: 1;
    
}

/*.contact .contact-text p {
    margin: 0;
    font-size: 13px;
	color:#f3f3f3;
}*/

.contact .contact-text a {
    
	color:rgba(68,68,68,1); font-size:18px; line-height:1; font-weight:600; }



.contact .contact-form {
    position: relative;
    margin-bottom: 30px;
    transition: .3s; width: 100%;}

.contact .contact-form .form-control{display:block; overflow:hidden; padding:14px; border-radius:0; margin-bottom:10px; font-size:14px; }
.contact .contact-form select.form-control{height:auto;}
.contact .contact-form .textarea{height:150px;font-size:14px; display:block; overflow:hidden; width: 100%!important; padding:14px; border: 1px #00b3ff solid!important;}
.contact .contact-form .btn{background:#000; border-radius:0; padding:14px 30px; color:#fff; font-size:14px; font-weight:600; letter-spacing:1px;}
.contact .contact-form .btn:hover{background:#fff; color:#000; }

.contact .contact-form .form-control {
    border: 1px #00b3ff solid!important;
}

.enquireforarea{ background: #f3f3f3; display: block; padding: 25px; margin-bottom: 35px;}

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

.wpforms-container-full .wpforms-form button[type="submit"]:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button {
  background-color:var(--green)!important;
  border: 1px solid var(--green)!important;
  color: #fff!important; width: 100%!important; 
}

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



.testimonialsNext{text-align: center;}
/*.testimonialsNext div{padding:0 20px; margin:10px; font-size:18px; }*/
.testimonialsNext div [class^="col-"]{padding:20px;  font-size:18px; border:5px solid #333; margin-bottom: 25px!important; }
.testimonialsArea [class^="col-"] > div span{width:180px; height:36px; display:inline-block; margin-bottom:10px; background:transparent url('../images/stars.svg') no-repeat left top; background-size:100%;}
.testimonialsArea [class^="col-"] > div span.star-4{background-position:left top -36px;}
.testimonialsArea [class^="col-"] > div span.star-3{background-position:left top -72px;}
.testimonialsArea [class^="col-"] > div span.star-2{background-position:left top -108px;}
.testimonialsArea [class^="col-"] > div span.star-1{background-position:left top -144px;}
.testimonialsNext div h4{font-size:24px; margin-bottom:4px; font-weight:600; color:#000;}


.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:350px;}
.gallery-listing > [class^="col-"] > div a{display:block; overflow:hidden; clear:both; position:relative; margin-bottom:30px;  border:1px solid #f3f3f3; padding:5px; width:100%; height:350px;}
.gallery-listing > [class^="col-"] > div:hover{border:1px #000 solid; }
.gallery-listing > [class^="col-"] > div a 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(--green); color:#fff;}



.nxtservicearea{display:block; overflow:hidden;padding:40px 0 0; text-align:center;  position:relative;}
/*.nxtservicearea:before{position:absolute; left:0; right:0; top:0; height:500px; background:#444 url('../images/serviceBg.jpg') no-repeat center center fixed; background-size:cover; background-blend-mode:overlay; z-index:-1; content:''; display:block;}*/

.nxtservicearea h2{ /*font-size:42px;*/ margin-bottom:5px; text-transform:uppercase; font-weight:600;}
.nxtservicearea h2 + p{margin-bottom:40px; font-size:20px;}
.nxtservicearea [class^="col"]{ text-align:left;}
.nxtservicearea [class^="col"] > .twobox{ position:relative; display:block; background:var(--blue); color:#fff; padding:25px; margin-bottom: 25px}
.nxtservicearea [class^="col"] > img{transition:all .2s ease-in-out; margin-bottom:0;}
.nxtservicearea [class^="col"] > div h3{font-size:24px; text-transform:uppercase; font-weight:600; margin-bottom:10px;}
.nxtservicearea [class^="col"] > div > a{background:var(--dark);color:#fff;padding:5px 15px;display:inline-block; text-align:center; text-transform:uppercase; font-weight:700;}
.nxtservicearea [class^="col"] > div > a:hover{background:var(--green);}

.nxtservicearea .contact-form {
    position: relative;  background:var(--sky); padding:25px;
    margin-bottom: 30px;
    transition: .3s; width: 100%;}



.abtpic{ float:right!important; margin-left:25px!important;  margin-bottom: 25px!important;}

.service-gallery-listing > [class^="col-"]{}
.service-gallery-listing > [class^="col-"] > div{display:block; overflow:hidden; clear:both; position:relative; margin-bottom:10px;   width:100%;  height: 100%; }

.service-gallery-listing > [class^="col-"] > div img{padding:0; display:inline-block!important; width:300px!important; height:300px;object-fit:cover;}
.service-gallery-listing > [class^="col-"] > div a{background:none;color:#fff; padding:0; display:inline-block; text-align:center; text-transform:uppercase; font-weight:700;}

.glsr-default .glsr-review {
  background:var(--dark); color: #fff;
  padding: 40px;
  border-radius: 5px;
   margin-bottom:15px;}


/*------------------------------------*\
    Media Queries
\*------------------------------------*/

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

@media (max-width: 991px){
.navArea {
  width: 80%;
  float:none;
  margin: 0px auto;
  background: var(--orange);
  height: 20px;
}
.navArea > div:before{border-top: 20px solid var(--orange);  border-left: 50px solid transparent;}
.navArea > div:after{border-top: 20px solid var(--orange);  border-right: 50px solid transparent;}

.headerArea{position:relative; z-index:999; padding:0 5px;}
.headerArea .text-md-right a{padding:10px 0 0;}
.headerArea .text-md-right a:last-child{display:none;}
.project-slider .carousel-control-prev, .project-slider .carousel-control-next{padding:20px 5px; top:50%; font-size:14px;}
}

@media (max-width: 767px){
.headerTop{ display:none;}
.logo{padding:5px 0 0; margin-bottom:0px;}
.logo img{height:auto;}
.navArea.sticky{position:relative;}

.innerArea h1{font-size:24px; margin: 0 0 10px;  }
.aboutArea h2 span, .highLightText h3, .testimonialsArea h2, .whyUsArea h2, .videoArea h2{font-size:42px;}
.aboutArea .row{padding-top:60px; text-align:center;}
.aboutArea .row [class^="col"] > div{padding:20px 10%;}
.aboutArea img{margin:0 0 20px;}


.highLightText .row{margin-bottom:0;}
.highLightText .row [class^="col-"]{margin-bottom:40px;}
.highLightText .row [class^="col-"] > img{position:static;width:100%; height:auto;}
.highLightText .row [class^="col-"] > div{width:100%; float:none;}



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

.ourServices:before{width:50%;}

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


.testimonialsArea{padding-bottom:30px;}
.testimonialsArea h3 {font-size: 18px;}
.testimonialsArea [class^="col-"]{margin-bottom:15px;}

.whyUsArea{padding:40px 0 0;}
.whyUsArea h3{font-size:24px;}
.whyUsArea a{width:100%; text-align:center;}
.whyUsArea [class^="col-"]:last-child > a{width:220px;}

.videoArea h3{padding:10px 0; font-size:20px;}
.videoArea{padding:40px 0;}
.videoArea > img{height:100%; width:100%; object-fit:cover; opacity:0.2;}

.formBox{padding:20px 20px 0;}


.highLightText .row + a{font-size:20px}
}

@media (max-width: 500px){

.project-slider img{height:250px; object-fit:cover;}


}

@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) {
}