/*  =================================================================
    0.0 :ROOT ~ overwrites or extras (if needed)
================================================================== */
    :root {
        --row-width: 1440px; /* max-width */
        --row-half-width: -720px; /* half-width */		
        --row-content: 1160px; /* half-width */
        --grotesk-space: 'Space Grotesk', sans-serif;
		--grotesk-host: 'Host Grotesk', sans-serif;
		--antropos: 'antroposfreefont', sans-serif;
        --font-weight: 400;
		
		--merlot: #883e39;
		--peach: #efa695;
		--terracotta: #c35a4a;
		--ivory: #fff9f4;
		--blush: #fcede0;
		--cocoa: #512d1d;
		--teal: #7ca6a6;
		--moss: #3d451d;
		--linen: #d8dcc2;
		--amber: #d8a850;
		
		--swiper-navigation-size: 32px;
		--swiper-theme-color: var(--merlot);
    }
	
	@font-face {
		font-family: 'antroposfreefont';
		src: url('../webfonts/antrf___-webfont.eot');
		src: url('../webfonts/antrf___-webfont.eot?#iefix') format('embedded-opentype'), url('../webfonts/antrf___-webfont.woff2') format('woff2'), url('../webfonts/antrf___-webfont.woff') format('woff'), url('../webfonts/antrf___-webfont.ttf') format('truetype'), url('../webfonts/antrf___-webfont.svg#antroposfreefont') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	/*  =================================================================
	1.0 BASE
	================================================================== */
    body, p, ul, ol, label, a, .button, button, input, select, textarea, address {
        font-family: var(--grotesk-space);
    }
	
	body {
		background-color: var(--ivory);
    }

    main.row, .row.outer {
        padding-left: 20px;
        padding-right: 20px;
    }
    .row.outer.collapsed {
        padding-left: 0;
        padding-right: 0;
    }
	.row._content {
		max-width: var(--row-content);
	}
	.gridFrame {
		gap: var(--gutter-tablet);
	}

/*  1.1 BASE - Colors
    -------------------------------------------------------------- */
    .bgBeach {
        background-color: var(--clr-beach);
    }

/*  1.2 BASE - Clearfix
    -------------------------------------------------------------- */
    .clear, .clearall, .clearfix {
        clear: both;
    }

/*  1.4 BASE - Text stylings
    -------------------------------------------------------------- */
    h1, h2, h3, h4, h5, h6 {
        font-family: var(--antropos);
    }
    h1 {
        font-weight: 600;
    }
	.tinyTexts h1 {
		font-size: 44px;
		line-height: 51px;
		color: var(--merlot);
	}
    h2 {
        padding: 0;
        text-transform: none;
		font-size: 22px;
        line-height: 34px;
        font-weight: 500;
    }
    h2 span {
        display: inline;
        color: var(--clr-green);
    }    
    h2 small {
        font-size: 18px;
        line-height: 24px;
        font-weight: 300;
		margin-bottom: 20px;
        color: #4f4f4f;
    }
    h3 {
        font-weight: 600;
        font-size: 24px;
        line-height: 33px;
        text-transform: none;
        margin-bottom: 20px;
		color: var(--clr-green);
    }
    p, li {
        font-size: 14px;
        line-height: 30px;
        color: var(--clr-grey_69);
    }
    p, .WYSIWYG ul, .WYSIWYG ol  {
        margin-bottom: 24px;
    }

    input[type="submit"],
    button,
    .button {
		background-color: var(--merlot);
		color: #FFF3E3;
		display: inline-block;
		padding: 10px 20px;
		width: fit-content;
		text-align: center;
		min-width: 172px;
		max-width: 100%;
		border-radius: 24px;
		font-size: 16px;
		line-height: 28px;
		font-weight: 500;	
    }


/*  =================================================================
    x.0 HEADER
    ================================================================== */
    nav:not([aria-label="Breadcrumb"]) {
        position: sticky;
        left: 0;
        top: 0;
        background-color: var(--blush);
        z-index: 997;
    }
    nav .row {
        display: flex;
        align-items: center;
        justify-content: space-between;
		padding: 0;
    }
	
	nav .topRow {
		min-height: 65px;
		background-color: var(--merlot);
	}
	nav .topText {
		display: none;
		padding: 15px 0;
		padding-left: 140px;
	}
	nav .topText p {
		font-size: 15px;
		line-height: 35px;
		margin: 0;
		color: #FFF3E3;
	}
	nav .topText p a {
		text-decoration: underline;
		color: var(--peach);
	}
	nav .topSearch {
		width: /*336px*/50%;
		background-color: var(--teal);
		margin-left: auto;
	}	
	nav .topSearch input {		
		font-size: 15px;
		line-height: 35px;
		float: left;
		padding: 15px;
		width: calc(100% - 65px);
		margin: 0;
		background: transparent;
	}
	nav .topSearch button {
		float: left;
		font-size: 21px;
		min-width: 0;
		width: 100%;
		border-radius: 0;
		max-width: 65px;
		line-height: 65px;
		text-align: center;
		margin: 0;
		padding: 0;
		background: transparent;
	}
	nav .subscribe {
		width: /*180px*/50%;
		background-color: var(--terracotta);
		display: block;
		line-height: 65px;
		font-family: var(--antropos);
		font-size: 21px;
		color: #FFF3E3;
		text-align: center;
	}
	
    nav .logo-link {
        position: relative;
        font-size: 0;
        line-height: 0;
        display: inline-block;
        margin: 16px 0;
        z-index: 1;
    }
    nav .logo-link img {
        width: auto;
        height: 68px;
    }
	nav .mobileBTN {
		font-size: 21px;
	}
	
    nav .row ul {
        margin-left: auto;
        font-size: 0;
        line-height: 0;
        text-align: left;
    }
    nav .row ul li {
		position: relative;
		display: inline-block;
    }
	nav .row > ul ul li {
		display: block;
		width: 100%;
	}
    nav .row ul li:not(:first-of-type) {
        margin-left: 24px;
    }
    nav .row ul li.extra-links a:not(:first-of-type) {
        margin-left: 6px;
    }
    nav .row ul li.extra-links {
        margin-left: 211px;
    }
    nav ul a {
        display: block;
        line-height: 21px;
        font-size: 16px;
        font-weight: 400;
        color: var(--merlot);
    }
    nav ul a.active {
        font-weight: 600;
        color: var(--moss);
		border-bottom: 1px solid var(--moss);
    }
    nav ul a span {
        font-size: 14px;
        font-weight: 400;
	}
    nav.showed ul a span {
		line-height: 22px;
		vertical-align: bottom;
    }
    nav ul i {
        font-size: 22px;
        line-height: 20px;
        vertical-align: bottom;
    }
	
	nav ul {
		display: none;
	}
	
	nav ul ul {
		position: absolute;
		left: 0;
		top: 100%;
		display: none;
		background-color: var(--clr-white);
		width: fit-content;
		min-width: 200px;
		padding: 5px 0;
		padding-top: 20px;
	}
	nav.showed ul ul {
		position: relative;
		left: auto;
		top: auto;
		width: calc(100% + 20px);
		margin-left: -10px;
		padding-top: 5px;
		padding-left: 20px;
	}
	
	nav ul ul li {
		margin: 0 !important;
		padding: 0 10px;
	}
	
	nav ul ul ul {
		left: 100%;
		top: 0;
		background-color: var(--clr-white);
		padding-top: 0;
	}
	
	nav.showed .row > ul {
		padding-top: 10px;
		display: block;
		position: fixed;
		left: 0;
		top: 60px;
		width: 100%;
		border-top: 1px solid var(--clr-green);
		background-color: var(--clr-white);
		height: 100dvh;
	}
	nav.showed .row > ul li {
		display: block;
		margin: 0 !important;
		padding: 10px;
	}
	nav.showed .row > ul ul li {
		padding: 5px 10px;
	}
	nav.showed li.has-children .dd {
		position: absolute;
		right: 5px;
		top: 5px;
		width: 40px;
		height: 40px;
		text-align: center;
		line-height: 40px;
		border: 0;
		transform: translateZ(0);
		z-index: 1;
	}
	nav.showed ul ul li.has-children .dd {
		top: 0;
	}
	nav.showed .row > ul li.extra-links {
		padding: 40px;
		text-align: center;
	}
	nav.showed .row > ul li.extra-links a {
		display: inline-block;
	}
	
	.subNav {
		padding: 20px 0;
	}
	.subNav a {
		display: block;
		line-height: 20px;
		padding: 10px 0;
		color: var(--merlot);
		border-bottom: 1px solid var(--blush);
	}


    /*  =================================================================
    x.0 HEADER
    ================================================================== */
    header {
		background-color: var(--peach);
        overflow: hidden;
        font-size: 0;
        line-height: 0;
    }
	body:not(.home) header {
		max-height: 308px;
	}
	body:not(.home) header img {
		height: 100%;
		object-fit: cover;
	}
	header > .row {
		display: flex;
		flex-direction: column;
	}
	header aside,
	header .slideContainer {
		width: 100%;
		height: /*623px*/auto;
	}
	
	header aside {
		/*float: left;*/
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		/*max-width: 283px;*/
		order: 2;
		/*padding: 0 37px 37px;*/
		padding: 20px 30px;
		align-items: center;
		text-align: center;
	}
	
	header h1 {
		font-family: var(--grotesk-host);
		color: var(--terracotta);
		font-weight: 300;
		font-size: 33px;
		line-height: 35px;
	}
	header p {
		margin-top: 35px;
		color: var(--merlot);
		font-weight: 500;
		font-size: 16px;
		line-height: 23px;
	}
	/*header .button {
		margin-top: 37px;
    }*/
	
	header .slideContainer {
		/*float: right;
		max-width: calc(100% - 283px);*/
		order: 1;
	}
	header .slideContainer .swiper,
	widget .swiper {
		height: 100%;
		font-size: 0;
		line-height: 0;
		padding-bottom: 65px;
	}
	header .slideContainer img,
	widget .widgetSwiper img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	header .swiper-button-prev,
	header .swiper-button-next,
	widget .widgetSwiper .swiper-button-prev,
	widget .widgetSwiper .swiper-button-next {
		top: auto;
		bottom: 0;
		width: /*65px*/50%;
		height: 65px;
		margin-top: 0;
		z-index: 10;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--amber);
	}
	widget .widgetSwiper .swiper-button-prev,
	widget .widgetSwiper .swiper-button-next {
		width: 46px;
		height: 46px;
	}
	header .swiper-button-prev svg, 
	header .swiper-button-next svg,
	widget .widgetSwiper .swiper-button-prev svg,
	widget .widgetSwiper .swiper-button-next svg {
		width: auto;
		height: 41px;
		color: var(--moss);
	}
	widget .widgetSwiper .swiper-button-prev svg,
	widget .widgetSwiper .swiper-button-next svg {
		height: 28px;
	}	
	
	header .swiper-button-prev:hover, 
	header .swiper-button-next:hover,
	widget .widgetSwiper .swiper-button-prev:hover,
	widget .widgetSwiper .swiper-button-next:hover {
		background-color: var(--terracotta);
	}
	
	header .swiper-button-prev:hover svg, 
	header .swiper-button-next:hover svg,
	widget .widgetSwiper .swiper-button-prev:hover svg,
	widget .widgetSwiper .swiper-button-next:hover svg {
		color: var(--peach);
	}
	
	header .swiper-button-prev:after, 
	header .swiper-button-next:after,
	widget .widgetSwiper .swiper-button-prev:after,
	widget .widgetSwiper .swiper-button-next:after {
		display: none;
	}
	header .swiper-button-next {
		right: 0;
	}	
	widget .widgetSwiper .swiper-button-next {
		right: calc(50% - 46px);
	}
	header .swiper-button-prev {
		left: 0/*auto*/;
		/*right: 65px;*/
	}		
	widget .widgetSwiper .swiper-button-prev {
		left: calc(50% - 46px);
	}
	

