@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;}
.phone-number{font-family: "Montserrat", sans-serif;}
#page{ overflow:hidden; padding-top:116px;}
.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;}

.content-mb-32 h1, .content-mb-32 h2, .content-mb-32 h3, .content-mb-32 h4, .content-mb-32 h5, .content-mb-32 h6, .content-mb-32 p, .content-mb-32 ul, .content-mb-32 ol{ margin-bottom:32px;}
.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;}
.content-mb-10 h1, .content-mb-10 h2, .content-mb-10 h3, .content-mb-10 h4, .content-mb-10 h5, .content-mb-10 h6, .content-mb-10 p, .content-mb-10 ul, .content-mb-10 ol{ margin-bottom:10px;}

.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;}
.title-dark h1, .title-dark h2, .title-dark h3, .title-dark h4, .title-dark h5, .title-dark h6{ color:#272627;}

.header{ position:fixed; z-index:1000; top:0; left:0; right:0; z-index:100; font-size:16px; -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{ background:var(--bs-dark);}
.header .container{ height:127px; -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 .container{ height:95px;}
.header .container .logo img{ width:135px;}
.header.fixed-header .container .logo img{ width:100px;}
.header .container .call{ border:2px solid #fff; height:50px; padding:0 24px; border-radius:50px; color:#fff; font-weight:700;}
.header .container .call span{ margin-left:10px;}
.header .container .call:hover{ background:#fff; color:#302D2A;}

.banner{ z-index:1;}
.banner  .container{ top:50%; left:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); z-index:100; position:absolute; color:#fff;}
.banner .image-fit{ height:850px;}
.banner .image-fit:before{ background:#302D2A; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; opacity:0.45; content:'';}
.banner .image-fit:after{background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); position:absolute; top:0; left:0; right:0; z-index:3; content:''; height:127px; position:absolute;}
.banner .call{color:#FFF; font-size:24px; font-weight:700; line-height:normal; text-transform:capitalize; text-decoration:none; margin-left:30px;}
.banner .call .icon{border-radius:50px; background:rgba(255,255,255,0.5); width:45px; height:45px; font-size:16px; display:block; position:relative; margin-right:24px; display:flex; justify-content:center; align-items:center;}
.banner .call .icon:after{border:5px solid rgba(255, 255, 255, 0.30); position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; content:''; position:absolute; border-radius:50%;}
.banner .call small{ display:block; font-size:14px;}
.banner .slick-dots{ position:absolute; bottom:35px; left:0; right:0; z-index:100;}

.section{ padding:65px 0; position:relative; overflow:hidden; z-index:2;}
.section .container{ position:relative; z-index:10;}
.section-bg{ background-size:cover; background-position:center; background-repeat:no-repeat;}
.section-lt{background:var(--bs-light);}
.section-primary{background:var(--bs-primary);}
.section .section-block + .section-block{ margin-top:82px;}
.section .slick-slider{ margin-left:-12px; margin-right:-12px;}
.section .slick-slider .item{ padding-left:12px; padding-right:12px;}
.gallery-section{ z-index:2; position:relative;}

.home-w1 .w1 .image{ padding-right:140px; padding-bottom:68px;}
.home-w1 .w1 .image .ratio + .ratio{ position:absolute; bottom:0; right:0; width:45%; z-index:2;}
.home-w1 .w2 .SlickSlider .icon{ margin-left:auto; margin-right:auto; width:70px;}
.home-w1 .w2 .SlickSlider .icon img{ width:100%; height:auto;}
.home-w1 .w2 .SlickSlider .slick-dots li button, .home-w1 .w2 .SlickSlider .slick-dots li.slick-active button{ background:var(--bs-dark);}

.product-section:after{ background:#fff; height:120px; position:absolute; bottom:0; left:0; right:0; z-index:3; content:'';}
.product-section .image-fit{ background:#272627; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}
.product-section .image-fit img{ opacity:0.1;}

.product-item{ position:relative; color:#fff; margin:0 auto; max-width:350px; overflow:hidden;}
.product-item:hover{ color:#fff;}
.product-item h5{ position:absolute; z-index:10; text-transform:uppercase; margin:0; padding:12px 35px 12px 24px; position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7);}
.product-item h5:after{top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:20px; content:'\f178'; font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute;}
.product-item .ratio-1x1 {--bs-aspect-ratio: 147%;}

.why-section{ margin-top:80px;}
.why-section:before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2;  background:rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(48,55,62,0.7) 100%); content:'';}
.why-item{ padding:30px; background:rgba(255,255,255,0.30); border-radius:16px; text-align:center; color:#fff; backdrop-filter: blur(10px);}

.WhySlider .slick-prev, .WhySlider .slick-next{ color:var(--bs-white); background:none; box-shadow:none; top:auto; -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); bottom:0; border:none;}
.WhySlider .slick-prev{ left:32%;}
.WhySlider .slick-next{ right:32%;}
.WhySlider .slick-prev:hover, .WhySlider .slick-next:hover{ background:var(--bs-white); color:#000;}
.WhySlider .slick-dots{ display:flex; justify-content:center; align-items:center; height:40px; margin-top:40px;}
.SlickSliderPage .slick-prev{ left:30px;}
.SlickSliderPage .slick-next{ right:30px;}

.contact-info-wrapper{ margin-top:40px;}
.contact-info-wrapper .info + .info{ margin-top:35px;}
.contact-info-wrapper .info{align-items:center; font-size:24px; font-style:normal; font-weight:700; line-height:normal; color:#272627; text-decoration:none;}
.contact-info-wrapper .info small{ display:block; font-size:14px;}
.contact-info-wrapper .info .icon{display:flex; width:50px; height:50px; font-size:16px; display:flex; justify-content:center; align-items:center; border-radius:30px; background:#272627; color:#fff; position:relative; margin-right:20px;}
.contact-info-wrapper .info .icon:after{border:5px solid rgba(0, 0, 0, 0.70);  position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; content:''; position:absolute; border-radius:50%;}

.contact-form{border-radius:16px; border:2px solid #EDEDED; background:#FFF; box-shadow:0px -20px 50px 0px rgba(0, 0, 0, 0.05), 0px 50px 50px 0px rgba(0, 0, 0, 0.10); padding:24px; }
.contact-form .btn{ height:61px;}
.contact-wrapper .ratio{box-shadow:0px -20px 50px 0px rgba(0, 0, 0, 0.05), 0px 50px 50px 0px rgba(0, 0, 0, 0.10); overflow:hidden; border-radius:16px;}

.cta-bg{ position:relative; text-align:center; color:var(--bs-white);}
.cta-bg:after{background:linear-gradient(90deg, rgba(48, 55, 62, 0.66) 0.52%, rgba(0, 0, 0, 0.49) 100%); position:absolute; content:''; top:0; left:0; right:0; bottom:0; background:linear-gradient(90deg, rgba(48, 55, 62, 0.76) 0.52%, rgba(0, 0, 0, 0.60) 100%);}
.cta-bg .container{ position:relative; padding-top:80px; padding-bottom:80px; z-index:10; font-size:20px;}
.cta-bg .container h4{ margin-bottom:0;}
.form-section{ color:var(--bs-white);}
.form-section h4{ margin-bottom:5px;}
.form-section .form-control, .form-section .form-control:focus{ color:var(--bs-white); border-bottom-color:var(--bs-white);}
.form-section .form-control::-moz-placeholder {color:var(--bs-white);}
.form-section .form-control::placeholder {color:var(--bs-white);}

.footer-top{ padding:60px 0; background:linear-gradient(180deg, #1C2024 0%, #30373E 31.44%); color:#B0B6BC; font-size:15px;}
.footer-top a{color:#B0B6BC; text-decoration:none;}
.footer-top a:hover{color:var(--bs-white); text-decoration:underline;}
.footer-top h5{ color:var(--bs-white);}
.footer-top .menu{ margin:0; padding:0; list-style:none;}
.footer-top .menu li + li{ margin-top:8px;}
.footer-top p{ margin-bottom:14px;}
.footer-bottom{ padding:21px 0; color:var(--bs-white); text-align:center; background:var(--bs-dark);}

ul.social{ margin:0 0 20px; padding:0; list-style:none; display:flex;}
ul.social li + li{ margin-left:20px;}
ul.social li a{ border-radius:50%; color:var(--bs-white); background:#fff; height:40px; width:40px; display:flex; align-items:center; justify-content:center; color:var(--bs-dark);}
ul.social li a:hover{ color:var(--bs-primary);}

.scroll-logos{ margin:0; overflow:hidden;}
.scroll-logos ul{ margin:0; padding:0; list-style:none; display:flex; align-items:center;}
.scroll-logos ul:after{ display:table; clear:both; content:'';}
.scroll-logos ul li{ margin-right:60px;}
.scroll-logos ul li .d-flex{ height:100px; width:150px;}
.scroll-logos ul li .d-flex img{ height:auto; max-height:120px;}

.page-banner{ z-index:1;}
.page-banner .container{ z-index:100; position:relative; padding-top:120px; padding-bottom:50px; color:#fff;text-align:center;}
.page-banner .image-fit{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:1}
.page-banner .image-fit:before{ background:#302D2A; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; opacity:0.45; content:'';}
.page-banner .image-fit:after{background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); position:absolute; top:0; left:0; right:0; z-index:3; content:''; height:127px; position:absolute;}

.content-box .box{border-radius:16px; border:2px solid #EDEDED; background:#FFF; box-shadow:0px -20px 50px 0px rgba(0, 0, 0, 0.05), 0px 50px 50px 0px rgba(0, 0, 0, 0.10); padding:24px; }
.content-box .box .icon{ margin-bottom:24px; margin-left:auto; margin-right:auto; width:70px;}
.content-box .box + .box{ margin-top:24px;}
.projects .ratio .full-img:before{ background-color:rgba(255,255,255,0.75); background-image:url(images/full-screen.png); background-position:center; background-repeat:no-repeat; background-size:40px; top:10px; left:10px; right:10px; bottom:10px; z-index:5; pointer-events:none; content:''; position:absolute; 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;}
.projects .ratio:hover .full-img:before{ opacity:1}

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

@media (min-width:768px) {
.contact-form, .content-box .box{ padding:40px;}
.content-box .box .icon{ margin-right:20px; margin-bottom:0; margin-left:0;}
.content-box .box + .box{ margin-top:40px;}
}

@media (min-width:992px) {
.banner .container{ font-size:20px;}
.banner .container h2{ font-size:40px;}
.home-w1 h1{ font-size:40px;}
.why-section h2{ font-size:36px;}
.page-banner .container{ height:350px; padding-top:100px; padding-bottom:0;}
}

@media (min-width:1200px) {
.banner .container h2{ font-size:48px;}
}

@media (min-width:1400px) {	
]