/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
	
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');	
================================================== */
@import url('../fonts/icon/style.css');
@import url('../fonts/jakarta_sans/stylesheet.css');
@import url('../fonts/nunito/stylesheet.css');
@import url('../fonts/poppins/stylesheet.css');

/* #Site Styles
================================================== */

:root {
	--font-family-base: 'Nunito Sans', sans-serif;
	--font-family-poppins: 'Poppins', sans-serif;
	--font-family-plus-jakarta: 'Plus Jakarta Sans', sans-serif;
	--font-family-icon: 'icomoon', sans-serif;
	--line-height-base: 1.5;
	--line-height-heading: 1.2;
	--font-size-base: 16px;
	--color-blue: #40a4b8;
	--color-dark-blue: #083245;
	--color-white: #fff;
	--color-black: #000;
	--color-orange: #f18518;
	--color-light: #f7f7f7;
	--color-light-600: #c3c3c3;
	--color-light-700: #c9c9c9;
	--color-light-gray: #ebf3ff;
	--color-text :rgb(115, 115, 115);
	--color-gray: #757575;
	--input-color: #928e8e;
	--transition-base: all 0.3s ease-in-out;
	--text-decoration-base: none;
	--box-shadow: 0 45px 30px 0 rgba(154, 167, 193, 0.25);
	--border-radius: 50px;
	--font-size-h1: 48px;
	--font-size-h2: 38px;
	--font-size-h3: 32px;
	--font-size-h4: 22px;
	--font-size-h5: 18px;
	--font-size-h6: 16px;
	--font-weight-300: 300;
	--font-weight-400: 400;
	--font-weight-500: 500;
	--font-weight-600: 600;
	--font-weight-700: 700;
	--font-weight-800: 800;
	--font-weight-900: 900;
	--width-100: 100%;
	--height-100: 100%;
}

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: var(--font-family-base); font-size: var(--font-size-base); font-weight: var(--font-weight-400); line-height: var(--line-height-base); color: var(--color-text);}
body { background: var(--color-white); }
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=number],
select,
textarea { padding: 5px 28px; width: var(--width-100); height: 45px; font-family: var(--font-family-base); font-size: 15px; color: var(--input-color); border: 0; border-radius: var(--border-radius); background-color: var(--color-light); }
input::placeholder,
textarea::placeholder { color: var(--input-color); }
textarea { padding: 19px 28px; width: 100%; height: 120px; border-radius: 21px; resize: none; }
img { display: block; max-width: 100%; border: 0; }
ul,
li { list-style-position: outside; }
a { display: inline-block; text-decoration: var(--text-decoration); transition: var(--transition-base); cursor: pointer; }
:focus { outline: none; }
p { margin-bottom: 20px; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 20px; font-weight: var(--font-weight-700); line-height: var(--line-height-heading); }
h1 { font-size: var(--font-size-h1); font-weight: var(--font-weight-500); }
h2 { font-size: var(--font-size-h2); }
h3 { font-size: var(--font-size-h3); }
h4 { font-size: var(--font-size-h4); }
h5 { font-size: var(--font-size-h5); }
h6 { font-size: var(--font-size-h6); }

