/* 
Theme Name: RS Participaties
Theme URI: 
Description: A 2023 framework for WordPress.
Author: 
Version: 1.0 
Tags:

General comments (optional).

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

/* #Font-Face
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');
================================================== */

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

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: var(--font-family-base); font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--color-dark-blue); }
body { background: var(--color-white); }
input,
select,
textarea { margin-bottom: 10px; padding: 11px 19px; width: 100%; height: 50px; font-family: var(--font-family-base); font-size: var(--font-size-base); font-weight: var(--font-weight); color: var(--color-dark-blue); border: 1px solid var(--color-light-gray); border-radius: var(--border-radius); background-color: var(--color-white); }
input::placeholder,
textarea::placeholder { color: var(--color-dark-blue); }
textarea { padding: 20px; min-height: 200px; border-radius: 25px; resize: none; }
img { display: block; max-width: 100%; border: 0; }
ul,
li { list-style-position: outside; }
a { display: inline-block; transition: var(--transition-base); }
p { margin-bottom: 20px; }
:focus { outline: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 20px; font-family: var(--font-family-heading); font-weight: var(--font-weight); line-height: var(--heading-line-height); color: var(--color-dark-blue); }
h1 { font-size: var(--font-sise-h1); }
h2 { font-size: var(--font-sise-h2); }
h3 { font-size: var(--font-sise-h3); }
h4 { font-size: var(--font-sise-h4); }
h5 { font-size: var(--font-sise-h5); }
h6 { font-size: var(--font-sise-h6); }
:root {
	--gutter-base: 1435px;
	--gutter-base-lg: 1840px;
	--font-size-base: 16px;
	--line-height-base: 1.5;
	--font-family-base: 'Poppins', sans-serif;
	--font-family-heading: 'Playfair Display', serif;
	--font-family-icon: 'icomoon' sans-serif;
	--heading-line-height: 1.1;
	--color-primary: #d06d4d;
	--color-secondary: #f1f1f1;
	--color-white: #fff;
	--color-black: #000;
	--color-dark-blue: #293542;
	--color-dark-blue-700: #757f8a;
	--color-dark-blue-800: #3d4854;
	--color-dark-blue-900: #303544;
	--color-light-gray: #c9c9c9;
	--color-dark-gray: #707070;
	--color-btn-hover: #b25737;
	--border-radius: 50px;
	--transition-base: all 0.3s ease-in-out;
	--text-decoration: none;
	--text-decoration-hover: underline;
	--box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	--font-sise-h1: 64px;
	--font-sise-h2: 36px;
	--font-sise-h3: 24px;
	--font-sise-h4: 20px;
	--font-sise-h5: 18px;
	--font-sise-h6: 16px;
	--font-weight: 400;
	--font-weight-500: 500;
	--font-weight-600: 600;
	--font-weight-700: 700;
}

.js-toggle-btn{ cursor: pointer; }
/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.centered-lg { padding-right: calc((100% - var(--gutter-base-lg)) / 2); padding-left: calc((100% - var(--gutter-base-lg)) / 2); }
.centered { padding-right: calc((100% - var(--gutter-base)) / 2); padding-left: calc((100% - var(--gutter-base)) / 2); }
.button { padding: 11px 25px; display: inline-block; font-family: var(--font-family-base); font-size: var(--font-size-base); font-weight: var(--font-weight-500); text-align: center; text-decoration: var(--text-decoration); color: var(--color-white); border: 2px solid var(--color-primary); border-radius: var(--border-radius); background-color: var(--color-primary); transition: var(--transition-base); cursor: pointer; }
.button:hover { border: 2px solid var(--color-btn-hover); background-color: var(--color-btn-hover); }
.button-outline { color: var(--color-primary); border: 2px solid var(--color-primary); background-color: transparent; }
.button-outline:hover { color: var(--color-white); border: 2px solid var(--color-btn-hover); background-color: var(--color-btn-hover); }
.button-outline-white { border: 2px solid var(--color-white); background-color: transparent; }
.button-outline-white:hover { border: 2px solid var(--color-btn-hover); background-color: var(--color-btn-hover); }
.button-outline-blue { color: var(--color-dark-blue); border: solid 2px var(--color-dark-blue); background-color: transparent; }
.button-outline-blue:hover { color: var(--color-white); border: solid 2px var(--color-dark-blue); background-color: var(--color-dark-blue); }
.view-more { color: var(--color-primary); }
.view-more:hover { text-decoration: var(--text-decoration); }

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

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

/* ### header container ### */
#headerCntr { position: fixed; top: 0; left: 0; z-index: 9; width: 100%; transition: var(--transition-base); }
#headerCntr .logo img { max-width: 100%; }
#headerCntr.sticky { box-shadow: var(--box-shadow); }
#headerCntr.sticky .topBox { height:0px; overflow:hidden;padding-top:0px; padding-bottom:0px;}
#headerCntr.sticky .headerBox { padding-top: 10px; padding-bottom: 10px; }

/* ### top box ### */
.topBox { padding-top: 6px; padding-bottom: 1px; display: flex; align-items: center; justify-content: center; text-align: center; background-color: var(--color-white); transition: all 0.3s; }
.topBox p { margin-bottom: 0; font-size: 15px; font-weight: var(--font-weight-600); }
.topBox img { margin-top: -5px; margin-left: 12px; }

