:root {
/*fonts*/
	--f-sans-serif: "Lato";
	--f-serif:"Lora";
	--f-decorative:"Merriweather";

/*color*/
	--color-whi:#ffffff;
	--color-dwhi:#f9f9f9;
	--color-xlgrey:#eeeeee;
	--color-lgrey:#aaaaaa; 
	--color-grey:#5f5f5f;
	--color-dgrey:#333;
	--color-bla:#000000;
	--color-lbla:#1a1918;
	--color-bro:#3c2e20; 
	--color-ora:#d88100;  
	--color-yel:#ffd500;
	--color-clo:#f3f0e3;
	--color-err:#e10d0d;
	--color-red:#8b1710;
	--color-sal:#e0a6ab; 
	--color-pur:#840c3f;
	--color-blu:#2D68C4;
	--color-dblu:#132058;
	--color-lblu:#1b7fb3;
	--color-aqua:#2da09c;
	--color-gre:#2d8619;
	--color-dgre:#0f2814;
	--color-gol:#a69564;
	--color-brn:#c78c6e;
	--color-cher:#54162c;
	--color-lche:#663348;
	--color-dche:#401122;
    --color-primair:var(--color-gol);
	--color-dyn-insert:#nocolor;
}

* {
	margin: 0;
	padding: 0;
	border: 0;  
	font-kerning: normal;
}
/*settings*/
html {
	box-sizing: border-box;
	scrollbar-width: thin;
}
html, body {
	height: 100%;
	min-height: 100vh;
	/* mobile viewport bug fix */
	height: fill-available;
	height: -webkit-fill-available;
	width: 100%;
	font-size: 100%;
	position: relative;
	margin: 0;
	/*smooth google fonts*/
	font-feature-settings:kern;
    -webkit-font-smoothing: subpixel-antialiased !important;
    text-rendering: optimizeLegibility !important;
    backface-visibility: hidden;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
body {
	font-family:"Lato";
	word-spacing: 0;
	line-height: 1.5;
	overflow-x: hidden;
	background:var(--color-bla);
	font-weight: 400;
	min-height: 100vh;
}
body.scroll-lock {
  overflow: hidden;
  touch-action: none; /* prevents default touch gestures */
}
*, *:before, *::after {
	box-sizing: inherit;
    user-select: none; 
}

body::before {
	content: "";
	position: fixed;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	z-index: 1003;
}
.f-sser {
	font-family:var(--f-sans-serif,sans-serif);
}
.f-ser{
	font-family:var(--f-serif, serif);
}
.f-dec {
	font-family:var(--f-decorative, serif);
}
.f-inherit{
	font-family:inherit;
}
.c-inherit{
	color:inherit;
}
.c-whi {
	color:white;
}
.c-dwhi {
	color:var(--color-dwhi);
}
.c-bro{
	color:var(--color-bro);
} 
.c-grey {
	color:var(--color-grey);
}
.c-ora {
	color:var(--color-ora);
}
.c-red{
	color:var(--color-red);
}
.c-xlgrey {
	color:var(--color-xlgrey);
}
.c-lgrey {
	color:var(--color-lgrey);
}
.c-dgrey {
	color:var(--color-dgrey);
}
.c-clo{
	color:var(--color-clo);
}  
.c-lbla {
	color:var(--color-lbla);
}  
.c-bla {
	color:black;   
} 
.c-yel {
	color:var(--color-yel);
}
.c-sal {
	color:var(--color-sal);
}
.c-pur {
	color:var(--color-pur);
}
.c-gre {
	color:var(--color-gre);
}
.c-dgre {
	color:var(--color-dgre);
}
.c-aqua {
	color:var(--color-aqua);
}
.c-gol{
	color:var(--color-gol);
}
.c-brn{
	color:var(--color-brn);
}
.c-lche{
	color:var(--color-lche);
}
.c-cher{
	color:var(--color-cher);
}
.c-dche{
	color:var(--color-dche);
}
.c-blu{
	color:var(--color-blu);
} 
.c-dblu{
	color:var(--color-dblu);
} 
.c-lblu{
	color:var(--color-lblu);
} 
.bg-inherit{
	background:inherit;
}
.bg-whi {
	background:white;
} 
.bg-dwhi {
	background:var(--color-dwhi);
}   
.bg-clo{
	background:var(--color-clo);
}
.bg-bro{
	background:var(--color-bro);
}
.bg-gre {
	background:var(--color-gre);
}
.bg-dgre {
	background:var(--color-dgre);
}
.bg-lbla {
	background:var(--color-lbla);
}
.bg-bla {
	background:black;
}
.bg-sal{
	background:var(--color-sal);
}
.bg-lgrey {
	background:var(--color-lgrey);
}
.bg-grey {
	background:var(--color-grey);
}
.bg-xlgrey {
	background:var(--color-xlgrey);
}
.bg-dgrey {
	background:var(--color-dgrey);
}
.bg-yel {
	background:var(--color-yel);
}
.bg-sal {
	background:var(--color-sal);
}
.bg-ora {
	background:var(--color-ora);
}
.bg-pur {
	background:var(--color-pur);
}
.bg-red{ 
	background:var(--color-red);
}
.bg-blu{
	background:var(--color-blu);
}
.bg-dblu{
	background:var(--color-dblu);
}
.bg-lblu{
	background:var(--color-lblu);
}
.bg-aqua{
	background:var(--color-aqua);
}
.bg-lche{
	background:var(--color-lche);
}
.bg-cher{
	background:var(--color-cher);
}
.bg-dche{
	background:var(--color-dche);
}
.bg-gol{
	background:var(--color-gol);
}
.bg-brn{
	background:var(--color-brn);	
}
.c-err{
	color:var(--color-err);
}
.bg-err{
	background:var(--color-err);
} 
.pos-abs{
	position:absolute;
	left:0;
	top:0;
	width:100%;
}      
.flex,.flex-r, .flex-c{
	display: flex;
}
.flex-r, .flex-c {
	flex-direction: row;
}
.flex-c {
	flex-direction: column;
}
.flex-1 {
	flex: 1;
}
.flex-3 {
	flex: 3;
}
.flex-5 {
	flex: 5;
}
.flex-7 {
	flex:7;
}
.flex-wrap{flex-wrap: wrap;}
.j-c-l{
	justify-content: start;
}
.a-i-l,.vert-a-i-t{
	-webkit-align-items: flex-start; 
	align-items: flex-start;
}
.a-i-r{
	justify-content: flex-end;
}
.j-c-c,.vert-a-i-c{
	justify-content:center;
}
.a-i-c{
	align-items:center;
}

.a-i-r,.vert-a-i-b{
	-webkit-align-items: flex-end;
	align-items: flex-end;    
}
.vert-a-i-t{margin-bottom:auto}
.vert-a-i-c{margin:auto 0;}
.vert-a-i-b{margin-top: auto}
.a-s-l{
	align-self: flex-start;
}
.a-s-r{
	align-self: flex-end;
}
.space-b{
	justify-content: space-between;
}
.space-a{
	justify-content: space-around;
}

.svg-c{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.block{
	display: block;
}
.inline-block{
	display: inline-block;
}
.fright{
	float: right;
}
.fleft{
	float: left;
}
.clear{
	clear: both;
}

.text-indent{
	text-indent:5%;
}
.aleft{
	text-align: left;
}
.acenter{
	text-align: center;
}
.aright{
	text-align: right;
}
.ajustify{
	text-align: justify;
}
.no-wrap{
	white-space: nowrap;
}
@keyframes fadInCon {
    from {opacity: 0; transform: translateY(10px);}
    to {opacity: 1; transform: translateY(0);}
}
@keyframes fade {
	from{opacity: 0; transform: translateY(10px);}
}
.opacity0, .hnpt{
	opacity: 0;
}
.init-X-r{
	transform: translateX(-100%);
}
.init-X-l {
	transform: translateX(100%);
}
.init-Y {
	transform: translateY(35px);	
    opacity: 0;
}
.exec-X {
	opacity: 1;
	transform: translateX(0);
	transition: all .45s ease-out;
}
.exec-X img {
	filter: blur(0px);
	-webkit-filter:blur(0px);
	transition: all .55s ease-out;
}
.exec-Y{
	opacity: 1;
}
.exec-Y:not(img.lazy), .no-blur {
	filter: blur(0px);
	-webkit-filter:blur(0px);
	transform: translateY(0);
	transition: all .55s ease-out;
}
img.lazy.exec-Y {
    transform: scale(1.02);
    filter: blur(0px);
	-webkit-filter:blur(0px);
    transition: transform 1.25s ease-in-out, opacity 1.25s ease-in-out;
}
.auto-exec-Y{
    transform: translateY(15px);
    animation: fadeInMove .45s ease-out forwards;
}    
@keyframes fadeInMove{
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.no-publish,.new-publish{
	position:fixed;
	z-index:6;
    font-size:.6rem;
    letter-spacing:.2rem;
    padding:0 5px;
}
.new-publish{
	bottom:25px;
    left:0;
    z-index:51;
    width: 60px;
    height: 24px;
    background: var(--color-red);
    color: white;
    font-size: .6em;
    letter-spacing: 0.2em;
    text-align: center;
    text-transform: uppercase;
}
.new-publish:after {
    content:'';
    position: absolute;
    left: 60px;
    height:24px;
    bottom: 0;
    border-top: 12px solid var(--color-red);
    border-bottom: 12px solid var(--color-red);
    border-left: 0px solid var(--color-red);
    border-right:12px solid transparent;
}
.icon-big {
	font-size: 2.5rem;
}
.uppercase {
	text-transform: uppercase;
}
.lowercase{
	text-transform: lowercase;
}
.f-cap:first-letter {
    text-transform: uppercase;
}
hr {
	border-top: 1px solid #ddd;
	margin-top:5px;
	margin-bottom:5px;
}
hr.dot{
	border-top: 2px dotted #ddd;
}
h1, h2, h3 {
	line-height: 1.5;
}
h2{
	font-weight: 700;
}
h3,h4,h5,h2.f-sser{ font-weight:500;}
h5 {
	letter-spacing: -.01em;
	line-height: 1.5;
	font-size: 1.4em;
	padding-bottom: 15px;
	text-transform: uppercase;
}
h1{
	font-weight: 900;
}
.p, .el_id:not(.border-left):not(h2) {
	letter-spacing:0;
	line-height:1.8;
}

.p:not(.p-intro):not(.border-left),.el_id:not(.border-left):not(h2) {
    font-size: 1.2rem;
}
.p.p-intro{
    font-size: 1.4rem;
    font-weight:bold;
}
@media screen and (max-width: 649px) {

	h1, h2 {
			line-height: 1.2;
		}
	h1 {
			padding: 25px 15px;
			font-size: 2.5rem;
		}
	h2 {
			font-size: 1.5rem;
			line-height: 1.5;
			padding: 15px 15px 30px 15px;
		}
	
	h3 {
			font-size: 1.4rem;
            font-weight:bold;
		}

	.array-items {
		font-size: 1.1rem;
		padding: 25px;
	}
	.p, .el_id:not(.border-left):not(h2) {
		line-height:1.6;
	}
     .p.p-intro{
        font-size: 1.3rem;
     }

}
@media screen and (min-width: 650px) and (max-width: 1349px) {
	h2 {
		font-size: 2.3rem;
		line-height:1.5;
	}
}
@media screen and (min-width: 1350px) {
	h2 {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 650px) {
	h2 {
		padding: 30px 0;
	}
	h1 {
		font-size: 3.5rem;
	}

	h3 {
		font-size: 2rem;
	}
	.array-items {
		font-size: 1.3rem;
		padding: 25px;
	}
}
.el_id.border-left {
	margin-bottom: 2em;
	letter-spacing:0;
}
.thin {
	font-weight: 400;
}
strong, .bold {
	font-weight: 600;
}
.fw-normal{
	font-weight:normal;
}
.xbold {
	font-weight: 900;
}
.italic{
	font-style: italic;
}
.cur-pon {
	cursor: pointer;
}
.po-no {
	pointer-events: none;
}
.first-letter::first-letter {
	font-family:var(--f-decorative, serif);
	font-size: 3.1em;
	line-height: .5;
	margin-top: .28em;
	font-weight: 600;
	text-transform: uppercase;
	padding-right: 4px;
	position: relative;
}
.read-bar-con{
	position: fixed;
    z-index:1;
}
.read-bar {
	height: 5px;
    bottom:0;
	position:absolute;
	background:white;
	background:var(--color-lgrey);
	z-index:-1;
}
.read-bar-con.top{
    z-index:6;
    top:-40px;
}
.read-bar-progress {
	position: relative;
	float: left;
	height: 100%;
}
.sea-bar {
	padding: 0 15px;
    max-width:850px;
	margin:0 3%;
	overflow: hidden;
}
@media screen and (max-width: 870px) {
	.sea-bar {
		max-width:94%;
	}
}
.sea-bar.sea-open {
	height: auto;
}
.sea-bar .field {
	border: none;
}
main,section,.header-dummy {
	position: relative;
    float:left;
}
main,header,section {
	overflow-x: hidden;
}
header{position:fixed;}
header,.header-dummy,.close-menu{
	height: 11vw;
    max-height:160px;
    min-height:50px;
}
header,.header-dummy{
    z-index:5;
    top:0;
}
main {
	flex-grow: 1;
    background:var(--color-dwhi);
    scroll-behaviour:smooth;
}
section {
	width: 100%;
	height: inherit;
	left: 0;
}
@media screen and (max-width: 849px) {
	section.flex-r{
		flex-direction:column;
	}    
}
.row-reverse{flex-direction: row-reverse;}

/*SVG SPRITES*/
i {
	width: .9em;
	height: .9em;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
i.inline-block .svg-i {
	width: .9em;
	height: .9em;
}
i .svg-i {
	fill:white;
	width: inherit;
	height: inherit;
}
i.trans .svg-i {
	fill: rgba(255, 255, 255, .35);
}
i.c {
	background: rgba(0, 0, 0, .7);
	width: 2.7rem;
	height: 2.7rem;
}
i.c .svg-i {
	width: 1.5rem;
	height: 1.5rem;
}
i.c.i-small .svg-i {
	width: 1rem;
	height: 1rem;
}
i.c.symb .svg-i {
	width: 1.8rem;
	height: 1.8rem;
}

i.b {
	border: 1px solid rgba(255, 255, 255, .25);
}
i.h:hover, i.h:focus {
	background: black;
	cursor: pointer;
}

i.i-med:not(.ic-flag) {
	width: 1.6rem;
	height: 1.6rem;
}
i.i-med.ic-flag {
	width: 1.6rem;
	height: 1.12rem;
}

i.i-lar {
	width: 3.5rem;
	height: 3.5rem;
}

.par-symb i.c{
	background: rgba(150,150,150,.4);
}
@media screen and (max-width: 649px) {
	i.i-med{
		width: 1.2rem;
		height: 1.2rem;
	}
	.par-symb{flex-direction:column}
	i.c.symb { 
		margin:35px 0;
	}
}
@media screen and (min-width: 650px) {
	.par-symb i.c{
		width: 3.2rem;
		height: 3.2rem;
	}
	i.c.symb { 
		margin:10px 10px 10px -20px;
	}
}


i.i-gol .svg-i{
	fill:var(--color-gol);
}
i.i-brn .svg-i{
	fill:var(--color-brn);
}
i.i-lche .svg-i{
	fill:var(--color-lche);
}
i.i-cher .svg-i{
	fill:var(--color-cher);
}
i.i-dche .svg-i{
	fill:var(--color-dche);
}
i.i-whi .svg-i {
	fill:white;
}
i.i-dwhi .svg-i {
	fill:var(--color-dwhi);   
}
i.i-bla .svg-i {
	fill:black;   
}
i.i-lbla .svg-i {
	fill:var(--color-lbla);   
}
i.i-gre .svg-i {
	fill:var(--color-gre);
}
i.i-dgre .svg-i {
	fill:var(--color-dgre);
}
i.i-lgrey .svg-i {
	fill:var(--color-lgrey);
}
i.i-xlgrey .svg-i {
	fill:var(--color-xlgrey);
}
i.i-grey .svg-i {
	fill:var(--color-grey);
}i.i-dgrey .svg-i {
	fill:var(--color-gdrey);
}
i.i-pur .svg-i {
	fill:var(--color-pur);
}
i.i-ora .svg-i{
	fill:var(--color-ora);
}
i.i-yel .svg-i {
	fill:var(--color-yel);
}
i.i-bro .svg-i {
	fill:var(--color-bro);
}
i.i-sal .svg-i {
	fill:var(--color-sal);
}
i.i-red .svg-i {
	fill:var(--color-red);
}
i.i-blu .svg-i {
	fill:var(--color-blu);   
}
i.i-dblu .svg-i {
	fill:var(--color-dblu);   
}
i.i-lblu .svg-i {
	fill:var(--color-lblu);   
}
i.i-aqua .svg-i {
	fill:var(--color-aqua);
}
i.i-err .svg-i {
	fill:var(--color-err);
}
.field i:not(.i-whi):not(#ic-search) .svg-i {
	fill:var(--color-lgrey);
}
i.c.bg-lbla, i.c.bg-lbla:hover {
	background:var(--color-lbla);
}
i.c.bg-bla, i.c.bg-bla:hover {
	background:black;
}
i.c.bg-whi, i.c.bg-whi:hover {
	background:white;
}
i.c.bg-grey, i.c.bg-grey:hover {
	background:var(--color-grey);
}
i.c.bg-gre {
	background:var(--color-gre);
}
i.c.bg-gre .h:hover, i.c.bg-gre .h:focus {
	background:var(--color-gre);
}
i.c.bg-pur, i.c.bg-pur .h:hover, i.c.bg-pur .h:focus {
	background:var(--color-pur);
}
svg * {
	all:inherit;
}
/*END SVG SPRITES*/



/*SECTION CONTENT*/
section.fw{width:100%;max-width:100%}
section.fw .content, section.fw .content-inner{
     width: 100%;
     margin:0;
     overflow:hidden;
}
section.fw .content, section.fw .content-inner{
    overflow-x:hidden;
}
.content-inner .content-front,.content-inner .content-back {
    position:relative;
    top:0;
    left:0;
    z-index:0;
    height:100%;
    width:100%;
}
.content-inner .content-front{
    top:-100%;
    overflow:hidden;
}

section.split .content-front{height:100%}

section.fw:not(.has-menu) .content:not(:has(.fader)), section.fw:not(.has-menu) .content-inner{
    height:75vh;
    min-height:350px;
}
section.fw .content:has(> .content-front.flex-r.space-a) {
	min-height:auto;
    height:auto;
}
@media screen and (max-height: 550px) {
    section.fw .content, section.fw .content-inner{
        height:100dvh;
    }
}
@media screen and (min-width: 1000px) {
	
    section.fw .content-front{width:100%;margin:0;padding:0 35px;}
    section.fw.has-menu .content-front{padding:0;}

    section:not(.fw).split .content{
        margin: 0 auto;
        width:100%;
        max-width:625px;
    }
    section:not(.fw).split .content:nth-of-type(1) {
    	margin-right:0;
    }
    section:not(.fw).split .content:nth-of-type(2) {
    	margin-left:0;
    }

    section.split .content{
        width:50%;
    }
    section.split .content.w70{
        width:70%
    }
    
    section.fw.split .content .content-front,section:not(.fw).split .content .content-front{
        margin: 0 auto;
        width:100%;
        padding:0 20px;
        max-width:625px;
    }

    section.has-menu + section .content,section.has-menu + section .content-front{
        margin:0;
        padding:0;
    }
    
	section.top-overlay{margin-top:-225px;}
 	section:not(.split):not(.fw) .content, section:not(.split):not(.fw) .dummy-shadow{
        margin: 0 auto;
        width:90%;
        padding:0 5%;
        max-width:950px;
    }
    .content-dummy-shadow{
    	position:absolute;
        width:100%;
        height:280px;
        width:100%;
     }
     .dummy-shadow{
        height:100%;
        top:0;
        width:100%;
        box-shadow: 0px -15px 10px rgba(0, 0, 0, .2);
    }
}  
@media screen and (min-width: 1000px) and (max-width: 1280px) { 
	 section:not(.fw).split .content:nth-of-type(1) {
    	padding-left:20px;
    }
    section:not(.fw).split .content:nth-of-type(2) {
    	padding-right:20px;
    }
}

section.split .content,section:not(.split) .content{
        min-height:auto;
        width:100%;
	}
    
@media screen and (max-width: 999px) {
	section:not(.fw) .content{
		max-width: 100%;
	}
    section.split{
    	flex-direction:column;
        margin:0;
        padding:0;
	}
	section.split .content,section:not(.split) .content{
        max-width:none;
	}

    section.fw.split .content{
        width:100%;
        margin:0;
        padding:0;
    }
	.content.flex-r{flex-direction:column;}

   	 section.fw:not(.split) .content-front,section.split.fw .content-front,section:not(.split) .content-front,section:not(.fw) .content-front{ 
		padding:0 50px;
        width:100%;
	}
}
@media screen and (max-width: 649px) {
   	 section.fw:not(.split) .content-front,section.split.fw .content-front,section:not(.split) .content-front,section:not(.fw) .content-front{ 
		padding:0 35px;
        width:100%;
	}
    section:not(.fw):not(.split) .content-front{
    	padding-top:15px;
    	padding-bottom:15px;
    }
}
@media screen and (max-width: 499px) {
   	 section.fw:not(.split) .content-front,section.split.fw .content-front,section:not(.split) .content-front,section:not(.fw) .content-front{ 
		padding:0 20px;
	}
}
@media screen and (min-width: 650px) {
    section:not(.fw):not(.split) .content-front{
    	padding-top:35px;
    	padding-bottom:35px;
    }
}

.section.fs .content-inner .content-back #video {
	object-fit: cover;
	position:absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.content-back ~ .content-front *.bg-none:not(button) {
	text-shadow: 0px 0px 7px rgba(0, 0, 0, .4);
}
.content-back::after,.img-con figure::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.img-opacity-full::after{
	background:rgba(0,0,0,0.2);
}
.img-opacity-top::after{
	 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 30%);
}
.img-opacity-bottom::after{
	 background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 30%);
}
.img-opacity-vignette::after{
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, .3) 100%);
    mix-blend-mode: overlay;
}

.img-styling-blackwhite{
	filter:contrast(112%) grayscale(100%);
	-webkit-filter:contrast(112%) grayscale(100%);
}
.img-styling-sepia{
	filter:brightness(90%) sepia(100%);
	-webkit-filter:brightness(90%) sepia(100%);
}
.img-styling-vintage{
	filter:sepia(80%) contrast(120%) brightness(90%);
	-webkit-filter:sepia(80%) contrast(120%) brightness(90%);
}
.img-styling-sunglow1{
	filter:brightness(105%) saturate(2) sepia(60%) hue-rotate(-60deg);
	-webkit-filter:brightness(115%) saturate(1)  hue-rotate(-40deg);
}

.img-styling-sunglow2{
	filter:brightness(105%) saturate(2) sepia(75%) hue-rotate(-40deg);
	-webkit-filter:brightness(105%) saturate(2) sepia(75%) hue-rotate(-40deg);
}
.img-styling-kodak{
	filter:contrast(115%) saturate(120%) brightness(95%) sepia(20%) grayscale(10%);
	-webkit-filter: contrast(115%) saturate(120%) brightness(95%) sepia(20%) grayscale(10%);
}
.img-styling-insta1::after{
    filter: contrast(140%) brightness(100%) saturate(100%) sepia(50%);
    -webkit-filter: contrast(140%) brightness(100%) saturate(100%) sepia(50%);
    mix-blend-mode: lighten;
    background: rgba(161, 44, 199, 0.31);
} 



.svg-curve1{
   --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"  shape-rendering="auto" viewBox="0 0 1000 40"><path d="M0,40h1000V0c0,0-56,32-247,31c-225.999-1.184-386.003-15.138-524-16C69,14,0,40,0,40z"/></svg>');
}
.svg-curve2{
   --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"  shape-rendering="auto" viewBox="0 0 1000 40"><g><path d="M0,0.578v39.11h500c0,0-39.341-16.075-226-28.907C120.115,0.201,0,0.578,0,0.578z"/><path d="M726,10.78C539.341,23.612,500,39.688,500,39.688h500V0.578C1000,0.578,879.885,0.201,726,10.78z"/></g></svg>');
}   
.svg-curve{ 
	width:100%;
	mask:var(--svg);
   	height:15vw;
    max-height:90px;
}
.svg-curve .svg-btn-more{
    cursor:pointer;
    height:100%;
 }
.svg-content{
    font-weight:400;
    font-size:.9em;
    z-index:10;
    padding-bottom:7px;
}
.svg-line{
    background:white;
    height:.1px;
    width:100%;	
}
.section-svg{
	left:0; 
    z-index:2;
	transform: translateY(-99%);
}     
@media screen and (max-width: 849px) {
	section .fader{ 
		min-height:70px;
	}
	.section-svg,.svg-curve{
    	height:40px;
	}
    .section-svg+section{
    	margin-top:-40px;
    	padding-top:40px;
    }
    section:has(+ .section-svg) .content:nth-of-type(2) .content-inner .content-front ,section.split:has(+ .section-svg) .content:nth-of-type(2) .content-inner .content-front  {
        padding-bottom:40px;
    }
    section:has(+ .section-svg) .content:last-child,section:has(+ .section-svg) .content-inner{
        height:calc(65vh+80px);
		min-height:calc(560px);
    }
    
}
@media screen and (min-width: 850px) {
	.section-svg,.svg-curve{
    	height:80px;
	}
     .section-svg+section{
    	margin-top:-80px;
    	padding-top:80px;
    }
    section:has(+ .section-svg) .content-inner .content-front ,section.split:has(+ .section-svg) .content:nth-of-type(2) .content-inner .content-front  {
        padding-bottom:80px;
    }
    section:has(+ .section-svg) .content,section:has(+ .section-svg) .content-inner{
        height:calc(65vh+160px);
		min-height:calc(640px);
    }
    
}

.content-front>*{
	padding:20px 0;
}
@media screen and (min-width: 850px) {
	section .fader{ 
		min-height:150px;
	}
}
.bor-col{
	border:1px solid;
} 
.bor-col:not(button):not(.hero-thumb) {
	padding:45px;
	margin:35px 0;
}
.bor-col.rad:not(button) {
	border-radius: 30px;
}   
.bor-col-whi, .c-whi .sidelines:before, .c-whi .sidelines::after {
    border:1px solid white;
}
.bor-col-bro, .c-bro .sidelines:before, .c-bro .sidelines::after {
    border:1px solid var(--color-bro);
}
.bor-col-grey, .c-grey .sidelines:before, .c-grey .sidelines::after {
    border:1px solid var(--color-grey);
}
.bor-col-ora, .c-ora .sidelines:before, .c-ora .sidelines::after {
    border:1px solid var(--color-ora);
}
.bor-col-red, .c-red .sidelines:before, .c-red .sidelines::after {
    border:1px solid var(--color-red);
}
.bor-col-lgrey, .c-lgrey .sidelines:before, .c-lgrey .sidelines::after {
    border:1px solid var(--color-lgrey);
}
.bor-col-xlgrey, .c-xlgrey .sidelines:before, .c-xlgrey .sidelines::after {
    border:1px solid var(--color-xlgrey);
}
.bor-col-clo, .c-clo .sidelines:before, .c-clo .sidelines::after {
    border:1px solid var(--color-clo);
}   
.bor-col-lbla, .c-lbla .sidelines:before, .c-lbla .sidelines::after {
    border:1px solid var(--color-lbla);  
}   
.bor-col-bla, .c-bla .sidelines:before, .c-bla .sidelines::after {
    border:1px solid black;  
} 
.bor-col-yel, .c-yel .sidelines:before, .c-yel .sidelines::after {
    border:1px solid var(--color-yel);
} 
.bor-col-sal, .c-sal .sidelines:before, .c-sal .sidelines::after {
    border:1px solid var(--color-sal);
}
.bor-col-pur, .c-pur .sidelines:before, .c-pur .sidelines::after {
    border:1px solid var(--color-pur);
}
.bor-col-gre, .c-gre .sidelines:before, .c-gre .sidelines::after {
    border:1px solid var(--color-gre);
}
.bor-col-dgre, .c-dgre .sidelines:before, .c-dgre .sidelines::after {
    border:1px solid var(--color-dgre);
}
.bor-col-dblu, .c-dblu .sidelines:before, .c-dblu .sidelines::after {
    border:1px solid var(--color-dblu);
}
.bor-col-lblu, .c-lblu .sidelines:before, .c-lblu .sidelines::after {
    border:1px solid var(--color-lblu);
}
.bor-col-blu, .c-blu .sidelines:before, .c-blu .sidelines::after {
    border:1px solid var(--color-blu);
}
.bor-col-aqua, .c-aqua .sidelines:before, .c-aqua .sidelines::after {
    border:1px solid var(--color-aqua);
}
.bor-col-gol, .c-gol .sidelines:before, .c-gol .sidelines::after {
    border:1px solid var(--color-gol);
}
.bor-col-brn, .c-brn .sidelines:before, .c-brn .sidelines::after {
    border:1px solid var(--color-brn);
}
.bor-col-lche, .c-lche .sidelines:before, .c-lche .sidelines::after {
    border:1px solid var(--color-lche);
} 
.bor-col-cher, .c-cher .sidelines:before, .c-cher .sidelines::after {
    border:1px solid var(--color-cher);
} 
.bor-col-dche, .c-dche .sidelines:before, .c-dche .sidelines::after {
    border:1px solid var(--color-dche);
}
.breadcrumbs {
	letter-spacing:0;
	overflow-y:hidden;
	z-index:50
}
.breadcrumbs a span{
	height:30px;
	width:auto;
	padding:10px;
	line-height:1;
}
.breadcrumbs a:hover{color:var(--color-bla)}
.reading-time-con {
	line-height: .8;
	font-size: .8em;
}
.breadcrumbs, .reading-time-con * {
	letter-spacing:0;
}

.array-items a{
	font-weight: normal;
}
.phs-con{
    padding:0;
}

.phs a:hover{background:var(--color-xlgrey);}
.img-sum-con{
  display: flex;
  flex-wrap: wrap;
}
.img-sum{
    overflow:hidden;
}
@media screen and (max-width: 449px) {
	.img-sum-con{
  		gap:5px;
    }
    .img-sum{
        height:85px;
        min-width:85px;
    }
}
@media screen and (min-width: 450px) {
	.img-sum-con{
  		gap:10px;
    }
    .img-sum{
        height:130px;
        min-width:130px;
    }
}
.img-sum{max-width:350px}
.img-sum img{
    width:100%;
    height:100%;
	object-fit: cover;
}
.content-front.flex-r.space-a *{
    flex-basis: 100%;  
    display: grid;
    grid-auto-flow: column;
}
.hero-thumb{
    min-height:15vw;
}
@media screen and (min-width:1150px) {
    .content-front.flex-r.space-a{
        padding-left:10vw;
        padding-right:10vw;
    }  
    .content-front.flex-r.space-a *{
        margin:25px;
    }  
}
@media screen and (max-width:849px) {
    .content-front.flex-r.space-a{
    	flex-direction:column;
        align-items:center;
    }
    .hero-thumb{
        min-height:150px;
        width:350px;
		align-items: center;
    }
    .content-front.flex-r.space-a *{
        margin-top:0;
        margin-bottom:0;
	}
}
@media screen and (max-width:380px) {
   .content-front.flex-r.space-a *{
       width:90%;
       min-width:90%;
    }
}
.premium{
	position:absolute;
	bottom: 0;
    width: 200px;
    height: 200px;
}
.sea-form{
    padding: 15px;
}
@media screen and (min-width: 1320px) {
    .sea-form { width: 1320px; }
}
.save-social .save-item:hover,.tmb-content2 .save-item:hover,.save-social .social-this:hover,.tmb-content2 .social-this:hover{border-radius:50%;}
.con-podcast-player{
	position:fixed;
    z-index:10;
    bottom:30px;
    left:0;
    height:auto;
    width:100%;
    padding:35px 0;
}   
.logo-podcast{
	width:150px;
    margin:5px 25px 5px 5px;
} 
.inner-con-podcast-player{
	width:100%;
    max-width:1200px;
	box-shadow: 0px 0 10px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 649px) {
	.inner-con-podcast-player *{
    	font-size:2vw;
    } 
    .inner-con-podcast-player * i.i-med {
		width: 1.2rem;
		height: 1.2rem;
    }
}
.click-con-podcast-progress{
    width:100%;
    height:20px;
}
.con-podcast-progress{
    width:100%;
    height:5px;
    background:var(--color-lgrey);
    overflow:hidden;
}
.podcast-progress{
	width:0;
    height:5px;
    background:white;
}
.youtube-player {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background:var(--color-red);
	margin: 5px;
}
.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:10;
	background: transparent;
}
.author-img {
	background-image: url(../images/bas.webp);
	background-repeat:no-repeat;
}
@media screen and (max-width: 1149px) {
	.author {
		display: none;
	}
.author-img {
		width: 60px;
		height: 60px;
		margin-right: 10px;
		border-radius: 5px;
	}
}
@media screen and (min-width: 1150px) {
	.author-con {
		margin-bottom: 50px;
	}
.author-img-hand {
		display: none;
	}
.author {
		position: absolute;
		left: -140px;
		top: 170px;
		width: 110px;
		height: auto;
		z-index: 1;
		margin-top: 45px;
	}
.author.has-ban {
		top: 0;
	}
.author-img {
		width: 110px;
		height: 110px;
		/*background-image: url(../images/bas-thumb.webp);*/
		background-repeat:no-repeat;
		border-radius: 5px;
	}
.author-content {
		font-size: .65rem;
		font-weight: 500;
	}
}
@media screen and (min-width: 650px) {
	.con-newsletter .author-img{
			width: 80px;
			height: 80px;
			align-self:center;
	}
}
.author-content .f-mij{font-size:.8rem;}

