/*-----------------------------
		GENERAL
-----------------------------*/

:root {
	--fontSize: 16px;
	--wrapper: 1175px;
	--gutter: 3em;
	--black: #020908;
	--textColor: #020908;
	--yellow: #fee042;
	--blue: #42c4c2;
	--trueBlack: #000000;
	--lightGrey: #f6f6f6;
	--boxShadow: 0px 0px 50px 5px rgba(0,0,0,0.15);
	--boxShadowHover: 0px 0px 10px 1px rgba(0,0,0,0.05);
	--btnBoxShadow: 0px 10px 20px 4px rgba(0,0,0,0.15);
	--btnBoxShadowHover: 0px 1px 5px 1px rgba(0,0,0,0.05);
	--lightBoxShadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	--lightBoxShadowHover: 0px 0px 3px 1px rgba(0,0,0,0.05);
	--mediumBoxShadow: 0px 0px 15px 5px rgba(0,0,0,0.1);
	--mediumBoxShadowHover: 0px 0px 6px 2px rgba(0,0,0,0.075);
}
	@media screen and (max-width: 1000px) {
		:root {
			--fontSize: 15px;
			--gutter: 2.5em;
		}
	}
	@media screen and (max-width: 450px) {
		:root {
			--fontSize: 14px;
			--gutter: 2em;
		}
	}


html {
	max-width: 100vw;
	overflow-x: hidden;
}

body {
	color: var(--black);
	font-family: 'Poppins', sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-weight: 400;
	font-size: var(--fontSize);
	background-color: #fff;
	padding-top: 196px;
}
	@media screen and (max-height: 800px) {
		body { padding-top: 174px; }
	}
/*	@media screen and (max-width: 1300px) and (min-height: 800px) {
		body { padding-top: 228px; }
	}*/
	@media screen and (max-width: 1300px) and (max-height: 800px) {
		body { padding-top: 155px; }
	}
	@media screen and (max-width: 1000px) and (max-height: 800px) {
		body { padding-top: 145px; }
	}
	@media screen and (max-width: 850px) and (max-height: 800px) {
		body { padding-top: 100px; }
	}
	@media screen and (max-width: 450px) and (max-height: 800px) {
		body { padding-top: 50px; }
	}
	@media screen and (max-width: 1450px) {
		body { padding-top: 188px; }
	}
	@media screen and (max-width: 1300px) {
		body { padding-top: 177px; }
	}
	@media screen and (max-width: 1200px) {
		body { padding-top: 162px; }
	}
	@media screen and (max-width: 1000px) {
		body { padding-top: 165px; }
	}
	@media screen and (max-width: 950px) {
		body { padding-top: 145px; }
	}
	@media screen and (max-width: 850px) {
		body { padding-top: 134px; }
	}
	@media screen and (max-width: 750px) {
		body { padding-top: 90px; }
	}
	@media screen and (max-width: 450px) {
		body { padding-top: 50px; }
	}

body > main { max-width: 2000px; margin: auto; }

/*******************
 wrappers
*******************/
.wrapper {
width:100%;
max-width: calc(var(--wrapper) + (2 * (var(--gutter))));
padding:0 var(--gutter);
margin:auto;
position:relative;
}
.wrapper.no-padding { padding: 0; }
.wrapper-full { max-width:100%; }
.wrapper-2000 { max-width:2000px; }
.wrapper-1600 { max-width:1600px; }
.wrapper-1500 { max-width:1500px; }
.wrapper-1400 { max-width:1400px; }
.wrapper-1300 { max-width:1300px; }
.wrapper-1250 { max-width:1250px; }
.wrapper-1200 { max-width:1200px; }
.wrapper-1150 { max-width:1150px; }
.wrapper-1100 { max-width:1100px; }
.wrapper-1000 { max-width:1000px; }
.wrapper-900 { max-width:900px; }
.wrapper-850 { max-width:850px; }
.wrapper-800 { max-width:800px; }
.wrapper-700 { max-width:700px; }
.wrapper-600 { max-width:600px; }
.wrapper-500 { max-width:500px; }
.wrapper-450 { max-width:450px; }
.wrapper-400 { max-width:400px; }
.wrapper-300 { max-width:300px; }
.wrapper-200 { max-width:200px; }