/* ### header box ### */
.headerBox { padding-top: 30px; padding-bottom: 30px; position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; background-color: var(--color-primary); transition: var(--transition-base); }
.headerBox .login { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; }
.headerBox .login ul { margin-right: 18px; list-style: none; }
.headerBox .login li { display: inline-block; color: var(--color-white); }
.headerBox .login li a { font-family: var(--font-family-heading); font-size: 18px; text-decoration: none; color: var(--color-white); }
.headerBox .login li a:hover { color: var(--color-dark-blue); }
.headerBox .login li:after { margin: 0 12px 0 14px; display: inline-block; font-size: 12px; vertical-align: middle; content: '/'; }
.headerBox .login li:last-child:after { display: none; }
.headerBox .button-outline { padding: 11px 30px; color: var(--color-white); border: 2px solid var(--color-white); }
.headerBox .button-outline:hover { color: var(--color-primary); background-color: var(--color-white); }

/* ### menu box ### */
.menuBox { margin-left: 125px; }
.menuBox ul { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; }
.menuBox ul > li { margin-right: 45px; padding-top: 10px; padding-bottom: 10px; position: relative; }
.menuBox ul > li:last-child { margin-right: 0; }
.menuBox ul > li:hover ul { opacity: 1; visibility: visible; }
.menuBox ul > li > a { font-family: var(--font-family-heading); font-size: 18px; text-decoration: var(--text-decoration); color: var(--color-white); }
.menuBox ul > li:hover > a { color: var(--color-dark-blue); }
.menuBox ul > li > a i { margin-top: -2px; display: inline-block; font-size: 5px; vertical-align: middle; }
.menuBox ul > li > ul { padding: 10px 0; position: absolute; top: 100%; left: 0; display: block; flex-wrap: unset; justify-content: unset; opacity: 0; visibility: hidden; width: 140px; border-radius: 10px; background-color: var(--color-white); transition: var(--transition-base); }
.menuBox ul > li > ul > li > ul { top: 0; left: 140px; }
.menuBox ul > li > ul > li { margin-right: 0; margin-bottom: 5px; padding: 0 15px; }
.menuBox ul > li > ul > li:last-child { margin-bottom: 0; }
.menuBox ul > li:hover ul > li > ul { opacity: 0; visibility: hidden; }
.menuBox ul > li ul > li:hover ul { opacity: 1; visibility: visible; }
.menuBox ul > li > ul > li > a { display: block; width: 100%; color: var(--color-dark-blue); }
.menuBox ul > li > ul > li > a:hover { color: var(--color-primary); }
.menuBox ul > li > ul > li:hover ul > li > ul { opacity: 0; visibility: hidden; }
.menuBox ul > li > ul > li > ul > li:hover ul { opacity: 1; visibility: visible; }
.menuBox li.menu-item-has-children:hover:after{
	color: var(--color-dark-blue);
	}
.menuBox li.menu-item-has-children:after {
	content: '\e900';
	font-family: 'icomoon';
	color: #ffffff;
	font-size: 6px;
	vertical-align: middle;
	transition: var(--transition-base);
}