@media screen and (max-width: 1149px) {
	.author-share .flex-c {
		flex-direction: row;
	}
.author-share .flex-c span {
		display: none;
	}
}
@media screen and (min-width: 1300px) {
	.author {
		position: absolute;
		left: -160px;
		left: -10vw;
	}
}
.author * {
	padding: 5px 0;
}
.author-share a {
	margin-bottom: 3px;
	text-decoration: none;
	padding: 6px 8px;
}
.author-share {
	font-size: .7rem;
	font-weight: 600;
}
.author-share a * {
	text-transform: uppercase;
	font-weight: 600;
	padding: 0;
}
@media screen and (max-width: 1149px) {
	.author-share a {
		background: none;
	}
.author-share a * {
		color:var(--color-red);
	}
.author-share span {
		display: none;
	}
}
@media screen and (min-width: 1150px) {
	.author-share a {
		background:var(--color-red);
	}
.author-share a * {
		color:white;
	}
}
.author-share a:hover {
	background:var(--color-dgre);
}
article {
	background:var(--color-bla);
}
main, footer {
	flex-shrink: 0;
	overflow-x: hidden;
}
header,.header-dummy, .header, .read-bar-con,.read-bar, .sea-bar, main, article, section, footer {
	width: 100%;
}
.img-admin {
	object-fit: cover;
	height: 200px;
	text-align: center;
	background:var(--color-lgrey);
}
figure {
	position: relative;
}
figure .social-this{position:absolute;right:0;bottom:0;z-index:1;}
img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover; 
	object-position: center center;
	transform: scale(1);
}

