@import url(effect.css);

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Doto:wght@100..900&display=swap');
/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden; width:100vw;}
body{
font-family: 'IBM Plex Sans', sans-serif; font-weight:normal; padding:0; color:#00131d; font-weight:normal; padding-right:0!important;
font-size:16px;
line-height:1.5;
 overflow-x:hidden; width:100vw;
}
/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

:root{--yellow:#f6d72d; --orange:#f22254; --blue:#06cefc; --dark:#222; --light:#f57e20;}

img{border:0;}

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


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


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


/* Header */

.headerArea{display:block; position:absolute; width:100%; clear:both; padding:10px 0; font-size:14px; margin-top:0.5px; z-index:100;}
.quickLinks{list-style-type:none; margin:0 0 10px; padding:0;}
.quickLinks li{display:inline-block; margin-right:10px; font-size:16px;}
/*.quickLinks li:first-child{display:block; clear:both; font-size:24px; text-transform:uppercase; margin-bottom:5px;}
.quickLinks li:first-child a{font-weight:600; color:var(--orange);}**/
.quickLinks li a{color:#fff;}
.quickLinks li:nth-child(2) a i{font-size:14px;}
.quickLinks li:last-child a{font-weight:600; background:var(--orange); color:#fff; padding:3px 15px 5px; border-radius:30px;}

.quickLinks .email{background:var(--blue); color:#000; border-radius:10px; padding:4px 8px;}

.quickLinks .email:hover{background:#fff; color:#000; border-radius:10px; padding:4px 8px;}

.logo{display:block;}
.logo img{max-width:100%; height:80px;}

#myHeader.sticky .logo img{content:url('../images/logo1.svg'); height:70px;}
#myHeader.sticky{position:fixed; left:0; right:0; top:0; margin-top:0; z-index:9999; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; background:#fff;}
#myHeader.sticky .quickLinks li a{color:var(--dark);}


.project-slider{position:relative; width:100%; overflow:hidden; height:auto; position:relative; padding:0;}
.project-slider:before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index:5; content: ''; display: block; mix-blend-mode: multiply; background: linear-gradient(180deg,#222 0%,rgba(20,50,70,0.8) 100%); opacity:0.7;}

.project-slider .sliderContent{width: 90%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:10; color:#fff; font-size:18px; font-weight:600; text-shadow: 0px 2px 2px rgba(0,0,0,0.5);}
.project-slider .sliderContent h2{font-weight:600; font-size:42px; font-weight:700; margin-bottom:20px;}
.project-slider .sliderContent h2 strong{  font-size:52px; }
.project-slider .sliderContent h2 span{ color:var(--blue); font-size:42px; text-transform: uppercase}
.project-slider .sliderContent ul{ padding:0 0 0 18px;}
.project-slider .sliderContent ul li{padding:3px 0;}
.project-slider .sliderContent p{font-size:20px; font-weight:700; margin-bottom:20px;}
.project-slider .sliderContent a{display:inline-block; border:2px #fff solid; background:var(--orange); color:#fff; padding:8px 20px 9px; margin-right:5px; border-radius:5px; text-transform:uppercase; color:#fff;}
.project-slider .sliderContent a:hover{background:var(--dark);}



.formBox{background-color:#FFFFFF; padding:30px; border-radius:10px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); width:430px; max-width:100%; float:right; display:block; overflow:hidden;text-shadow: 0px 2px 2px rgba(0,0,0,0); color:#222;}
.formBox h3{color:var(--orange); font-weight:700; text-align:center; margin-bottom:5px;}
.formBox p{font-size:18px!important; font-weight:400!important; margin-bottom:20px; text-align:center;}
.formBox input,
.formBox select,
.formBox textarea{padding:7px 10px; margin-bottom: 15px; border: 1px solid var(--orange); background:none; border-radius: 5px; box-sizing: border-box;}
.full {width: 100%; display: block;}
.half {width: calc(50% - 3px); display: inline-block; vertical-align: top;}
.half:first-of-type {margin-right: 15px;}
.formBox input[type="submit"]{background:var(--orange); color:#fff; padding:10px; margin-bottom:0; font-weight:700;}
.formBox input[type="submit"]:hover{background:var(--dark); border-color:var(--dark);}


.project-slider .carousel-item img, .project-slider .carousel-item video{width:100%; object-fit:cover; object-position:top left; animation: resize 30s linear infinite; opacity:1;}
.project-slider .carousel-item{position:relative;}
.project-slider [class^="carousel-control-"] img{filter: brightness(0) invert(1);}
@keyframes resize {0% {transform:scale(1);}50% {transform:scale(1.2);}}



.roofLink{display:block; display:block; overflow:hidden; position:relative; top:-150px; margin-bottom:-180px; z-index:99;}
.roofLink > div{padding:0; background:var(--blue); text-align:right; color:#fff; position:absolute; bottom:142px; width:100%;}
.roofLink > div a{color:#fff; display:inline-block; padding:10px 30px; border-left:1px #fff solid;}
.roofLink > div a i{margin-left:5px;}
.roofLink > div a:hover{background:var(--orange);}
.roofLink img{width:30%; position:relative; z-index:5;}





.welcomeArea{display:block; overflow:hidden; position:relative; clear:both; padding:0; background:transparent url('../images/footer-pattern.png') left bottom no-repeat;}
.welcomeArea h2{font-size:36px;}
.welcomeArea h3{font-size:22px; color:var(--orange); margin-bottom:5px;}
.welcomeArea > div{position:relative; z-index:5;}
.welcomeArea .row [class^="col-"] > div{ display:block; /*padding:0 0 60px;*/}
.welcomeArea ul{ padding: 0; margin: 0 0 60px 0; list-style-type:none;}
.welcomeArea ul li {display:inline-block; width:32%; margin:15px 5px 0 0; text-align:center; }
.welcomeArea ul li a{display:block; background:var(--orange); border: 5px solid #fff; color:#fff; font-weight:600; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;  padding:15px 10px; /*width:150px;*/ text-align:center; border-radius:5px;}
.welcomeArea ul li a:hover{background:var(--blue);}

/*.welcomeArea a{display:inline-block; background:var(--orange); color:#fff; font-weight:600; margin:15px 5px 0 0; padding:15px 15px; width:150px; text-align:center; border-radius:5px;}
.welcomeArea a:hover{background:var(--blue);}*/

.serviceArea{display:block; overflow:hidden; padding:20px 0 30px;}
.serviceArea h2{font-size:36px; color:var(--orange); margin-bottom:10px;}
.serviceArea h2 + p{margin-bottom:40px; font-size:20px;}
.serviceArea .row{position:relative;}
.serviceArea .row [class^="col-"]{margin-bottom:30px;}
.serviceArea .row:nth-child(odd) [class^="col-"]:first-child{left:50%;}
.serviceArea .row:nth-child(odd) [class^="col-"]:last-child{right:50%;}
.serviceArea h3{font-size:26px;}
.serviceArea ul{list-style-type:none; margin:0 0 20px; padding:0;}
.serviceArea ul li{ position:relative; padding-left:25px; margin-bottom:5px; font-weight:600;}
.serviceArea ul li:before{position:absolute; left:0; top:0; content:'\f138'; color:var(--orange); font-family:'Font Awesome 6 Free'; font-weight:900;}
.serviceArea a{display:inline-block; background:var(--orange); color:#fff; font-weight:600; margin-right:10px; padding:8px 25px; border-radius:5px;}
.serviceArea a:hover{background:var(--dark);}

.countArea{display:block; background:var(--dark);color:#fff; padding:20px 0;}
.countArea h4{font-size:16px; font-weight:700; margin-bottom:10px; line-height:1.1; color:var(--orange);}
.countArea p{margin:0; font-size:16px; line-height:1.2;}
.countArea [class^="col-"] > div{display:flex; align-items: center; justify-content: center;}
.countArea [class^="col-"] > div img{margin-right:15px; height:100px;}



.shortAdsArea{display:block; overflow:hidden; padding:0; background:var(--blue); color:#fff; padding:30px 0; position:relative;}
.shortAdsArea h3{font-size:22px; margin:0 0 15px;}
.shortAdsArea a{background:#fff; padding:15px 25px; display:inline-block; text-align:center; color:var(--dark); border-radius:5px; font-weight:700;}
.shortAdsArea a:hover{background:var(--dark); color:var(--blue);}
.shortAdsArea > img{position:absolute; right:10%; bottom:-5px; height:130px;}


.omImg{display:block; overflow:hidden; clear:both; background:transparent url('../images/page-header-1-temp.jpg') no-repeat center center fixed; background-size:cover; height:250px;}

.box3Area{position:relative; z-index:5; top:-120px; margin-bottom:-80px; text-align:center}
.box3Area [class^="col-"]{margin-bottom:30px; text-align:left;}
.box3Area [class^="col-"] > div{background:#fff; padding:40px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}
.box3Area [class^="col-"] > div a{display:inline-block; background:var(--orange); color:#fff; font-weight:600; margin-right:10px; padding:8px 25px; border-radius:5px;}
.box3Area [class^="col-"] > div a:hover{background:var(--dark);}
.box3Area > p{font-size:18px;}
.box3Area > a{display:inline-block; background:var(--dark); color:#fff; font-weight:600; margin-right:10px; padding:15px 25px; border-radius:5px;}
.box3Area > a:hover{background:var(--blue); color:#fff;}


.fb-page > span, .fb-page iframe{height:465px!important;}

.threepartContent{border:1px #ddd solid; padding:0;}
.threepartContent [class^="col-"] h3{color:#fff; font-size:32px; margin-bottom:20px;}
.threepartContent [class^="col-"] ul{margin:0; padding:0; list-style-type:none;}
.threepartContent [class^="col-"] ul li{padding:20px; background:#fff; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; margin-bottom:30px;}
.threepartContent [class^="col-"]:nth-child(1):before{position:absolute; left:0; right:0; top:0; bottom:0; background:var(--orange); content:''; display:block; z-index:-1}
.threepartContent [class^="col-"]:nth-child(1){padding:20px 25px 10px;}
.threepartContent [class^="col-"] h4{font-size:20px;}
.threepartContent [class^="col-"] a {display:inline-block; background:var(--dark); color:#fff; font-weight:600; margin-right:10px; padding:8px 25px; border-radius:5px;}



.testimonialsArea{text-align:center; padding:80px 0; background:url('../images/blackBG2.jpg') no-repeat center center fixed; background-color:#666; background-size:cover; color:#fff; background-blend-mode:overlay;}
.testimonialsArea h3{display:block; clear:both; font-size:42px; margin-bottom:10px;}
.testimonialsArea h3 + p{font-size:20px; margin-bottom:30px;}
.testimonialsArea > div > a{display:inline-block; color:#fff; padding:8px 25px; border:1px #fff solid; width:240px; border-radius:40px;}
.testimonialsArea > div > a:hover{background:#fff; color:#222;}
.testimonialsArea > svg{position:absolute; bottom:-1px; left:0;right:0; width:100%; fill:var(--blue); z-index:5;}
.testimonialsArea .row{margin-bottom:30px;}
.testimonialsArea .row [class^="col-"]{position:relative; margin-bottom:20px;}
.testimonialsArea .row [class^="col-"]:before{z-index:1; display:block; overflow:hidden; content:''; position:absolute; border-radius:10px; left:15px;right:15px; top:0;bottom:0;
background: linear-gradient(145deg, #d7d7d7, #f0f0f0, #c4c4c4, #e6e6e6, #b8b8b8);
box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.testimonialsArea .row [class^="col-"] > div{text-align:center; padding:35px; position:relative; z-index:5; color:var(--dark);}
.testimonialsArea .row [class^="col-"] > div h5{margin-bottom:10px;}
.testimonialsArea [class^="col-"] > div strong{font-weight:600; font-size:16px;}
.testimonialsArea [class^="col-"] > div > div{display:block; margin-bottom:10px; font-weight:700;}
.testimonialsArea [class^="col-"] > div span{width:80px; height:16px; display:inline-block; margin-left:5px; top:3px; position:relative; background:transparent url('../images/stars.png') no-repeat left top;}
.testimonialsArea [class^="col-"] > div span.star-4{background-position:left top -16px;}
.testimonialsArea [class^="col-"] > div span.star-3{background-position:left top -32px;}
.testimonialsArea [class^="col-"] > div span.star-2{background-position:left top -48px;}
.testimonialsArea [class^="col-"] > div span.star-1{background-position:left top -64px;}

.glsr-default form.glsr-form {
    font-size: var(--glsr-text-md);
    line-height: var(--glsr-leading);
    margin-top: 45px;
    padding: 25px;
    background: #f1f1f1;
    border: 1px dashed #ddd;
}

.glsr-default .glsr-review {
    display: flex;
    flex-wrap: wrap;
    gap: var(--glsr-gap-md);
    border-left: 2px solid #1e5d89;
    padding: 15px;
    border-bottom:2px solid #f22254; -webkit-border-bottom-left-radius: 50px;
-moz-border-radius-bottomleft: 50px;
border-bottom-left-radius: 50px;
}

.glsr-default .glsr-review-title h4{margin-bottom: 0;
    margin-top: 0;
    display: none;}

.contactArea{display:block; overflow:hidden; padding:60px 0; background:#dd6a6a; position:relative;}
.contactArea:before{ position:absolute; left:0; right:0; top:0; bottom:0; content:''; display:block;
background-color: transparent;
background-image: linear-gradient(90deg, #FFFFFF 1%, rgba(255, 255, 255, 0.6) 31%);
opacity: 1;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.contactArea h4{font-size:30px; margin-bottom:25px;}
.contactArea ul{margin:0; padding:0; list-style-type:none;}
.contactArea ul li{margin-bottom:25px; font-size:18px;}
.contactArea ul li strong{display:block; overflow:hidden;}
.contactArea form{display:block; padding:30px; background:var(--dark); color:#fff;}
.contactArea form input, .contactArea form select, .contactArea form textarea{margin:0 0 10px; padding:0 10px; height:40px; border:none; background:#fff; width:100%; font-size:14px;}
.contactArea form textarea{height:80px; padding:10px;}
.contactArea form input[type="submit"]{height:50px; background:var(--orange); color:#fff; text-transform:uppercase; font-weight:700;}

.socialIcons{ display:block; list-style-type:none; margin:0; padding:0;}
.socialIcons li{ display:inline-block; font-size:18px; margin:0 8px;}
.socialIcons li a{ display:block; overflow:hidden; width:45px; height:45px; background:var(--orange); color:#fff; line-height:48px; border-radius:50%; text-align:center;}
.socialIcons li a:hover{ background:#fff; color:var(--orange);}


.footer{display:block; overflow:hidden; clear:both; padding:40px 0; background:var(--dark) no-repeat center top fixed; background-blend-mode:luminosity; background-size:cover; color:#fff;}
.footer img{height:120px; /*filter: brightness(0) saturate(100%) invert(100%);*/}
.footer a:hover{color:var(--yellow);}
.footer p{display:block; padding-top:10px; margin-bottom:0;}


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


.image-box {
  position: relative; height: 400px;          /* needed for positioning the image inside */
    /* your background color */
                 /* height of the area */
}

.image-box img{
 width:100%; height: 117%; object-fit: cover;
}

.image-box:before {
  position: absolute;  
  top: -20px;                      /* stick to top */
  right: -20px;                    /* stick to right */
  height: 150px; width: 100px;                /* optional – make it fill vertically */
  object-fit: contain;  content: ''; background: var(--orange); z-index: -1;        /* keep aspect ratio */
}


/*------------------Next-------------------*/
.innerHeader{height:50dvh; background-attachment:fixed; background-position:bottom center; background-blend-mode:overlay; background:#444;}
.innerHeader > div{position:absolute; bottom:15px; left:50%; transform:translate(-50%,0%); color:#fff;}
.innerHeader > div .breadcrumbs{margin:0; padding:0;list-style-type:none; font-size:12px; text-transform:uppercase; display:none;}
.innerHeader > div .breadcrumbs li{display:inline-block;margin-right:10px;}
.innerHeader > div .breadcrumbs li a{color:var(--blue);}
.innerHeader > div .breadcrumbs li a:after{content:'/'; display:inline-block; margin-left:10px;}
.innerHeader > div .breadcrumbs li a:hover{color:#fff; font-weight:600;}
.innerPage{ position:relative; display:block; overflow:hidden; border-bottom:1px #e9e9e9 solid; padding:40px 0;}

.innerPage h1{display:block;margin-bottom:30px; border-left:3px var(--orange) solid; padding-left:15px;}
.innerPage h1 img{height:30px; position:relative; top:-4px; margin:0 5px;}
.innerPage:after{position:absolute; right:100px; top:0; bottom:0; width:1px; background:rgba(0,0,0,0.2); content:''; display:block; z-index:5;}
.innerPage h2{margin-bottom:20px; color:var(--dark); font-size:26px;}
.innerPage h3{margin-bottom:15px; color:var(--orange); font-size:22px;}

ul.about3Box{text-align:left; display:block; margin:0; padding:0; list-style-type:none;}
ul.about3Box li{display:inline-block; overflow:hidden; background:var(--dark); width:32%; padding:30px 0 0px 140px; margin:5px; min-height:120px; border-radius:15px; font-weight:600; color:#fff; position:relative; vertical-align:middle; line-height:1.3;}
ul.about3Box li img{height:100px; position:absolute; left:15px; top:10px;}
ul.about3Box li:last-child{border-bottom:none;}

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

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

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

.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:var(--blue);}
.breadcrumb-list li a:hover{ color:#fff;}
.breadcrumb-item a{ color:#eb0022;}
.breadcrumb-item a:hover{ color:#000;}


/*-----------------------------------*/
.nxtwelcomeArea{ /*float:left;*/ display:block; width:100%; clear:both;  color:#111; background:#f1f1f1 url('../images/footerbg.png') no-repeat center bottom; position:relative; z-index:10;      }
.nxtwelcomeArea h2{ color: #555564!important; font-size:22px; }
.nxtwelcomeArea h2 strong{clear:both; display:block; color:var(--blue);}
.nxtwelcomeArea h3{ color:var(--blue); font-size:20px; padding-bottom:10px;   }
.nxtwelcomeArea h4{  font-size:18px; padding-bottom: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 h1{display:block;margin-bottom:20px; border-left:3px var(--orange) solid; padding-left:15px;}
.nxtwelcomeArea h1 img{height:30px; position:relative; top:-4px; margin:0 5px;}
.nxtwelcomeArea:after{position:absolute; right:0; bottom:0; width:569px; height:590px; background: transparent url(../images/footer-pattern.png) left bottom no-repeat; content:''; display:block; z-index:-1;}

.nxtwelcomeArea:before{position:absolute; left:0; bottom:0; width:569px; height:590px; background: transparent url(../images/footer-pattern1.png) left bottom no-repeat; content:''; display:block; z-index:-1;}



.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(--blue)!important; text-align:center;  display:block; overflow:hidden; padding:30px; color:#222; position:relative; top:-125px; margin-bottom:-125px; border:10px #fff solid; }
.nxtwelcomeArea > div > .row > [class^="col-md-5"] > div h2{ color:#fff; text-transform:uppercase; }


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


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

.nxtcallarea{border:none; display:block; background:var(--orange)!important; width:100%; color:#fff; font-weight:600; margin-bottom:0px;}
.nxtcallarea:hover{background:#fff!important; color:#111; }


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


/*******************************/
/********* 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;*/ background:#fff;
	padding:10px;
}

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

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

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

.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 {font-weight:600; text-align:left; /*margin:20px 0 0;*/ color:var(--dark); font-size:20px; 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-text .email{ color:#fff; display:block; padding:5px 10px; border-radius:10px; margin-bottom:10px; font-size:18px; background:#1e5d89; line-height:1; font-weight:600; }
.contact .contact-text .email:nth-child(odd){ color:#fff; display:block; padding:5px 10px; border-radius:10px; margin-bottom:10px; font-size:18px; background:#f22254; line-height:1; font-weight:600; }
.contact .contact-text .email:hover{background:#f22254;}
.contact .contact-text .email:nth-child(odd):hover{background:#111;}
.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;
}

div.wpforms-container-full .wpforms-form .wpforms-field

 {
    padding: 5px 0!important;
    clear: both;
}

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

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

@media (max-width: 991px){
.headerArea{display:block; position:relative; background:#222;}
.headerArea:before{content:'';display:block; top:-1px; height:10px; background:#222; display:block; left:0; right:0; position:absolute;}
.quickLinks{display:none;}
.quickLinks li:first-child{font-size:16px; margin:8px 0;}
.quickLinks li{ margin-right:10px; font-size:14px;}
.logo img{height:80px;}
.headerArea .col-lg-9{height:0;}

.headerArea.sticky:before{display:none;}


.serviceArea .row:nth-child(odd) [class^="col-"]:first-child{left:0%;}
.serviceArea .row:nth-child(odd) [class^="col-"]:last-child{right:0%;}

.shortAdsArea [class^="col-"]:nth-child(2){padding:30px 0!important;}
}

@media (max-width: 767px){

.welcomeArea{text-align:center;}
.welcomeArea h2{font-weight:700; font-size:26px;}

.project-slider{}
.project-slider:before{display:none;}
.project-slider .sliderContent{width:100%; text-align:center; left:0; right:0; position:static; transform:translate(0%,0%); background:var(--dark)}
.project-slider .sliderContent .row{ padding:20px 20px 60px;}
.project-slider .sliderContent h2{font-size:22px; line-height:1.5; margin-bottom:10px;}
.project-slider .sliderContent h2 + a{margin-bottom:30px;}
.project-slider .carousel-item img{width:auto; height:400px;}


.roofLink{top:-50px; margin-bottom:-50px;}
.roofLink img{width:50%; position:relative; z-index:5;}
.roofLink > div{bottom:60px; width:100%;}

.shortAdsArea{text-align:center;}
.shortAdsArea > img{position:static; max-width:100%; height:auto; position:relative; bottom:-35px; left:0;}


.countArea [class^="col-"] > div{justify-content: start; margin-bottom:25px;}

.omImg{height:150px!important;}

.coalMovementArea img{width:100%;}
.coalMovementArea .floatBox{ width:100%; clear:both; position:static; text-align:center;}
.coalMovementArea ul li{width:100%;}



.logoArea h3{font-size:24px;}
.logoArea h4{font-size:20px;}

.simply-scroll .simply-scroll-list li{width: 80px;}

.footerArea{ text-align:center;}
.footerArea ul{margin:10px 0;}


.footerSocial{padding-top:20px;}
.footer-down{text-align:center; font-size:12px;}
.footer{text-align:center;}
.footer [class^="col-"]{border:none; margin-bottom:15px;}

.footer img{height:100px; margin-bottom:20px;}

	
	.welcomeArea ul li {
  display: block;
  width: 100%;
  margin: 15px 5px 0 0;
  text-align: center;}
	
.image-box img{
 width:100%; height:100%; object-fit: cover;}
	
.image-box:before { display: none;
  position: absolute;  
  top: -20px;                      /* stick to top */
  right: -20px;                    /* stick to right */
  height: 150px; width: 100px;                /* optional – make it fill vertically */
  object-fit: contain;  content: ''; background: var(--orange); z-index: -1;        /* keep aspect ratio */}
	
	.nxtwelcomeArea .bginner{ background:#fff; padding: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 h1{ font-size:25px;}
	
	.nxtwelcomeArea > div > .row > [class^="col-md-5"] > div{padding:10px; color:#222; position:relative; top:0; margin-bottom:50px; border:1px #fff solid; }
.contact .contact-text h3 {    font-size:16px;    font-weight:600;    color: #000;	padding:0; margin:0; line-height: 1; }
	
.contact .contact-text a {
    
	color:rgba(68,68,68,1); font-size:14px; line-height:1; font-weight:600; }
	
	.contact .contact-text {
    
    display:block;
    padding-left:5px;
	text-align:left; font-size: 14px; font-weight:600;  color:rgba(68,68,68,1);}
	
	.innerHeader{height:30vh; background-attachment:fixed; background-position:bottom center; background-blend-mode:overlay; background:#444;}
.contact .contact-text .email {
  font-size: 13px;
  background: #1e5d89;
  line-height: 1;
  font-weight: 500;}
	
	.contact .contact-text .email:nth-child(odd) {
  font-size: 13px;
  background: #1e5d89;
  line-height: 1;
  font-weight: 500;}

	.contact .contact-icon {
  display: none;
}
	
	.contact .contact-info {

  padding: 10px 0;
}
	
	
}

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