/*******************
	helpers
*******************/


.yellow { color: var(--yellow); }
.white { color: #fff; }
.blue { color: var(--blue); }
.bg-lightGrey {
	background-color: var(--lightGrey);
}
.bg-white {
	background-color: #ffffff;
	color: var(--black);
}
.bg-yellow {
	background-color: var(--yellow);
}
.bg-blue {
	background-color: var(--blue);
}

.btn { padding: 0.65em 2.25em; border-radius: 2em;  }

.btn-big { font-weight: 700; font-size: 2.5em; }
.btn-wide { padding: 0.33em 2.66em; }

@media screen and (max-width: 800px) {
	main > .spacer.big,
	main > section > .spacer.big { height: 2em; }
}



.separator.crea {
	width: 2.25em;
	height: 2px;
	background: var(--yellow);
	margin: 1.5em auto 1.5em 0;
}


/*.back-to-top {
	z-index: 888;
	position: fixed;
	bottom: -10em;
	right: var(--gutter);
	width: 2.5em;
	height: 2.5em;
	background: var(--yellow) url(../../img/arrow.svg) no-repeat center;
	background-size: 60% auto;
	transform: rotate(-90deg);
	border-radius: 50%;
	box-shadow: var(--boxShadow);
	transition: 0.6s;
}*/
.back-to-top {
	z-index: 888;
	position: fixed;
	bottom: -10em;
	right: 0;
	width: 2.5em;
	height: 2.5em;
	background-color: var(--yellow);
	background-image: url(../../img/arrow.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60% auto;
	transform: rotate(-90deg);
	border-radius: 50% 50% 0 0;
	box-shadow: var(--boxShadow);
	transition: 0.6s;
}
body.scrolled .back-to-top {
	bottom: 1em;
}

	.zsiq_floatmain.siq_bR {
	    bottom: 5em !important;
	}


.faq__wrapper > .title {
	padding-left: var(--gutter);
}

@media screen and (max-width: 650px) {
	body.w-fixed-ctas .back-to-top {
		right: auto;
		left: 0;
		border-radius: 0 0 50% 50%;
	}
	body.w-fixed-ctas.scrolled .back-to-top {
		bottom: 6em;
	}
	.calendly-inline-widget {
		min-width: 300px !important;
	}
}

@media screen and (max-width: 450px) {
	.calendly-inline-widget {
		min-width: 280px !important;
	}
}




.cn-buttons-container { font-size: 0.75em; }

body .wpcf7 form.sent .wpcf7-response-output {
	border-color: var(--blue);
	background-color: var(--blue);
	color: #fff;
}


.accordeon-line {
  position:relative;
  border-top:var(--lightGrey) 1px solid
}
.accordeon-layout .accordeon-line:last-child {
  border-bottom:var(--lightGrey) 1px solid
}
.accordeon-line .headline {
  position:relative;
  padding:1em 1em 1em 4em;
  cursor:pointer;
  transition:0.3s
}
.accordeon-line .headline::before {
  content:'';
  z-index:3;
  position:absolute;
  top:.8em;
  left:.8em;
  width:1.4em;
  height:1.4em;
  border-radius:50%;
  background-color:#ddd;
  background-image:url(../../img/simple-arrow.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:45% auto;
  transform:rotate(180deg);
  transition:0.3s
}
.accordeon-line.active .headline::before {
  background-color:var(--blue);
  transform:rotate(0);
  background-image:url(../../img/simple-arrow-white.png)
}
.accordeon-line.active .headline::after {
  content:'';
  z-index:2;
  position:absolute;
  top:0;
  left:0;
  width:3em;
  height:100%;
  background:var(--lightGrey)
}
.accordeon-line .details {
  display:none;
  padding:2em;
  background:var(--lightGrey);
  font-size:.94em
}
.accordeon-line.active .details {
  display:block
}