.content-back img:not(.img-styling-sepia):not(.img-styling-blackwhite):not(.img-styling-kodak):not(.img-styling-vintage):not(.img-styling-sunglow1):not(.img-styling-sunglow2):not(.img-styling-insta1).blur,.figure img:not(.img-styling-sepia):not(.img-styling-blackwhite):not(.img-styling-kodak):not(.img-styling-vintage):not(.img-styling-sunglow1):not(.img-styling-sunglow2):not(.img-styling-insta1).blur {
	 filter: saturate(118%);
    -webkit-filter:saturate(118%);
}

section:not(.fw) .img-con figure{
	overflow:hidden;
	border-radius: 15px;
}

img.blur{
	filter: blur(3px);
	-webkit-filter: blur(3px);
}

.br50pc{
	border-radius: 50%;
}
.br35px{
	border-radius: 35px;
}
.br4px {
	border-radius: 4px;
} 
figcaption {
	padding-top:5px;
	text-align: left;
	font-size: .8rem;
    font-weight:600;
}  

@media screen and (min-width: 551px) {
	figcaption {
		left:0;
        width:100%;
		color:var(--color-lbla);
	}
}
.image-caption2 {
	text-align: right;
	font-size: .5rem;
	text-transform: uppercase;
}

.comment {
	padding: 20px;
}
.count-comments {
	padding-right: 5px;
}
.comment.depth-1~.comment.depth-1 {
	margin: 25px 0;
	border-top: 1px solid var(--color-lgrey)
}
.comment-label p {
	font-size: 1rem;
	padding-bottom: 10px;
}
.comment-txt p {
	padding: 0;
	margin: 0;
}
.com-tmb {
	width: 65px;
	height: 65px;
	border: 3px solid white;
	margin-bottom: 5px;
}
.depth-2, .depth-3, .depth-4 {
	border-left: 1px solid #ccc;
}
.depth-2 {
	margin-left: 30px;
}
.depth-3 {
	margin-left: 60px;
}
.depth-4 {
	margin-left: 90px;
}
.hnpt{display:none;}
.pro-con-admin{
	opacity: .9;
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.pro-wrp {
	width: 80%;
	text-align: left;
	background:var(--color-lgrey);
	border: 1px solid #ccc;
	height: 15px;
}

.pro-wrp, .pro-bar {
	border-radius: 5px;
}
.status {
	top: 1.13rem;
	left: 50%;
	width: auto;
	color:black;
	white-space: normal;
	text-align: center;
	margin: 0px 0 10px 0;
}
.status-loader i {
	font-size: 200%;
}
.pro-bar{
	width:100%;
	height: 15px;
	left:0;
	top:0;
	background-image: 
	repeating-linear-gradient(
	  -45deg, 
	  var(--color-lgrey), 
	  var(--color-lgrey) 1rem,
	  var(--color-grey) 1rem,
	  var(--color-grey) 2rem
	);
  background-size: 100% 1000%;
  animation: barberpole .8s linear infinite reverse;
  overflow:hidden;
}
.pro-ani {
	width: 0%;
	float:right;
	top:0;
	right:0;
	height:15px;
	z-index:10000;
	background:var(--color-grey);
}
@keyframes barberpole {
  100% {
	background-position: 100% 100%;
  }
}
.rotate {
	animation: spin .8s linear infinite;
} 
@keyframes spin {
  100% {
	transform: rotate(360deg);
  }
}
.fly-in-newsletter{
	position:fixed;    
	width:100%;
	max-width:500px;
	z-index: 70;
	right:-100%;
	box-shadow: 0px 0 10px rgba(0, 0, 0, 0.3);
	height:auto;
	bottom:50px;
	background:white;
}
@media screen and (max-width: 550px) {
	.fly-in-newsletter{
		bottom:0px;
	}
}
/*.fly-in-form{ 
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)),url(../images/newsbrief-actueel.webp);
	background-repeat:no-repeat;
}*/
.fly-in-close{
	position:absolute;
	right:0;
	top:0;
	padding:5px;
}
@media screen and (max-width: 649px) {
	.con-newsletter h2 {
		flex-direction: column;
	}
}

/*FOOTER*/
footer {
    background: var(--color-lbla);
    position: relative;
}
footer nav {
    float: left;
    width: 100%;
}
footer nav li a:not(.svg-i) {
    float: left;
    position: relative;
}

footer .footer-head {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: black;
}
footer nav ul {
    font-size: .9rem;
}
footer nav ul li{padding:3px 0;}
footer nav li {
    font-weight: 500;
    padding: 0 20px;
    letter-spacing: 0;
}
footer nav li a{
    padding: 3px 0;
    letter-spacing: 0;
    white-space: normal;
    line-height:1.2;
}   
footer a:hover i .svg-i {
    fill:var(--color-whi); 
}
footer .soc i {
    width: 1.5em;
    height: 1.5em;
}
footer .logo-footer {
    margin-bottom: 35px;
    padding-right: 0;
}
@media screen and (max-width: 1249px) {
    footer nav {
        float: none; 
        width: 100%;        
        padding-left: 4%; 
        padding-right: 4%;
        box-sizing: border-box;
    }

    footer nav.flex-r {
        justify-content: flex-start;
    }
}
@media screen and (min-width: 650px) {
        footer {
            padding-left: 4%;
            padding-right: 4%;
        }
        footer nav {
            margin-top: 25px;
        }
        footer nav.flex-r {
            display: flex;
            flex-wrap: wrap;
        }
        footer nav ul.m-b-35px {
            flex: 0 0 calc(25%)
            margin-bottom: 30px;
            padding:10px;
            width:25%;
        }
        footer .footer-switch > div:last-child { 
        	width: calc(100%); 
            padding-left: 4%;
            padding-right: 4%;
        }
        footer nav ul li {
            width: 100%;
            text-align: left;
        }
        footer .footer-head, footer .soc {
            align-self: flex-start;
        }
        footer .footer-head {
            width: 100%;
            margin-bottom: 10px;
        }
    }

@media only screen and (min-width: 650px) and (max-width: 999px) {
    footer .footer-head {
        font-size: 15px;
    }
    footer nav ul {
        font-size: .8rem;
        flex: 0 0 calc(33.333% - 10px);
        width:33%;
    }
    footer nav li a {
        padding: 5px 0;
    }
}

@media screen and (max-width: 649px) {

    footer nav.flex-r {
        display: flex !important;
        flex-wrap: wrap;
        gap: 15px;
        padding-right:0;
    }
    footer nav ul.m-b-35px {
        flex: 0 0 calc(50% - 10px);
        box-sizing: border-box;
        margin-bottom: 20px;
        padding:10px;
    }

    /* Headings */
    footer .footer-head {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 35px;
        font-size: 1.2rem;
    }

    footer nav ul.m-b-35px li a {
        white-space: normal;
        text-align: left;
    }

    footer .flex-r:not(.soc):not(.footer-switch):not(.footer-payoff) {
        flex-direction: row !important; 
    }
    footer nav li a{
        padding: 6px 0;
    }
}

@media screen and (max-width: 359px) {
    footer nav ul.m-b-35px {
        width: 80%;
        margin: 0 10%;
        align-self: center;
    }

    footer .footer-head {
        width: 100%;
        margin-top: 35px;
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 1150px) {
	.vert-header:nth-of-type(2) {
		display: none;
	}
}
@media screen and (max-width: 649px), (max-height: 549px) {
	.vert-header {
		display: none;
	}
}
@media only screen and (min-width: 700px) and (min-height: 550px) {
	.vert-header {
		position: fixed;
		width: 700px;
		height: 20px;
		z-index: 50;
		overflow: hidden;
		color:var(--color-primair);
	}
    .vert-header.rot90 {
        top: 600px;
        left: -385px;
    }

	.vert-header * {
		margin-right: 5px;
		text-transform: uppercase;
		font-size: .75rem;
		font-weight: 600;
		line-height: 1.6;
		letter-spacing: .05em;
		width: 50%;
	}
	.vert-header .vert-header-line {
		width: 120px;
		height: 50%;
		border-bottom: 1px solid var(--color-primair);   
	}
}
.menu-anchor{
	position:fixed;
	right:35px;
	width:200px;
	top:50%;
	transform: translate(100%,-50%);
	z-index:1;   
	overflow:hidden;
}
.menu-anchor-cursor,.menu-anchor-content,.menu-anchor-footer{
	left:0;
	width:100%;
	height:100%;
	padding:10px; 
}
.menu-anchor-cursor{
	left:0;
	width:10px;
	position:absolute;
	top:50%;
	transform: translateY(-10%);
	padding:5px;
	height:100%;
}
.a-anchor,.menu-anchor-footer{
	padding:10px;
	padding-left:30px;
}
.menu-anchor-footer{
	padding:5px;
	background:var(--color-grey);
}
.menu-anchor-a{padding-left:10px;}
.menu-anchor-footer:hover{
	--x: 100%; 
}
.rot45 {
	transform: rotate(45deg);
}
.rot90 {
	transform: rotate(90deg);
}
.rot180 {
	transform: rotate(180deg);
}
.rot270 {
	transform: rotate(270deg);
}

a, a:hover {    
	text-decoration: none;
}
a.underline-ani {
   display: inline-block;
   position: relative;
   padding-bottom:2px;
   margin-bottom:-2px;
}

a.underline-ani::after {
    content: '';
    position: absolute;
    width: 100%;
	transform: scaleX(0);
    height: 1px;
    bottom: 0px;
    left: 0;
    background-color:var(--color-primair);
    transform-origin: bottom center;
    transition: transform 0.20s ease-out;
}

a.underline-ani:hover::after {
  transform: scaleX(1);
}
a:not(.no-color) {
	color:var(--color-blu);
}
a:not(.no-color):hover{
	color:var(--color-bla);
}
.underline {
	text-decoration: underline;
}
form {
	width: 100%;
}
form.short{
	max-width:335px;
}
.mp form {
	max-width: 300px;
}
.field {
	color:var(--color-lgrey);
	overflow: hidden;
	margin: 15px 0;
	background:white;
	border: 1px solid var(--color-lgrey);
	width: 100%;
}
.field.wmax {
	max-width:250px;
}
.field i {
	margin-right: 10px;
	font-size: 1.5em
}
input[type="submit"], button, .pseudo-btn{
	font-family:var(--f-sans-serif,sans-serif);
	vertical-align: middle;
	clear: both;
	appearance: none;
	cursor:pointer;
	height:0;
	padding:1.4rem;
	text-decoration: none;
	outline: 0;
	-webkit-tap-highlight-color:transparent;
	font-weight:600;
	font-size:.9rem;
	max-width:360px;
	letter-spacing:0.03em;
	display: flex;
	text-transform:uppercase;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
@media screen and (min-width: 100px) {
	input[type="submit"], button, .pseudo-btn {
		height: 2.2rem;
		padding:1.8rem;
	}
}
button.rad{
	border-radius: 35px;
}

/*BUTTON STANDARD WIDTH*/
input[type="submit"].btn-sw, button.btn-sw, .pseudo-btn.btn-sw{
	min-width:250px;
}    

input[type="submit"]:not(.btn-down):hover i.r, button:not(.btn-down):hover i.r, .pseudo-btn:not(.btn-down):hover i.r {
	transform: translateX(20%);
}
input[type="submit"]:not(.btn-down):hover i.l, button:not(.btn-down):hover i.l, .pseudo-btn:not(.btn-down):hover i.l {
	transform: translateX(-20%);
}
.field, input[type="submit"], button, .pseudo-btn {
	border-radius: .4rem;
}
.toggle-pw{cursor:pointer}
.border-none{border:none}
a.tag button{
    margin:0 10px;
    height: 1.2rem;
    padding: 1rem;
    font-size: 1rem;
    font-weight:500;
    border-radius: .2rem;
}
a.tag button:before{
	content:'#';
}    
@media screen and (max-width: 350px) {
	input[type="submit"], button, .pseudo-btn {
		height: 1.2rem;
		padding: 1.2rem .9rem;
		font-size: .9rem;
	}
}
.btn-small{
	margin-top: 10px;
	margin-bottom: 10px;
	height: 1.6rem;
	padding: .6rem .9rem;
	font-size: .7rem;
	border-radius: 2rem;
}
input[type="submit"]:hover, button:hover, .pseudo-btn:hover,.icon-log:hover{
	filter:brightness(87%); 
	-webkit-filter:brightness(87%); 
}
input[type="submit"]:active, button:active, .pseudo-btn:active, .hero-thumb:hover, .hero-thumb:active{
	box-shadow: 0px 0 5px rgba(0, 0, 0, 0.6);
}
.btn-inactive, .btn-inactive:hover {
	opacity: .1;
	cursor: inherit;
	color:white;
}
.bg-err, .bg-err:hover, .bg-err:focus{
	color:#fff;
}
.bg-err:not(.no-shake), .bg-err:not(.no-shake):hover, .bg-err:not(.no-shake):focus{    
	animation: shake 0.4s cubic-bezier(.36, .07, .19, .97) both;
	transform: translate3d(0, 0, 0);
	perspective: 1000px;
}

@media screen and (min-width: 450px) {
	.form-newsletter{
		display: flex;
		flex-direction: row;
	}
	.form-newsletter button.send-newsletter{
		width:auto;
		max-width:220px;
		height:100%;
		margin:0;
		border:none;
		padding: 1rem 1.3rem;            
	}
	.form-newsletter .field{
		margin:0;
	}
}

@keyframes translate-y {
	0% {
		transform: translateY(10%);
	}
100% {
		transform: translateY(0);
	}
}
@keyframes shake {

	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}
20%, 80% {
		transform: translate3d(2px, 0, 0);
	}
30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}
40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}
input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="password"], input::placeholder, textarea, select {
	font-family:var(--f-sans-serif,sans-serif);
	width: 100%;
	line-height: normal;
	border: none;
	vertical-align: middle;
	font-size: 1rem;
	font-weight: 500;
	color:black;   
	padding: 15px;
    user-select: text;
}
i~input[type="text"], i~input[type="number"], i~input[type="email"], i~input[type="search"], i~input[type="password"], i~select {
	padding-left: 0;
}
input[type="search"]{
	height: 4rem;
	background-color:var(--color-xlgrey);
    padding:2.5rem 1.5rem;
    user-select: text;
}
input[type="search"],input[type="search"]::placeholder{
    font-size:1.4rem;
}
@media screen and (max-width: 649px) {
    input[type="search"]{
    	padding:2.5rem 1.5rem;
    }
}
  
