/*
Theme Name: CreteRite
Theme URI:
Author: SEOTA
Author URI:
Description:
Version: 2024.01
*/
@charset "utf-8";
/* CSS Document */
::selection {
color:var(--bs-white);
background:var(--bs-primary);
}

.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2;}
.full-img { position:relative;}
.full-img img{ width:100%; height:auto; position:relative; z-index:2;}


#page{ overflow:hidden;}
.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}

.font-xxl{ font-size:20px; line-height:30px}
.font-xl{ font-size:18px; line-height:28px;}
.font-lg{ font-size:16px; line-height:24px;}
.font-md{ font-size:14px; line-height:22px;}
.font-sm{ font-size:13px; line-height:20px;}
.text-lt{ color:rgba(0,0,0,0.7);}

.content-mb-30 h1, .content-mb-30 h2, .content-mb-30 h3, .content-mb-30 h4, .content-mb-30 h5, .content-mb-30 h6, .content-mb-30 p, .content-mb-30 ul, .content-mb-30 ol{ margin-bottom:30px;}
.content-mb-20 h1, .content-mb-20 h2, .content-mb-20 h3, .content-mb-20 h4, .content-mb-20 h5, .content-mb-20 h6, .content-mb-20 p, .content-mb-20 ul, .content-mb-20 ol{ margin-bottom:20px;}
.content-mb-24 h1, .content-mb-24 h2, .content-mb-24 h3, .content-mb-24 h4, .content-mb-24 h5, .content-mb-24 h6, .content-mb-24 p, .content-mb-24 ul, .content-mb-24 ol{ margin-bottom:24px;}
.content-mb-16 h1, .content-mb-16 h2, .content-mb-16 h3, .content-mb-16 h4, .content-mb-16 h5, .content-mb-16 h6, .content-mb-16 p, .content-mb-16 ul, .content-mb-16 ol{ margin-bottom:16px;}
.color-fff{ color:var(--bs-white);}
.title-uppercase h1, .title-uppercase h2, .title-uppercase h3, .title-uppercase h4, .title-uppercase h5, .title-uppercase h6{ text-transform:uppercase;}
.mt-32{ margin-top:32px;}
.mb-32{ margin-bottom:32px;}

.header{ position:fixed; z-index:1000; top:0; left:0; right:0;}
.header .pre-header{ background:var(--bs-black);}
.header .pre-header .button{height:35px; font-size:14px; color:var(--bs-white); font-family:"Alata", sans-serif; background:var(--bs-primary); margin-left:auto; display:block; text-align:center; text-decoration:none; padding:0 20px; display:flex; align-items:center; justify-content:center;}
.header .pre-header .button:hover{ background:var(--bs-white); color:var(--bs-primary);}
.header .pre-header .social{ margin:0; padding:0; list-style:none;}
.header .pre-header .social li + li{ margin-left:20px;}
.header .pre-header .social li a{ color:var(--bs-white); height:30px; width:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--bs-primary); text-decoration:none; font-size:14px;}
.header .pre-header .social li a:hover{ background:var(--bs-white); color:var(--bs-primary);}