/* ### button ### */
.button { padding: 10px 32px; display: inline-block; font-family: var(--font-family-poppins); font-size: 16px; font-weight: var(--font-weight-500); text-align: center; color: var(--color-white); border: 0; border-radius: var(--border-radius); background-color: var(--color-orange); transition: var(--transition-base); cursor: pointer; }
.button:hover { background-color: var(--color-blue); color: #ffffff; }

.form-check input { margin-bottom: 0; padding: 0; display: none; width: initial; height: initial; cursor: pointer; }
.form-check label { padding-left: 20px; position: relative; font-size: 15px; color: var(--input-color); cursor: pointer; }
.form-check label a { color: var(--input-color); }
.form-check label a:hover { text-decoration: underline; }
.form-check label:before { position: absolute; top: 4px; left: 0; width: 8px; height: 8px; border: 2px solid var(--color-light-700); background-color: transparent; appearance: none; content: ''; cursor: pointer; }
.form-check input:checked + label:after { position: absolute; top: 4px; left: 0; display: block; width: 12px; height: 12px; background-color: var(--color-orange); content: ''; }

#formulier_blok fieldset.gfield{ border:none!important; padding-top: 20px;  margin: 0 auto;}
#formulier_blok fieldset.gfield a{ color: #000000; }
#formulier_blok .gform_footer{ display: flex; justify-content: center; margin-top: 0px; padding-top: 0px;}
#formulier_blok .gform_confirmation_message{ text-align: center; color: green; font-size: 22px; }
#formulier_blok .gfield_required_text{ display: none!important; }
#formulier_blok .validation_message{ display: none!important; }


/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.centered { padding-right: calc((100% - 1256px) / 2); padding-left: calc((100% - 1256px) / 2); }
.centered-lg { padding-right: calc((100% - 1414px) / 2); padding-left: calc((100% - 1414px) / 2); }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { padding-top: 10px; padding-bottom: 29px; position: fixed; top: 0; left: 0; z-index: 9;  width: var(--width-100); transition: var(--transition-base); }
#headerCntr .logo { position: relative; left: -5px; z-index: 1; width: 200px; transition: var(--transition-base); }
#headerCntr .logo img { max-width: 100%; }
#headerCntr.sticky { padding-top: 10px; padding-bottom: 10px; background-color: var(--color-blue); box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.16); }
#headerCntr.sticky .logo { margin: 0; width: 180px; }
#headerCntr.sticky .menuBox { padding-bottom: 0; }
#headerCntr.sticky .button { background-color: var(--color-orange); }
#headerCntr .button { padding: 3px 29px; }

/* ### menu box ### */
.menuBox { margin-right: -80px; padding-bottom: 21px; display: flex; flex-wrap: wrap; justify-content: flex-end; transition: var(--transition-base); }
.menuBox ul { margin-right: 30px; }
.menuBox ul > li { margin-right: 57px; display: inline-block; }
.menuBox ul > li > a { font-size: var(--font-size-base); font-weight: var(--font-weight-400); color: var(--color-white); }
.menuBox ul > li > a:hover { color: #ffc68c; }

.desktopHeader{ display: flex; align-items: flex-start; justify-content: space-between; }
.mobileHeader{ display: none; }


.menuHolder a{ color: #ffffff; }
.menuHolder a:hover{color: #ffc68c;}
.menuHolder{ display: flex; flex-direction: column; align-items: flex-end;  }
.menuHolder .navTop{ font-size: 14px; }
.menuHolder ul{ display: flex; justify-content: flex-end; }
.menuHolder .navTop a:hover{color: #ffc68c;}





/* ### hamburger ### */
.hamburger { display: none; align-items: center; width: 40px; height: 40px; color: var(--color-white); transition: var(--transition-base); }
.hamburger span { margin: 4px auto; position: relative; display: block; width: 25px; height: 3px; border-radius: 75px; background-color: var(--color-white); transition: var(--transition-base); }
.hamburger span:before,
.hamburger span:after { position: absolute; display: block; width: var(--width-100); height: 3px; border-radius: 75px; background-color: var(--color-white); transition: var(--transition-base); content: ''; }
.hamburger span:before { top: -8px; }
.hamburger span:after { right: 0; bottom: -8px; width: 65%; }
.hamburger.is_active span { background: none; }
.hamburger.is_active span:before { top: 0; width: var(--width-100); background-color: var(--color-white); transform: rotate(135deg); }
.hamburger.is_active span:after { bottom: 0; width: var(--width-100); background-color: var(--color-white); transform: rotate(-135deg); }

/* ### content container ### */
#contentCntr { width: var(--width-100); }

/* ### hero box ### */
.heroBox { margin-bottom: 49px; position: relative; display: flex; flex-wrap: wrap; align-items: center; width: var(--width-100); height: calc(100vh - 180px); overflow: hidden; }
.heroBox h1 { margin-bottom: 11px; line-height: 1; color: var(--color-white); }
.heroBox .content { padding-top: 90px; position: relative; z-index: 1; width: 54%; }
.heroBox .content strong { margin-bottom: 11px; display: block; font-size: 24px; color: var(--color-white); }
.heroBox .paragraph { padding-bottom: 4px; font-size: 18px; line-height: 1.1; color: var(--color-white); }
.heroBox .bg-image { position: absolute; top: 0; left: 0; width: var(--width-100); height: var(--height-100); }
.heroBox .bg-image:before { position: absolute; top: 0; left: 0; width: var(--width-100); height: var(--height-100); background-color: rgba(44, 106, 117, 0.6); content: ''; }
.heroBox .bg-image img { width: var(--width-100); height: var(--height-100); object-position: center center; object-fit: cover; }
.heroBox .ellipse { position: absolute; top: -115px; left: -219px; }
.heroBox .ellipse-1 { position: absolute; right: -219px; bottom: 23px; width: 658px; }

/* ### care box ### */
.careBox { margin-bottom: 80px; width: var(--width-100); }
.careBox .block { margin-left: -48px; width: calc(100% + 116px); }
.careBox .holder { margin: 0 -20px; display: flex; flex-wrap: wrap; }
.careBox .column { padding: 0 20px; width: 33.33%; }




/* ### card-care ### */
.card-care { display: flex; width: var(--width-100); }
.card-care .icon { margin-right: 12px; display: flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; background-color: var(--color-blue); }
.card-care .icon img { width:20px; }
.card-care h5 { margin-bottom: 5px;margin-top: 5px; font-weight: var(--font-weight-800); }
.card-care .text { font-size: 16px; color: var(--color-gray); }
.card-care .title {display: flex;
flex-direction: column;
justify-content: center;
}


/* ### trend box ### */
.trendBox { margin-bottom: 140px; position: relative; width: var(--width-100);  display:flex; align-items: center;
	justify-content: center;}
.trendBox h2 { margin-bottom: 21px; font-weight: var(--font-weight-600); line-height: 0.9; }
.trendBox h4 { margin-bottom: 11px; line-height: 0.9; }
.trendBox .block { margin-left: -17px; display: flex; flex-wrap: wrap; justify-content: space-between; width: calc(100% + 72px); }
.trendBox .left { width: 56%; }
.trendBox .holder { margin: 0 -18px; display: flex; flex-wrap: wrap; }
.trendBox .column { padding: 0 18px; width: 100%; column-count:2; }
.trendBox .content { width: var(--width-100); }
.trendBox .paragraph { width: var(--width-100); font-size: 20px; line-height: 1.6; color: var(--color-gray); }
.trendBox .right { margin-top: 20px; width: 34.2%; }
.trendBox .right .item { position: relative; width: var(--width-100); }
.trendBox .image { position: relative; z-index: 1; width: var(--width-100); height: 100%; }
.trendBox .image img { width: var(--width-100); height: var(--height-100); border-radius: 20px; object-fit: cover; }
.trendBox .rectangle { position: absolute; top: 50px; left: -30px; width: 95%; height: calc(100% - 87px); border-radius: 20px; background: linear-gradient(180.53deg, #e4650e -1.39%, rgba(64, 164, 184, 0.1) 116.96%); }
.trendBox .info { padding: 43px 63px 40px 14px; position: absolute; bottom: 42px; left: -102px; z-index: 1; display: flex; align-items: center; border-radius: 13px; background-color: var(--color-white); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); }
.trendBox .info img { margin-right: 4px; flex: 0 0 auto; width: 44px; }
.trendBox .info span { font-family: var(--font-family-poppins); font-size: 25px; font-weight: var(--font-weight-700); line-height: 1.15; color: var(--color-black); }
.trendBox .info span strong { display: block; }
.trendBox .bg-image { position: absolute; top: -124px; left: 0; z-index: -1; width: var(--width-100); }
.trendBox .bg-image img { width: 1920px; height: 938px; object-fit: cover; object-position: center center; }

/* ### work box ### */
.workBox { margin-bottom: 93px; width: var(--width-100);}
.workBox h2 { margin-bottom: 3px; font-weight: var(--font-weight-600); }
.workBox .block { margin-bottom: 53px; display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width-100); }
.workBox .image { margin-top: 20px; margin-left: -84px; position: relative; z-index: 1; width: 40.8%; height: 100%; }
.workBox .image img { width: var(--width-100); height: var(--height-100); border-radius: 22px; object-fit: cover; }
.workBox .rectangle { position: absolute; top: 55px; left: -32px; z-index: -1; width: 95%; height: calc(100% - 98px); border-radius: 22px; background: linear-gradient(180.53deg, #e4650e -1.39%, rgba(64, 164, 184, 0.1) 116.96%); }
.workBox .content { width: 57%; }
.workBox .paragraph { padding-bottom: 20px; width: var(--width-100); font-size: 20px; line-height: 1.4; color: var(--color-gray); }
.workBox .items { margin-bottom: 30px; width: var(--width-100); }
.workBox .card-care { align-items: center; }
.workBox .card-care .icon { width: 90px; height: 90px; }
.workBox .card-care .icon img { width: auto; max-width:76px;}
.workBox .card-care h5 { margin-bottom: 0; }
.workBox .card-care .title { width: 50%; }
.workBox .card-care .text p { margin-bottom: 0; }
.workBox .btn { display: flex; justify-content: center; width: 100%; }
.workBox .btn .button { padding: 12px 20px; width: var(--width-100); max-width: 280px; }

/* ### partner box ### */
.partnerBox { margin-bottom: 80px; width: var(--width-100); text-align: center; }
.partnerBox h2 { margin-bottom: 10px; font-weight: var(--font-weight-600); }
.partnerBox .js-partner-slider { display: none; width: var(--width-100); max-width: 990px; margin-inline: auto; }
.partnerBox .js-partner-slider.slick-initialized { display: block; }
.partnerBox .prev-arrow { margin-left: -42px; left: 50%; }
.partnerBox .next-arrow { left: 50%; }

/* ### reach box ### */
.reachBox { margin-bottom: 80px; padding-top: 25px; padding-bottom: 25px; position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 360px; text-align: center; }
.reachBox h2 { margin-bottom: 5px; line-height: 0.9; color: var(--color-white); font-weight: var(--font-weight-600);}
.reachBox .block { position: relative; z-index: 1; width: var(--width-100); text-align: center; }
.reachBox .paragraph { padding: 0 27%; width: var(--width-100); color: var(--color-white); }
.reachBox .bg-image { position: absolute; top: 0; left: 0; width: var(--width-100); height: var(--height-100); }
.reachBox .bg-image:before { position: absolute; top: 0; left: 0; width: var(--width-100); height: var(--height-100); background-color: rgba(44, 106, 117, 0.6); content: ''; }
.reachBox .bg-image img { width: var(--width-100); height: var(--height-100); object-fit: cover; }
.reachBox .button { padding: 12px 20px; width: var(--width-100); max-width: 280px; }

/* ### reviewBox ### */
.reviewBox { margin-bottom: 80px; width: var(--width-100); }
.reviewBox h2 { margin-bottom: 0; text-align: center; }
.reviewBox .items { margin-right: 22px; height: auto;}
.reviewBox .js-review-slider { margin-bottom: 30px; display: none; }
.reviewBox .js-review-slider.slick-initialized { display: block; }
.reviewBox .slick-list { margin-right: -22px; padding-top: 30px; padding-bottom: 80px; overflow: visible; }
.reviewBox .prev-arrow { margin-left: -80px; left: 50%; color: #000000; }
.reviewBox .next-arrow { left: 50%;  color: #000000;}
.reviewBox .btn { display: flex; justify-content: center; width: var(--width-100); }
.reviewBox .button { padding: 12px 20px; width: var(--width-100); max-width: 280px; }

.reviewBox .slick-track{ display: flex; }


/* ### card-review ### */
.card-review { padding: 55px 50px 8px 41px; width: var(--width-100); border-radius: 30px; background-color: var(--color-white); box-shadow: 0 45px 149px -12px rgba(154, 167, 193, 0.25); height: 100%; }
.card-review .info { display: flex; width: var(--width-100); }
.card-review .image { margin-right: 31px; flex: 0 0 auto; width: 91px; }
.card-review .image img { width: var(--width-100); border-radius: 100%; }
.card-review .title { margin-top: 17px; margin-bottom: 15px; }
.card-review .title h5 { margin-bottom: 0; font-size: 23px; font-weight: var(--font-weight-800); color: var(--color-dark-blue); }
.card-review .title p { margin-bottom: 0; font-size: 18px; color: var(--color-gray); }
.card-review .title ul { display: flex; list-style: none; }
.card-review .title ul > li { margin-right: 2px; font-size: 18px; color: var(--color-orange); }
.card-review .paragraph { width: var(--width-100); line-height: 1.8; color: var(--color-gray); }

/* ### estate box ### */
.estateBox { margin-bottom: 94px; display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width-100);   align-items: center;
	justify-content: center;}
.estateBox h2 { line-height: 0.9; }
.estateBox .content { width: 52%; }
.estateBox .paragraph { width: 95%; line-height: 1.3; color: var(--color-gray); }
.estateBox .paragraph p { margin-bottom: 24px; }
.estateBox .right { margin-top: 46px; position: relative; width: 48%; }
.estateBox .image { position: absolute; top: 0; left: 50%; width: 60%; transform: rotate(13.27deg) translateX(-50%); }
.estateBox .image img { width: var(--width-100); }
.estateBox .button { padding: 10px 32px; font-size: 16px; }
.estateBox .button i { margin-right: 15px; }
.estateBox ul { margin-left:18px;margin-top:-34px;margin-bottom:38px;}


/* ### request box ### */
.requestBox { padding-bottom: 80px; position: relative; width: var(--width-100); }
.requestBox:after { position: absolute; bottom: 0; left: 0; z-index: -1; width: var(--width-100); height: calc(100% - 505px); background-color: var(--color-light); content: ''; }
.requestBox h2 { margin-bottom: 54px; text-align: center; }
.requestBox .block { width: var(--width-100); max-width: 860px; margin-inline: auto; }
.requestBox .bg-image { position: absolute; bottom: 0; left: 50%; width: 1920px; transform: translateX(-50%); }
.requestBox .bg-image img { width: var(--width-100); height: 480px; object-fit: cover; }

/* ### card-form ### */
.card-form { padding: 30px 30px 8px; position: relative; z-index: 1; width: var(--width-100); border-radius: 31px; background-color: var(--color-white); box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.05); }
.card-form h3 { margin-bottom: 6px; text-align: center; }
.card-form p { font-size: 20px; font-weight: var(--font-weight-300); text-align: center; color: var(--color-gray); }
.card-form form { padding-top: 25px; width: var(--width-100); }
.card-form form .form-group { display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width-100); }
.card-form form .items { width: 49%; }
.card-form form input { margin-bottom: 32px; }
.card-form .form-btn { margin-bottom: 22px; display: inline-flex; justify-content: center; width: var(--width-100); }
.card-form .form-text { width: var(--width-100); text-align: center; color: var(--input-color); }
.card-form .form-text p { font-size: 15px; }
.card-form .form-check { padding: 23px 0; width: var(--width-100); text-align: center; }
.card-form .button { padding: 11px 70px; font-family: var(--font-family-base); font-size: 20px; }

/* ### slick-arrow ### */
.slick-arrow { position: absolute; bottom: 0; z-index: 1; width: 65px; height: 65px; font-size: 22px; border: 0; border-radius: 5px; background-color: rgba(235, 243, 255, 0.3); transition: var(--transition-base); cursor: pointer; }
.slick-arrow:hover { color: var(--color-white); background-color: var(--color-orange); filter: drop-shadow(0 10px 30px rgba(0, 101, 255, 0.2)); }

/* ### footer container ### */
#footerCntr {  width: var(--width-100); overflow: hidden; background-color: #2B6875; }

#footerCntr a{ color: #ffffff; }
#footerCntr .icon-linkedin2:before{ content: '\eaca'; }
#footerCntr a:hover{color: #e3821e; }


/* ### footer box ### */
.footerBox { width: var(--width-100); }
.footerBox .block { margin-left: -29px; padding-top: 121px; padding-bottom: 108px; display: flex; flex-wrap: wrap; width: calc(100% + 60px); border-bottom: solid 1px var(--color-white); }
.footerBox .info { margin-right: 150px; width: 27%; }
.footerBox .logo { margin-bottom: 3px; width: 160px; }
.footerBox .info p { font-size: 22px; line-height: 2; color: var(--color-white); }
.footerBox .info ul { display: flex; flex-wrap: wrap; list-style: none; }
.footerBox .info ul > li { margin-right: 25px; }
.footerBox .info ul > li > a { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 75px; background-color: var(--color-white); transition: var(--transition-base); color: var(--color-blue); }
.footerBox .info ul > li > a:hover { background-color: var(--color-orange); color: var(--color-white); }
.footerBox .title { margin-bottom: 50px; width: var(--width-100); font-family: var(--font-family-plus-jakarta); font-size: 21px; font-weight: var(--font-weight-800); letter-spacing: 4px; text-transform: uppercase; color: var(--color-white); }
.footerBox .menu { width: 16.5%; }
.footerBox .menu ul { list-style: none; }
.footerBox .menu ul > li { margin-bottom: 30px; line-height: normal; }
.footerBox .menu ul > li > a { font-family: var(--font-family-plus-jakarta); font-size: 21px; font-weight: var(--font-weight-500); color: var(--color-white); }
.footerBox .menu ul > li > a:hover { text-decoration: underline; }
.footerBox .form-group { position: relative; width: var(--width-100); }
.footerBox .input-field { padding: 0 40px; width: var(--width-100); height: 79px; font-family: var(--font-family-plus-jakarta); font-size: 18px; font-weight: var(--font-weight-300); color: var(--color-light-600); border-radius: 55px; }
.footerBox .input-field::placeholder { color: var(--color-light-600); }
.footerBox .btn-submit { position: absolute; top: 0; right: 0; width: var(--width-100); max-width: 212px; height: 79px; font-family: var(--font-family-plus-jakarta); font-size: 20px; font-weight: var(--font-weight-700); color: var(--color-white); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 58px; background: linear-gradient(109.14deg, #56bae5 37.12%, #299be2 94.28%); cursor: pointer; }
.footerBox .btn-submit:hover { background: var(--color-orange); }
.footerBox .newsletter { margin-left: auto; width: 28%; }

.footerBox .gform-button{ width: 100%; margin-left: -42px; }

.footerBox .validation_message,.footerBox  .gform_submission_error{display: none!important;}



.footer_icon{ background-color: #40a4b8!important; color: #2b6875!important; }
.footer_icon:hover{ background-color: #3d9eb1!important; color:#2b6875!important;  }
.footer_form_btn{ background-color: #f1912e!important; }
.footer_form_btn:hover{ background-color: #40a4b8!important; }

#talkto{ background-color: #2b6875!important; }
.talkto__button{ background-color: #f18518!important; }
.talkto__button:hover{ background-color: #2b6875!important; }




/* ### copyright box ### */
.copyrightBox { padding-top: 48px; padding-bottom: 48px; width: var(--width-100); text-align: center; }
.copyrightBox p { margin-bottom: 0; font-family: var(--font-family-plus-jakarta); font-size: 18px; font-weight: var(--font-weight-400); letter-spacing: 0.5px; color: var(--color-white); }

/* #Media Queries
================================================== */

@media only screen and (max-width: 1630px) {
	.menuBox { margin-right: 0; }
	.centered { padding-right: 105px; padding-left: 105px; }
	.centered-lg { padding-right: 105px; padding-left: 105px; }
	.careBox .block { margin-left: 0; width: var(--width-100); }
	.trendBox .block { margin-left: 0; width: var(--width-100); }
	.workBox .image { margin-left: 0; }
	.footerBox .block { margin-left: 0; width: var(--width-100); }
	.footerBox .info { margin-right: 50px; }
	.footerBox .newsletter { width: 35%; }
}

@media only screen and (max-width: 1439px) {
	.footerBox .info { margin-right: 20px; }
	.footerBox .btn-submit { max-width: 176px; }
}

@media only screen and (max-width: 1199px) {
	h2 { font-size: 48px; }
	.heroBox .content { width: 80%; }
	.careBox { margin-bottom: 100px; }
	.trendBox { margin-bottom: 100px; }
	.trendBox .column { width: 100%; }
	.workBox .block { margin-bottom: 20px; }
	.workBox .card-care .title { width: 75%; }
	.reachBox .paragraph { padding: 0 16%; }
	.footerBox .block { padding-top: 80px; padding-bottom: 57px; }
	.footerBox .info { width: 40%; }
	.footerBox .menu { width: 26%; }
	.footerBox .newsletter { margin-left: inherit; width: 48%; }
}

@media only screen and (max-width: 991px) {
	h1 { font-size: 40px; }
	h2 { font-size: 35px; }
	h4 { font-size: 27px; }
	#headerCntr { padding-top: 10px; padding-bottom: 10px; }
	#headerCntr .logo { top: -2px; left: -11px; width: 200px; }
	#headerCntr .button { font-size: 19px; }
	.menuBox { padding-bottom: 0; }
	.menuBox ul { margin-right: 0; }
	.menuBox ul > li { margin-right: 20px; }
	.menuBox ul > li > a { font-size: 20px; }
	.heroBox { min-height: 720px; }
	.heroBox .content { padding-top: 30px; width: 90%; }
	.heroBox .content strong { font-size: 30px; }
	.heroBox .paragraph { font-size: 23px; }
	.heroBox .ellipse { width: 350px; }
	.heroBox .ellipse-1 { width: 400px; }
	.careBox .holder { margin: 0 -10px; }
	.careBox .column { padding: 0 10px; width: 50%; }
	.trendBox .paragraph { font-size: 21px; }
	.trendBox .info span { font-size: 21px; }
	.partnerBox { margin-bottom: 60px; }
	.reviewBox { margin-bottom: 70px; }
	.card-review { padding: 42px 40px 4px 29px; border-radius: 23px; }
	.card-review .image { margin-right: 23px; width: 69px; }
	.card-review .title { margin-top: 14px; }
	.card-review .title h5 { font-size: 20px; }
	.card-review .title p { font-size: 16px; }
	.card-review .title ul > li { font-size: 16px; }
	.card-review .paragraph { font-size: 17px; }
	.estateBox .content { margin-bottom: 50px; width: var(--width-100); }
	.estateBox .right { width: 65%; margin-inline: auto; }
	.estateBox .paragraph { width: var(--width-100); }
	.requestBox { padding-bottom: 120px; }
	.footerBox .newsletter { width: 62%; }
}

@media only screen and (max-width: 767px) {
	h1 { font-size: 30px; }
	h2 { font-size: 30px; }
	h4 { font-size: 30px; }
	.centered { padding-right: 23px; padding-left: 23px; }
	.centered-lg { padding-right: 23px; padding-left: 23px; }
	#headerCntr { padding-top: 15px; padding-bottom: 15px; }
	#headerCntr .logo { width: 186px; }
	.menuBox { padding: 120px 30px 50px; position: absolute; top: 0; left: 0; display: block; flex-wrap: unset; align-items: unset; justify-content: unset; opacity: 0; visibility: hidden; width: var(--width-100); height: 100vh; background-color: var(--color-blue); transition: var(--transition-base); }
	.menuBox.open { opacity: 1; visibility: visible; }
	.menuBox ul li { margin-right: 0; margin-bottom: 25px; display: block; }
	.menuBox ul li a { display: block; }
	.hamburger { display: flex; }
	.heroBox { margin-bottom: 26px; min-height: 681px; }
	.heroBox h1 { margin-bottom: 6px; }
	.heroBox .content { padding-top: 88px; padding-bottom: 88px; width: var(--width-100); }
	.heroBox .content strong { margin-bottom: 6px; font-size: 16px; }
	.heroBox .paragraph { font-size: 16px; }
	.heroBox .paragraph p { margin-bottom: 6px; }
	.heroBox .ellipse { display: none; }
	.heroBox .ellipse-1 { right: -90px; bottom: 35px; width: 220px; }
	.careBox { margin-bottom: 40px; }
	.careBox .holder { margin: 0 -10px; }
	.careBox .column { margin-bottom: 27px; padding: 0 10px; width: 100%; }
	.card-care .icon { margin-right: 14px; }
	.card-care .title { padding-top: 6px; }
	.card-care h5 { margin-bottom: 1px; font-size: 17px; }
	.card-care .text { font-size: 16px; }
	.card-care .text p { margin-bottom: 0; }
	.trendBox .left { width: var(--width-100); }
	.trendBox .right { margin-top: 11px; margin-left: auto; width: 85%; }
	.trendBox h4 { font-weight: 800; }
	.trendBox .paragraph { font-size: 23px; }
	.trendBox .image img { border-radius: 10px; }
	.trendBox .rectangle { top: 30px; left: -18px; border-radius: 12px; }
	.trendBox .info { padding: 27px 36px 26px 10px; bottom: 20px; left: -63px; border-radius: 12px; }
	.trendBox .info span { font-size: 15px; }
	.trendBox .info img { width: 26px; }
	.workBox .block { margin-bottom: 0; }
	.workBox .image { margin-top: 0; margin-bottom: 62px; margin-left: auto; width: 96%; }
	.workBox .image img { border-radius: 12px; }
	.workBox .rectangle { top: 30px; left: -18px; border-radius: 12px; }
	.workBox .content { width: var(--width-100); }
	.workBox .paragraph { padding-bottom: 0; }
	.workBox .card-care h5 { font-size: 22px; }
	.workBox .card-care .text { font-size: 16px; }
	.workBox .btn .button { font-size: 21px; }
	.partnerBox { margin-bottom: 98px; }
	.partnerBox h2 { margin-bottom: 16px; }
	.partnerBox .item img { margin: 0 auto; padding: 0 20px; }
	.partnerBox .js-partner-slider { padding-bottom: 57px; }
	.reachBox { min-height: 703px; }
	.reachBox h2 { margin-bottom: 45px; }
	.reachBox .paragraph { padding: 0 3%; font-size: 25px; line-height: 1.1; }
	.reachBox .button { font-size: 21px; }
	.reviewBox .js-review-slider { margin-bottom: 55px; }
	.reviewBox .slick-list { padding-top: 27px; padding-bottom: 68px; }
	.reviewBox .prev-arrow { margin-left: -42px; }
	.reviewBox .button { font-size: 21px; }
	.estateBox .content { margin-bottom: 10px; }
	.estateBox .button { width: var(--width-100); }
	.estateBox .right { width: var(--width-100); }
	.estateBox .image { top: 22px; width: 65%; }
	.requestBox h2 { margin-bottom: 27px; }
	.card-form { padding: 32px 20px 8px; }
	.card-form form { padding-top: 7px; }
	.card-form form .items { width: var(--width-100); }
	.card-form form input { margin-bottom: 23px; }
	input,
	select,
	textarea { padding: 5px 21px; font-size: 14px; }
	textarea { padding: 19px 22px; font-size: 15px; }
	.slick-arrow { width: 38px; height: 38px; font-size: 14px; }
	.footerBox .info { width: 50%; }
	.footerBox .info ul > li { margin-right: 10px; }
	.footerBox .menu { width: 45%; }
	.footerBox .newsletter { width: 100%; }
	.footerBox .input-field { padding: 0 180px 0 28px; }
	.copyrightBox p { padding: 0 20px; }
	.button { padding: 7px 40px; font-size: 17px; }
	
	.trendBox .column { column-count:1; }
	.footerBox .gform-button{ width: 100%; margin-left: 0px; }
	.footerBox .ginput_container_email input{ text-align: center; }
	
	
	.desktopHeader{ display: none; }
	.mobileHeader{ display: flex; flex-direction: column; }
	.mobileHeader .navTop ul{ width: 100%; display: flex;  justify-content: center; }
	.mobileHeader .navTop ul li a{ color: #ffffff; font-size: 14px; padding: 6px; }
	.mobileHeader .navTop ul li a:hover{ padding: 6px; color: #ffc68c; }
	.mobileHeader .logo_ham{ display: flex; justify-content: space-between; }
	.mobileHeader .navMain{ background-color: #ffffff; margin-left: -23px; width: calc(100% + 46px); overflow: hidden; }
	.mobileHeader .navMain ul{ display: flex; flex-direction: column; width: 100%;}
	.mobileHeader .navMain ul li{ width: 100%; }
	.mobileHeader .navMain ul li a{ display: flex; justify-content: center; align-items: center; font-size: 14px; }
	.mobileHeader .navMain ul li a:hover{ background-color: #000000; color: #ffc68c; }
	
	
}

@media only screen and (max-width: 474px) {
	.heroBox .content { padding-top: 120px;}
	.partnerBox .item img { padding: 0; width: auto; }
	.footerBox .block { padding-top: 43px; }
	.footerBox .logo { margin-bottom: 0; }
	.footerBox .info { margin-right: 0; margin-bottom: 40px; width: 100%; }
	.footerBox .info ul > li { margin-right: 20px; }
	.footerBox .info p { line-height: 1.5; }
	.footerBox .menu { padding-bottom: 8px; width: 100%; }
	.footerBox .title { margin-bottom: 47px; }
	.footerBox .newsletter .title { margin-bottom: 22px; }
}