input.inline-btn{
	padding:0 15px;
}
@media screen and (min-width: 500px) {
	.btn-search{
		padding:15px;
	}
}
@media screen and (max-width: 499px) {
	.btn-search{
		padding:25px 10px;
	}
}

input::placeholder,textarea::placeholder {
	color:var(--color-lgrey);
	padding: 0;
}
textarea {
	height: auto;
	padding: 15px;
	line-height: 1.8;
	resize: none;
    user-select: text;
}

textarea:focus, input:focus, select:focus {
	outline: none;
	-webkit-tap-highlight-color:transparent;
}
.form-feedback {
	font-weight: 600;
}
[contenteditable="true"] {
	padding: 15px;
	color:black;
	font-weight: 500;
	font-weight: 1rem;
	outline: none;
    user-select: text;
}
.edit.inline-btn{
	padding:10px 15px;
	flex: 1;
	width: calc(100% - 250px);
}
.edit:empty:before {
	content: attr(data-placeholder);
	color:var(--color-lgrey);
}
select {
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='28' height='28' fill='%23666'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 0px center;
  background-size: 45px; 
  cursor: pointer;
}



/* On focus: subtle highlight */
select:focus {
  border-color: var(--color-grey);
  box-shadow: 0 0 0 3px rgba(0,0,0,0.05);
  outline: none;
}

