@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@500;600;700&family=Work+Sans:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kalnia:wght@400;600&display=swap');
/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden; width:100%;}
body{
font-family: "Work Sans"; 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{--blue:#2b50a1; --dark:#8f8b83; --shade:linear-gradient(125deg, var(--blue) 0%, #1967f2 50%, var(--blue) 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(--dark);}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-family: "Bai Jamjuree"; 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);}
}


.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(--blue) 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:20px; font-family: "Square721 Dm"; background:#fff;}
.logo{display:block; padding:10px 0;}
.logo img{height:130px; max-width:100%;}
.headerArea .text-md-right{position:relative; z-index:5;}
.headerArea .text-md-right:before{position:absolute; left:10%; right:-50%; top:0; bottom:0; content:''; border-top-left-radius:10px; display:block; background:var(--dark); z-index:-1; transform: skew(-45deg);}
.headerArea .text-md-right a{padding:15px; display:inline-block; color:#fff;}
.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; background:var(--blue);}
.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;}

.topFixed{position:relative; background:var(--dark); display:block; overflow:hidden; clear:both; text-align:center; opacity:0; height:0;}
.topFixed a{padding:10px; display:block; overflow:hidden; font-size:18px; font-weight:700; color:#fff;}
.topFixed [class^="col"]:nth-child(2) a, .topFixed [class^="col"]:hover a{background:var(--blue); color:#fff;}
.topFixed [class^="col"]:nth-child(2) a{border:2px #fff solid; border-bottom:0; border-top:0;}
.topFixed.sticky{position:fixed; z-index:999; top:0; width:100%; opacity:1; height:auto;}


.project-slider{display:block; position:relative; overflow:hidden; clear:both;}
.project-slider .carousel-item img{width:100%;}
.project-slider .carousel-control-prev, .project-slider .carousel-control-next{padding:30px 10px; top:42%; 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(--blue); background: linear-gradient(0deg, var(--blue) 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(--blue);}


.aboutArea{display:block; padding:60px 0; text-align:center; position:relative;z-index:2; background:transparent url('../images/briks.png') repeat fixed; display:block; overflow:hidden;}
.aboutArea .aboutContent{width:900px; max-width:100%; margin:0 auto;}
.aboutArea h2{color:var(--dark); font-size:38px;}
.aboutArea h2 span, .highLightText h3, .testimonialsArea h2, .whyUsArea h2, .videoArea h2{display:block; overflow:hidden; font-size:60px; letter-spacing:-1px; line-height:1; font-family:'Kalnia'; font-weight:normal; margin-bottom:0px;background: -webkit-linear-gradient(transparent, transparent), url(../images/textBg.png) center right;
background-clip: border-box, border-box;
background-clip: text;
-webkit-background-clip: text !important;
color: #d2c49f;
-webkit-text-fill-color: transparent !important;
}
.aboutArea h3{font-size:22px; font-weight:700;}
.aboutArea a, .highLightText .row + a{display:inline-block; margin:15px 0; background:#fff; border:2px var(--dark) solid; text-transform:uppercase; color:var(--blue); 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);
}
.aboutArea a:hover, .highLightText .row + a:hover{background:var(--dark); color:#fff;}


.highLightText{text-align:center;display:block; overflow:hidden; padding:60px 20px; background:#d0f2ff url('../images/serviceBG3.jpeg') repeat fixed; font-size:20px; line-height:1.2;}
.highLightText h3 + p{margin:20px 0 50px; font-weight:600;}
.highLightText .row + a{font-size:24px; animation: wiggle 1.5s infinite; border-color:#fff; background:var(--shade); color:#fff;}
.highLightText .row + a:hover{background:var(--dark); color:#fff;}
.highLightText .row [class^="col"]{margin-bottom:50px; text-align:left;}
.highLightText .row [class^="col"] > div{padding:0; position:relative;}
.highLightText .row [class^="col"] > div:before{position:absolute;top:0;bottom:0; left:0; right:50px; content:''; display:block; border:2px #fff solid; background:var(--dark);}
.highLightText .row [class^="col"] img{width:140px; transform: scaleX(1); border-radius:50%; transition:all 0.5s ease-in-out; position:absolute; right:0; top:10px;}
.highLightText .row [class^="col"]:hover img{ transform: scaleX(-1);}
.highLightText .row [class^="col"] > div > div{padding:20px 160px 30px 20px; position:relative; z-index:5; color:#fff;}
.highLightText .row [class^="col"] h4{font-size:18px; padding-bottom: 15px;}
.highLightText .row [class^="col"] p{font-size:15px;}
.highLightText .row [class^="col"] a{font-size:14px; margin-top: 10px;   border-bottom:2px #fff solid; padding:5px 0; color:#fff;}
.highLightText .row [class^="col"] a:hover{color:#fff; border-color:var(--blue);}



.testimonialsArea{display:block; clear:both; overflow:hidden; padding:60px 0; text-align:center; position:relative; color:#222; background:#fff;}
.testimonialsArea > div{position:relative;z-index:2;}
.testimonialsArea h3{ font-size:20px;}

.testimonialsArea [class^="col-"]{margin: -1px 0px 0px -1px;border: 1px solid rgb(204, 204, 204); text-align:left; line-height:1.3; background:#fff;}
.testimonialsArea [class^="col-"] > div{padding:20px 15px 20px 55px; background:transparent url('../images/quote.png') no-repeat left 10px top 25px;}
.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 a > img{ margin-bottom:15px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}


.whyUsArea{background:var(--dark); background-size:cover; display:block; overflow:hidden; padding:60px 0; color:#fff; position:relative;}
.whyUsArea:before{position:absolute; left:0; right:0; top:0; bottom:0; display:block; content:''; background:transparent url('../images/whyBg.png') no-repeat right center; background-size:auto 100%;}
.whyUsArea h3{padding:10px 0;}
.whyUsArea ul{margin:0 0 25px 18px; padding:0; font-size:18px;}
.whyUsArea ul li{margin-bottom:10px;}
.whyUsArea a{display:inline-block; background:var(--blue); color:#fff; padding:15px 25px; font-weight:700;}
.whyUsArea a:hover{background:var(--dark); color:#fff;}


.galleryArea{ padding:50px 0 0; text-align:center;}
.galleryArea h2{text-align:center; font-weight:600; margin-bottom:30px; color:var(--blue); font-size: 24px;}
.galleryArea a{background:#fff; display:block; overflow:hidden; padding:0.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 0; text-align:center;}
.videoArea h3{margin-bottom:40px; line-height:1.2; font-size:24px; padding:10px 0;}

.map-container{
  overflow:hidden;
  padding-bottom:38.25%;
  position:relative;
  height:0;
  border:1px #ddd solid;
}
.map-container iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

.formBox{position:relative; display:block; text-align:left; padding:40px 40px 20px;}
.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:none; background:#fff;}
.formBox textarea{padding:10px; height:85px;}
.formBox input[type="submit"]{background:var(--blue); border:2px var(--blue) 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; position: relative; z-index: 1;}
.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(--blue);}
.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(--blue);}

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;}
ul.social-links li a{text-align:center; color:#fff; display:block; border:1px #fff solid; width:40px; height:40px; text-align:center; border-radius:50%;}
ul.social-links li a i{font-size:18px; line-height:40px;}
ul.social-links li a:hover{background:var(--blue); color:#fff;}

.footerBottom{background:#fff; padding:15px; display:block; font-size:13px; position:relative;}
.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:var(--dark); border-left:1px var(--blue) solid; line-height:1;}
.footerBottom ul li:first-child a{border:none;}
.footerBottom ul li a:hover{color:var(--blue);}



#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');}


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


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

div.wpforms-container-full .wpforms-form button[type="submit"]{
background: var(--blue)!important;
  border: 2px var(--blue) solid!important;
  color: #fff!important;
  text-transform: uppercase!important;
  font-weight: 700!important;
  font-size: 17px!important;
  padding: 10px 15px; width: 100%;
}

div.wpforms-container-full .wpforms-form button[type="submit"]:hover{ background:#fff!important; color:var(--dark)!important;}


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

.innerArea {
    display: block;
    overflow: hidden;
    background: #fff;
    padding: 30px;
    position: relative;
    margin-bottom:-80px!important;
    border-top: 5px var(--blue) 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:#eb0022;}
.breadcrumb-item a:hover{ color:#000;}


/* -- Mid Area -- */
.midArea{padding:30px 0!important; margin:0!important; display:block; overflow:hidden; clear:both; text-align:left; box-sizing:border-box  }
.midArea h2{font-size:24px; letter-spacing:-1px; line-height:1; font-weight:bold; display:block; margin-bottom:20px; }

.midArea p{display:block; font-size:15px; padding-bottom:10px; text-align: justify}
.midArea > ul{padding:0;  margin:0; list-style-type:none}
.midArea > ul li{ position:relative; padding-bottom:10px;}
.midArea > ul li:before{ color:maroon; padding-left:20px; content:''; background:url('../images/arrow-bull.png') no-repeat;}

hr{border:none; margin:20px 0 30px; display:block; border-top:1px #ddd dotted;}

.twosp div{ display:inline-block; width:50%; margin:0 0 0 -4px; box-sizing:border-box;}
.twosp ul{ padding:0; margin:0 0 10px 0; list-style-type:none}
.twosp ul li{ padding-bottom:10px; position:relative; padding-left:28px;}
.twosp ul li:before{ position:absolute; content:'\f00c'; font-family:'Font Awesome 5 Free'; font-weight:600; display:block; left:5px;}
.twosp div h3{ }

.nxtpackageArea{position:relative; }
.nxtpackageArea .col-4[class^="col-"]{position:relative;  margin-bottom:20px; }
.nxtpackageArea [class^="col-"] div{padding:20px;background:#000; color:#fff;}
.nxtpackageArea [class^="col-"] div.headerbg{background:var(--blue); color:#000; min-height:200px;}

.nxtpackageArea [class^="col-"] div h4{ font-size:22px; font-weight:700;}
.nxtpackageArea [class^="col-"] div h5{ font-size:16px; margin-bottom:25px; display:block; overflow:hidden; line-height:1.4; min-height:45px;}
.nxtpackageArea [class^="col-"] div:last-child{ display:block; padding:20px 0 0;}
.nxtpackageArea [class^="col-"] div h6{ font-size:30px; font-weight:700; margin-bottom:20px; color:var(--red);}
.nxtpackageArea [class^="col-"] div a{background:var(--red); display:inline-block; padding:5px 20px; margin-bottom:20px; font-weight:700; text-transform:uppercase; font-size:14px; color:#fff; border-radius:30px;}

.nxtpackageArea h2{ padding:25px 0 15px 0; display:block;}

.inner-details-area{display:block; position:relative; background:transparent url('../images/briks.png') repeat fixed; display:block; }
.inner-details-area h1{
  display: block;
  overflow: hidden;
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 1;
  font-family: 'Kalnia';
  font-weight: normal;
  margin-bottom: 0px;
  background: -webkit-linear-gradient(transparent, transparent), url(../images/textBg.png) center right;
    background-clip: border-box, border-box;
  background-clip: border-box, border-box;
  background-clip: text;
  -webkit-background-clip: text !important;
  color: #d2c49f;
  -webkit-text-fill-color: transparent !important; padding-bottom: 10px;
}



.nxtgalleryArea{ padding:50px 0 0; text-align:center; }
.nxtgalleryArea h2{text-align:center; font-weight:600; margin-bottom:30px; color:var(--blue); font-size: 24px;}
.nxtgalleryArea a{background:#fff; display:block; overflow:hidden; margin-bottom: 30px;  position:relative;}
.nxtgalleryArea a img{width:100%;}
.nxtgalleryArea 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;}
.nxtgalleryArea a:hover:before{opacity:1; left:0.5px; right:0.5px; top:0.5px; bottom:0.5px;}
.nxtgalleryArea 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%);}
.nxtgalleryArea a:hover span{opacity:1;top: 50%;}






.servicearea{padding:30px 0!important; margin:0!important; display:block; overflow:hidden; clear:both; text-align:left; box-sizing:border-box  }


.servicearea p{display:block; font-size:15px; padding-bottom:10px; text-align: justify}
.servicearea > ul{padding:0;  margin:0; list-style-type:none}
.servicearea > ul li{ position:relative; padding-bottom:10px;}
.servicearea > ul li:before{ color:maroon; padding-left:20px; content:''; background:url('../images/arrow-bull.png') no-repeat;}

.servicearea h2{font-weight:600; color:var(--blue); font-size: 24px;}


.glsr-default .glsr-review {
  display: flex;
  flex-wrap: wrap;
  gap: var(--glsr-gap-md);
  margin-bottom: 30px;
	border: 2px solid var(--blue); padding: 30px;
}

.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 #203669; margin-right: 10px; 
	text-align:center; background: var(--blue);
}

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

.contact .contact-text {
    
    display:block;
    padding-left:5px;
	text-align:left; font-size: 18px; font-weight:600;  color: #203669;
}

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

.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: #203669; 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;}





.nxtvideoArea [class^="col-"] div{ padding:50px 0 0;  border: 1px solid #f3f3f3; margin-top: 25px; display: inline-block!important;}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
}


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

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

@media (max-width: 991px){
.navArea{height:0;}

.topFixed{border-bottom:2px #fff solid;}
.topFixed .col-12{display:none;}
.topFixed a{font-size:14px; padding:5px;}
.topFixed [class^="col-"]:last-child a{background:var(--blue); color:#fff;}

.project-slider .carousel-control-prev, .project-slider .carousel-control-next{padding:20px 5px; top:25%; font-size:14px;}
.project-slider h2{ position:static; transform:translate(0%,0%); width:100%; text-align:center; font-size:14px; padding:10px; border-radius:0;color:#fff; background:var(--blue);}
.project-slider img{height:300px; object-fit:cover;}
.bannerContent{display:none;}

.whyUsArea:before{display:none;}
}

@media (max-width: 767px){
.headerTop{ display:none;}
.headerArea{padding:0;}
.headerArea [class^="col-"]:last-child span{display:none;}
.headerArea [class^="col-"]:last-child span + a{padding:10px 15px; font-size:16px; float:right; margin-bottom:25px;}
.logo{text-align:center; padding:15px 0;}
.logo img{height:100px;}
.headerArea .text-md-right:before{}
.headerArea .text-md-right a:last-child{display:none;}
.headerArea .text-md-right a {margin-left: 35px;}

.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 [class^="col"] > div:before{top:50px; right:0;}
.highLightText .row [class^="col"]{text-align:center;}
.highLightText .row [class^="col"] img{width:60%; margin:0 auto 0; position:static;}
.highLightText .row [class^="col"]:hover img{ transform: scaleX(-1);}
.highLightText .row [class^="col"] > div > div{padding:20px 20px 40px;}


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

.whyUsArea h3{font-size:24px;}
.videoArea h3{padding:10px 0; font-size:20px;}

.formBox{padding:20px 20px 0;}
.formBox:before{left:-20%; right:-20%;}


	.highLightText .row + a{font-size:20px}
	
	
.innerArea {    margin-bottom:0!important;	top:0;	 }	
	
	
.inner-details-area h1{
  display: block;
  overflow: hidden;
  font-size: 22px; line-height:1.3;
}
	
.servicearea h2 {
  font-weight: 600;
  color: var(--blue);
  font-size: 20px;
}

	
	
	
}

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