.header .post-header{background:rgba(0, 0, 0, 0.40); padding:0px 0;}
.header .post-header .logo img, .header .post-header .vt-logo img{ width:120px;}
.header.fixed-header .post-header{background:rgba(0, 0, 0, 0.9); -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.header.fixed-header .post-header{ padding:5px 0;}
.header.fixed-header .post-header .logo img, .header.fixed-header .post-header .vt-logo img{ width:80px;}
.header.fixed-header .pre-header .button{ height:35px; font-size:14px}
.header.fixed-header{box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.header .post-header .vt-logo{ margin-left:16px;}

.call-sm{ height:40px; width:40px; background:var(--bs-primary); color:var(--bs-white); margin-left:auto; border-radius:50%; text-decoration:none; order:2; margin-right:16px; font-size:20px;}
.call-sm:hover{background:var(--bs-white); color:var(--bs-primary);}

.banner .image-fit{ height:500px}
.banner .image-fit:after{ background:rgba(0, 0, 0, 0.24); position:absolute; top:0; right:0; bottom:0; left:0; content:''; z-index:1;}
.banner .container{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:100; padding-top:192px;}
.banner .container .content{ /*background:rgba(0, 0, 0, 0.40); padding:24px;*/ color:var(--bs-white); font-weight:600;}
.BannerSlider .slick-dots{ position:absolute; bottom:40px; left:0; right:0; z-index:100;}

.h1-64 h1, .h2-64 h2{font-size:36px;}

.section-title{ padding-bottom:30px; position:relative;}
.section-title:after{background:#A7AAAC; height:2px; width:100px; bottom:0; position:relative; content:''; position:absolute;}
.section-title-left:after{ left:0;}
.section-title-center:after{left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.section-title-lt:after{ background:var(--bs-white);}
.section-title-dark:after{ background:var(--bs-black);}

.section{ padding:30px 0; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; z-index:10}

.service-block{ color:var(--bs-white); text-decoration:none; position:relative; display:block;}
.service-block .ratio .full-img:after{background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.85) 100%); position:absolute; left:0; right:0; bottom:0; top:0; content:''; z-index:3; opacity:0; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.service-block:hover .ratio .full-img:after{ opacity:1;}
.service-block .content{border:4px solid var(--bs-primary); padding:25px 24px; text-align:center; top:14px; left:14px; right:14px; bottom:14px; position:absolute; z-index:11; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; opacity:0; font-size:16px;}
.service-block:hover .content{ opacity:1;}
.service-block h3{color:var(--bs-dark);}
.service-block .content span.d-flex{font-family:"Alata", sans-serif;}

.about-section{ color:var(--bs-white);}
.about-section:after{ background:var(--bs-black); position:absolute; top:0; width:58.33333333%; top:0; right:0; bottom:0; z-index:1; content:'';}
.about-section h2{margin-bottom:40px; padding-bottom:30px; position:relative;}
.about-section h2:after{ position:absolute; background:var(--bs-white); width:100px; left:0; bottom:0; content:''; height:2px;}
.about-section [class*=col-]{ padding:24px 0;}

.slider-padding{ margin-left:-15px; margin-right:-15px;}
.slider-padding .item{ padding-left:15px; padding-right:15px;}

.icon-section { padding:75px 0;}
.icon-section .box{ padding:30px 34px; text-align:center; background:var(--bs-white);}
.icon-section .box .icon{ background:rgba(221, 68, 37, 0.05); height:68px; width:68px; margin:0 auto; border-radius:50%;}
.icon-section .slider-padding .item{ padding:15px;}
.icon-section .slider-padding .item:hover .box{border-radius:2px; background:var(--bs-white); box-shadow:0px 0 15px 0px rgba(0, 0, 0, 0.10); }

.why-section{ color:var(--bs-white); position:relative; z-index:10}
.why-section:before{background:rgba(0, 0, 0, 0.94); position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; content:'';}
.why-section .container{ padding-top:90px; padding-bottom:90px; background:url(images/theme-img/water-mark.svg) no-repeat right 15px center;}
.why-section .container .content{ padding:55px 40px; border-top:6px solid #A7AAAC; border-left:6px solid #A7AAAC; border-bottom:6px solid #A7AAAC; position:relative;}
.why-section .container .content:before, .why-section .container .content:after{ width:6px; background:#A7AAAC; position:absolute; right:0; height:35%; position:absolute; content:'';}
.why-section .container .content:before{ top:0;}
.why-section .container .content:after{ bottom:0;}
.why-section .container .number{ font-size:72px; font-family:"Alata", sans-serif; position:relative; display:block; margin-bottom:20px; padding-bottom:13px;position:relative; line-height:1;}
.why-section .container .number:after{width:36px; height:2px; background:#A7AAAC; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); position:absolute; content:'';}

.work-item { color:var(--bs-white); text-decoration:none; position:relative; display:block;}
.work-item .ratio .full-img:after{background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.85) 100%); position:absolute; left:0; right:0; bottom:0; top:0; content:''; z-index:3; opacity:0; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.work-item:hover .ratio .full-img:after{ opacity:1;}
.work-item .content{border:4px solid var(--bs-primary); padding:25px; text-align:center; top:14px; left:14px; right:14px; bottom:14px; position:absolute; z-index:11; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; opacity:1; font-family:"Alata", sans-serif;}
.work-item:hover .content{ opacity:1;}
.project-cat-menu{ margin:0; padding:0; list-style:none; display:flex; justify-content:flex-end;}
.project-cat-menu li + li{ margin-left:30px;}
.project-cat-menu li a{color:var(--bs-dark); font-size:20px; font-family:"Alata", sans-serif; border-radius:2px; border:1px solid var(--bs-black); display:flex; align-items:center; padding:0 35px; height:76px; text-decoration:none;} 
.project-cat-menu li a:hover, .project-cat-menu li a.active{ background:var(--bs-primary); color:var(--bs-white); border-color:var(--bs-primary);}

.estimate-cta{ background:var(--bs-black); color:var(--bs-white); position:relative; z-index:10}
.estimate-cta [class*=col-]{ padding-top:72px; padding-bottom:72px;}
.estimate-cta h2{margin-bottom:40px; padding-bottom:30px; position:relative;}
.estimate-cta h2:after{ position:absolute; background:var(--bs-white); width:100px; left:0; bottom:0; content:''; height:2px;}

.quote-item{ padding:24px; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; -moz-transition:all 0.5s ease;  -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; text-align:center; border:5px solid var(--bs-white);}
.quote-item img{ margin:0 auto;}
.quote-item blockquote{ background:url(images/theme-img/quote.svg) no-repeat top center; padding-top:66px; padding-bottom:20px; margin-bottom:20px; position:relative; line-height:160%}
.quote-item blockquote:after{width:36px; height:2px; background:#A7AAAC; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); position:absolute; content:'';}
.quote-item cite{ font-weight:400; font-family:"Alata", sans-serif; font-style:normal; display:block; margin-bottom:10px;}
.SliderTesimonial .item{ padding-bottom:40px;}
.SliderTesimonial .slick-slide.slick-center .quote-item{border:4px solid var(--bs-primary); background:var(--bs-white); box-shadow:0px 4px 60px 0px rgba(0, 0, 0, 0.10);}

.vt-company{ color:var(--bs-white); background:var(--bs-primary); padding:80px 0;}
.vt-company  .col-lg-3{ text-align:center;}

.industry-list{ color:var(--bs-white); text-align:center;}
.industry-list:before{background:rgba(0, 0, 0, 0.92); content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1;}
.industry-list:after{ background:url(images/theme-img/water-mark.svg) no-repeat center;; content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:2;}

.indus-item{ color:var(--bs-white); text-align:center; text-decoration:none;}
.indus-item h2{ margin:35px 0 0 0; padding:0;}

.section-lt{background:rgba(167, 170, 172, 0.04);}
.resource-item {background:rgba(0, 0, 0, 0.04);}
.resource-item  .ratio-4x3 {--bs-aspect-ratio: 66%;}
.resource-item .content{ padding:20px;}
.resource-item .content a.d-flex{font-family:"Alata", sans-serif; color:var(--bs-primary); text-decoration:none;}

.contact-section{ padding-top:180px}
.contact-section .image-fit{ position:absolute; height:480px; position:absolute; top:0; left:0; right:0; z-index:-1}
.contact-section .image-fit:after{background:rgba(26, 26, 26, 0.84);  content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1;}
.contact-section .form-section{ padding:30px; border-radius:4px; background:var(--bs-white); box-shadow:0px 4px 60px 0px rgba(0, 0, 0, 0.10);}
.contact-section .section-title:after{ display:none;}
.contact-section .section-title{ margin:0; padding:0;}
.contact-section .section-title h2{ position:relative; margin-bottom:30px; padding-bottom:30px;}
.contact-section .section-title h2:after{width: 92px; height: 2px; background:var(--bs-white); position:absolute; bottom:0; left:0; content:'';}
/*.contact-section .section-title p{display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}*/

.contact-section .contact-info{ margin-top:130px;}
.contact-section .contact-info .item + .item{ margin-top:40px; padding-top:40px; border-top:1px solid rgba(0, 0, 0, 0.10);}
.contact-section .contact-info .item ul{ margin:0; padding:0; list-style:none;}
.contact-section .contact-info .item ul li + li{ margin-top:24px;}
.contact-section .contact-info .item ul li a{color:var(--bs-dark); font-size:24px; text-decoration:none;}
.contact-section .contact-info .item ul li a:hover{ color:var(--bs-primary)}
.contact-section .contact-info .item ul li a .icon{ background:var(--bs-primary); height:40px; width:40px; border-radius:50%; margin-right:20px;}
.contact-section .contact-info .item ul li a .icon img{ width:15px; height:auto;}
.partner{ padding-bottom:60px;}

.footer{ background:var(--bs-black); color:var(--bs-white); position:relative; z-index:10;}
.footer-top{ padding:90px 0 60px;}
.footer a{ color:var(--bs-white); text-decoration:none;}
.footer a:hover{ color:var(--bs-primary);}
.footer-top .vt-label .image{ width:66px; margin-right:24px;}
.footer-top .social{ margin:0; padding:0; list-style:none;}
.footer-top .social li + li{ margin-left:20px;}
.footer-top .social li a{ color:var(--bs-white); height:30px; width:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--bs-primary); text-decoration:none; font-size:13px;}
.footer-top .social li a:hover{ background:var(--bs-white); color:var(--bs-primary);}
.footer-top h2{ margin-bottom:30px;}
.footer-top .menu{ margin:0; padding:0; list-style:none;}
.footer-top .menu li + li{ margin-top:16px;}

.footer-top .contact-info .item + .item{ margin-top:35px; padding-top:35px; border-top:1px solid rgba(255, 255, 255, 0.3);}
.footer-top .contact-info .item ul{ margin:0; padding:0; list-style:none;}
.footer-top .contact-info .item ul li + li{ margin-top:20px;}
.footer-top .contact-info .item ul li a{text-decoration:none;}
.footer-top .contact-info .item ul li a .icon{ border:1px solid var(--bs-white); height:32px; width:32px; border-radius:50%; margin-right:10px;}
.footer-top .contact-info .item ul li a .icon img{ width:12px; height:auto;}
.footer-top .contact-info h3{color:var(--bs-primary)}

.footer-bottom{ padding:24px 0; text-align:center; background:var(--bs-dark); font-size:16px;}

.page-banner .image-fit{ height:732px; }
.page-banner { position:relative; padding-bottom:75px;}
.page-banner .container{ bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:10; position:absolute;}
.page-banner .container h1{background:var(--bs-primary); padding:28px; color:var(--bs-white); line-height:130%; font-size:72px; text-align:center; }

.contact-wrapper .contact-info{ margin-top:50px;}
.contact-wrapper .contact-info .item h2{ margin-bottom:40px;}
.contact-wrapper .contact-info .item + .item{ margin-top:40px; padding-top:40px; border-top:1px solid rgba(0, 0, 0, 0.10);}
.contact-wrapper .contact-info .item ul{ margin:0; padding:0; list-style:none;}
.contact-wrapper .contact-info .item ul li + li{ margin-top:24px;}
.contact-wrapper .contact-info .item ul li a{color:var(--bs-dark); font-size:24px; text-decoration:none;}
.contact-wrapper .contact-info .item ul li a .icon{ background:var(--bs-primary); height:40px; width:40px; border-radius:50%; margin-right:20px;}
.contact-wrapper .contact-info .item ul li a .icon img{ width:15px; height:auto;}
.contact-wrapper .form-section{ background:url(images/theme-img/water-mark-light.svg) no-repeat center var(--bs-white); border-radius:4px; box-shadow:0px 4px 60px 0px rgba(0, 0, 0, 0.10); padding:24px;}

.contact-social{ margin:40px 0 0 0; padding:40px 0 0 0; border-top:1px solid rgba(0, 0, 0, 0.10); list-style:none;}
.contact-social li{ margin-right:16px;}
.contact-social li h3{ font-size:32px;}
.contact-social li a{ color:var(--bs-white); height:40px; width:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--bs-primary); text-decoration:none; font-size:16px;}
.contact-social li a:hover{ background:var(--bs-black); color:var(--bs-white);}


.location{border:1px solid rgba(0, 0, 0, 0.10);}
.location ul{ margin:0; padding:0; list-style:none;}
.location ul li + li{ margin-top:32px;}
.location ul li a{color:var(--bs-dark); text-decoration:none;}
.location ul li a .icon{ background:var(--bs-primary); height:40px; width:40px; border-radius:50%; margin-right:20px;}
.location ul li a .icon img{ width:15px; height:auto;}
.location  .content{ padding:24px;}

.project-menu{ margin:0; padding:0; list-style:none; display:flex; justify-content:center;}
.project-menu li + li{ margin-left:30px;}
.project-menu li a{color:var(--bs-dark); font-size:20px; font-family:"Alata", sans-serif; border-radius:2px; border:1px solid var(--bs-black); display:flex; align-items:center; padding:0 35px; height:76px; text-decoration:none;} 
.project-menu li a:hover, .project-menu li a.active{ background:var(--bs-primary); color:var(--bs-white); border-color:var(--bs-primary);}
.GallerySlider .ratio .full-img:before{background:url(images/theme-img/zoom.svg) no-repeat center rgba(0, 0, 0, 0.56); position:absolute; content:''; z-index:10; pointer-events:none; top:24px; left:24px; bottom:24px; right:24px; opacity:0; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.GallerySlider .ratio:hover .full-img:before{ opacity:1}
.project-details .full-img{ margin-bottom:30px;}

.image-full{ z-index:10;}
.image-full:after{background:rgba(0, 0, 0, 0.04); height:50%; position:absolute; bottom:0; left:0; right:0; z-index:-1; content:'';}
.full-content h2{ position:relative; margin-bottom:24px; padding-bottom:24px;}
.full-content h2:after{width:112px; height:2px; background:var(--bs-black);  bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); position:absolute; content:'';}
.full-content-left h2:after{bottom:0; left:0; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%);}

.more-industry .indus-item{ position:relative;}
.more-industry .indus-item h2{ position:absolute; padding-bottom:30px; bottom:32px; left:0; right:0; z-index:10; background:url(images/theme-img/link-arrow.svg) no-repeat bottom center; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.more-industry .indus-item:hover h2{ bottom:60px;}
.more-industry .indus-item .ratio-1x1 {--bs-aspect-ratio:115%;}
.more-industry .indus-item .full-img:after{background:linear-gradient(180deg, rgba(47, 79, 79, 0.00) 0%, var(--bs-dark) 100%); content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:3;}


.service-btn{ border-radius:2px; border:2px solid var(--bs-black); background:var(--bs-white); color:var(--bs-black); text-align:center; font-family:"Alata", sans-serif; font-size:20px; font-style:normal; font-weight:400; line-height:160%; padding:40px 16px; min-height:240px; text-decoration:none;}
.service-btn span{ display:block;}
.service-btn .icon{ margin-bottom:20px; display:flex; align-items:center; justify-content:center;}
.service-btn .icon img{ height:40px; width:auto;}
.service-btn .icon img:nth-child(2), .service-btn:hover .icon img:nth-child(1){ display:none;}
.service-btn:hover .icon img:nth-child(2){ display:block;}
.service-btn:hover{ color:var(--bs-white); border-color:var(--bs-primary); background-color:var(--bs-primary);}
.icon-section.p-0:after{ background:rgba(0, 0, 0, 0.04); height:50%; bottom:0; left:0; right:0; z-index:1; content:''; position:absolute;}
.icon-section.p-0 .slider-padding .item .box{border-radius:2px; background:var(--bs-white); box-shadow:0px 0 15px 0px rgba(0, 0, 0, 0.10); }

.service-box{ color:var(--bs-white); text-decoration:none;}
.service-box h3{ margin:0; padding:0; position:absolute; z-index:10; left:20px; right:20px; bottom:30px; text-align:center; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.service-box .full-img:after{border-radius:2px; background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(22, 22, 22, 0.74) 100%); position:absolute; z-index:3; bottom:0; left:0; right:0; top:0; content:'';}
.service-box .full-img:before{border:4px solid var(--bs-primary); top:24px; right:24px; bottom:24px; left:24px; z-index:4; position:absolute; content:''; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; opacity:0;}
.service-box:hover .full-img:before{ opacity:1}
.service-box:hover h3{ bottom:60px}
.service-box .ratio-16x9 {--bs-aspect-ratio:58.3%;}


.form-style .nf-form-content input.ninja-forms-field, 
.form-style .nf-form-content select.ninja-forms-field:not([multiple]), 
.form-style .nf-form-content .list-select-wrap > div div, 
.form-style .nf-form-content input[type="submit"]{ height:60px;}
.form-style .nf-form-content input.ninja-forms-field,
.form-style .nf-form-content input.ninja-forms-field:focus,
.form-style .ninja-forms-field:focus
{border-radius:4px; border:1px solid rgba(0, 0, 0, 0.30); background:rgba(255, 255, 255, 0); font-size:18px; padding:0 24px; color:var(--bs-dark); font-size:18px; font-weight:500;}
.form-style .nf-form-content .list-select-wrap > div select{border-radius:4px; border:1px solid rgba(0, 0, 0, 0.30); background-color:rgba(255, 255, 255, 0.1) !important; color:var(--bs-dark); background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-size:12px 10px; background-repeat:no-repeat; background-position:right 0.75rem center;  font-size:18px; font-weight:500;}
.form-style .nf-form-content .list-select-wrap > div div{ height:80px; border:none; border-radius:0; }
.form-style .nf-form-content .list-select-wrap > div div::after {height:80px; line-height:80px;}
.form-style .nf-form-content input[type="submit"]{background:var(--bs-primary); border:none; text-align:center; width:100%; max-width:100%; border-radius:6px; color:var(--bs-white);  font-size:18px;}
.form-style .nf-form-content input[type="submit"]:hover, .section .nf-form-content input[type="submit"]:focus, .section .nf-form-content input[type="submit"]:active{background:var(--bs-black); color:var(--bs-white);}
.form-style .nf-error.field-wrap .nf-field-element::after { height:30px; width:30px; padding:0; border-radius:50%; display:flex; align-items:center; justify-content:center; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:20px;}
.form-style .nf-form-content textarea.ninja-forms-field{border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.30); background:rgba(255, 255, 255, 0); font-size:18px; padding:20px; color:var(--bs-dark); resize:none; height:100px; font-size:18px; font-weight:500;}
.form-style .nf-form-fields-required{ display:none;}
.form-style .ninja-forms-field::-moz-placeholder { color:var(--bs-dark); opacity:1; }
.form-style .ninja-forms-field::placeholder { color:var(--bs-dark); opacity:1; }
.form-style .nf-form-content .list-select-wrap .nf-field-element > div{ display:none}

.wp-pagenavi{ margin-top:30px; text-align:center}
.wp-pagenavi span.pages{ display:none;}
.wp-pagenavi a, .wp-pagenavi span{display:inline-flex; width:30px; height:30px; justify-content:center; align-items:center; color:var(--bs-dark); font-size:16px; font-style:normal; font-weight:700; border-radius: 5px; border: 1px solid #D4D4D4; background: var(--bs-white); margin:0 8px; text-decoration:none;}
.wp-pagenavi span.current, .wp-pagenavi a:hover{ color:var(--bs-white); background:var(--bs-primary); border-color:var(--bs-primary);}

.why-section-icon .item .icon{width:70px; height:70px; border:1px solid var(--bs-primary); margin-right:20px; border-radius:50%; display:block;}
.why-section-icon .item + .item{ margin-top:30px;}

@media (min-width:576px) {
}

@media (min-width:768px) {
.banner .container .content{ max-width:936px; padding:0;}
.h1-64 h1, .h2-64 h2{font-size:42px;}
.section{ padding:60px 0;}
.resource-item .content{ padding:30px;}
.contact-section .form-section, .contact-wrapper .form-section{ padding:70px;}
.h2-42 h2{font-size:42px;}
.h2-52 h2{font-size:48px;}
.project-details .full-img{ margin-bottom:50px;}
.full-content h2{margin-bottom:50px; padding-bottom:50px;}
.full-content-left h2{ padding-bottom:30px;}
.service-box h3{ font-size:32px;}
.why-section-icon .item + .item{ margin-top:60px;}
.why-section-icon .item .icon{width:82px; height:82px; margin-right:35px;}
}

@media (min-width:992px) {
.form-style .nf-form-content input.ninja-forms-field, 
.form-style .nf-form-content select.ninja-forms-field:not([multiple]), 
.form-style .nf-form-content .list-select-wrap > div div, 
.form-style .nf-form-content input[type="submit"],
.form-style .nf-form-content .list-select-wrap > div select
{height:80px;}	
.wp-pagenavi{ margin-top:45px;}	
.wp-pagenavi a, .wp-pagenavi span, .pagination .nav-links .page-numbers{display:inline-flex; width:50px; height:50px;}
	
.banner .image-fit{ height:100vh}
.h1-64 h1, .h2-64 h2{font-size:52px;}
.h2-52 h2{font-size:52px;}
.section{ padding:90px 0;}
.about-section h2, .about-section p{ margin-bottom:36px;}
.about-section .full-img{ position:absolute; width:45%; position:absolute; top:0; left:0; bottom:0; display:flex; justify-content:center; aling-items:center; flex-wrap:nowrap; overflow:hidden;}
.about-section .full-img img{ border-radius:0 6px 6px 0;}
.work-item .content{ opacity:0}
.estimate-cta .full-img{min-width:initial; position:absolute; overflow:hidden; flex:0 0 auto; display:flex; top:0; left:0; bottom:0; width:50%;}
.estimate-cta .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.quote-item{ padding:45px 40px;}
.contact-section .form-section, .contact-wrapper .form-section{ padding:70px;}
.contact-section{ padding-top:180px}
.location  .content{ padding:24px 40px;}
.location  .content h2{ margin-bottom:45px;}
.project-details .full-img{min-width:initial; position:absolute; overflow:hidden; flex:0 0 auto; display:flex; top:0; right:0; bottom:0; width:50%; margin-bottom:0;}
.project-details .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.more-industry .indus-item .full-img:before{border:4px solid var(--bs-primary); top:24px; right:24px; bottom:24px; left:24px; z-index:4; position:absolute; content:''; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; opacity:0;}
.more-industry .indus-item:hover .full-img:before{ opacity:1}
.secrvice-btn-list [class*=col-]{ width:20%;}
.banner .container .h2-64 h2{ font-size:48px;}
.contact-section .contact-info .item h2{ margin-bottom:40px;}
.why-section-icon .item + .item{ margin-top:80px;}
}

@media (min-width:1200px) {
.h1-64 h1, .h2-64 h2{font-size:64px;}
/*.why-section .col-xl-4{ width:33.3333%;}*/
.contact-section .form-section, .contact-wrapper .form-section{ padding:80px;}
.banner .container .h2-64 h2{ font-size:60px;}
}