/* For smaller screens — make padding tighter */
@media screen and (max-width: 400px) {
  select {
    padding: 12px 40px 12px 12px;
    background-position: right 12px center;
  }
}

.switch-box {
	width: 45px;
	height: 25px;
	border-radius:20px;
	background-color:var(--color-lgrey);
}
.switch-box.checked{
	background:var(--color-red);
	transition: background-color 0.25s ease-in-out;
}
.switch-box *{
	height: 19px;
	width: 19px;
	margin-left:4px;
	background-color:white;
	transition: margin 0.075s ease-in-out;
}
.switch-box.checked *{
	margin-left:22px;
}
/* === CHECKBOX === */
.con-checkbox {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 1em;
	user-select: none;
}

.con-checkbox input {
	position: absolute;	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: var(--color-xlgrey);
	border: 2px solid var(--color-lgrey);
	box-sizing: border-box;
	transition: background-color 0.25s ease, border-color 0.25s ease;
}

.con-checkbox:hover input ~ .checkmark {
	background-color: var(--color-lgrey);
	border-color: rgba(0, 0, 0, 0.5);
}

.con-checkbox input:checked ~ .checkmark {
	background-color: var(--color-grey);
	border-color: var(--color-grey);
}

.con-checkbox input:checked:hover ~ .checkmark {
	border-color: var(--color-grey);
}

