/*
Theme Name: Korb 2024
Author: Savage Solutions
Author URI: https://savagemke.com
Description: Korb 2024 Custom Theme
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

ol, ul {
	list-style-type: none;
	margin: 0px;
}
li { margin:0px;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
strong {
	font-weight: bold;
}
a img {
	border: 0;
}
img {
	max-width: 100%;
	border: 0 none;
	height: auto;
	vertical-align: middle;
}

html { font-size:75%; }


:root {

	--primary:#DD3224;
	
	--heading-color:#0E1111;
  
	--heading-color-red:#DD3224;
	  
	--white-color:#fff;
  
	--dark-gray:#0E1111;
	
	--black-color:#000;
  
	--cream-color:#F9EEE5;
	  
	--red-color:#DD3224;
	  
	--button-color:#DD3224;
	  
	--button-hover:#ff4435;
  
	--space-xs: clamp(1.0664rem, 0.255vw + 0.985rem, 1.3328rem);
	  
	--space-s: clamp(1.6rem, 0.382vw + 1.478rem, 2rem);
	  
	--space-m: clamp(2.4rem, 0.574vw + 2.216rem, 3rem);
	  
	--space-l: clamp(3.1984rem, 1.244vw + 2.8rem, 4.5rem);
	  
	--space-xl: clamp(4.2641rem, 2.377vw + 3.504rem, 6.75rem);
	  
	--space-xxl: clamp(5.6844rem, 4.245vw + 4.826rem, 10.125rem);
	  
	--transition: all 0.5s ease-out;	
  }


  

body {
	padding: 0;
	margin: 0px;
	color: var(--black-color);
	background:#fff;
	font-family: "Poppins", sans-serif;
	font-size: clamp(1.3333rem, 0.159vw + 1.282rem, 1.5rem);
	font-weight:400;
	line-height:1.35;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	padding: 0;
	margin: 0;
	text-wrap: pretty;
}
p {
	clear: both;
	padding: 0 0 12px 0;
	margin: 0;
	color:var(--black-color);
}
a {
	color: #DD3224;
	transition: all 0.5s ease-out;
}
p a:hover, a, a:hover {
	text-decoration: none;
/*	color: #DD3224;*/
}
h1 {
	font-family: 'Deacon-Black';
	font-size: clamp(4.1667rem, 1.593vw + 3.657rem, 5.8333rem);
	font-weight:900;
	line-height:.85;
	text-transform:uppercase;
	color: var(--heading-color-red);

}
h2 {
	font-family: 'Deacon-Black';
	font-size: clamp(2.3333rem, 0.637vw + 2.129rem, 3rem);
	font-weight:900;
	line-height:1;

}
h3 {
	font-family: 'Deacon-Black';
	font-size: clamp(2rem, 0.478vw + 1.847rem, 2.5rem);
	font-weight:900;
	line-height:1;

}
h4 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(1.5rem, 0.398vw + 1.373rem, 1.9167rem);
	font-weight:600;
	line-height:1.4;
	
}


h2.caps{
	font-family: 'Deacon-Black';
	font-size: clamp(3.3333rem, 0.797vw + 3.078rem, 4.1667rem);
	font-weight:900;
	line-height:.85;
	text-transform:uppercase;
}



h3.caps{
	font-family: 'Deacon-Black';
	font-size: clamp(1.8333rem, 0.797vw + 1.578rem, 2.6667rem);
	font-weight:900;
	line-height:.85;
	text-transform:uppercase;
}



.btn-primary {
	font-family: "Poppins", sans-serif;
	font-size: clamp(1.3333rem, 0.159vw + 1.282rem, 1.5rem);
	font-weight:700;
	line-height:1;
	text-transform:uppercase;
	letter-spacing:.5px;
	padding: clamp(1.2rem, 0.382vw + 1.078rem, 1.6rem) clamp(2rem, 0.956vw + 1.694rem, 3rem);
	background:var(--button-color);
	display: inline-block;
	color:var(--white-color);
	transition: var(--transition);
	outline: none; 
	border: none;

}

.btn-primary:hover { background: var(--button-hover); }



iframe {
	max-width: 100%;
}

:focus {
	outline: 0;
}

::-webkit-input-placeholder {
color: #D5C7BB;
}

::-moz-placeholder {
color: #D5C7BB;
opacity: 1;
}

:-ms-input-placeholder {
color: #D5C7BB;
opacity: 1;
}

:-moz-placeholder {
color: #D5C7BB;
opacity: 1;
}


*, *::before, *::after {
  box-sizing: border-box;
}