/*  =================================================================
    x.0 SIDEBAR
    ================================================================== */


/*  =================================================================
    x.0 CONTENT
    ================================================================== */
    section {
		padding-left: 20px;
		padding-right: 20px;
        margin-bottom: 0;
    }
	.tinyTexts section {		
		padding-left: 0px;
		padding-right: 0px;
	}
	
	section.topBorder {
		padding-top: 75px;
	}
	section.topBorder:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%; 
		height: 95px;
        background-image: url(../img/btm-bar_inv.svg);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		-webkit-transform: rotate(180deg);
				transform: rotate(180deg);
	}
    
    /*  x.x WYSIWYG controler
    -------------------------------------------------------------- */    
	.home .text .gridFrame {
		gap: 0;
	}
    .WYSIWYG h1, .WYSIWYG h2, .WYSIWYG h3, .WYSIWYG h4, .WYSIWYG h5, .WYSIWYG h6,
    .WYSIWYG p,
    .WYSIWYG ol,
    .WYSIWYG ul,
    .WYSIWYG figure {		
        margin-bottom: 20px;
    }
	
	.WYSIWYG h2 {
		font-size: 28px;
		line-height: 41px;
	}
	.tinyTexts .WYSIWYG h2 {
		font-size: 34px;
		line-height: 51px;
		margin-bottom: 0;
		color: var(--merlot);
	}
	.WYSIWYG h2.icon {
		position: relative;
	}
	.WYSIWYG h2.icon:before {
		content: "";
		display: inline-block;
		width: 42px;
		height: 41px;
		vertical-align: bottom;
		background: url('../img/icon-site.svg') no-repeat center / contain;
		margin-right: 5px;
	}
	
	.WYSIWYG p, .WYSIWYG li {
        line-height: 21px;
        color: var(--merlot);
    }
    .WYSIWYG p:last-of-type, .WYSIWYG ul:last-of-type, .WYSIWYG ol:last-of-type {
        margin-bottom: 0;
    }
	.WYSIWYG p:last-of-type + ul, 
	.WYSIWYG p:last-of-type + ol, 
	.WYSIWYG ul:last-of-type + p,
	.WYSIWYG ul:last-of-type + ol,	
	.WYSIWYG ol:last-of-type + p,
	.WYSIWYG ol:last-of-type + ul {
        margin-top: 20px;
    }
	.WYSIWYG ul ul, .WYSIWYG ul ol, .WYSIWYG ol ol, .WYSIWYG ol ul {
        margin-bottom: 0;
    }
    .WYSIWYG p strong, .WYSIWYG li strong {
        font-weight: 600;
    }
	
	.WYSIWYG p a {
		color: var(--merlot);
		text-decoration: underline;
	}
	
    .WYSIWYG li {
        position: relative;
        padding-left: 21px;
    }
    .WYSIWYG li:before {
        display: inline-block;
        line-height: 21px;
        width: 21px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .WYSIWYG ol {
        counter-reset: section;
    }
    .WYSIWYG ol > li > ol {
        counter-reset: subsection;
    }
    .WYSIWYG ol li:before {
        font-size: 16px;
        text-align: left;
        font-weight: 600;
        color: var(--merlot);
    }
    .WYSIWYG ol > li {        
        counter-increment: section;
    }
    .WYSIWYG ol > li:before {
        content: counter(section) ".";
    }
    .WYSIWYG ol > li > ol > li {
        counter-increment: subsection;
    }
    .WYSIWYG ol > li > ol > li:before {
        content: counter(section) "." counter(subsection) " ";
    }
    .WYSIWYG ul li:before {
        font-family: remixicon;
        content: '\F3C1';
        text-align: center;
        font-size: 6px;
    }

    .WYSIWYG .img {
        border-radius: 0 0 30px 30px;
		padding: 30px;
    }
	.WYSIWYG .img figure {
        border-radius: 30px;
		padding-bottom: 0;
		margin: 0;
    }
	.tinyTexts .WYSIWYG .img figure {
        border-radius: 30px;
		max-width: 334px;
		padding-bottom: 0;
    }
	.WYSIWYG .img figure img {
		object-fit: cover;
	}
	.tinyTexts .WYSIWYG .img figure img {
		position: relative;
		left: auto;
		top: auto;
		height: auto;
		object-fit: contain;
	}
    
	.WYSIWYG .txt {
        border-radius: 30px 30px 0 0;
		padding-top: 50px;
    }
	.WYSIWYG .txt .tBox {
		text-align: center;
		padding: 0 30px 30px;
    }
	.WYSIWYG .txt img {
		max-width: 123px;
		margin-bottom: 18px;
	}
	.WYSIWYG .txt h2 {
        font-family: var(--antropos);
		font-size: 29px;
		line-height: 1em;
    }
	
	.WYSIWYG .txt p {
        font-size: 24px;
		line-height: 32px;
    }
	.tinyTexts .WYSIWYG .txt p {
        font-size: 16px;
		line-height: 25px;
		color: var(--merlot);
    }	
	
	.WYSIWYG .txt .button {
		margin-top: 40px;
        font-size: 23px;
		font-weight: 600;
		line-height: 41px;
		border-bottom: 3px solid transparent;
		border-radius: 0;
		padding: 0;
		min-width: fit-content;
    }
		
	.quote blockquote {
		width: 100%;
		border-radius: 30px;
		padding: 40px;
        position: relative;
        border: 0;
        margin: 0;
		text-align: center;
	}
	.quote blockquote p {
		font-size: 36px;
		line-height: 43px;
	}
	
	.WYSIWYG.blocked .grid-item {
		background-color: var(--clr-beach);
		padding: 30px 30px 10px 95px;
	}
	.WYSIWYG.blocked .grid-item p {
		line-height: 20px;
		margin-bottom: 20px;
	}
	
	.home section.text {
		padding: 60px 0;
	}
	.home section.text:last-of-type {
		margin-bottom: 60px;
	}		

    /*  x.x Widgets
    -------------------------------------------------------------- */
	widget {
		display: block;
		width: 100%;
		position: relative;
		border-radius: 30px;
		overflow: hidden;
		background-color: #ccc;
		color: #333;
		text-align: center;
		margin-top: 45px;
	}
	widget .text {
		padding: 47px 20px;
		padding-bottom: 0;
	}
	widget img + .text {
		padding: 20px;
		padding-bottom: 0;
	}
	widget h2 {
		font-size: 26px;
		line-height: 33px;
		margin-bottom: 20px;
	}
	widget .button {
		margin: 0 0 40px 0;
	}
    
    /*  x.x HOME - Searches
    -------------------------------------------------------------- */
	.searches h2 {
		margin-top: 20px;
		color: var(--merlot);
	}
	.searches h3 {
		margin-top: 20px;
		margin-bottom: 0;
		color: var(--teal);
	}
	.searches li {
		line-height: 21px;
	}
	.searches li a {
		color: var(--merlot);
		text-decoration: underline;
	}
	
    /*  x.x HOME - USP
    -------------------------------------------------------------- */
	.USP {
		padding: 0;
		margin-bottom: 60px;
	}
	.USP .gridFrame {
		gap: 0px;
	}
	.USP .grid-item {
		padding: 30px;
		padding-bottom: 108px;/* 130px; */
		-webkit-transition: all 100ms ease;
				transition: all 100ms ease;
	}
	.USP .grid-item._full {
		padding-left: 0;
		padding-right: 0;
	}
    .USP h3, .USP p {
        text-align: center;
    }
	.USP p:last-of-type {
		margin-bottom: 0;
	}
    .USP figure {
        margin: 0 auto;
        width: 100%;
        padding-bottom: 210px;
        margin-bottom: 36px;
		border-radius: 30px;
		overflow: hidden;
    }
    .USP figure img {
        position: absolute;
        left: 0;
        top: 0;
		object-fit: cover;
		height: 100%;
    }
	.USP h3 {
		font-family: var(--antropos);
		font-size: 24px;
		line-height: 33px;
		padding: 0;
	}
	.USP p {
		font-size: 16px;
		line-height: 20px;
		font-weight: 500;
	}
	.USP .button {
		white-space: nowrap;
	    position: absolute;
		left: 50%;
		bottom: 30px;
		-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
	}

    /*  x.x HOME - PARTNERS
    -------------------------------------------------------------- */
    section.partners:not(.noBG) {
		margin-bottom: 20px;
	}
	.partners:not(.noBG) {
        background-color: var(--clr-beach);
        padding: 58px 20px 110px 20px;
    }
    .partners:not(.noBG):after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 110px;
        background-image: url(../img/btm-bar_inv.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom center;
        z-index: 2;
    }

    .partners h2 {
		font-size: 24px;
		line-height: 29px;
        font-weight: 600;
        margin-bottom: 30px;
    }
    .partners h2 small {
        font-weight: 300;
        color: #4f4f4f;
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 20px;
    }

    .partners .logos {
        text-align: center;
        font-size: 0;
        line-height: 0;
    }
    .partners .logos figure {
        display: inline-block;
        width: fit-content;
        height: 80px;
        padding: 10px;
        margin: 0 10px;
    }
    .partners .logos figure img {
        height: 60px;
        object-fit: contain;
        filter: grayscale(100);
    }

    .partners .partnerSlider {
        margin: 30px 28px 66px; /* row - _content / 2 */
    }
    .partners .swiper-slide {
        background-color: var(--clr-white);
        border-radius: 10px;
        padding: 20px;
        height: 256px;
    }
    .partners .swiper-slide h3,
	.partners .swiper-slide p {
		color: var(--clr-green);
	}
	.partners .swiper-slide p {
		font-size: 14px;
		line-height: 22px;
	}
	.partners .swiper-slide h3 span {
		color: var(--clr-black);
        margin-left: 20px;
        display: inline;
    }
	
	.partners .swiper-slide .ri-star-line {
		opacity: 0;
		color: transparent;
		pointer-events: none;
		display: none;
	}

    .partners .swiper-button-prev:after,
    .partners .swiper-button-next:after {
        font-family: "remixicon";
        font-size: 40px;
        color: var(--clr-green);
        font-weight: 600;
    }

    .partners .swiper-button-prev {
        left: var(--swiper-navigation-sides-offset, -10px);
    }
    .partners .swiper-button-prev:after {
        content:'\F494';
    }
    .partners .swiper-button-next {
        right: var(--swiper-navigation-sides-offset, -10px);
    }    
    .partners .swiper-button-next:after {
        content: '\F496';
    }
	
	.partners.noBG .gridFrame {
		gap: 96px;
	}
	.partners.noBG .grid-item {
		background-color: var(--clr-beach);
		border-radius: 10px;
		padding: 48px 32px 64px 96px;
	}
	.partners.noBG .grid-item p {
		color: var(--clr-green);
	}
	.partners.noBG .rating {
		font-weight: 400;
		position: absolute;
		left: 50%;
		bottom: 32px;
		-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
		color: var(--clr-black);
	}
	
    .partners .button,
    .blogs .button,
    .WYSIWYG p a.button {
        display: inline-block;
        line-height: 24px;
        min-width: 242px;
        padding: 12px 8px;
        border-radius: 16px;
        font-size: 16px;
        background-color: var(--clr-green); 
        color: var(--clr-white);
    }

    /*  x.x HOME - VIDEO
    -------------------------------------------------------------- */
    .video-container {
        border-radius: 16px;
    }
    .play-button { 
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        margin: 0;
        z-index: 1;
        cursor: pointer;
    }
    .play-button svg {
        width: auto;
        height: 100px;
    }
    .play-button svg path {
        -webkit-transition: fill 150ms ease-in;
                transition: fill 150ms ease-in;
    }
    .play-button:hover svg path.cls {
        fill: #c4002f;
    }	
	
	/*  x.x HOME - breadcrumbs
    -------------------------------------------------------------- */	
	.hdrText {
		padding: 15px 0 35px;
	}
	.hdrText nav {
		z-index: 0;
	}
	.hdrText p,
	.hdrText li,
	.hdrText a {
		color: var(--merlot);
	}
	.hdrText li,
	.hdrText p {
		font-size: 16px;
		line-height: 21px;
		margin: 0;
	}
	.hdrText li {
		display: inline-block;
	}	
	.hdrText li:not(:last-of-type) {
		margin-right: 5px;
	}	
	.hdrText li:not(:last-of-type):after {
		content: '>';
		margin-left: 5px;
	}
	.hdrText li a {
		text-decoration: underline;
	}
	.pageEndBorder {
		position: relative;
		padding-bottom: 60px;
	}
	.hdrText:after,
	.pageEndBorder:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 5px;
		background-image: url("data:image/svg+xml;utf8,\
		<svg xmlns='http://www.w3.org/2000/svg' width='10' height='4' viewBox='0 0 10 4'>\
		<circle cx='2' cy='2' r='2' fill='%237ca6a6'/>\
		</svg>");
		background-repeat: repeat-x;
		);
	}
	
	/*  x.x HOME - intro
    -------------------------------------------------------------- */	
	.home .text.intro,
	.home section.text {
		padding: 63px 30px 96px;
	}
	.text.intro .WYSIWYG {
		max-width: 760px;
	}
	.text.intro .WYSIWYG p {
		font-family: var(--antropos);
		font-size: 28px;
		line-height: 33px;
		text-align: center;
	}
	.tinyTexts .text.intro .WYSIWYG p {
		font-family: var(--grotesk-space);
		font-size: 20px;
		line-height: 31px;
		text-align: inherit;
		color: var(--merlot);
	}
	.text.intro .border_btm {
		display: block;
		position: absolute;
		left: 50%;
		bottom: 30px;
		max-width: 250px;
		-webkit-transform: translateX(-50%) rotate(180deg);
				transform: translateX(-50%) rotate(180deg);
	}
	

    /*  x.x HOME - BLOGS
    -------------------------------------------------------------- */	
	section.blogs {
        margin-top: 75px;
    }
	section.blogs._first {
        margin-top: 0;
    }
    .blogs.topBar:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 100%;
        width: 100%;
        height: 75px;
        background-image: url(../img/btm-bar_beach.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom center;
    }
    .blogs h2 {
        margin-bottom: 75px;
		font-size: 24px;
		line-height: 29px;
		font-weight: 600;
    }
    .blogs article {
        font-size: 0;
        line-height: 0;
        border-radius: 16px;
        background-color: var(--clr-beach);
        padding: 27px;
        overflow: hidden;
    }
    .blogs.bgBeach article {
        background-color: var(--clr-white);
    }
    .blogs article img {
        margin-top: -27px;
        margin-left: -27px;
        width: calc(100% + 54px);
        height: 234px;
        object-fit: cover;
    }
    .blogs article time {
        display: block;
        margin-top: 20px;
        color: #8C89A2;
        font-weight: 500;
        letter-spacing: 2px;
        font-size: 15px;
        line-height: 26px;
        text-transform: uppercase;
    }
    .blogs article h3 {
        margin-top: 20px;
        font-size: 20px;
        line-height: 27px;
        font-weight: 600;
        color: var(--clr-green);
    }
    .blogs article a {
        display: inline-block;
        margin-top: 20px;
        font-size: 14px;
        font-weight: 700;
        color:var(--clr-black);
    }
    .blogs .button {
        margin: 75px 0;
    }
	
	.blog h2:before {
		vertical-align: text-top;
    }	

    /*  x.x HOME - CONTACT FORM
    -------------------------------------------------------------- */
	.text.quote .txt {
		padding-top: 24px;
	}

    /*  x.x HOME - CONTACT FORM
    -------------------------------------------------------------- */
    .contact h3 {
		font-size: 20px;
		line-height: 36px;
	}
	.contact h3 i {
		font-weight: normal;
	}	
	
	section.blog .gridFrame,
    section.quote .gridFrame {
        grid-gap: 34px;
    }

    /*  x.x HOME - CTA
    -------------------------------------------------------------- */
	.collab {
		padding-bottom: 155px;
	}
	.cta {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		height: 100vh;
		max-height: 450px;
		border-radius: 30px;
		overflow: hidden;
		padding: 30px;
		text-align: center;
	}
	.cta:after {
		content: '';
		border-radius: 30px;
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		background-color: rgba(0,0,0,0.5);
	}
	
	.cta h2,
	.cta p {
		color: #FFF3E3;
	}
	
	.cta h2,
	.cta p,
	.cta .button {
		position: relative;
		z-index: 2;
	}
	
	.cta h2,
	.multi_cta h2 {
		font-family: var(--antropos);
		line-height: 1em;
	}
	.cta h2 {
		font-size: /*112px*/36px;
		margin-bottom: 36px;
	}
	.cta p {
		font-size: 26px;
		line-height: 30px;
		font-weight: 500;
	}
	.cta .button {
		position: absolute;
		left: 50%;
		bottom: 30px;
		-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
		color: var(--merlot);
		background-color: #FFF3E3;
	}
	.multi_cta {
		padding: 46px 30px;
		text-align: center;
		background-color: var(--peach);
	}
	.multi_cta h2 {
		font-size: 43px;
		color: var(--merlot);
		margin-bottom: 38px;
	}
	.multi_cta figure {
		position: relative;
		padding-bottom: 100%;
		border-radius: 30px;
		overflow: hidden;
	}
	.multi_cta figure img {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		object-fit: cover;
	}
	.multi_cta figure:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		background-color: rgba(0,0,0,0.5);
	}
	.multi_cta figure h3 {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 2;
		padding: 0 0 25px;
		font-size: 18px;
		line-height: 23px;
		margin: 0;
		font-family: var(--antropos);
		color: #FFF3E3;
	}

	.pageEndNav {
		padding: 35px 0 55px;
		font-size: 16px;
		line-height: 21px;
	}
	.pageEndNav a {
		color: var(--merlot);
	}
	.pageEndNav a#scrollTopBtn {
		float: right;
	}
	
	.pageEndNav a span {
		text-decoration: underline;
	}
	
	.form .gridFrame {
		gap: 8px;
	}
	.form .WYSIWYG h2 {
		color: var(--moss);
		margin-bottom: 16px;
	}
	.form form input,
	.form form textarea {
		display: block;
		width: 100%;
		border-radius: 15px;
		padding: 20px;
		line-height: 25px;
		border: 1px solid var(--merlot);
		background-color: #FFFCFA;
	}	
	.form .optGroup {
		font-size: 16px;
		line-height: 21px;
		padding: 21px 0;
		color: var(--merlot);
	}
	
	.form form .optGroup strong,
	.form form input[type="radio"],
	.form form input[type="radio"] + label {
		float: left;
		display: inline-block;
		margin: 0;
	}
	
	.form form .optGroup strong {
		margin-right: 10px;
	}
	.form form input[type="radio"] {
		margin-left: 20px;
	}
	.form form input[type="radio"] + label {
		padding-left: 10px;
	}	
	
	.form form input[type="radio"] {
		padding: 0;
		height: 21px;
		max-width: 21px;
		border-radius: 50%;
	}