.checkmark::after {
	content: "";
	position: absolute;
	display: none;
}

.con-checkbox input:checked ~ .checkmark::after {
	display: block;
}

.con-checkbox .checkmark::after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
}

.radio-button-container{
	  display: block;
	  position: relative;      
	  line-height: 25px;
	  cursor: pointer;
	  user-select: none;
}
.radio-button-container:not(.color) {
	  padding-left:25px;
	  margin-right:15px;
	  margin-bottom:10px;
}
.radio-button-container:not(.color) div{
	  padding-left:10px;
}
.radio-button-container.color{
	  padding-left: 25px;
	  margin-left:0;
}
.radio-button-container.color div{
	  padding-left:10px;
}
/* Hide the browser's default radio button */
.radio-button-container input {
		position: absolute;	opacity: 0;
		opacity: 0;
		cursor: pointer;
}

.radio-button-container .checkmark {
		position: absolute;
		left: 0;
		height: 24px;
		width: 24px;
		border: 2px solid #ddd;
		justify-content:center;
}
.radio-button-container.color .checkmark {
		top:5px;
}
.radio-button-container input:checked ~ .checkmark {
		background-color:white;
		border-color:var(--color-lgrey);
}
.radio-button-container .checkmark::after {
		content: "";
		position: absolute;
		display: none;
		width: 14px;
		height: 14px;
		background:var(--color-grey);
}
.radio-button-container input:checked ~ .checkmark::after {
		display: flex;
		flex-direction:column;
		align-self:center;
}
.checkmark {
		border: 2px solid #ddd;
		background-color:var(--color-dwhi);
}
.con-checkbox:hover input ~ .checkmark, .radio-button-container:hover input ~ .checkmark {
		border-color:rgba(0,0,0,0.5);
		transition: all 0.3s;
}
article {
		min-height: 100%;
		display: flex;
		flex-direction: column;
		align-items: stretch;
}
#nav-icon {
		cursor: pointer;
        margin:0 25px 0 15px;
}
#nav-icon:not(.open).mute-svg i.b {
		border: none;
}
.logo-con {
	width:12vw;
}
@media screen and (min-width: 650px) {
    .logo-con {
        min-width:100px;
        max-width:200px;
        margin:0 35px;
    }
}
@media screen and (max-width: 649px) {
    .logo-con {
		width:18vw;
        min-width:60px;
    }
}
.logo-inl{
	width:250px;
}
.svg-crown{width:8vw;min-width:80px;max-width:100px;z-index:0}
@media screen and (max-width: 649px) {
	.svg-crown{width:16vw;min-width:60px;max-width:75px;}
}
.opac{
	opacity: .15;
}
.logo-icon-opac {
	position:absolute;
	left: 50%;
    width:57px;
    height:80px;
}
.logo-con-inl{margin:35px 0}
.logo-footer {
	width: 200px;
	padding-right:25px;
}
@media screen and (max-width: 1249px) {
	.footer-switch{flex-direction:column-reverse;}
}
@media screen and (min-width: 1250px) {
	footer nav{margin-left:100px;}
}
.footer-payoff.flex-r {
   flex-direction: column !important; 
   padding:10px 20px;
   border-top:1px solid var(--color-dgrey)
}
ul {
	list-style: none;
	list-style-position: outside;
}
.header {
	height:100%;
}
header+nav {
    position:absolute;
    right:10px;
    top:0;
    z-index:5;
}
@media screen and (min-width: 650px) {
    header+nav {
        height:auto;
    }
}
@media screen and (max-width: 649px) {
    header+nav {
    	height: 13vw;
   		max-height:90px;
    }
    header+nav i {
    	font-size:1.7rem;
    }
	header+nav ul li {
       	margin-right:3px;
    }    
}
.header nav {
	height: 100%;
    padding:0 10px;
}
header menu{
 	border-left:1px solid var(--color-grey);
}
.menu-ln-con,.menu-ln{
	top:0;
	height:35px;
}
.menu-ln-con{
	overflow:hidden;
}
.menu-ln{
	left:0;
}
.menu-ln-content{
	background:var(--color-lbla);
    border:1px solid var(--color-lbla);
}

.menu-ln-content li{font-weight:normal;padding-bottom:0;}
.menu-ln-content .ic-flag{
    font-size:1.4rem;
    margin-bottom:-3px;
 }
.menu-ln-content a{
	text-transform:uppercase;
	height:35px;
	padding:2px;
}
.ln-txt{
    font-size:.7rem;
}
.menu-ln-content a:hover{
	background:var(--color-grey);
	border-radius: 4px;
    color:var(--color-white);
} 
nav:not(.menu-items) ul{
	align-items: center;
}
nav.menu-items{
	padding:20px 0;
    height:50px;
    top:0;
}

section:not(.fw):not(.split) .content-front:has(> .menu-items) {padding-top:0;}
section.fw .content-front:has(> .menu-items) {padding-top:0;}
section.split .content-front:has(> .menu-items) {padding-top:0;}
nav.menu-items li a{
	font-weight:400;
	font-size:1.2em;
	padding:5px 15px;
    padding-left:0;
} 
@media screen and (max-width: 649px) {
     nav.menu-items .menu-item li{
        padding:5px;
        padding-left:0;
        margin-right:5px;
    } 
}
.menu-item{padding:0 5px 25px 5px;}
.menu-item-sub-con{
	position:absolute;
	border-radius: 10px;
    border: 1px solid var(--color-xlgrey);
    margin:0;
    z-index:10;
}
.menu-item-sub-con  a {padding:10px 5px;}
menu nav ul:not(ul li ul) {
	align-items: flex-start;
}
.header nav ul:nth-of-type(2) {
	padding: 0;
}
.header nav ul:nth-of-type(2) a {
	padding: 0;
	height: 100%;
}
.header nav ul:nth-of-type(2) li {
	height: 100%;
	align-items: center;
	padding: 0 0 0 20px;
	color:white;
	cursor: pointer;
}
@media screen and (max-width: 649px) {
	.header nav ul:nth-of-type(2) li {
		padding: 0 10px;
	}
    .header  i,.header  i.i-med{
    	width: 1.5rem;
		height: 1.5rem;
    }
}
@media screen and (min-width: 650px) and (max-width: 999px) {
	.header menu nav{margin-top:20px;}
}
@media screen and (max-width: 800px) {
	header nav ul:nth-of-type(2) {
		display: none;
	}
	header nav ul:nth-of-type(2) a:nth-of-type(1) li {
		border: none;
	}
}
header menu nav a{
    font-weight: normal;
}
header nav a.switch-ln{color:var(--color-lgrey);}
header nav a.switch-ln.select{color:var(--color-lbla);}
nav li {
	padding: 5px;
	text-align: center;
	color:white;
	line-height: 1;
	font-weight: 600;
	list-style: none;
}

nav li.new::after{
	content: "NEW";
	background-color:var(--color-red);
	padding: 1px 3px;
	border-radius: 4px;
	position: absolute;
	margin-left: -35px;
	margin-top: 19px;
	font-size: .6em;
	z-index: 50;
}

nav li.new.no-new::after,.footer-hand a.new.no-new::after {
	display: none;
}
li.bold a {
	font-weight: 600;
}
nav li a:hover {
	color:var(--color-dgrey);
}
menu nav ul li a:hover,footer li a:hover {
	color:var(--color-dwhi);
}
.profile-img {
	width: 250px;
	height: 250px;
	background-size: cover;
	overflow: hidden;
}
.profile-img-tmb {
	width: 3rem;
	height: 3rem;
	background-size: cover;
	overflow: hidden;
}
@media screen and (min-width: 800px) {
	.col {
		column-count: 2;
		column-gap: 6%;
	}
}
blockquote { 
	text-align: center;
	letter-spacing: 0em;
	font-weight: 400;
	border-radius: 5px;
	line-height: 1.5;
	font-size: 1.5em;
    margin-bottom:35px;
	max-width:600px;
}
blockquote::before{
	content: '”';
	font-family:Georgia,Times,Times New Roman,serif;
	font-size:8rem;
    position:relative;
    margin:0 auto;
    line-height:0;
    top:50px;
    margin-right:15px;
    color:var(--color-primair);
}
@media screen and (min-width: 650px) {
    blockquote::before{
        margin-right:15px;
    }
}
blockquote .q-span,blockquote .t-span {
	text-align: right;
	margin-top: 15px;
	align-self: flex-end;
	font-family:var(--f-sans-serif,sans-serif);
	text-transform: uppercase;
	font-weight:500;
	letter-spacing:0em;
	font-size:.8rem;
}
blockquote .t-span {
	color:none;
	font-size:.5em;
}
@media screen and (max-width: 649px) {
	blockquote {
		font-size: 1.2rem;
        margin:25px;
        margin-bottom:35px;
	}
    blockquote .q-span{
        font-size:.6rem;
    }
}
blockquote i .svg-i {
	fill:var(--color-grey);
}
blockquote:hover i .svg-i {
	fill:var(--color-bla);   
}

.menu-con {
    position: fixed;
    top: 0;
    height: 100dvh;
    height: -webkit-fill-available;
    overflow-x: hidden;  
    user-select: none; 
    z-index: 60;
}
@media screen and (max-width: 649px) {
	.menu-con {
		width: 100%;
		left: -100%;
	}
}
@media screen and (min-width: 650px) {
	.menu-con {
		width: 400px;
		left: -400px;
	}
	.menu-shadow {
		box-shadow: 5px 0 15px rgba(0, 0, 0, .05);
	}
}
menu{
	height: auto;
	overflow-y: auto;
	overflow-x: hidden;
}