@font-face {
    font-family: 'Deacon-Light';
    src: url('./font/Deacon-Light.woff2') format('woff2'),
        url('./font/Deacon-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Deacon-LightOblique';
    src: url('./font/Deacon-LightOblique.woff2') format('woff2'),
        url('./font/Deacon-LightOblique.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Deacon-Bold';
    src: url('./font/Deacon-Bold.woff2') format('woff2'),
        url('./font/Deacon-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Deacon-BoldOblique';
    src: url('./font/Deacon-BoldOblique.woff2') format('woff2'),
        url('./font/Deacon-BoldOblique.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Deacon-Book';
    src: url('./font/Deacon-Book.woff2') format('woff2'),
        url('./font/Deacon-Book.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Deacon-BookOblique';
    src: url('./font/Deacon-BookOblique.woff2') format('woff2'),
        url('./font/Deacon-BookOblique.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Deacon-Black';
    src: url('./font/Deacon-Black.woff2') format('woff2'),
        url('./font/Deacon-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Deacon-BlackOblique';
    src: url('./font/Deacon-BlackOblique.woff2') format('woff2'),
        url('./font/Deacon-BlackOblique.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'Deacon-Medium';
    src: url('./font/Deacon-Medium.woff2') format('woff2'),
        url('./font/Deacon-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Deacon-MediumOblique';
    src: url('./font/Deacon-MediumOblique.woff2') format('woff2'),
        url('./font/Deacon-MediumOblique.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Deacon-Thin';
    src: url('./font/Deacon-Thin.woff2') format('woff2'),
        url('./font/Deacon-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Deacon-ThinOblique';
    src: url('./font/Deacon-ThinOblique.woff2') format('woff2'),
        url('./font/Deacon-ThinOblique.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}




/*------------------------------------*\

         Custom Css Start

\*------------------------------------*/

.wapper { padding:0px 0 0 0;  }

.container { max-width:1280px; padding:0px 100px; margin:0 auto; }





.row { margin: 0px; }
.row>* { padding: 0px; }

/*Header css start*/

header { position:absolute; top:0px; width:100%; z-index:9999; transition: 0.3s; padding: 20px 32px;  }

header .container { max-width:100%; padding: 0px 0px; }
.header-row { display:flex; align-items:center;    }

.header-left { margin: 0 0px 0 auto; display: flex; align-items: center; position: relative; }

.nav-menu > ul { display:flex; }
.nav-menu ul li {  position: relative; }
.nav-menu ul li a { color:var(--white-color); position: relative; padding:15px 15px; display: block; font-family: 'Deacon-Bold';  }
.nav-menu ul li:hover > a, .nav-menu ul li.current-menu-item > a { color:var(--red-color); }


.logo { margin: 0px 0 0 2px; }

/* 

.header-sticky { position: fixed; background: #fff; }
.header-sticky .nav-menu ul li a { color: #000; }

.header-sticky .head-top-icon { max-width: 82px; }
.header-sticky  .logo { display: none;}

.header-sticky .search-link img {  filter:grayscale(100%);  }   */



.head-top-icon { position:fixed; top:0px; left:0px; opacity: 0; width: 0px;   transition: all 500ms ease-out; }
.head-top-icon img { max-width: 90px;}

.header-sticky .head-top-icon { opacity:1;  width:auto;  } 



.search-box a.search-link { width: 24px; height: 24px;  display: block; margin-top:-5px; margin-left: 10px; }

.search-area { position:absolute; right:0;  background:#fff; width:100%; padding:15px;  top:60px; border-radius:5px; display: none; }
.search-area input[type="search"] { padding:7px 10px; width: 100%; font-size: 16px; border: #999 solid 1px; background: #fff; border-radius:0px; appearance: none;}
.search-area button[type="submit"] {background:#fff url(./images/search-icon.png) 0 0 no-repeat; width: 20px; height: 20px; position: absolute; top:24px; right: 24px; display: block; border: none; background-size:20px 20px;    }
 
.search-result h2.search-title { padding: 0 0 20px 0;}


body.inner-page .search-box a.search-link {
	 /* background: url(./images/search-icon.png) 0 0 no-repeat; background-size: cover; */
	}

body.inner-page header { background: var(--white-color);}
body.inner-page .nav-menu ul li a { color: var(--dark-gray);}
body.inner-page .nav-menu ul li:hover > a, body.inner-page .nav-menu ul li.current-menu-item > a { color:var(--red-color); }


.banner img { width: 100%;  height:830px; object-fit: cover;  }
.banner video { width:100%; height:830px; object-fit: cover; display: block; }
.video-content { display: flex; justify-content: flex-end; position:relative; margin-top: -8vw;  }
.video-content-inner { max-width: 845px; background:var(--cream-color);  position: relative; overflow: hidden; float: right;  padding:var(--space-l); padding-bottom: 0px;  padding-right: 0px; }
.video-content-inner h4 { color: var(--black-color);   padding-right: var(--space-m); padding-bottom:var(--space-m); }
.video-content-inner .btn-primary { float: right;  }


.design-block { padding-top: clamp(4.375rem, -14.3750rem + 20.8333vw, 10.625rem); padding-bottom: clamp(3.75rem, -6.5640rem + 11.4600vw, 9.188rem);	position: relative; }
.design-block:after {  background:#fff url("./images/graph-bg.png") 0 0 repeat-x; width: 100%; height: 255px; content: ""; display: block; position:absolute; 
bottom: -90px; z-index: 1;    }
.design-block:before { background: url("./images/K-img.png") 0 0 no-repeat; width:100%; height:100%; content: ""; display: block; position: absolute; top: 0px; z-index: 2;}



.design-content {  position: relative; z-index: 9; max-width: 385px; margin:0px; padding-right: 20px;  }

.design-content h1 {padding-bottom: var(--space-m); color: var(--heading-color-red); max-width: 4.4em; }
.design-content p { padding-bottom: var(--space-m); }
.design-img { position: relative; z-index: 10; }
.design-img img { width: 100%;}




.slide-title { position: absolute; width: 100%; color:var(--dark-gray);  text-transform: uppercase; font-weight: bold; padding-top: clamp(2.2641rem, 2.377vw + 2.504rem, 5.75rem);  }

.case-study-block { position: relative; z-index: 9; height: 100vh;   }
.case-study-img img { width: 100%; height: 100vh; object-fit: cover;}
.case-study-detail { position: absolute; width: 100%; bottom: 0px; z-index: 9; }

.case-study-detail-inner {  max-width:700px; background: var(--red-color);  margin-bottom: clamp(3.125rem, -6.2500rem + 10.4167vw, 6.25rem); position: relative;  }
.case-study-detail-inner a {   padding:var(--space-l);  display: block; }
.case-study-detail-inner h2 { color:var(--white-color); padding-bottom: var(--space-xs); }
.case-study-detail-inner p { color:var(--white-color); }
.case-study-detail-inner span.arrow-link { background:var(--white-color) url("./images/expend-arrow.svg") 50% 50% no-repeat;  width: 57px; height: 57px; display: inline-block;
 position: absolute; right: 0; bottom: 0px; transition: var(--transition); font-size: 0px }
.case-study-detail-inner span.arrow-link:hover { background: #f9eee5 url("./images/expend-arrow.svg") 50% 50% no-repeat; }


.imagine-block { padding: var(--space-xxl); background:#fff url("./images/graph-bg.png") 100% 100% no-repeat; background-size: 1160px 228px;  position: relative; z-index: 9;  padding-left: calc(calc(100% - 1280px) / 2); padding-right: 0px;}
.imagine-block .container { max-width: 100%;}
.imagine-content {  padding-left:var(--space-xxl); padding-right:var(--space-xxl); }
.imagine-content h1 {padding-bottom: clamp(1.75rem, -1.2500rem + 3.3333vw, 2.75rem); color: var(--heading-color-red); padding-top: 5px; }
.imagine-content p { padding-bottom: clamp(1.6rem, 0.382vw + 1.478rem, 2rem); }



footer { background: var(--cream-color); padding-top: clamp(5rem, 3.0194rem + 8.4507vw, 10.625rem); padding-bottom: clamp(3.75rem, 2.6496rem + 4.6948vw, 6.875rem); position: relative; z-index: 999; }
footer .container { max-width: 1160px; }
.footer-logo { position: absolute; top: 0px  }
.footer-logo img { max-width:90px; }	
.footer-content h1 { padding-bottom:var(--space-m); }
.address-ditail {padding-bottom:var(--space-s);}
.address-ditail h5 {font-size: clamp(1.3333rem, 0.159vw + 1.282rem, 1.5rem); font-weight: bold; color: var(--black-color);  }
.address-ditail p { color: var(--black-color); padding: 0px; padding-bottom:var(--space-s); }
.address-ditail a { font-weight: bold; color: var(--black-color); display: inline-block; text-decoration: underline;  }
.address-ditail a:hover {text-decoration: none;}
.phone-ditail p { padding: 0px;  color: var(--black-color);}
.phone-ditail p label { font-weight: bold; width: 92px;  }

.footer-form .name-group {  display: flex; justify-content: space-between;}
.footer-form .name-group p {  display: flex; justify-content: space-between; padding: 0px;}
.footer-form .name-group p > span {  width: 49.3%; }
.footer-form input[type="text"],
.footer-form input[type="email"],
.footer-form textarea { width: 100%;padding:15px 20px; margin-bottom:10px; border-radius:3px;background: var(--white-color);border: none; height:57px; }
.footer-form textarea { resize: none;	height: 110px}
.send-btn { text-align: right;}


.send-succsess {  color: var(--heading-color-red); max-width: 385px; margin: 0 auto;}
.send-succsess h4 { padding-bottom: var(--space-m); }
.send-succsess p {  color: var(--heading-color-red); }

.footer-area-one { padding-left:60px; }




/* about page css */


.inner-page .wapper { padding: 97px 0 0 0;}


.we-korb { /*padding-right: calc(calc(100% - 1440px) / 2);*/ background: #F9EEE5; padding-top: clamp(2.6844rem, 4.245vw + 2.326rem, 8.125rem); position: relative; }
.we-korb .container { max-width: 100%; padding: 0px; position: relative; z-index:9;}

.we-korb:before {  background:#fff; width:100px; height:100%; content: ""; display: block; position: absolute; top: 0px; z-index: 2;}
.we-korb:after {  background:#fff; width:100%; height:80px; content: ""; display: block; position: absolute; bottom: 0px; z-index: 2;}


.wekorb-detail { padding: var(--space-xxl);  }
.wekorb-detail h1 { color: var(--red-color); padding-bottom:var(--space-m);}
.wekorb-detail h4 { color: var(--dark-gray);  padding-bottom: var(--space-m);}


.we-korb-img img { width: 100%; height: 100%; object-fit: cover;  }
.we-korb-img { height: 100%;}
.we-korb .row { margin: 0px; align-items: center;}
.we-korb .row .col-lg-7 { flex: 0 0 auto; width: 53%; padding:0px; align-self: normal; }
.we-korb .row .col-lg-5 { flex: 0 0 auto; width: 47%; padding:0px;  }


.deserves {  position: relative; overflow: hidden; }
.deserves:after { background:#fff url("./images/graph-bg.png") 0 0 repeat-x; width: 100%; height: 240px; content: ""; display: block; position:absolute; bottom: 132px; z-index: 1; right: -90px;}
.deserves .container { max-width: 100%; padding: 0px; position: relative; z-index:9;}
.deserves .row { margin: 0px; align-items: center;}
.deserves .wekorb-detail {padding: var(--space-xxl); padding-top: 0px; }
.deserves .row .col-lg-7 { flex: 0 0 auto; width: 47%; padding:0px;}
.deserves .row .col-lg-5 { flex: 0 0 auto; width: 53%; padding:0px;}


.our-services-block {  background: #F9EEE5; padding-top: clamp(2.6844rem, 4.245vw + 2.326rem, 8.125rem); position: relative; margin-top: -132px; padding-bottom: clamp(2.6844rem, 4.245vw + 2.326rem, 8.125rem); }
.our-services-block:before {  background:#fff; width:100px; height:100%; content: ""; display: block; position: absolute; top: 0px; z-index: 2; right: 0px;}
.our-services-block h1 { padding-bottom: clamp(3.1984rem, 1.244vw + 2.8rem, 4.5rem); }
.our-services-block ul { padding-top: clamp(2.4rem, 0.574vw + 2.216rem, 3rem); list-style: disc; padding-left:20px;   }
.our-services-block ul li { padding: 0 0 15px 0;}
.services-content { position: relative; z-index: 9; }
.service-block-img { display: flex; justify-content: right; }
.service-block-img img { width: 60%; margin-top: -9vw; position: relative; z-index: 99; }
 
.services-content .row { margin: 0 -15px;}
.services-content .col-md-4 { padding: 0px 15px;}


.testimonial-block {  position: relative; } 
.testimonial-post { text-align: center; max-width: 690px; margin: 0 auto;}
.testimonial-post h2 { font-family: "Poppins", sans-serif; font-weight:600; padding-bottom: clamp(3.1984rem, 1.244vw + 2.8rem, 4.5rem); font-size:40px; line-height:1.3;   }
.testimonial-post h3 { font-size:clamp(2rem, 0.9489rem + 0.7512vw, 2.625rem); font-weight: 700; }

.testimonial-post h2:after {  background: url(./images/quotes-bottom.png) 0 0 no-repeat; width: 19px; height: 15px; display:inline-block; content:"";   right: 0px; position: relative;  bottom: 14px;   }
.testimonial-post h2:before {  background: url(./images/quotes-top.png) 0 0 no-repeat; width: 19px; height: 15px; display: inline-block; content:""; position: relative;  top: -18px; left: 0px; }

.k-text img { width: 40%;}


.testimonial-main { position: absolute; top: 50%; left: 0px;  width: 100%; max-width: 100%; transform:translate(0, -50%);  }
.testimonial-main .testimonial-slide { max-width: 700px; margin: 0 auto; }


.slick-arrow { display:none!important; }


.korb-way {  background: #fff; padding-bottom: clamp(2.6844rem, 4.245vw + 2.326rem, 8.125rem); position: relative; }
.korb-way .container { max-width: 100%; padding: 0px 0px; position: relative; z-index:9;}
.korb-way .row { align-items: center; margin: 0px;}
.korb-way .row .col-lg-5, .korb-way .row .col-lg-7 { padding: 0px;}
.korb-way-detail {padding: clamp(5.6844rem, 4.245vw + 4.326rem, 10.125rem); padding-top:0px; padding-bottom:0px; }
.korb-way-detail h2 {color: var(--red-color); padding-bottom:var(--space-s); }
.korb-way-detail ul { padding-bottom:var(--space-s);  }
.korb-way-detail ul li { font-family: 'Deacon-Black'; font-size: clamp(2rem, 0.478vw + 1.847rem, 2.5rem);font-weight:900;line-height:1;padding-top:var(--space-s);padding-bottom:var(--space-s); }



.blue-header .wapper {  padding: 97px 0 0 0; }

.blue-header footer { background: #DCF4F7;}

.our-work { padding-left: calc(calc(100% - 1240px) / 2); }
.our-work .our-work-inner { background: #DCF4F7;  max-width: 100%; }
.our-work .container {max-width: 1240px; padding: 0px; margin: 0px; }


.our-work-detail-top { padding: var(--space-xxl); padding-bottom: var(--space-xl); }
.our-work-detail-top h1 {padding-bottom:var(--space-m); }
.our-work-detail-top h4 {padding-bottom:var(--space-m); max-width: 425px; }

.tag { display: flex; gap: 10px; flex-wrap: wrap;}
.tag a { font-family: Poppins; font-size: clamp(1.3333rem, 0.159vw + 1.282rem, 1.5rem);font-weight:700;line-height:1;text-transform:uppercase;
letter-spacing:.5px; padding: clamp(1.2rem, 0.382vw + 1.078rem, 1.6rem) clamp(2rem, 0.956vw + 1.694rem, 3rem); background: var(--white-color); transition: var(--transition);}
.tag a:hover { background: var(--primary); color: var(--white-color);}


.featured-case-study { padding-top: var(--space-l); 
	/* padding-left: 10px; padding-right: 10px; */

}
.featured-case-study .container { max-width: 1440px; }

.featured-case-study h4 { padding-bottom: var(--space-m);}
.featured-case-study .case-study-detail .container { padding-left:clamp(1.25rem, -0.5327rem + 7.6064vw, 8.313rem); padding-right:clamp(1.25rem, -0.5327rem + 7.6064vw, 6.313rem);}

.case-study-block { height: auto;  }
.case-study-img img { height: auto; }

.all-projects { padding-top: var(--space-l); padding-bottom:88px; 
	/* padding-left:10px; padding-right: 10px; */
 }

.all-projects .container { max-width: 1440px; }

.all-projects h4 { padding-bottom: var(--space-l);  }
.projects-row { display: flex;  flex-wrap: wrap; margin: 0 -15px;  }
.projects-row .project-colum {  flex: 0 0 auto;  width: 50%;  padding-left:15px; padding-right:15px; padding-bottom: var(--space-m);   }
.projects-row .project-colum h3 {  padding-top: var(--space-s); padding-bottom:10px; }
.projects-row .project-colum p { font-weight: 600; font-style: italic;}

.load-more { text-align: center; padding-top: var(--space-l); }

.projects-row .project-colum .project-post a:hover { opacity: 0.7;}


.augustine-banner img { width: 100%; max-height: 828px; object-fit: cover;}

.preparatory-detail-inner { background:var(--cream-color); padding-left: var(--space-xxl); padding-right: var(--space-xxl); padding-top: var(--space-xl); margin-top: -9vw; padding-bottom: var(--space-l); margin-top: -9vw; position: relative; }

.preparatory-detail-inner .row { margin: 0 -20px;}
.preparatory-detail-inner .row .col-lg-6 { padding:0 20px;}
.preparatory-detail-inner .row .col-lg-12 { padding:32px 20px 0px 20px; }
.preparatory-detail-inner .row .col-lg-12 p { line-height: 27px; padding-bottom: var(--space-m); }

.breadcrumb { padding-bottom: var(--space-xs);}
.breadcrumb ul { display: flex; align-items: center; font-size: 18px; font-weight: 800; text-transform: uppercase; }
.breadcrumb ul li { padding: 0px 10px 0 0; display: flex;}	
.breadcrumb ul li a { color: var(--black-color); padding: 0px 10px 0 0;  }
.breadcrumb ul li a:hover { color: var(--red-color);  }

.preparatory-detail-content h1 { padding-bottom: var(--space-s); }
.preparatory-detail-content h4 { padding-bottom: var(--space-l); }

.preparatory-name { font-size: 18px; font-weight: 600; font-style: italic; padding-bottom: var(--space-s); display: block; }

.preparatory-right { display: flex; justify-content: flex-end;}
.preparatory-right ul { max-width: 420px; }
.preparatory-right ul li { display:flex; padding-bottom: var(--space-s);   }
.preparatory-right ul li label { width: 180px; flex: 0 0 180px; font-weight: 700; color: var(--red-color); text-transform: uppercase;  }
.preparatory-right ul li span { color: var(--black-color); font-weight:500; }

.preparatory-block-detail { position: relative; }

.bg-text { font-size:clamp(6.25rem, 1.8486rem + 18.7793vw, 24.75rem);color:var(--cream-color); text-transform: uppercase; font-weight: 900; position: absolute; top: 0px; 
left: -1vw; z-index: -1; top:-10vw;  }
 

.preparatory-detail .container, .preparatory-block-img .container { max-width:1440px; padding:0px 100px;  }
.preparatory-block-detail .container { display: flex; justify-content: flex-end; max-width:1440px; padding:0px 100px;}


.preparatory-block-content { max-width: 850px; padding: var(--space-xl); } 
.preparatory-block-content h2 {padding-bottom: var(--space-m);}
.preparatory-block-content p { padding-bottom: var(--space-m); }

.preparatory-detail { margin-bottom: -8px;}

.preparatory-block-img { overflow: hidden ;}
.preparatory-block-img .row { margin:0px -2px;}
.preparatory-block-img .col-md-5 {width: 43.2%; padding: 0px 2px;}
.preparatory-block-img .col-md-7 {width: 56.7%; padding: 0px 2px;}
.preparatory-block-img img {  width: 100%;  object-fit: cover;height:100%;}


.next-footer { background: url(./images/graph-bg.png) 100% 0 no-repeat; padding-top:var(--space-m); padding-bottom:var(--space-xxl); overflow: hidden;}
.next-footer .container {max-width: 1440px; padding: 0px 100px;}
.next-footer-content { position: relative; max-width: 460px; float: right; padding-right: 80px; min-width: 260px;  }
.next-footer-content a { background: var(--red-color) url(./images/white-arrow.svg) 50% 50% no-repeat; width:57px; height:57px; display: inline-block;  position: absolute; right: 0; bottom: 0px; transition: var(--transition);  font-size: 0px;  }
.next-footer-content a:hover { background: var(--button-hover) url(./images/white-arrow.svg) 50% 50% no-repeat;}

.next-footer-content h4 { padding-bottom:var(--space-xs); }
.next-footer-content h3 { color:var(--red-color); }

.our-process { padding-left: calc(calc(100% - 1240px) / 2); }
.our-process .process-inner { background:var(--cream-color);  max-width: 100%; }
.our-process .container {max-width: 1240px; padding: 0px; margin: 0px; }
.process-inner { padding: var(--space-xxl); padding-bottom:15vw;    }
.process-top h1 {padding-bottom:var(--space-m); }
.process-top h4 { padding-bottom:var(--space-m); max-width: 883px; }

.process-post-top { position: relative; padding-bottom: var(--space-l);}
.process-post-top-img { text-align: right;}
.process-post-top-img img { margin-top: -14vw; max-width: 70%;}


.process-block .container { max-width: 100%; padding: 0; }
.process-block .row { align-items: center;}
.process-detail {  max-width: 648px; margin: 0 auto;  padding: var(--space-m); padding-left: 100px;   }
.process-detail h2 { padding-bottom: var(--space-l); color: var(--red-color);   }
.process-num { font-size: 340px; font-family: 'Deacon-Black'; line-height: 218px; padding-bottom: var(--space-l); color: var(--red-color); font-size:
clamp(11.25rem, 7.7289rem + 15.0235vw, 21.25rem); }

.process-img img { width: 100%;}

.process-block-first { background: url(./images/graph-bg.png) 0 0 repeat; padding-top: var(--space-xl);  margin-top:-270px; padding-bottom:52vh;  }
.process-block-first .process-detail {margin-top: -15vw; }

.process-block-second, .process-block-third { margin-top:0px;  }
.process-block-second { margin-top:-52vh;}
.process-block-second .col-md-6:first-child { align-self:flex-start; }

.process-block-third .process-detail {margin-top: -25vw; }

.process-post-bottom { position: relative; z-index: -1;}
.process-post-bottom .container { max-width: 100%; padding: 0px; }
.process-post-bottom-img { text-align: left;}
.process-post-bottom-img img { margin-top: -14vw; max-width: 70%; width:1200px; }

.process-block-third { position: relative;}
.process-block-third:after { width:60vw; height:58vw; content:""; background: url(./images/graph-bg.png) 0 0 repeat;  position:absolute; top: 10vw; right: 0px; z-index: -1;  }

.flinch-block {  margin-top:-7vw; }
.flinch-block .container { max-width: 100%; padding: 0px; padding-left: var(--space-xxl); padding-bottom: var(--space-xxl); }
.flinch-block .row {  justify-content: flex-end; align-items: flex-end;}
.flinch-detail { padding: var(--space-xxl); padding-bottom: 0px; } 

.flinch-detail h4 {  padding-bottom:var(--space-m); }
.flinch-img .news-post-img img { width: 100%; }



.news-block { padding-left: calc(calc(100% - 1240px) / 2); }
.news-block .news-block-inner { background: #DCF4F7;  max-width: 100%; }
.news-block .container { max-width: 100%; padding: 0px; }
.news-block-detail-top { padding-left: var(--space-xxl); padding-right: var(--space-xxl); padding-bottom:var(--space-m);   }
.news-block-detail-top h1 {padding-bottom:var(--space-m); }
.news-block-detail-top h4 {padding-bottom:var(--space-m); }
.news-post .row { align-items: center;}
.news-post-detail { padding: var(--space-xl);  padding-left: 0px;  }
.news-post-detail span.post-date { padding-bottom:var(--space-s); display: block;}
.news-post-detail h2 { padding-bottom:var(--space-m); }
.news-post-detail a {  color: var(--red-color); text-transform: uppercase; font-weight: 700; transform: var(--transition); }
.news-post-detail a img { margin: 0 0 0 10px;}
.news-post-detail a:hover { opacity: 0.7; }
.news-post-img img { width: 100%; }
.news-block:nth-child(odd) .news-post-detail { padding: var(--space-xl);  padding-right: 0px; }
.news-block .news-block-inner .news-block-detail-top { padding-top: var(--space-xxl); padding-bottom: var(--space-xl); margin-bottom: var(--space-xxl); }

.contact-form { padding-left: var(--space-xxl); padding-bottom: var(--space-xxl); }
.contact-form .footer-content { float: right;}
.contact-top-block .our-work-detail-top { padding-bottom:var(--space-m); }
.contact-top-block .our-work-detail-top h4 { max-width: 590px;}



.contact-form .send-btn { text-align: left; }

.office-img { margin-top: -80px; z-index: -1; position: relative;}
.office-block-detail .container { display: flex; justify-content: flex-end;}
.office-block-content { max-width:850px; padding:var(--space-xl);  }
.office-block-content h1 {padding-bottom: var(--space-m);}
.office-block-content h4 {padding-bottom: var(--space-m); max-width: 480px; }
.office-block-content p { padding-bottom: var(--space-m);  }


.preparatory-grid .col-md-12, .preparatory-grid .col-md-7, .preparatory-grid .col-md-5 { padding:8px;}
.preparatory-grid {  display:flex; flex-wrap: wrap;  justify-content:space-between;  padding:0px; margin: 0 -8px!important;   }
.preparatory-grid img { width: 100%; object-fit: cover; height: 100%;  } 


.dwelling-block .our-work-detail-top { max-width:670px; padding-bottom: 0px; }
.dwelling-block .our-work-detail-top h5 { font-size:clamp(1.3333rem, 0.159vw + 1.282rem, 1.5rem); font-weight: bold; padding-bottom:var(--space-m); text-transform: uppercase; position: relative; z-index: 999; }
.dwelling-block .our-work-detail-top h5 a { color:#000;}
.dwelling-block .our-work-detail-top h5 a:hover { color: #DD3224; }



.dwelling-block .our-work-inner { position:relative; min-height:722px; }
.dwelling-block .empty-image .our-work-detail-top {padding-bottom:var(--space-xl); }
.dwelling-block .our-work-inner.empty-image {  min-height: auto;  }

.dwelling-img {   text-align: right; }
.dwelling-img.potrate-img img { position:absolute; top:-30px; right:0px; max-width:880px; bottom:-120px;  z-index:99; }
.dwelling-img.landscape-img img { top:auto; max-width: 1340px; bottom:-120px; position:absolute;  right:0px;  z-index:99; width: 100%; }


.project-name { padding:30px 0 120px 0;  position: relative; z-index: 99; }
.project-name a {  color: var(--black-color);  text-transform: uppercase;  font-weight: 700; max-width: 400px;     display: inline-block;}
.project-name a img { margin: 0 0px 0 10px;}
 



.augustine-banner video { object-fit: cover; }

.project-img img { height:400px; object-fit:cover; width: 100%; }


span.wpcf7-spinner {  display: none;}
.load-more.custom_news {  padding-bottom: var(--space-xl);}
.wpcf7-not-valid-tip:not(:nth-child(1)):not(:nth-child(2)) {display:none;}



.containernew {  position: relative; width: 100%; overflow: hidden;  padding-top: 56.25%; background: url(./images/banner-img.jpg) 0 0 no-repeat; background-size: cover; }
.responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0;  width: 100%;  height: 100%; border: none;}
.containernew:after { content:""; width:100%; height:100%;  display:block; left:0; top:0px; position:absolute;  background-color: transparent; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 3%, #FFFFFF00 55%) !important; }

.shadow-container { position: relative;}
.shadow-container:after { content:""; width:100%; height:100%;  display:block; left:0; top:0px; position:absolute;  background-color: transparent; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 3%, #FFFFFF00 55%) !important; }

.inner-page .containernew:after, .inner-page .shadow-container:after {  display:none;  }


.search-link img { filter: brightness(0) invert(1); }

.inner-page .search-link img {  filter: grayscale(100%);  }


.content-page { padding-left: calc(calc(100% - 1240px) / 2);}
.content-page .content-page-inner { background: #DCF4F7;  max-width: 100%;}
.content-page .content-page-inner .content-page-top { padding: var(--space-xl); padding-bottom: 0px;}
.content-page-top h1 {  padding-bottom: var(--space-xl); text-transform: uppercase; }
.default-content {   padding: var(--space-xl); }
.default-content p { padding:0 0 28px 0; }
.default-content h4 {  padding-bottom:12px; color: #000; text-transform: uppercase;}
.default-content a.btn-primary { margin-top:40px;}



.news-detail { padding-left: calc(calc(100% - 1240px) / 2);}
.news-detail .news-detail-top-inner { background: #DCF4F7;  max-width: 100%;}
.news-detail .news-detail-top-inner .news-detail-top { padding: var(--space-xl); padding-bottom: 0px;}

.news-detail-top h4 {  padding-bottom: var(--space-s); text-transform: uppercase; }
.news-detail-top-img { margin-bottom:160px; }
.news-detail-top-img img { margin-bottom:-160px;}

.news-detail-content {   padding: var(--space-xl); }
.news-detail-content p { padding:0 0 28px 0; }
.post-date { padding-bottom:var(--space-m);}
.news-detail-content h1 {  padding-bottom:var(--space-m); color: #000; text-transform: uppercase;}
.news-detail-content a.btn-primary { margin-top:40px;}









@media (max-width:1100px) { 

	.our-work .our-work-inner { min-height: auto;} 

	.dwelling-img.potrate-img img { max-width: 100%; position: static; margin-bottom: -70px; }
	.dwelling-img.landscape-img img { max-width: 100%; position: static; margin-bottom: -70px; }
	
	.dwelling-block .our-work-detail-top { max-width:100%;}
	.dwelling-block .our-work-detail-top h4 { padding-bottom: 0px;  max-width: 100%;}

}




 @media (min-width: 1259px) { 

 .design-block:before {background-size: 33.5vw auto;}

 .video-content { padding:0 100px 0 0;   }
 .video-content .container { max-width: 100%; padding: 0px; }
 .video-content-inner { max-width: 64.5%; }

 }

@media (min-width: 991px) and (max-width: 1258px){

  .video-content-inner {  max-width: 72%; }
  .design-block:before { background-size: 29vw auto; }

} 



@media (max-width: 1599px) { 

  .imagine-content {padding-left: var(--space-xl); padding-right: var(--space-xl);}
 
}

@media (min-width: 1280px) {



.projects-row {  margin: 0 -25px;  }
.projects-row .project-colum {   padding-left:25px; padding-right:25px;   }

.logo { margin: 0px 0 0 22px; }

}

@media (max-width: 1299px){

.preparatory-detail-content h1 { font-size:55px;}

}


@media (max-width: 1199px){

 .preparatory-detail-inner { padding-left: var(--space-l); padding-right: var(--space-l);  padding-top:var(--space-l); }

 .flinch-detail { padding: var(--space-xl); padding-bottom: 0px;  }
 
 .imagine-content { padding-right: 30px;}
 .imagine-content p { max-width: 365px;}

 .deserves .wekorb-detail { padding-top:50px; padding-bottom:50px; padding-left: 100px; padding-right: 90px; }

 .our-services-block { margin-top: -52px; padding-right: 100px; }

 .preparatory-detail-content h1 { font-size:46px; }

 .process-post-bottom-img img {  margin-top:-11vw; }



}



@media (max-width: 991px){

.container { padding:0px 20px; }



.process-detail { padding-left:var(--space-m);}



header { padding: 23px 20px; }
.logo { position: relative; z-index: 10; margin:0 0 0 9px; }	
.logo img { max-width:106px; }	

.head-top-icon { top: 0px;  left: 0px; z-index: 99; display: none; }
.head-top-icon img { max-width: 40px; }
	
.mobile-toggle a { background: url("./images/menu-icon.svg") 0 0 no-repeat; width: 25px; height: 25px; display: block; position: relative; z-index: 9;}	
.mobile-toggle a.close-icon { background: url("./images/close-icon.svg") 0 0 no-repeat; background-size: 25px 25px; }	
	
.nav-menu { position: absolute; left: 0;background: #fff;  top:0px; width: 100%;  display: none; padding-top: 75px;  }	
.nav-menu > ul { display: block; }	
.nav-menu ul li { padding: 0px;}
.nav-menu ul li a { color:var(--red-color); text-align:center;  }
.nav-menu ul li a:hover, .nav-menu ul li.current-menu-item a { background: var(--red-color); color:var(--white-color); }

body.inner-page .nav-menu ul li:hover > a, body.inner-page .nav-menu ul li.current-menu-item > a { color:var(--white-color); }
	

.design-block .col-lg-5 {order: 2; }
.design-block .col-lg-7 {order: 1; }
.design-img img { width: 100%;  }
.design-block:before { background: url(./images/K-img.png) 0 100% no-repeat; background-size: 327px auto; }	
.design-content { max-width: 100%; padding:var(--space-l) var(--space-s);  }


.design-block:after { top: -40px; z-index: -1; bottom: auto; height: 390px; background-repeat: repeat; }
	
.video-content-inner { padding: var(--space-m); padding-top: var(--space-xl); padding-bottom: var(--space-xl); width: 100%; }	
.video-content-inner .btn-primary { float:none; }

.design-block { padding-top: 0px;}

.imagine-block .col-lg-5 {order: 2; }
.imagine-block .col-lg-7 {order: 1; }

.imagine-block { padding-left: 0px; padding-right: 0px;  padding-top: var(--space-xl);    }	
.imagine-content { max-width:100%; padding:var(--space-l) var(--space-s); }	

.send-btn { text-align: left;}

.blue-header header { background: #DCF4F7!important;}
.inner-page .wapper { padding: 74px 0 0 0; }

.we-korb { padding-top:0px; }
.we-korb:before, .we-korb:after { display: none; }
.we-korb .row .col-lg-7 { width:100%; }
.we-korb .row .col-lg-5 {  width:100%; }
.wekorb-detail { padding:var(--space-l) var(--space-s); }

.deserves { padding-top:0px; }
.deserves:before, .deserves:after { display: none; }
.deserves .row .col-lg-7 { width:100%; }
.deserves .row .col-lg-5 {  width:100%;  order: 2; }
.deserves .wekorb-detail { padding:var(--space-l) var(--space-s); }

.our-services-block { margin-top: 0px;}
.our-services-block:before { display: none;}
.our-services-block .col-md-4 {  padding-bottom: var(--space-s);}

.service-block-img img {margin-top:0px; width: auto; }

.korb-way-detail { padding:var(--space-l) var(--space-s);}
	
.our-work-detail-top { padding:var(--space-m);  } 
.featured-case-study .case-study-detail .container { padding: 0px;}
.featured-case-study h4 {padding-left: 10px;}

.blue-header .wapper {  padding: 74px 0 0 0; }

.preparatory-detail-inner { padding-left: var(--space-m); padding-right: var(--space-m); padding-top:var(--space-m); }
.preparatory-right { justify-content: flex-start; padding-top: var(--space-m); }
.process-img img {min-height: 600px; object-fit: cover;}


.flinch-block .container { padding-left:0px; }

.news-block .news-block-inner .news-block-detail-top { margin-bottom: var(--space-xl); }
.news-post-detail { padding:30px 0 0 0px; }
.news-block-detail-top {padding: 0 20px 50px 20px; }
.news-block:nth-child(odd) .news-post-detail {  padding:30px 0 0 0px; }
.news-block:nth-child(even) .row .col-lg-6:first-child  {  order: 2;}
.news-post-detail h2 { padding-bottom: var(--space-s); }

.office-img { margin-top: 0px; }

/* .dwelling-img { margin: -50px 0px 0 0;}
.dwelling-img img { margin-bottom: -11vw;} */


.project-name { padding: 55px 0 40px 0; }



.design-content h1 { max-width: 100%;}

.slide-title { padding-left: 20px;}

.imagine-content p { max-width: 100%;}


.our-services-block {padding-right: 0px; }


.header-left {  position: static; }

.video-content-inner h4 { padding-right: 0px; }

.search-link img { filter: none; }
.inner-page .search-link img {  filter: none;  }

.search-box a.search-link { margin-left: 20px;}

	
 /* .header-sticky .head-top-icon {   max-width:70px; } */

/*.header-sticky .search-link img { filter: none;} */






}




@media (max-width: 767px){
	

.slide-title {  color:var(--white-color);  }
.case-study-img img { height: 340px; }
.case-study-detail { position: static; }
.case-study-detail .container { padding: 0px; }
.case-study-detail-inner { margin-bottom: 0px; max-width: 100%;}	
.case-study-detail-inner p {padding-bottom: clamp(1.6rem, 0.382vw + 1.478rem, 2rem);	}
/* .case-study-detail-inner span { background:var(--white-color); font-size: 16px;  width: auto; height: auto; display: inline-block;
 position: static; right: 0; bottom: 0px; transition: var(--transition); padding: clamp(1.2rem, 0.382vw + 1.078rem, 1.6rem) clamp(2rem, 0.956vw + 1.694rem, 3rem); font-weight:700; line-height:1;  text-transform:uppercase;  letter-spacing:.5px; display: inline-block;}	
.case-study-detail-inner span:hover { background:#f9eee5; } */
	
.footer-form { padding-top:30px;}	
.footer-form .name-group { display: block; }
.footer-form .name-group p {   display: block;}
.footer-form .name-group p span { width: 100%; }		
.footer-logo { display: none; }	
	
.imagine-content h1 {word-wrap: break-word;}

.banner img { width: 100%;  height:424px;  }
.banner video { width:100%; height:500px; }

.projects-row { margin: 0px;}
.projects-row .project-colum { padding-left: 0px; padding-right: 0px; width: 100%; }

.project-img img { width: 100%; height:auto; }


.process-block {  padding-bottom: var(--space-m)!important; }

.preparatory-block-content { padding: var(--space-m);}
.process-inner { padding: var(--space-s); padding-top: var(--space-l); padding-bottom: 14vw;}
.process-post-top-img img { max-width: 100%;}


.process-block-first .process-detail { margin-top: 0px;}
.process-block-first { margin-top: 0px; padding-top: 0px; padding-bottom:0px; }
.process-detail { max-width: 100%;}
.process-post-bottom-img img { margin-top: 0px; max-width: 100%; }

.preparatory-content-block { order: 2;}
.process-block-second {margin-top:0px;}

.process-block-third .process-detail {margin-top: 0px; }
.process-num { line-height: 180px;}
.process-img img {min-height: auto;}
.process-block-third:after { display: none;}

.flinch-block .container { padding-left:0px; }
.flinch-detail { padding-left:var(--space-m);}

.contact-form { padding-left: var(--space-s); padding-right: var(--space-s); }
.contact-form .footer-content { float: none; padding-top:var(--space-m);}

.office-block-content { padding:var(--space-l) var(--space-s); }
.office-img img { min-height: 300px; object-fit: cover; }


.footer-area-one { padding-left:0px; }


.preparatory-detail .container { max-width:1280px; padding:0px 20px; }
.preparatory-block-img .container, .preparatory-block-detail .container {max-width:1280px; padding:0px 20px;}


.dwelling-block .our-work-detail-top { padding-bottom: 0px;}

.featured-case-study { padding-left: 0px;  padding-right: 0px; }
.all-projects { padding-left: 0px;  padding-right: 0px; }

.k-text img { width:auto; height:350px; }

.testimonial-post h2 { font-size: 30px;}

.next-footer .container {max-width: 1280px;padding: 0px 20px; }

.contact-top-block .our-work-detail-top { padding-bottom: 0px; }
.contact-top-block .our-work-detail-top h4 { padding-bottom: 0px; }

	
.dwelling-img.potrate-img img { margin-bottom: -40px; }
.dwelling-img.landscape-img img { margin-bottom: -40px; }


.footer-content, .footer-form { padding: var(--space-l) var(--space-s); }


.containernew { padding-top: 0px; height: 500px; }
.responsive-iframe { width: 874px;max-width: none;left: 50%;top: 50%;transform: translate(-50%, -50%); }



}




@media (max-width: 478px){

.preparatory-detail-content h1 { font-size: clamp(3rem, 1.115vw + 2.643rem, 4.1667rem); }

.preparatory-right ul li { display: block;}
.preparatory-right ul li label { width: 100%;  flex: 0 0 100%; }


}