/*  =================================================================
    FOOTER
    ================================================================== */
    footer {
        background-color: var(--merlot);
		padding: 52px 30px 0 30px;
		text-align: center;
    }
	footer .logo-box {
		display: flex;
		justify-content: center;
	}
	footer .logo-link {
		margin-top: 10px;
		display: inline-block;
	}
	footer .logo-link img {
		max-width: 186px;
	}
	
	footer h3 {
		font-family: var(--grotesk-space);
		color: var(--peach);
		font-size: 26px;
		line-height: 32px;
		font-weight: 400;
	}
	footer p {
		font-weight: 500;
		color: var(--blush);
		font-size: 15px;
		line-height: 25px;
	}
	footer p a {
		color: var(--blush);
		text-decoration: underline;		
	}
	
	footer .socials svg,
	footer .socials img	{
		width: auto;
		height: 30px;
		color: var(--blush);
	}
	footer .socials a {
		display: inline-block;
	}
	footer .socials a:not(:first-of-type) {
		margin-left: 20px;
	}

	footer .btmGrid {
		padding-top: 119px;
		padding-bottom: 53px;
		font-size: 16px;
		line-height: 21px;
	}
	footer .btmGrid,
	footer .btmGrid a {
		color: var(--peach);
	}
	footer .btmGrid .heart {
		color: var(--terracotta);
	}
	

    /*  =================================================================
    MEDIA QUERIES
    ================================================================== */
    /* MOBILE */
    @media only screen and (min-width: 572px) { 
	
		nav .topSearch {
			width: 75%;
		}
		nav .subscribe {
			width: 25%;
		}
		
	}

    @media only screen and (min-width: 572px) and (orientation: landscape) { }
    @media only screen and (min-width: 572px) and (orientation: portrait) { }

    /* IPADS portrait */
    @media only screen and (min-width: 768px) and (min-height: 600px) { }

    /* IPADS */
    @media only screen and (min-width: 768px) { }

    /* IPADS landscape AND mini laptops */
    @media only screen and (min-width: 960px) {		
				
		nav .topText {
			display: inline-block;
		}
		nav .topSearch {
			width: 336px;
		}
		nav .subscribe {
			width: 180px;
		}
		
		/*  =================================================================
		x.0 NAV
		================================================================== */
		.mobileBTN/*,
		nav li.has-children .dd*/ {
            display: none;
        }
		
		nav ul {
			display: block;
		}
		
		nav ul a {
			display: inline-block;
			line-height: 20px;
		}
		nav ul i {
			vertical-align: text-top;
			pointer-events: none;
			color: var(--merlot);
		}
		
		nav ul ul {
			position: absolute;
			left: 0;
			top: 100%;
			display: none;
			background-color: var(--clr-white);
			min-width: 240px;
			width: fit-content;
			white-space: nowrap;
			padding: 0;
			margin: 0;
			box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
			text-align: left;
		}
		nav ul ul li {
			margin: 0 !important;
			padding: 0;
		}
		nav ul ul a {
			font-size: 15px;
			font-weight: 400;
			float: none;
			display: block;
			padding: 8px 22px;
		}
		nav ul ul ul {
			left: 100%;
			/*top: -10px;*/
			background-color: var(--clr-white);
			padding-top: 10px;
		}
		
		
		/*  =================================================================
		x.0 HEADER
		================================================================== */		
		header > .row {
			flex-direction: row;
		}
		header aside,
		header .slideContainer {
			height: 623px;
		}		
		header aside {
			max-width: 283px;
			order: 1;
			padding: 0 37px 37px;
			align-items: flex-start;
			text-align: left;
		}		
		header .button {
			margin-top: 37px;
		}		
		header .slideContainer {
			max-width: calc(100% - 283px);
			order: 2;
		}
		
		header .slideContainer .swiper, widget .swiper {
			padding-bottom: 0;
		}
		
		header .swiper-button-prev,
		header .swiper-button-next {
			width: 65px;
		}	
		
		header .swiper-button-prev {
			left: auto;
			right: 65px;
		}
		
		widget .widgetSwiper .swiper-button-prev,
		widget .widgetSwiper .swiper-button-next {
			width: 46px;
		}
		
		
		/*  =================================================================
		x.0 CONTENT
		================================================================== */
		
		/*  x.x WYSIWYG controler
		-------------------------------------------------------------- */    
		.WYSIWYG .img {
			border-radius: 0;
			padding: 0;
		}
		.WYSIWYG .img figure {
			border-radius: 0 30px 30px 0;
			padding-bottom: 405px;
			margin: 0;
		}
		.WYSIWYG .img figure img {
			position: absolute;
			left: 0;
			top: 0;
			height: 100%;
		}
		.tinyTexts .WYSIWYG .img figure img {
			position: relative;
			left: auto;
			top: auto;
			height: auto;
			object-fit: contain;
		}
		
		.WYSIWYG .txt {
			border-radius: 30px 0 0 30px;
			padding-top: 0;
		}
		.WYSIWYG .txt .tBox {
			text-align: center;
			max-width: 55.17%;
			padding: 0;
		}
		.WYSIWYG .txt .button {
			margin-top: 20px;
		}
		
		.swapped .img {
			order: 1;
		}
		.swapped .txt {
			order: 2;
		}
		.swapped.WYSIWYG .img figure {
			border-radius: 30px 0 0 30px;
		}
		.tinyTexts .swapped.WYSIWYG .img figure {
			border-radius: 30px;
		}
		.swapped.WYSIWYG .txt {
			border-radius: 0 30px 30px 0;
		}
		
		/*  x.x HOME - intro
		-------------------------------------------------------------- */	
		.home .text.intro,
		.home section.text {
			padding: 63px 0 96px 0;
		}
	
	    /*  x.x HOME - CTA
		-------------------------------------------------------------- */
		.cta {
			max-height: 405px;
			padding: 74px 64px;
			text-align: left;
		}
		
		.cta h2 {
			font-size: 112px;
			margin-bottom: 0;
		}
		
		.multi_cta figure h3 {
			padding: 0 45px 25px;
			font-size: 24px;
			line-height: 33px;
		}
		
		
		/*  =================================================================
		FOOTER
		================================================================== */
		footer {
			padding: 152px 0 0 0;
			text-align: left;
		}
		footer .logo-link img {
			max-width: 112px;
		}
		
		footer address,
		footer .socials	{
			padding-left: 42px;
		}

    }

    /* SMALL SCREENS */
    @media only screen and (min-width: 1280px) {
		
		/*  =================================================================
		x.0 HEADER
		================================================================== */
		header.type_1:after,
		header.type_3:after {
			height: 70px;
		}				
		header.type_1 img.icon {
			top: -20px;
			right: calc(-675px / 2.1);
			height: 675px;
		}
		header.type_1 hgroup h1 {
			text-align: left;
			font-size: 54px;
			line-height: 52px;
		}
		header.type_1 hgroup h1.small {
			font-size: 28px;
			line-height: 37px;
		}
		header.type_2 hgroup h1,
		header.type_3 hgroup h1,
		header.type_4 hgroup h1 {
			font-size: 34px;
			line-height: 52px;
		}
		
		/*  x.x HOME - BLOG
		-------------------------------------------------------------- */
		section.blog .gridFrame,
		section.text .doubleCol .gridFrame {
			grid-column-gap: 96px;
		}
		
		/*  x.x HOME - PARTNERS
		-------------------------------------------------------------- */
		.partners .partnerSlider {
			margin: 50px 79px 96px; /* row - _content / 2 */
		}
		
	}

    /* WEIRD HEADER TEXT BREAKPOINT ~ must be paddings or margins */
    @media only screen and (min-width: 1340px) { }

    /* SMALL SCREENS */
    @media only screen and (min-width: 1440px) { }
    @media only screen and (min-width: 1600px) { }
    @media only screen and (min-width: 1920px) { }

/*  =================================================================
    TOUCH DEVICES
    ================================================================== */
    @media (pointer:coarse) { }

/*  =================================================================
    HOVER STATES
    ================================================================== */
    @media (any-hover: hover) {
		/*
		 * START - niet overschrijven of verwijderen.
		 */
		nav .row > ul > li.has-children:hover > ul {
			display: block;
		}
		nav .row > ul > li.has-children > ul > li.has-children:hover > ul {
			display: block;
		}
		
		nav ul i {			
			-webkit-transition: all 200ms ease-in;
					transition: all 200ms ease-in;
		}
		
		nav ul li.has-children:hover > a + i,
		nav ul li.has-children:hover > a,
		nav ul a:hover {
			color: var(--moss);
		}
		nav ul ul a:hover {
			background-color: var(--merlot);
			color: var(--ivory);
		}
		/*
		 * EINDE - niet overschrijven of verwijderen.
		 */
		.USP .grid-item:hover {
			z-index: 1;
			-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.3);
					box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.3);
			-webkit-transform: translateY(-10px);
					transform: translateY(-10px);
		}
		
	}