.menu-con nav li {
	padding:10px;
    font-weight:normal;
    text-align:left;
}
.menu nav h3 {
	font-size: 3em;
}
.footer-payoff {
	text-align: center;
	font-size: .7em;
	color:white;
	padding: 10px;
}

.pro-stroke-save {
	height: 100%;
	background:var(--color-err);
	width: 0%;
}
.pro-con-save, .pro-stroke-save {
	border-radius: .08rem;
	border: none;
}

.btn-chat{
	position: fixed;
	right:5px;
	padding: 10px;
	width: auto;
	height: 35px;
	bottom: 30px;
}
@media screen and (max-width: 649px) {
    .btn-chat{
        right:5px;
    }
}
.btn-chat::after{
	content:'1';
	position: absolute;
	top: 8px;
    right:8px;
    width:15px;
    height:15px;
    padding:5px;
    text-align:center;
    line-height:.7;
    color:white;
    font-size:8px;
    font-weight:500;
	background-color:#e10d0d;
    border-radius: 50%;
}
* .noafter:after {
	display:none;
}
.btn-chat{z-index:11}
.opacity05::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color:rgba(0, 0, 0, .8);
}
.mp-con,.sea-bar-con {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	z-index: 101;
	background:white; 
}
.mp-out {
	height: 100%;
	height:100dvh;
	overflow-y: scroll;
	background: linear-gradient(to bottom, var(--color-whi), #dddddd);
}

.mp-inner-con {
	width: 100%;
	padding: 35px;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
    height:auto;
	/* Firefox */
}

.mp-out,.mp-inner-con,.mp-inner,.mp-con,.chatbox{
    width:100%;
}
.mp-out,.mp-inner-con,.mp-con,.chatbox{
    padding:0;
}
.mp-inner{
	padding:25px;
	animation: fadInCon 1s ease forwards;
}
.mp-con.mp-chat .mp-inner{padding:0;}
.chatbox{
    min-height:100dvh;
}
.mp-inner-con::-webkit-scrollbar, .men-set::-webkit-scrollbar {
	display: none;
}
.men-set {
	position: fixed;
	z-index: 60;
    overflow:hidden;
    box-shadow: 0px 0 5px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 449px) {
	.men-set {
		top: 40px;
		width: 100%;
		padding:15px;
	}
}
@media screen and (min-width: 450px) {
	.men-set {
		right: 20px;
		top: 60px;
		width: 230px;
        border-radius:4px;
        padding:5px 0;
	}
}
.mp-out, .men-set {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
@media screen and (max-width:649px) {
	.cookie-btns{
    	flex-direction:column;
        flex-direction:column-reverse;
    }
    .cookie-btns .flex-c.l, .cookie-btns .flex-c.r{margin:5px auto ;}

}
.box-shadow{
	box-shadow: 0px 0 15px rgba(0, 0, 0, 0.3);
}
.mp-inner, .men-set-in {
	width: 100%;
	height: auto;
}
.men-set-in li {
	font-size: .9rem;
	list-style: none;
	text-decoration: none;
	color:black;   
	font-weight: normal;
}
.men-set-in a {
	text-decoration: none;
	color:black;   
}
.men-set-in li, .men-set-in li:hover {
	margin:10px;
	padding:6px 10px;
}
@media screen and (max-width: 449px) {
	.men-set-in li {
        font-size: 1rem;
    }
    .men-set-in a {
        text-decoration: none;
        color:black;   
    }
    .men-set-in li, .men-set-in li:hover {
        margin: 10px;
        padding:8px;
    }
}
.men-set-in:first-child li, .men-set-in:last-child li, .men-set-in:first-child li:hover, .men-set-in:last-child li:hover {
	margin: 0;
}
.men-set-in *.b-t {
	border-top: 1px solid #eee;
}
.men-set-in *.b-b {
	border-bottom: 1px solid #eee;
}
.men-set-in .item-settings {
	padding:2px 10px;
}
.men-set-in li:hover, .men-set-in a.select li {
	background:var(--color-xlgrey);
	border-radius: 10px;
	cursor: pointer;
}
.mp-inner-logo svg {
	width: 260px;
	height: 130px;
}
.sc{
	height:90px;
	width:90px;
	border:2px solid var(--color-red);
	margin:10px;
	padding:5px;
	cursor:pointer;
	background:white;
}
.sc svg {
	height:90%;
	width:90%;
}
@media screen and (max-width: 649px) {
	.sc{
		height:75px;
		width:75px;
		max-width:75px;
		max-height:75px;
		margin:3px;
	}
}
@media screen and (max-width: 350px) {
	.sc:nth-of-type(4) {
		display:none;
	}
}
.mp-cl, .mp-ba {
	position: absolute;
	width: .9rem;
	height: .9rem;
	cursor: pointer;
}
.mp-ba {
	left: 10px;
}
.mp-cl{z-index:101;}

.mp-cl, .mp-ba {
    top: 0px;
    right: 15px;
}
.mp-cl i {
  display: inline-block;  
  transition: transform 0.15s ease; 
  transform-origin: center;  
}

.mp-cl:hover i {
  transform: rotate(-90deg);   
}
.limit-read{
	z-index:59;
	position:fixed;
	height:auto;
	bottom:0;
	width:100%;
	left:0;
	padding:25px;
}    
.im-sli-con {
	position: fixed;
	width: 100%;
	height: 100dvh;
	top: 0;
	left: 0;
	background:var(--color-bla);
	z-index: 103;
	overflow: hidden;
	opacity: 1;
}
.im-sli {
	position: absolute;
	width: auto;
	height: 100dvh;
	top: 0;
	left: 0;
}
.im-sli-el {
	height: 100dvh;
	width: 100vw;
	transition: transform .75s, filter .75s ease-in-out;
	transform-origin: center center;
	overflow:hidden;
}
.im-sli-el::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:0;
}
.im-sli-nav {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 104;
}
.im-sli-nav.left {
	left: 15px;
}
.im-sli-nav.right {
	right: 15px;
}
.im-sli-content {
	position: fixed;
	bottom: 0;
	left: 0;
	color:white;
	width: 100%;
	height: 150px;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .85));
}
.im-sli-alt {
	position: absolute;
	bottom:0;
	padding:15px;
	padding-right:25px;
}

.small-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 9998;
}

.small-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    width:auto;
}
.small-content{
	z-index:9999;
}
.social-i{
	border: 1px solid transparent;
}    
.social-i:hover{
	background-color:var(--color-xlgrey);
}        
@media screen and (max-width: 400px) {
    .small-popup {
	    border-radius:0;
        width:100%;
    }
}
.social * i .svg-i {
	width: 1.5rem;
	height: 1.5rem;
}
.btn-open-sli, .im-sli-settings {
	position: absolute;
	right: 10px;
	top: 10px;
}
@media screen and (max-width: 649px) {
	.btn-open-sli, .im-sli-settings {
		top: 5px;
		right: 15px;
	}
}
.im-sli-settings {
	position: fixed;
}
.btn-open-sli {
	transition: opacity .25s;
	cursor: pointer;
}
.img-con:hover .btn-open-sli {
	opacity: 1;
}
/*LOADER*/
.loader {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 200;
	background: linear-gradient(to bottom, var(--color-whi), #dddddd);
}
.lds-con {
	width: 100%;
	height: 100%;
	margin: 25px auto;
}
.lds {
    width: 130px; 
    height:26px;
    position: relative;
    margin: 0 auto;
    text-align: center;
}
.lds div {
    display: inline-block;
    width: 4px;  
    height: 22px;
    margin: 0 3px; 
    background: var(--color-primair);
    transform-origin: center; 
    vertical-align: middle;
    border-radius: 0;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds div:nth-child(1) { animation: lds-bar 0.6s infinite; animation-delay: 0s; }
.lds div:nth-child(2) { animation: lds-bar 0.6s infinite; animation-delay: 0.1s; }
.lds div:nth-child(3) { animation: lds-bar 0.6s infinite; animation-delay: 0.2s; }
.lds div:nth-child(4) { animation: lds-bar 0.6s infinite; animation-delay: 0.3s; }
.lds div:nth-child(5) { animation: lds-bar 0.6s infinite; animation-delay: 0.4s; }
.lds div:nth-child(6) { animation: lds-bar 0.6s infinite; animation-delay: 0.5s; }
.lds div:nth-child(7) { animation: lds-bar 0.6s infinite; animation-delay: 0.6s; }
@keyframes lds-bar {
  0%, 100% {
    transform: scaleY(0.1); /* shrink */
  }
  50% {
    transform: scaleY(1);   /* expand */
  }
}

.is-hi {
	display: none;
}
.stro-rou {
	border-radius: 5px;
}
.stro-rou.vert {
	height: 100%;
	width: 4px;
}
.stro-rou.hor {
	width: 100%;
	height: 3px;
}

.l {
	margin-right: .5em;
}
.r {
	margin-left: .5em;
}
@media screen and (max-width: 500px) {
	div.p.border-left .custom{
		margin-left:-15px;
	}
}

ul {
	list-style: none;
	list-style-position: outside;
}

.custom li::before{
	width:1.8em;
	height:1.8em;
	padding:.4em 0;
	display: inline-block;
	line-height: 2rem;
	text-align: center;
	font-size:1.6em;
	color: white;
	margin:.6rem;
	margin-left:0;
	place-items:center;
}
.in-between-topics.custom li::before{
	padding:.5em .1em;
	width:2.2em;
	height:2.2em;
    margin:0 .4em;
    border:1px solid var(--color-lgrey);
	color:var(--color-grey);
}
.in-between-topics.custom li.bold::before,.in-between-topics.custom li:hover::before{
	color:var(--color-bla);
    border:1px solid var(--color-lbla);
}
.custom li.bullet::before{
	content:  "";
	width:.18em;
	height:.18em;
	padding:.25em;
	margin:.2em .5em 0em .2em;
}

ul.custom li.tick::before {
  content:  "✓";
}
ul li.arrow::before {
  content:  ">";
	padding:.3em;
}
ul li.warning::before {
  content:  "!";
  font-weight:700;
}
ul li.close::before {
  content:  "\00d7";
  font-size:3em;
	width:1em;
	height:1em;
	padding:.2em;
}
#next-topic{text-align:right;}
@media screen and (min-width: 650px) {
	#prev-topic,#next-topic{
		width:150px;
	}
}    
@media screen and (max-width: 649px) {
	#prev-topic,#next-topic{
		font-size:.6em;
        width:auto;
		max-width:60px;

	}
	.custom li::before{
        width: 2rem;
        height: 2rem;
        font-size: 1rem;
        line-height: 1.1em;
	}
	.custom li.bullet::before{
		margin-right:1rem;
		width:.16em;
		height:.16em;
		padding:.25em;
	}
	ul li.close::before {
		width:.8em;
		height:.8em;
		padding:.1em;
		line-height: 2rem;
		font-size:2.5em;
	}
}