/* ### mobile menu ### */
.mobile-menu { padding-bottom: 8px; position: absolute; top: 40px; right: 15px; display: none; }
.mobile-menu .hamburger { position: absolute; top: 50%; right: 0; display: flex; align-items: center; color: #1a202c; transform: translateY(-50%); transition: var(--transition-base); cursor: pointer; }
.m-menu__checkbox { display: none; }
.m-menu__toggle { margin-left: -8px; padding-top: 5px; cursor: pointer; }
.m-menu { position: fixed; top: 0; right: -768px; z-index: 2; opacity: 0; visibility: hidden; width: calc(100vw - 30px); max-width: 768px; height: 100vh; background-color: var(--color-primary); -o-transform: translate3d(-450px, 0, 0); transform: translate3d(768px, 0, 0); transition: transform 0.35s; overflow: hidden; }
.m-menu__overlay { position: absolute; top: 0; bottom: 0; z-index: 1; display: none; width: 100%; background-color: rgba(103, 103, 103, 0.5); }
.m-menu__header { padding: 0 16px; display: flex; align-items: center; height: 50px; border-bottom: 1px solid var(--color-white); -ms-flex-pack: space-around; }
.m-menu__header span { width: 100%; font-size: 20px; text-align: center; color: #fff; }
.m-menu .m-menu { transform: translate3d(768px, 0, 0); }
.m-menu ul { height: 100%; overflow-y: auto; }
.m-menu ul li { margin-right: 0 !important; position: relative; display: block !important; font-family: var(--font-family-headings); }
.m-menu ul li ul { display: block !important; }
.m-menu ul li a { padding: 0 15px !important; color: var(--color-white) !important; }
.m-menu ul li a:hover { text-decoration: none !important; }
.m-menu ul li a,
nav .m-menu ul li label { padding: 0 15px; position: relative; display: block; line-height: 47px; text-align: left; text-decoration: var(--text-decoration); color: var(--color-white); border-bottom: 1px solid var(--color-white); cursor: pointer; }
.m-menu ul li label.a-label__chevron { padding: 15px 25px; position: absolute; top: 0; right: 0; display: inline-block; height: 48px; border-left: solid 1px var(--color-white); }
.m-menu ul li label.a-label__chevron:after { padding: 5px; position: absolute; top: 19px; right: 20px; display: inline-block; width: 0; height: 0; border-color: var(--color-white); border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); content: ''; }
.m-menu ul li.btn { margin: 15px !important; }
.m-menu ul li .button { padding: 10px 20px !important; line-height: normal; text-align: center; color: var(--color-white) !important; border: 2px solid #fff !important; }
.m-menu ul li .-invisible { border-bottom: 0; }
.m-menu .m-menu label.m-menu__toggle { margin: 0 !important; padding: 0 0 0 10px; display: flex; box-sizing: content-box; border-bottom: 0; }
.m-menu__checkbox:checked ~ .m-menu__overlay { display: block; }
.m-menu__checkbox:checked ~ .m-menu { right: 0; opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); }

/* ### content container ### */
#contentCntr { width: 100%; }

/* ### banner box ### */
.heroBox { margin-bottom: 120px; padding-top: 39px; padding-bottom: 200px; position: relative; text-align: center; background-color: var(--color-secondary); }
.heroBox:before { position: absolute; bottom: 51.6%; left: 0; width: 100%; height: 100%; background-color: var(--color-primary); content: ''; }
.heroBox h1 { color: var(--color-white); }
.heroBox h2 { margin-bottom: 39px; line-height: 1.35; }
.heroBox .heading { margin: 0 auto 79px; position: relative; z-index: 1; max-width: 955px; }
.heroBox .block { position: relative; width: 100%; }
.heroBox .content { margin-left: auto; padding: 47px 60px 60px; position: absolute; top: 80px; right: 80px; z-index: 1; width: 100%; max-width: 590px; text-align: left; border-radius: 0 0 60px; background-color: var(--color-white); box-shadow: var(--box-shadow); }
.heroBox .paragraph { margin-bottom: 47px; font-weight: var(--font-weight-500); line-height: 2.25; }
.heroBox .paragraph p { margin-bottom: 36px; }
.heroBox .paragraph p:last-child { margin-bottom: 0; }
.heroBox .button-outline { margin-left: 6px; }
.heroBox .image { position: relative; z-index: 1; height: 735px; }
.heroBox .image img { width: 100%; height: 100%; border-radius: 60px 0 0; object-position: center center; object-fit: cover; }
.heroBox.inner { margin-bottom: 0; padding-bottom: 192px; background-color: var(--color-primary); }
.heroBox.inner:before { display: none; }
.heroBox.inner-1 { margin-bottom: 0; padding-bottom: 120px; }
.heroBox.inner-1 .image { height: 300px; }

/* ### what box ### */
.whatBox { margin-bottom: 120px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.whatBox h2 { margin-bottom: 45px; }
.whatBox .left { width: 41%; }
.whatBox .intro { padding: 52px 59px 60px; width: 100%; border-radius: 60px 0 0; background-color: var(--color-secondary); }
.whatBox .paragraph { padding-bottom: 12px; font-weight: var(--font-weight-500); line-height: 2.2; }
.whatBox .paragraph p { margin-bottom: 37px; }
.whatBox .right { margin-top: 80px; padding: 60px 60px 40px; position: relative; width: 59%; border-radius: 0 0 60px; background-color: var(--color-primary); }
.whatBox .right:before { position: absolute; top: 0; right: 100%; z-index: -1; width: 81px; height: 100%; background-color: var(--color-primary); content: ''; }
.whatBox .holder { margin: 0 -25px; display: flex; flex-wrap: wrap; }
.whatBox .column { margin-bottom: 20px; padding: 0 25px; width: 50%; }
.whatBox .items { padding: 55px 60px 61px; width: 100%; text-decoration: var(--text-decoration); background-color: var(--color-dark-blue); }
.whatBox .items h3 { margin-bottom: 49px; color: var(--color-white); }
.whatBox .items .text { padding-bottom: 22px; line-height: 1.75; color: var(--color-white); }
.whatBox .items .button { width: 100%; }
.whatBox .items:hover .button-outline-white { border: 2px solid var(--color-btn-hover); background-color: var(--color-btn-hover); }
.whatBox.inner .right { background-color: var(--color-dark-blue); }
.whatBox.inner .right:before { background-color: var(--color-dark-blue); }
.whatBox.inner .items { background-color: var(--color-primary); }
.whatBox.inner .items:hover .button-outline-white { color: var(--color-primary); border: 2px solid var(--color-white); background-color: var(--color-white); }

/* ### investment box ### */
.investmentBox { margin-bottom: 120px; padding-top: 74px; padding-bottom: 55px; width: 100%; background-color: var(--color-secondary); }
.investmentBox .title { margin: 0 auto; padding-bottom: 12px; width: 100%; max-width: 950px; text-align: center; }
.investmentBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.investmentBox .column { margin-bottom: 25px; padding: 0 8px; width: 25%; }
.investmentBox.inner { margin-bottom: 114px; padding-top: 0; padding-bottom: 63px; }
.investmentBox.inner .holder { margin-top: -180px; }
.investmentBox.inner .column { margin-bottom: 16px; }

/* ### who box ### */
.whoBox { padding-top: 60px; padding-bottom: 60px; width: 100%; }
.whoBox h2 { margin-bottom: 43px; color: var(--color-white); }
.whoBox .block { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.whoBox .left { width: 59%; }
.whoBox .intro { padding: 52px 59px 62px; position: relative; width: 100%; border-radius: 60px 0 0; background-color: var(--color-dark-blue); }
.whoBox .intro:before { position: absolute; top: 0; left: 100%; width: 79px; height: 100%; background-color: var(--color-dark-blue); content: ''; }
.whoBox .paragraph { padding-bottom: 12px; line-height: 2.2; color: var(--color-white); }
.whoBox .paragraph p { margin-bottom: 37px; }
.whoBox .image { margin-top: 60px; position: relative; z-index: 1; width: 41%; height: 544px; }
.whoBox .image img { width: 100%; height: 100%; border-radius: 0 0 60px; object-fit: cover; }
.whoBox.inner { background-color: var(--color-secondary); }
.whoBox.inner h2 { color: var(--color-dark-blue); }
.whoBox.inner .block { padding-bottom: 0px; }
.whoBox.inner .intro { background-color: var(--color-white); }
.whoBox.inner .intro:before { background-color: var(--color-white); }
.whoBox.inner .paragraph { font-weight: var(--font-weight-500); color: var(--color-dark-blue); }
.whoBox .reverse .left { order: 2; }
.whoBox .reverse .image { order: 1; }
.whoBox .reverse .image img { border-radius: 60px 0 0; }
.whoBox .reverse .intro { border-radius: 0 0 60px; }
.whoBox .reverse .intro:before { right: 100%; left: unset; }

/* ### intro box ### */
.introBox { padding-top: 120px; padding-bottom: 95px; width: 100%; background-color: var(--color-secondary); }
.introBox h2 { margin-bottom: 43px; }
.introBox .holder { margin: 0 -10px; display: flex; flex-wrap: wrap; }
.introBox .column { margin-bottom: 25px; padding: 0 10px; width: 50%; }
.introBox .content { padding: 51px 58px 61px; width: 100%; border-radius: 0 0 60px; background-color: var(--color-white); }
.introBox .paragraph { padding-bottom: 12px; font-weight: var(--font-weight-500); line-height: 2.2; }
.introBox .paragraph p { margin-bottom: 38px; }

/* ### seo box ### */
.seoBox { margin-bottom: 0px; padding-top: 113px; padding-bottom: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.seoBox h2 { margin-bottom: 43px; }
.seoBox .content { margin-bottom: 50px; width: 45%; }
.seoBox .paragraph { padding-bottom: 5px; font-weight: var(--font-weight-500); line-height: 2.2; }
.seoBox .paragraph p { margin-bottom: 38px; }

/* ### team box ### */
.teamBox { padding-bottom: 50px; width: 100%; }
.teamBox h2 { margin-bottom: 43px; }
.teamBox .title { margin: 0 auto; padding-bottom: 7px; width: 100%; max-width: 700px; text-align: center; }
.teamBox .paragraph { font-weight: var(--font-weight-500); line-height: 2.3; }
.teamBox .holder { margin: 0 -10px; display: flex; flex-wrap: wrap; }
.teamBox .column { margin-bottom: 16px; padding: 0 10px; width: 25%; }

/* ### brand box ### */
.brandBox { margin-bottom: 111px; padding-top: 115px; padding-bottom: 80px; width: 100%; background-color: var(--color-secondary); }
.brandBox h2 { margin-bottom: 43px; }
.brandBox .title { margin: 0 auto; padding-bottom: 6px; width: 100%; max-width: 700px; text-align: center; }
.brandBox .paragraph { font-weight: var(--font-weight-500); line-height: 2.3; }
.brandBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.brandBox .column { margin-bottom: 16px; padding: 0 8px; width: 25%; }
.brandBox .item-logo { padding: 30px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; min-height: 166px; border-radius: 60px 0; background-color: var(--color-white); }
.brandBox .item-logo img { width: 100%; height: 105px; object-fit: scale-down; }

/* ### estate box ### */
.estateBox { padding-top: 60px; padding-bottom: 60px; width: 100%; }
.estateBox h2 { margin-bottom: 43px; }
.estateBox .title { margin: 0 auto; padding-bottom: 7px; width: 100%; max-width: 700px; text-align: center; }
.estateBox .paragraph { font-weight: var(--font-weight-500); line-height: 2.3; }
.estateBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.estateBox .column { margin-bottom: 16px; padding: 0 8px; width: 25%; }

/* ### text box ### */
.textBox { padding-top: 60px; padding-bottom: 60px; width: 100%; }
.textBox h2 { margin-bottom: 43px; }
.textBox .block { padding: 92px 16% 120px; width: 100%; border-radius: 60px 0; background-color: var(--color-secondary); }
.textBox .paragraph { padding-bottom: 10px; font-weight: var(--font-weight-500); line-height: 2.3; }
.textBox .paragraph p { margin-bottom: 35px; }

/* ### contact box ### */
.contactBox { padding-top: 115px; padding-bottom: 132px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; background-color: var(--color-secondary); }
.contactBox h2 { margin-bottom: 48px; }
.contactBox .info { width: 49%; }
.contactBox .column { margin: 0 -20px; padding-bottom: 44px; display: flex; flex-wrap: wrap; }
.contactBox .items { padding: 0 20px; width: 50%; }
.contactBox .items ul { list-style: none; }
.contactBox .items ul > li { padding-bottom: 12px; font-weight: var(--font-weight-500); }
.contactBox .items ul > li > a { text-decoration: var(--text-decoration); color: var(--color-dark-blue); }
.contactBox .items .link { font-weight: var(--font-weight-500); color: var(--color-dark-blue); }
.contactBox .items .link:hover { text-decoration: var(--text-decoration); }
.contactBox address { margin-bottom: 48px; font-size: 16px; font-weight: var(--font-weight-500); font-style: normal; }
.contactBox address strong { margin-bottom: 12px; display: block; font-weight: var(--font-weight-500); }
.contactBox address strong:last-child { margin-bottom: 0; }
.contactBox .map { width: 100%; }
.contactBox .map iframe { width: 100%; height: 250px; border: 0; border-radius: 60px; }
.contactBox .form { width: 45.5%; }
.contactBox .form h2 { margin-bottom: 53px; }
.contactBox .form-group { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.contactBox .form-group p { padding-top: 13px; width: 100%; font-size: 12px; text-align: center; }
.contactBox .form-item { width: 49%; }
.contactBox .form .button { width: 100%; }

/* ### cta box ### */
.ctaBox { margin-bottom: 283px; width: 100%; }
.ctaBox h2 { margin-bottom: 13px; color: var(--color-white); }
.ctaBox .block { padding: 51px 58px 55px; display: flex; align-items: flex-end; justify-content: space-between; width: 100%; border-radius: 60px 0; background-color: var(--color-primary); }
.ctaBox .content { width: 80%; }
.ctaBox .paragraph { line-height: 2.2; color: var(--color-white); }
.ctaBox .paragraph p { margin-bottom: 0; }
.ctaBox .button { flex: 0 0 auto; }

/* ### blog box ### */
.blogBox { margin-bottom: 17px; width: 100%; }
.blogBox .holder { margin: 0 -8px; margin-top: -180px; display: flex; flex-wrap: wrap; }
.blogBox .column { margin-bottom: 16px; padding: 0 8px; width: 50%; }

/* ### news box ### */
.newsBox { margin-bottom: 120px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.newsBox .left { width: 74.6%; }
.newsBox .block { margin-bottom: 39px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.newsBox .items { display: flex; justify-content: space-between; text-decoration: var(--text-decoration); }
.newsBox .items .content { padding-top: 25px; width: 62%; }
.newsBox .items h4 { margin-bottom: 3px; }
.newsBox .items ul { margin-bottom: 7px; display: flex; flex-wrap: wrap; list-style: none; }
.newsBox .items ul > li { margin-right: 2px; font-size: 12px; color: var(--color-dark-blue-700); }
.newsBox .items ul > li > em { font-weight: var(--font-weight-500); font-style: normal; text-decoration: var(--text-decoration-hover); }
.newsBox .items .paragraph { font-size: 14px; font-weight: var(--font-weight-500); line-height: 2; color: var(--color-dark-blue); }
.newsBox .items .image { width: 32.4%; }
.newsBox .items .image img { width: 100%; border-radius: 20px; }
.newsBox .right { width: 23%; }
.newsBox .category { width: 100%; }
.newsBox .category ul { padding: 18px 0 10px 20px; list-style: none; border-left: solid 2px var(--color-dark-gray); }
.newsBox .category ul > li { padding-bottom: 5px; }
.newsBox .category ul > li > a { font-size: 14px; font-weight: var(--font-weight-500); text-decoration: var(--text-decoration); color: var(--color-dark-blue); }
.newsBox .category ul > li > a:hover { text-decoration: var(--text-decoration-hover); }
.newsBox .btn { display: flex; justify-content: center; width: 100%; }
.newsBox .btn .button { width: 100%; max-width: 220px; }

/* ### description box ### */
.descriptionBox { margin-bottom: 60px; width: 100%; }
.descriptionBox .block { padding: 113px 16.8% 75px; border-radius: 60px 0; background-color: var(--color-secondary); }
.descriptionBox h1 { margin-bottom: 43px; font-size: 36px; font-weight: var(--font-weight); text-align: center; }
.descriptionBox h2 { margin-bottom: 10px; font-family: var(--font-family-base); font-size: 22px; font-weight: var(--font-weight-600); }
.descriptionBox h3 { margin-bottom: 10px; font-family: var(--font-family-base); font-size: 20px; font-weight: var(--font-weight-600); }
.descriptionBox h4 { margin-bottom: 10px; font-family: var(--font-family-base); font-size: 18px; font-weight: var(--font-weight-600); }
.descriptionBox h5 { margin-bottom: 10px; font-family: var(--font-family-base); font-size: 16px; font-weight: var(--font-weight-600); }
.descriptionBox h6 { margin-bottom: 10px; font-family: var(--font-family-base); font-size: 16px; font-weight: var(--font-weight-500); text-decoration: var(--text-decoration-hover); }
.descriptionBox img { margin-bottom: 29px; width: 100%; border-radius: 60px 0; }
.descriptionBox p { margin-bottom: 38px; font-weight: var(--font-weight-500); line-height: 2.2; }
.descriptionBox p a { color: var(--color-dark-blue); }
.descriptionBox p a:hover { text-decoration: var(--text-decoration); color: var(--color-primary); }
.descriptionBox ul { margin-bottom: 30px; list-style: none; }
.descriptionBox ul > li { padding-left: 12px; position: relative; list-style: none; }
.descriptionBox ul > li:before { position: absolute; top: 12px; left: 0; width: 5px; height: 1px; background-color: var(--color-dark-blue); content: ''; }
.descriptionBox ul > li > a { text-decoration: var(--text-decoration-hover); color: var(--color-dark-blue); }
.descriptionBox ul > li > a:hover { text-decoration: none; }

/* ### related box ### */
.relatedBox {padding-top: 60px; padding-bottom: 60px; width: 100%; }
.relatedBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.relatedBox .column { margin-bottom: 25px; padding: 0 8px; width: 33.33%; }

/* ### card-related ### */
.card-related { width: 100%; text-decoration: var(--text-decoration); }
.card-related .content { padding: 30px 28px; width: 100%; }
.card-related h4 { margin-bottom: 3px; }
.card-related ul { margin-bottom: 7px; display: flex; flex-wrap: wrap; list-style: none; }
.card-related ul > li { margin-right: 2px; font-size: 12px; color: var(--color-dark-blue-700); }
.card-related ul > li > em { font-weight: var(--font-weight-500); font-style: normal; text-decoration: var(--text-decoration-hover); }
.card-related .paragraph { font-size: 14px; font-weight: var(--font-weight-500); line-height: 2; color: var(--color-dark-blue); }
.card-related .image { width: 100%; }
.card-related .image img { width: 100%; border-radius: 20px; }

/* ### card-blog ### */
.card-blog { width: 100%; text-decoration: var(--text-decoration); transition: var(--transition-base); }
.card-blog .image { position: relative; width: 100%; height: 406px; border-radius: 20px; overflow: hidden; }
.card-blog .image img { width: 100%; height: 100%; border-radius: 20px; transition: var(--transition-base); object-fit: cover; }
.card-blog .title { margin: 0 20px; padding: 18px 40px; position: absolute; bottom: 20px; left: 0; text-align: center; border-radius: 20px; background-color: var(--color-white); }
.card-blog .title h4 { margin-bottom: 0; }
.card-blog:hover .image img { transform: scale(1.05); }

/* ### card-estate ### */
.card-estate { position: relative; width: 100%; height: 100%; text-align: center; text-decoration: var(--text-decoration); color: var(--color-dark-blue); border: solid 1px var(--color-secondary); background-color: var(--color-white); }
.card-estate h3 { margin-bottom: 27px; }
.card-estate h3 strong { padding-top: 6px; display: block; font-size: var(--font-size-base); font-weight: 400; }
.card-estate .image { position: relative; width: 100%; }
.card-estate .image span { padding: 9px 14px 7px 19px; position: absolute; bottom: 10px; left: 50%; width: 100%; max-width: 152px; font-size: var(--font-size-base); font-weight: 600; color: var(--color-dark-blue); background-color: var(--color-white); transform: translateX(-50%); }
.card-estate .image img { width: 100%; }
.card-estate .content { padding: 34px 40px 38px; width: 100%; }
.card-estate .paragraph { padding-bottom: 0; font-size: 14px; line-height: 2.1; }
.card-estate .paragraph p { margin-bottom: 3px; }
.card-estate .view-more { font-size: 14px; text-decoration: var(--text-decoration-hover); }
.card-estate:hover .view-more { text-decoration: var(--text-decoration); }

/* ### card-team ### */
.card-team { padding: 39px 39px 29px; width: 100%; height: 100%; text-align: center; border: 1px solid var(--color-secondary); }
.card-team h3 { margin-bottom: 2px; }
.card-team span { display: block; font-family: var(--font-family-heading); }
.card-team .image { margin: 0 auto; margin-bottom: 24px; max-width: 180px; }
.card-team .image img { width: 100%; border-radius: 50%; }
.card-team .call { padding: 9px 0 14px; font-size: 14px; font-weight: var(--font-weight-500); text-decoration: var(--text-decoration); color: var(--color-dark-blue); }
.card-team ul { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; }
.card-team ul > li { margin: 0 5px; }
.card-team ul > li > a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 18px; text-decoration: var(--text-decoration); color: var(--color-dark-blue); border: solid 2px var(--color-dark-blue); border-radius: 50%; }
.card-team ul > li > a:hover { color: var(--color-white); background-color: var(--color-dark-blue); }

/* ### card-rente ### */
.card-rente { position: relative; width: 100%; text-decoration: var(--text-decoration); color: var(--color-dark-blue); background-color: var(--color-white); height: 100%; }
.card-rente h3 { margin-bottom: 31px; }
.card-rente h3 strong { padding-top: 6px; display: block; font-size: var(--font-size-base); font-weight: 400; }
.card-rente .image { position: relative; width: 100%; }
.card-rente .image span { padding: 9px 14px 7px 19px; position: absolute; top: 20px; left: 0; font-size: var(--font-size-base); font-weight: 600; color: var(--color-dark-blue); background-color: var(--color-white); }
.card-rente .image img { width: 100%; height: 220px; object-fit:cover; }
.card-rente .content { padding: 34px 38px 40px; width: 100%; height: calc(100% - 220px); display: flex; flex-direction: column; justify-content: space-between;}
.card-rente .content ul { margin-bottom: 18px; list-style: none;flex:auto; }
.card-rente .content ul > li { padding-bottom: 15px; padding-left: 64%; position: relative; font-weight: var(--font-weight-600); }
.card-rente .content ul > li strong { position: absolute; top: 0; left: 0; font-weight: var(--font-weight); }
.card-rente .button { width: 100%; }
.card-rente:hover .button { color: var(--color-white); border: solid 2px var(--color-btn-hover); background-color: var(--color-btn-hover); }

/* ### footer container ### */
#footerCntr { width: 100%; }

/* ### footer box ### */
.footerBox { padding-top: 115px; padding-bottom: 62px; position: relative; width: 100%; background-color: var(--color-dark-blue-900); }
.footerBox ul { margin-bottom: 13px; list-style: none; }
.footerBox .box { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.footerBox .item { width: 21%; }
.footerBox .link { color:#ffffff; }
.footerBox .title { margin-bottom: 28px; font-weight: var(--font-weight-600); text-decoration: var(--text-decoration); color: var(--color-white); }
.footerBox .menu { width: 100%; }
.footerBox .menu ul > li { padding-bottom: 12px; }
.footerBox .menu ul > li > a { text-decoration: var(--text-decoration); color: var(--color-white); }
.footerBox .menu ul > li > a:hover { text-decoration: var(--text-decoration-hover); }
.footerBox .item p { margin-bottom: 0; padding-top: 5px; font-size: 10px; text-align: center; color: var(--color-white); }
.footerBox .info { width: 24.2%; }
.footerBox .info li { padding-bottom: 12px; color: var(--color-white); }
.footerBox .info li > a { text-decoration: var(--text-decoration); color: var(--color-white); }
.footerBox .info li > a:hover { text-decoration: var(--text-decoration-hover); }
.footerBox .info li > a.link { text-decoration: var(--text-decoration-hover); }
.footerBox .info li > a.link:hover { text-decoration: var(--text-decoration); }
.footerBox .image { position: absolute; top: -255px; left: 0; width: 100%; }
.footerBox .image img { width: 100%; height: 255px; object-fit: cover; }
.footerBox .field-group { margin-bottom: 4px; width: 100%; }
.footerBox .input-field { color: var(--color-white); border: solid 2px var(--color-white); background-color: var(--color-dark-blue-900); }
.footerBox .input-field::placeholder { color: var(--color-white); }
.footerBox .button { width: 100%; }

/* ### seo-link box ### */
.seo-linkBox { padding-top: 73px; padding-bottom: 54px; width: 100%; background-color: var(--color-dark-blue-800); }
.seo-linkBox .holder { margin: 0 -10px; display: flex; flex-wrap: wrap; justify-content: space-around; }
.seo-linkBox .column { margin-bottom: 20px; padding: 0 10px; width: 16.6%; }
.seo-linkBox .items { width: 100%; }
.seo-linkBox ul { list-style: none; }
.seo-linkBox ul > li { padding-bottom: 4px; }
.seo-linkBox ul > li > a { font-size: 12px; text-decoration: var(--text-decoration); color: var(--color-white); }
.seo-linkBox ul > li > a:hover { text-decoration: var(--text-decoration-hover); }

/* ### copyright box ### */
.copyrightBox { padding-top: 17px; padding-bottom: 17px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; background-color: var(--color-white); }
.copyrightBox p { margin-bottom: 0; font-size: 14px; font-weight: var(--font-weight-500); color: var(--color-dark-blue); }
.copyrightBox ul { display: flex; flex-wrap: wrap; list-style: none; }
.copyrightBox ul > li { position: relative; color: var(--color-dark-blue); }
.copyrightBox ul > li > a { font-size: 14px; font-weight: var(--font-weight-500); text-decoration: var(--text-decoration); color: var(--color-dark-blue); }
.copyrightBox ul > li > a:hover { text-decoration: var(--text-decoration-hover); }
.copyrightBox ul > li:after { margin: 0 12px; display: inline-block; width: 2px; height: 14px; vertical-align: middle; background-color: var(--color-dark-blue); content: ''; }
.copyrightBox ul > li:last-child:after { display: none; }

/* #Media Queries
================================================== */
@media only screen and (max-width: 1870px) {
	.centered-lg { padding-right: 15px; padding-left: 15px; }
	.menuBox { margin-left: 0; }
}

@media only screen and (max-width: 1465px) {
	#wrapper { padding-top: 143px; }
	.centered { padding-right: 15px; padding-left: 15px; }
	#headerCntr .logo img { max-width: 250px; }
	.headerBox .login ul { margin-right: 10px; }
	.headerBox .login li a { font-size: 16px; }
	.headerBox .login li:after { margin: 0 4px 0 7px; }
	.menuBox ul > li { margin-right: 30px; }
	.menuBox ul > li > a { font-size: 16px; }
	.menuBox ul > li > ul { width: 125px; }
	.menuBox ul > li > ul > li > ul { left: 125px; }
	.whatBox .holder { margin: 0 -15px; }
	.whatBox .column { padding: 0 15px; }
	.whatBox .right { padding-bottom: 120px; }
	.whatBox .items { padding: 35px 25px; }
	.card-estate .content { padding: 40px 20px; }
	.ctaBox .content { width: 70%; }
	.seo-linkBox .column { width: 25%; }
}

@media only screen and (max-width: 1199px) {
	#wrapper { padding-top: 110px; }
	#headerCntr .logo { width: 100%; }
	.headerBox { padding-top: 15px; padding-bottom: 15px; }
	.headerBox .login { display: none; }
	.menuBox { display: none; }
	.mobile-menu { display: block; }
	.whatBox .intro { padding: 60px 30px; }
	.whatBox .right { padding: 60px 30px; }
	.whatBox .column { width: 100%; }
	.investmentBox .column { width: 50%; }
	.investmentBox.inner { margin-bottom: 60px; }
	.introBox { padding-top: 70px; }
	.introBox h2 { margin-bottom: 25px; }
	.introBox .content { padding: 45px 30px; }
	.introBox .paragraph { padding-bottom: 0; }
	.seoBox { padding-top: 70px; }
	.estateBox .column { width: 33.33%; }
	.textBox .block { padding: 70px 8%; }
	.contactBox .form-item { width: 100%; }
	.seo-linkBox .column { width: 33.33%; }
	.card-related .content { padding: 20px 10px; }
	.footerBox .box { justify-content: unset; }
	.footerBox .item { width: 33.33%; }
	.footerBox .info { width: 33.33%; }
}

@media only screen and (max-width: 991px) {
	h1 { font-size: 50px; }
	.topBox p { font-size: 14px; }
	.topBox img { margin-left: 5px; }
	.heroBox { margin-bottom: 60px; }
	.heroBox h2 { margin-bottom: 25px; }
	.heroBox .content { padding: 40px 30px; right: 30px; max-width: 500px; }
	.heroBox .paragraph { margin-bottom: 25px; line-height: 1.75; }
	.heroBox .paragraph p { margin-bottom: 25px; }
	.heroBox .image { height: 580px; }
	.whatBox { margin-bottom: 80px; }
	.whatBox h2 { margin-bottom: 25px; }
	.whatBox .left { margin-bottom: 25px; width: 100%; }
	.whatBox .intro { padding: 50px; }
	.whatBox .right { margin-top: 0; padding: 50px; width: 100%; }
	.whatBox .right:before { display: none; }
	.whatBox .column { width: 50%; }
	.whatBox .items .button { width: auto; }
	.investmentBox { margin-bottom: 60px; }
	.whoBox { margin-bottom: 60px; }
	.whoBox .left { order: 2; width: 100%; }
	.whoBox .intro:before { display: none; }
	.whoBox .image { margin-top: 0; margin-bottom: 30px; order: 1; width: 100%; height: auto; }
	.seoBox { margin-bottom: 80px; }
	.seoBox .content { width: 100%; }
	.seoBox .paragraph { padding-bottom: 0; }
	.seoBox h2 { margin-bottom: 25px; }
	.teamBox h2 { margin-bottom: 25px; }
	.teamBox .column { width: 33.33%; }
	.brandBox { margin-bottom: 70px; padding-top: 60px; padding-bottom: 50px; }
	.brandBox .column { width: 50%; }
	.brandBox .item-logo { min-height: auto; }
	.estateBox { margin-bottom: 180px; }
	.estateBox h2 { margin-bottom: 25px; }
	.whoBox.inner .block { padding-bottom: 50px; }
	.textBox { margin-bottom: 70px; }
	.contactBox { margin-bottom: 60px; padding-bottom: 60px; }
	.contactBox .info { margin-bottom: 50px; width: 100%; }
	.contactBox .form { width: 100%; }
	.contactBox .form-item { width: 49%; }
	.ctaBox { margin-bottom: 220px; }
	.ctaBox .block { flex-wrap: wrap; }
	.ctaBox .content { width: 100%; }
	.ctaBox .paragraph p { margin-bottom: 20px; }
	.card-blog .image { height: 330px; }
	.seo-linkBox { padding-top: 50px; padding-bottom: 20px; }
	.seo-linkBox .column { width: 33.33%; }
	.newsBox { margin-bottom: 20px; }
	.newsBox .left { order: 2; width: 100%; }
	.newsBox .items .content { padding-top: 0; }
	.newsBox .right { margin-bottom: 30px; order: 1; width: 100%; }
	
	.descriptionBox .block { padding: 70px 5% 30px; }
	.relatedBox .column { width: 50%; }
}

@media only screen and (min-width: 768px) {
	.footerBox .hidden-menu { display: block !important; height: auto !important; }
}

@media only screen and (max-width: 767px) {
	h1 { font-size: 40px; }
	h2 { font-size: 28px; }
	.topBox img { display: none; }
	.heroBox { padding-bottom: 80px; }
	.heroBox .heading { margin-bottom: 40px; }
	.heroBox .content { position: relative; top: unset; right: unset; width: 100%; max-width: 100%; border-radius: 0 0 40px; }
	.heroBox .image { height: auto; }
	.heroBox .image img { border-radius: 40px 0 0; }
	.heroBox .button { width: 100%; }
	.heroBox .button-outline { margin-top: 10px; margin-left: 0; }
	.heroBox.inner-1 { padding-bottom: 60px; }
	.heroBox.inner-1 .image { height: 210px; }
	.whatBox .intro { padding: 40px 30px; border-radius: 40px 0 0; }
	.whatBox .column { width: 100%; }
	.whatBox .right { padding: 40px 30px; }
	.whatBox .items h3 { margin-bottom: 30px; }
	.whatBox .items { padding: 30px 20px; }
	.investmentBox { padding-top: 50px; padding-bottom: 50px; }
	.investmentBox .column { width: 100%; }
	.whoBox h2 { margin-bottom: 25px; }
	.whoBox .intro { padding: 50px 30px; }
	.introBox .column { width: 100%; }
	.teamBox .column { width: 50%; }
	.contactBox { padding-top: 50px; padding-bottom: 50px; }
	.contactBox .column { padding-bottom: 25px; }
	.contactBox .items { padding-bottom: 20px; width: 100%; }
	.contactBox address { margin-bottom: 20px; }
	.contactBox .map img { border-radius: 15px; }
	.contactBox .form-item { width: 100%; }
	.ctaBox .block { padding: 50px 40px; }
	.estateBox .column { width: 50%; }
	.card-rente .content { padding: 30px 25px; }
	.blogBox .column { width: 100%; }
	.seo-linkBox .column { width: 50%; }
	.newsBox .block { margin-bottom: 15px; }
	.newsBox .items .content .paragraph{ display:none; }
	.newsBox .items .content { order: 2; width: calc(100% - 120px); }
	.newsBox .items .image { margin-bottom: 30px; order: 1; width: 100px; height:100px; }
	.newsBox .items .image img{ width: 100px; height:100px; object-fit:cover; }
	.descriptionBox h1 { font-size: 30px; }
	.relatedBox { margin-bottom: 150px; }
	.relatedBox .column { margin-bottom: 0; width: 100%; }
	.footerBox { padding-top: 40px; padding-bottom: 30px; }
	.footerBox .box { padding-bottom: 0; }
	.footerBox .item { margin-bottom: 0; width: 100%; }
	.footerBox .title { margin-bottom: 15px; padding-bottom: 10px; position: relative; display: block; border-bottom: 1px solid var(--color-white); }
	.footerBox .title:after { position: absolute;
		top: 5px;
		right: 15px;
		font-family: 'icomoon', sans-serif;
		font-size: 8px;
		color: var(--color-white);
		transition: var(--transition-base);
		content: '\e900'; }
	.footerBox .title.active:after { transform: rotate(-180deg); }
	.footerBox ul { margin-bottom: 0; }
	.footerBox .hidden-menu { padding-bottom: 15px; display: none; }
	.footerBox .info { width: 100%; }
	.copyrightBox { justify-content: center; }
	.copyrightBox ul { justify-content: center; width: 100%; }
}

@media only screen and (max-width: 480px) {
	h1 { font-size: 22px; }
	.investmentBox .title h2 { font-size: 22px; }
	.whatBox .items .button { width: 100%; }
	.button { padding: 12px 10px; width: 100%; }
	.teamBox .column { width: 100%; }
	.brandBox .item-logo img { height: 70px; }
	.estateBox .column { width: 100%; }
	.ctaBox .button { width: 100%; }
	.seo-linkBox .column { width: 100%; }
	.card-blog .title { padding: 15px 20px; }
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}