ol.custom li::before {  
	vertical-align: middle; 
}
ol{
	list-style: none;
	counter-reset: steps;
}

ol.custom {
    counter-reset: mycounter;
}



ol:not(.start) li {
	counter-increment: steps;
}
ol li::before { 
	color:white;
	width: 2.5rem;
	height: 2.5rem;
	font-size: 1.8rem;
    display: inline-grid; 
	place-items: center;
	line-height: 1.2em;
    vertical-align: top; 
    flex-shrink: 0;      
} 

ol li {
    display: flex; 
    align-items: center; 
    gap: 0.5rem;
}
ol.custom li {
  display: flex;
  align-items: center;
}

ol:not(.start) li::before {
	content: counter(steps);
}    
ol.start li::before {
	counter-increment: mycounter; 
	content: counter(mycounter); 
}
.custom:not(.bg-col) li::before {
	background:var(--color-grey);
}
.custom.bg-col.whi li::before{
	background:white;
}
.custom.bg-col.bro li::before{
	background:var(--color-bro);
} 
.custom.bg-col.grey li::before{
	background:var(--color-grey);
}
.custom.bg-col.ora li::before{
	background:var(--color-ora);
}
.custom.bg-col.red li::before{
	background:var(--color-red);
}
.custom.bg-col.lgrey li::before{
	background:var(--color-lgrey);
}
.custom.bg-col.clo li::before{
	background:var(--color-clo);
}   
.custom.bg-col.bla li::before{
	background:var(--color-bla);   
}   
.custom.bg-col.lbla li::before{
	background:var(--color-lbla);   
} 
.custom.bg-col.yel li::before{
	background:var(--color-yel);
}
.custom.bg-col.sal li::before{
	background:var(--color-sal);
}
.custom.bg-col.pur li::before{
	background:var(--color-pur);
}
.custom.bg-col.gre li::before{
	background:var(--color-gre);
}
.custom.bg-col.dgre li::before{
	background:var(--color-dgre);
}
.custom.bg-col.aqua li::before{
	background:var(--color-aqua);
}
.custom.bg-col.gol li::before{
	background:var(--color-gol);
}
.custom.bg-col.brn li::before{
	background:var(--color-brn);
}
.custom.bg-col.lche li::before{
	background:var(--color-lche);
} 
.custom.bg-col.cher li::before{
	background:var(--color-cher);
} 
.custom.bg-col.dche li::before{
	background:var(--color-dche);
} 
.custom.bg-col.blu li::before{
	background:var(--color-blu);
} 
.custom.bg-col.dblu li::before{
	background:var(--color-dblu);
} 
.custom.bg-col.lblu li::before{
	background:var(--color-lblu);
} 
.custom.bg-col.err li::before{
	background:var(--color-err);
} 
.w100 {
	width: 100%;
}
.p-5px {
	padding: 5px;
}
.p-5px {
	padding: 5px;
}
.p-10px {
	padding: 10px;
}
.p-15px {
	padding: 15px;
}
.p-20px {
	padding: 20px;
}
.p-25px {
	padding: 25px;
}
.p-v-10px {
	padding-top: 10px;
	padding-bottom: 10px;
}
.p-v-25px {
	padding-top: 25px;
	padding-bottom: 25px;
}
.p-v-50px {
	padding-top: 50px;
	padding-bottom: 50px;
}
.p-b-0 {
	padding-bottom: 0;
}
.p-t-0 {
	padding-top: 0;
}
.p-l-5px {
	padding-left: 5px;
}
.p-l-10px {
	padding-left: 10px;
}
.p-l-25px{
	padding-left: 25px;
}
.p-t-20px {
	padding-top: 20px;
}
.p-b-15px {
	padding-bottom: 15px;
}
.p-t-35px {
	padding-top: 35px;
}
.p-b-35px {
	padding-bottom: 35px;
}
.p-35px {
	padding: 35px;
}
.p-h-20px {
	padding-left: 20px;
	padding-right: 20px;
}
.border-left {
	border-left: 3px solid;
    border-top: none;
    border-right: none;
    border-bottom: none;
	padding-left: 25px;
}

.whi.border-left { border-left-color: white; }
.bro.border-left { border-left-color: var(--color-bro); }
.grey.border-left { border-left-color: var(--color-grey); }
.ora.border-left { border-left-color: var(--color-ora); }
.red.border-left { border-left-color: var(--color-red); }
.lgrey.border-left { border-left-color: var(--color-lgrey); }
.xlgrey.border-left { border-left-color: var(--color-xlgrey); }
.clo.border-left { border-left-color: var(--color-clo); }
.lbla.border-left { border-left-color: var(--color-lbla); }
.bla.border-left { border-left-color: black; }
.yel.border-left { border-left-color: var(--color-yel); }
.sal.border-left { border-left-color: var(--color-sal); }
.pur.border-left { border-left-color: var(--color-pur); }
.gre.border-left { border-left-color: var(--color-gre); }
.dgre.border-left { border-left-color: var(--color-dgre); }
.dblu.border-left { border-left-color: var(--color-dblu); }
.lblu.border-left { border-left-color: var(--color-lblu); }
.blu.border-left { border-left-color: var(--color-blu); }
.aqua.border-left { border-left-color: var(--color-aqua); }
.gol.border-left { border-left-color: var(--color-gol); }
.brn.border-left { border-left-color: var(--color-brn); }
.lcher.border-left { border-left-color: var(--color-lche); }
.cher.border-left { border-left-color: var(--color-cher); }
.dcher.border-left { border-left-color: var(--color-dche); }

.sidelines:before,.sidelines::after{
	content: "";
	flex: 1 1;
	border-bottom: 2px solid;
	margin: auto 20px;
}
em,p em,.el_id em{
	letter-spacing:0;
}
@media screen and (max-width: 649px) {
	.border-left {
		margin-left: 5%;
	}
}
.font-small, .font-xsmall, .font-large {
	font-size: .85em;
	font-style: normal;
}
.font-xsmall {
	font-size: .7em;
}
@media screen and (max-width: 480px) {
	.breadcrumbs {
		font-size: 2.8vw;
	}
}
@media screen and (min-width: 481px) {
	.breadcrumbs{
	    padding-top:10px;
		font-size: .8rem;
	}
}
@media screen and (min-width: 849px) {
	.breadcrumbs{
		padding-left:5vw;
	}
}
.font-xsmall.xbold {
	font-weight: 900
}
.font-large {
	font-size: 1.25em;
}
.font-xlarge {
	font-size:1.5em;
}
.m-0 {
	margin:0;
}
.m-10px {
	margin:10px;
}
.m-15px {
	margin:15px;
}
.m-25px {
	margin:25px;
}
.m-l-15px{
	margin-left:15px;
}
.m-l-25px{
	margin-left:25px;
}
.m-l-100px{
	margin-left:100px;
}
.m-b-5px {
	margin-bottom: 5px;
}
.m-r-5px {
	padding-right: 15px;
}
.m-b-15px {
	margin-bottom: 15px;
}
.m-b-25px {
	margin-bottom: 25px;
}
.m-b-35px {
	margin-bottom: 35px;
}
.m-b-50px {
	margin-bottom: 50px;
}
.m-b-100px {
	margin-bottom: 100px;
}
.m-t-a {
	margin-top:auto;
}
.m-t-25px {
	margin-top: 25px;
}
.m-t-10px {
	margin-top: 10px;
}
.m-t-50px {
	margin-top: 50px;
}
.m-t-100px {
	margin-top: 100px;
}
.m-v-5px {
	margin-top:5px;
	margin-bottom:5px;
}
.m-v-15px {
	margin-top: 15px;
	margin-bottom: 15px;
}
.m-v-25px {
	margin-top: 25px;
	margin-bottom: 25px;
}
.m-v-35px {
	margin-top: 35px;
	margin-bottom: 35px;
}
.m-v-50px {
	margin-top: 50px;
	margin-bottom: 50px;
}
.bor-bot{
	border-bottom:1px solid #eee;
}
.desk,.hand {
	display: inherit;
}
.cover {
	background-size: cover;
}
@media screen and (max-width: 649px) {
	.footer-desk, .desk {
		display: none;
	}
}
@media screen and (min-width: 650px) {
	.footer-hand, .hand {
		display: none;
	}
}
i.c, .com-tmb, .profile-img-tmb, ol li::before,.footer-hand a.new::after,.switch-box *,.radio-button-container .checkmark ,.radio-button-container .checkmark:after,.custom li::before{
	border-radius: 50%;
}

li a:hover,
.breadcrumbs a,
.menu a:hover,
footer a:hover,
.author-share a:hover,
.phs a:hover,
.hero-thumb:hover,
.save-item:hover,
.tag-label:hover,
.social-this:hover,
.pseudo-btn:hover,
button:hover,
input[type="submit"]:hover {
	transition: 0.25s;
}  

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-track {
    background: var(--color-grey);
}

::-webkit-scrollbar-thumb {
    background: var(--color-lbla);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-bla);
}

/* Firefox support */
.on-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--color-lbla) var(--color-dgrey);
    -ms-overflow-style: none;
}

.on-scrollbar::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
    background-color: transparent;
}

.on-scrollbar::-webkit-scrollbar-track {
    background: var(--color-dgrey) !important;
    -webkit-box-shadow: none !important;
}

.on-scrollbar::-webkit-scrollbar-thumb {
    background: var(--color-lbla) !important;
    border-radius: 5px;
}

.on-scrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--color-bla) !important;
}

@media screen and (prefers-reduced-motion: reduce) {
	* {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
	}
}
/*top notch iphone 13 prefix*/
@media (orientation: portrait) {
	body, #nav-icon, .sea-bar {
		padding-top: 50px;
		padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
	}
}
/*iphone*/
@supports (-webkit-touch-callout: none) {
	h1.f-ser, h2.f-ser, h3.f-ser{letter-spacing:-.03em;}
	* em, * em.bold{
		letter-spacing:-.05em;
	}
	.bold em{
		letter-spacing:-.06em;
	}
}