/*
Theme Name:     blush.institute
Theme URI:      http://webdetail.nl/
Description:    A custom made theme, created for blush.institute
Author:         webdetail.nl, Developer Padina Marius Alexandru EuAxxel@gmail.com
Author URI:     http://webdetail.nl/
Version:        2.4.4
*/

html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}*{box-sizing: border-box;}


.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}




@font-face {
	font-family: 'fontello';
	src: url('font-icons/fontello.eot?68979988');
	src: url('font-icons/fontello.eot?68979988#iefix') format('embedded-opentype'),
		url('font-icons/fontello.woff2?68979988') format('woff2'),
		url('font-icons/fontello.woff?68979988') format('woff'),
		url('font-icons/fontello.ttf?68979988') format('truetype'),
		url('font-icons/fontello.svg?68979988#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

 
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
 


.icon-tel:before { content: '\e804'; } /* '' */
.icon-message:before { content: '\e805'; } /* '' */
.icon-question-mark:before { content: '\e806'; } /* '' */
.icon-close:before { content: '\e801'; } /* '' */


.icon-logo-blush-black:before { content: '\e803'; } /* '' */
.icon-facebook:before { content: '\e802'; } /* '' */
.icon-instagram:before { content: '\e800'; } /* '' */






@font-face {
    font-family: 'Filosofia';
    src: url('fonts/FilosofiaGrand.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MrEavesXLModOT-Reg';
    src: url('fonts/MrEavesXLModOT-Reg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MrEavesXLModOT-Book';
    src: url('fonts/MrEavesXLModOT-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura LT';
    src: url('fonts/FuturaLT.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Futura LT';
    src: url('fonts/FuturaLT-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'MrEavesXLModOT';
    src: url('fonts/MrEavesXLModOT-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'MrEavesXLModOT';
    src: url('fonts/MrEavesXLModOT-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MrEavesXLModOT';
    src: url('fonts/MrEavesXLModOT-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}






html, body {
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	margin: 0;
	padding: 0;	
	height: 100%;
	min-height: 100%;
}

body { 
	background: #fff; 
	color: #000;
	font-family: 'MrEavesXLModOT-Reg', sans-serif; 
	font-weight: 400;
	font-size: 1.2vw;
	overflow-x: hidden;
}

body.ready {
	visibility: visible;
}

body.no-transition * {
	-o-transition: none !important;
	-ms-transition: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	transition: none !important;
}
input, textarea, button {
	font-family: 'MrEavesXLModOT-Reg', sans-serif; 
	font-weight: 400;
}

:invalid {
    box-shadow: none !important;
    outline: 0 !important;
}

::-ms-clear {
    display: none;
}


::-webkit-input-placeholder {
	color: #999;
}
::-moz-placeholder {
	color: #999;
}
:-ms-input-placeholder {
	color: #999;
}
:-moz-placeholder {
	color: #999;
}



nav input::-webkit-input-placeholder,
footer input::-webkit-input-placeholder {
	color: #000;
}
nav input::-moz-placeholder,
footer input::-moz-placeholder {
	color: #000;
	opacity: 1;
}
nav input:-ms-input-placeholder,
footer input:-ms-input-placeholder {
	color: #000;
}
nav input:-moz-placeholder,
footer input:-moz-placeholder {
	color: #000;
	opacity: 1;
}


nav textarea::-webkit-input-placeholder {
	color: #000;
}
nav textarea::-moz-placeholder {
	color: #000;
	opacity: 1;
}
nav textarea:-ms-input-placeholder {
	color: #000;
}
nav textarea:-moz-placeholder {
	color: #000;
	opacity: 1;
}


button,
input,
textarea {
	border-radius: 0;
	-webkit-tap-highlight-color: transparent;
}

label {
	-webkit-tap-highlight-color: transparent;
}

button:focus,
input:focus,
textarea:focus {
	border: 0;
	outline: 0;
}




@media all and (max-width: 1400px) {
	body { 
		font-size: 1em;
	}
}
	

.clear {
	clear: both;
    font-size:0;
    height:0;	
}

button,
a {
	text-decoration: none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
	-webkit-tap-highlight-color: transparent;
}
.pseudo {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}


body * {
	font-size: inherit;
}



a.button {
	border: .07vw solid #000;
	color: #000;
	padding: .6em 0;
	text-align: center;
	width: 10.5em;
	display: inline-block;
	font-family: 'MrEavesXLModOT', sans-serif;
	font-weight: 300;
	letter-spacing: 0.15em;
}

a.button:hover {
	color: #777777;
	border: .07vw solid #c1c1c1;
}
@media all and (max-width: 1400px) {
	a.button {
		border: 1px solid #000;
	}
	a.button:hover {
		border: 1px solid #c1c1c1;
	}
}
	


/*Contact Support*/
.c-support-icon {
	position: fixed;
	bottom: -5vw;
	left: 1.5em;
	font-weight: bold;

	text-decoration: none;
	z-index: 11;
	color: #000;
	padding: 0;
	letter-spacing: 0.05vw;
	-webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
	cursor: pointer;

}


.c-support-icon > div {

}	

.quesion-amrk {
	display: inline-block;
	vertical-align: baseline;
	color: #fff;
	background: #000;
	
	font-size: 1.1em;
	padding: .25em .55em;
	font-weight: 300;
	line-height:1;
	font-family: 'MrEavesXLModOT', sans-serif !important;
	font-weight: 300 !important;	
	
}

.quesion-amrk:hover,
.quesion-amrk:active {
	background: #1e1e1e;
}

.c-support-icon > div > div {
	display: inline-block;
	vertical-align: middle;
	margin-left: 1.5vw;
}	

.c-support-icon > div > div p {
	font-size: 1vw;
	font-weight: 500;
	margin: 0;
	line-height: 120%;
}	

.c-support-icon > div > div p:first-of-type {
	font-weight: 700;
}	


.c-support-icon.active {
	bottom: 2em;
}	


.c-support-form * { 
	font-family: 'MrEavesXLModOT-Reg', sans-serif !important;
}
.c-support-form { 
	font-weight: 400;
	border-top: 0;
	width: 28vw;
	position: fixed;
	bottom: -28em;
	left: 1.5em;
	z-index: 11;
	background: #fff;
	padding: 1.3em;
	padding-top: 0;
	

	
	text-align: right;
	-webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;

}





.c-support-form.active {
	bottom: 2em;
}


.c-support-form input:not([type="radio"]), .c-support-form textarea, .c-support-form button {
	margin-top: 1em;
	text-align: left;
	border:0;
	background: #fff;
	

	padding: .55em .6em;	 
    width: 100%;
	letter-spacing: .07em;
    line-height: 100%;
    color: #555;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
	transition: all 0.2s linear;	
	font-size: 1.1em;
	
}

.c-support-form input:not([type="radio"]), .c-support-form textarea {
	font-family: 'MrEavesXLModOT', sans-serif !important;
	font-weight: 300 !important;
	color: #000;
	border: .1vw solid #fff;
	border-bottom: .07vw solid #000;
}

.c-support-form textarea {
	border: .07vw solid #000;
	padding: .7em .6em;
	margin-top: 1.4em;
}	
.c-support-form textarea::-webkit-input-placeholder,
.c-support-form input:not([type="radio"])::-webkit-input-placeholder {
	color: #000;
	line-height: normal !important;
}
.c-support-form textarea:-moz-placeholder,
.c-support-form input:not([type="radio"]):-moz-placeholder {
	color: #000;
	opacity: 1;
}
.c-support-form textarea::-moz-placeholder,
.c-support-form input:not([type="radio"])::-moz-placeholder {
	color: #000;
	opacity: 1;
}
.c-support-form textarea:-ms-input-placeholder,
.c-support-form input:not([type="radio"]):-ms-input-placeholder {
	color: #000;
}
.c-support-form textarea::-ms-input-placeholder,
.c-support-form input:not([type="radio"])::-ms-input-placeholder {
	color: #000;
}

.c-support-form textarea::placeholder,
.c-support-form input:not([type="radio"])::placeholder {
	color: #000;
}


.c-support-form button:focus, .c-support-form input:not([type="radio"]):focus, .c-support-form textarea:focus {
	outline: 0;
}

.c-support-form button {
	width: auto;
    display: inline-block;
	border: 0;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    -o-transition: all ease .8s;
    transition: all ease .8s;	
	text-align: center;
	background: #d1d1d1;
	font-weight: 300;
	padding: .5em 1.2em;	
	margin-top: 1.2em;
	border: .1vw solid #d1d1d1;
	cursor: not-allowed;
	font-size: 1.2em;
}


.c-support-form button.active {
	color: #fff;
	background: #000;
	border: 1px solid #000;
	cursor: pointer;
}	

.c-support-form button.active:hover {

	
	color: #000;
	background: #fff;
	border: 1px solid #000;
}	

.c-support-form i {
	font-style: normal;
	color: #999;
	position: absolute;
	top: .1em;
	right: .45em;
	font-size: 2.8em;
	font-weight: bold;
	cursor: pointer;
	font-family: 'MrEavesXLModOT', sans-serif !important;
	font-weight: 300 !important;
}	
.c-support-form h4 {
	font-size: 1.6em;
	font-weight: 300;
	text-align: left;
	width: 100%;
	font-family: 'MrEavesXLModOT-Reg', sans-serif !important;
	letter-spacing: .05em;
	background: #fff;
	color: #000;
	padding: 0;	
	margin: 0;
	line-height: 0;
	padding-top: 1.5em;
	padding-bottom: .6em;
}

.c-support-form input:not([type="radio"])[name="email"] {
	display:none;
}

.c-support-form .space-here {
	height: 1vw;
}

.mobile-bg-support-form {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(255,255,255, .35);
	z-index: 11;
	display: none;
}


.c-support-form.appointment-form {
	left: auto;
	bottom: auto;
	right: 10.4em;
	top: -33em;
	
}


.c-support-form.appointment-form.active {
	top: 2em;
	bottom: auto;
}


.c-support-form.call-form {
	left: auto;
	bottom: auto;
	right: 24.3em;
	top: -23em;
	
}


.c-support-form.call-form.active {
	top: 2em;
	bottom: auto;
}



.call-form .day-period {
	text-align: center;
	margin-top: .8em;
	padding: .7em 0;
	display: inline-block;
	width: 100%;
}


.call-form .day-period > span {
	color: #767f86;
	font-size: 1em;
	width: 100%;
	display: block;
	text-align: left;
	
}



.call-form .day-period .day-table {
	display: table;
	margin: 0 auto;
	text-align: left;
	width: 100%;
}

.call-form .day-period .day-tr {
	display: table-row;
}

.call-form .day-period .day-td {
	display: table-cell;
	padding-top: .8em;
}


.call-form .day-period .day-tr .day-td:first-of-type {
	padding-right: 0;
}



.call-form .day-period label {
	color: #767f86;
	position: relative;
	padding-left: 1.6em;
	cursor: pointer;
}

.call-form .day-period input[type="radio"] {
	display: none;
}

.call-form .day-period label:before {
	width: .7em;
	height: .7em;
	background: #fff;
	border: .1vw solid #767f86;
	content:'';
	position: absolute;
	top: .17em;
	left: 0;
	cursor: pointer;
}


.call-form .day-period input[type="radio"]:checked + label:before {
	background: #767f86;
}



a.c-support-mobile,
a.c-message-icon,
a.c-tel-icon {
	display: none;
}
@media all and (max-width:1400px) {
	.call-form .day-period label:before {
		border: 1px solid #767f86;
	}

	.c-support-icon {
		bottom: -5em;
		
		padding: 0;
		letter-spacing: 0.01em;
	}

	
	.c-support-icon:before {
		top: -.06em;
	}
	
	.c-support-form {
		width: 385px;
		

	}
	

	

	.c-support-form input:not([type="radio"]):focus, .c-support-form textarea:focus {
		outline: 0;
	}



	.c-support-form .space-here {
		height: .7em;
	}	
	
	


	
	.c-support-icon > div > div {
		margin-left: 1em;
	}	
	
	.c-support-icon > div > div p {
		font-size: .92em;
	}
	

	.c-support-form input:not([type="radio"]), .c-support-form textarea {
		border: 0;
		border-bottom: 1px solid #000;
	}
	
	.c-support-form textarea {
		border: 1px solid #000;
	}
	
}


@media all and (max-width: 1100px) {
	
	.quesion-amrk {
		font-size: 1.1em;
		padding: .37em .6em;
		
		
	}
	
	.c-support-form input:not([type="radio"]), .c-support-form textarea {
		font-size: 1em;
	}
	
	.c-support-icon,
	.c-support-form {
		left: 1em;
	}
	
	.c-support-icon.active {
		bottom: 1em;
		left: 1em;
	}
	
	.c-support-form.active {
		bottom: 1em;
		left: 1em;
	}
	
	.c-support-form i {
		font-size: 2.6em;
		right: .45em;
	}
	.c-support-form h4 {
		font-size: 1.5em;
	}
	
	.c-support-form input:not([type="radio"]), .c-support-form textarea {
		padding: .45em .6em;	
		margin-top: 1.3em;
	}
	
	.c-support-form button {
		margin-top: .9em;
		border: 1px solid #d1d1d1;
	}
	.c-support-form button.active {
		border: 1px solid #000;
	}	
	
	.c-support-form button.active:hover {
		border: 1px solid #000;
	}		
	
	
	.c-support-form.appointment-form {
		left: auto;
		bottom: auto;
		right: 9.4em;
	}
	
	
	.c-support-form.appointment-form.active {
		top: 1em;
		bottom: auto;
	}	
	
	.c-support-form.call-form {
		left: auto;
		bottom: auto;
		right: 23.3em;
	}
	
	
	.c-support-form.call-form.active {
		top: 1em;
		bottom: auto;
	}

	
}	


@media all and (max-width: 960px) {
	.c-support-form.appointment-form {
		left: 0;
		right: 0;
		margin: auto;
	}
	
	
	.c-support-form.appointment-form.active {
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		display: table;
	}	
	
	.c-support-form.call-form {
		left: 0;
		right: 0;
		margin: auto;
	}
	
	
	.c-support-form.call-form.active {
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		display: table;
	}
}
	
		
@media all and (max-width: 768px) {

	.c-support-form {
		left: 0;
		right: 0;
		margin: auto;
		display: inline-block;
		height: 385px;
	}		
	
	.c-support-form.active {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}	
	.c-support-icon:before {
		margin-right: 0; 	
		content: '';
	}	


	
	.c-support-form.active {
		right: 0;
		left: 0;
	}	
	.c-support-icon {
		display: none;
	}	
	
	.c-support-icon.active {
		bottom: 1em;
	}
	
	.c-support-form.active {
		bottom: 0;
		right: 0;
		left: 0;
	}
	
	
/*mobile widget*/

	a.c-support-mobile,
	a.c-message-icon,
	a.c-tel-icon {
		display: block;
	}
	
	
	a.c-tel-icon,
	a.c-message-icon,
	a.c-support-mobile {
		position: fixed;
		bottom: -5em;
		left: 1em;
		text-decoration: none;
		z-index: 9999;
		color: #fff;
		background: #000;
		text-align: center;
		width: 3.3em;
		height: 3.3em;
		border-radius: 0;

		-webkit-transition: background linear .3s, bottom ease .3s;
		-moz-transition: background linear .3s, bottom ease .3s;
		-o-transition: background linear .3s, bottom ease .3s;
		transition: background linear .3s, bottom ease .3s;
		will-change: background, bottom;
	}
	
	a.c-message-icon,
	a.c-tel-icon {
		width: 3.3em;
		height: 3.3em;
		bottom: 6em;
		left: 1em;
		background: #fff;
		-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.05);
		-moz-box-shadow:    0px 2px 2px 0px rgba(0, 0, 0, 0.05);
		box-shadow:         0px 2px 2px 0px rgba(0, 0, 0, 0.05);
		
	}
	
	
	a.c-message-icon:after,
	a.c-tel-icon:after {
		content: '';
		display: block;
		width: 11.6em;
		height: 3.3em;
		background: #fff;
		position: absolute;
		z-index: 0;
		left: 4.3em;
		top: 0;
		border-radius: 0;
		-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.05);
		-moz-box-shadow:    0px 2px 2px 0px rgba(0, 0, 0, 0.05);
		box-shadow:         0px 2px 2px 0px rgba(0, 0, 0, 0.05);		
	}	
		
		
	a.c-tel-icon:before,
	a.c-message-icon:before {
		font-weight: 300;
		font-size: 1.4em;
		left: 3.65em;
		position: absolute;
		z-index: 1;
		display: block;
		width: 7.12em;
		top: 0;
		text-align: center;
		font-family: 'MrEavesXLModOT-Book', sans-serif;
		font-weight: 300;
		letter-spacing: 0.05em;
		top: .71em;
		line-height: 1;
		color: #000;
	}
	
	a.c-tel-icon:before {
		content: '045 - 850 36 53';
		letter-spacing: 0.07em;
	}
	
	a.c-message-icon:before {
		content: 'STUUR BERICHT';
	}
		
	a.c-message-icon > span.message-text,
	a.c-tel-icon > span.tel-num {
		font-family: 'MrEavesXLModOT-Book', sans-serif;
		font-weight: 300;
		font-size: 1.4em;
		display: inline-block;
		vertical-align: middle;
		letter-spacing: 0.05em;
		width: 100%;
	}
	
	a.c-message-icon {
		bottom: 11em;
	}
		
	a.c-support-mobile.active {
		bottom: 1em;
	}	

	a.c-message-icon,
	a.c-tel-icon {
		display: none;
	}	
	
	a.c-message-icon.display,
	a.c-tel-icon.display {
		display: block;
		-o-transform: scale(0.1,0.1);
		-ms-transform: scale(0.1,0.1);
		-moz-transform: scale(0.1,0.1);
		-webkit-transform: scale(0.1,0.1);
		transform: scale(0.1,0.1);
		opacity: 0;
		
		-o-transition: opacity .3s ease, -o-transform .3s ease;
		-ms-transition: opacity .3s ease, -ms-transform .3s ease;
		-moz-transition: opacity .3s ease, -moz-transform .3s ease;
		-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
		transition: opacity .3s ease, transform .3s ease;
		
		backface-visibility: hidden;
		will-change: opacity, transform;	
	}	
	
	a.c-message-icon.active,
	a.c-tel-icon.active {
		-o-transform: scale(1,1);
		-ms-transform: scale(1,1);
		-moz-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		opacity: 1;
	}	
	
	a.c-message-icon span.message-icon,
	a.c-tel-icon span.tel-icon,
	a.c-support-mobile span.support-icon {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		z-index: 1;
		font-size: 1.6em;
	}
	

	a.c-message-icon span.message-icon:before,
	a.c-tel-icon span.tel-icon:before,
	a.c-support-mobile span.support-icon:before {
		font-family: 'fontello';
		content: '\e806';
		display: block;
	}
	a.c-tel-icon span.tel-icon,
	a.c-message-icon span.message-icon {
		position: absolute;
		right: .5em;
		top: .55em;
		color: #000;
	}
	
	a.c-tel-icon span.tel-icon {
		right: .55em;
		top: .5em;
	}
	a.c-tel-icon span.tel-icon:before {
		content: '\e804';
	}
	a.c-message-icon span.message-icon:before {
		content: '\e805';
	}
	
	a.c-support-mobile span.support-icon {
		font-size: 1.5em;
	}	
	a.c-support-mobile.open span.support-icon {
		font-size: 1.5em;
	}
	a.c-support-mobile.open span.support-icon:before {
		content: '\e801';
	}
	
	a.c-support-mobile span.effect {
		position: absolute;
		left: 0;
		top: 0;
		right:0;
		bottom: 0;
		width: 100%;
		height: 100%;
		-o-transform: scale(0.1,0.1);
		-ms-transform: scale(0.1,0.1);
		-moz-transform: scale(0.1,0.1);
		-webkit-transform: scale(0.1,0.1);
		transform: scale(0.1,0.1);
		margin: auto;
		z-index: 0;	
		background: #ccc;
		opacity: 0;
		-o-transition: opacity 200ms ease-in-out, -o-transform 200ms ease-in-out !important;	
		-ms-transition: opacity 200ms ease-in-out, -ms-transform 200ms ease-in-out !important;	
		-moz-transition: opacity 200ms ease-in-out, -moz-transform 200ms ease-in-out !important;	
		-webkit-transition: opacity 200ms ease-in-out, -webkit-transform 200ms ease-in-out !important;	
		transition: opacity 200ms ease-in-out, transform 200ms ease-in-out !important;	
	}
	
	a.c-support-mobile {
		overflow: hidden;
	}
	a.c-support-mobile.effect {
		background: #000;
	}	
	a.c-support-mobile.effect span.effect{
		transform: scale(1,1);
		opacity: .4;	
	}	
	
	a.c-message-icon.keyboard, a.c-tel-icon.keyboard, a.c-support-mobile.keyboard {
		display:none;
	}
}		


/*mobile widget*/
@media all and (max-width: 420px) {
	a.c-tel-icon,
	a.c-message-icon,
	a.c-support-mobile {
		bottom: -5em;
		left: 1em;
		width: 2.5em;
		height: 2.5em;
	}
	
	a.c-message-icon,
	a.c-tel-icon {
		width: 2.5em;
		height: 2.5em;
		bottom: 4.8em;
		left: 1em;
	}
	
	
	a.c-message-icon:after,
	a.c-tel-icon:after {
		width: 9.6em;
		height: 2.5em;
		left: 3.3em;
		top: 0;
		border-radius: 0;
	}	
		
		
	a.c-tel-icon:before,
	a.c-message-icon:before {
		font-size: 1.2em;
		left: 2.75em;
		width: 8em;
		letter-spacing: 0.05em;
		top: .58em;
	}
	
	a.c-message-icon > span.message-text,
	a.c-tel-icon > span.tel-num {
		
		font-size: 1.1em;
	}
	
	
	a.c-message-icon {
		bottom: 8.6em;
	}
		
	a.c-support-mobile.active {
		bottom: 1em;
	}	

	
	a.c-message-icon span.message-icon,
	a.c-tel-icon span.tel-icon,
	a.c-support-mobile span.support-icon {
		font-size: 1.45em;
	}
	

	a.c-tel-icon span.tel-icon,
	a.c-message-icon span.message-icon {
		font-size: 1.25em;
		right: .46em;
		top: .5em;
		color: #000;
	}

	a.c-tel-icon span.tel-icon {
		right: .52em;
		top: .45em;
	}


	a.c-support-mobile span.support-icon {
		font-size: 1.05em;
	}	
	a.c-support-mobile.open span.support-icon {
		font-size: 1.05em;
	}
	
}

@media all and (max-width: 500px) {
	.c-support-form {
		width: 340px;
	}		
		
}


@media all and (max-width: 380px) {
	.c-support-form {
		width: calc(100% - 2em);
	}	
}	

@media all and (max-width: 335px) {
	.c-support-form h4 {
		font-size: 1.25em;
	}
}	



	

@media all and (max-height: 388px) {
	.c-support-form h4 {
		padding-top: 1.7em;
		padding-bottom: .2em;
	}
	.c-support-form.active textarea {
		height: 80px;
	}
	
	.c-support-form {
		padding: 10px;
		padding-top: 0;
	
	}	
	
	.c-support-form .space-here {
		height: 16px;
	}
	
}	

.c-support-form.isSent {
	text-align: center;
}

.c-support-form.isSent h4 {
	text-align: center;
} 

.c-support-form .sp-response {
    font-size: 5vw;
    padding: 1vw 0;
}


.c-support-form .sp-response.sent {
	color: #7ee86a;
}	



.c-support-form .sp-response.fail {
	color: #ea4e4e;
}



.c-support-form  button.active.sending {
	text-align: center;
	min-width: 10vw;

}

@media all and (max-width: 1400px) {
	.c-support-form .sp-response {
		font-size: 3.6em;
		padding: 0 0;
	}
	.c-support-form  button.active.sending {
		min-width: 100px;
	}	
}

/*Contact Support end*/






@-o-keyframes fadein {
	0% {opacity: 0;}
	5% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes fadein {
	0% {opacity: 0;}
	5% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadein {
	0% {opacity: 0;}
	5% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes fadein {
	0% {opacity: 0;}
	5% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadein {
	0% {opacity: 0;}
	5% {opacity: 0;}
	100% {opacity: 1;}
}


/*Home Top Section*/

.hs-top {
	display: block;
	width: 100%;
	height: 100%;
	background: #ece1df;
	overflow: hidden;
}

@media all and (max-width:768px) and (orientation:landscape) {
	.hs-top {
		min-height: 100vw;
	}
}
 


.hs-top > div {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.hs-top > div > div {
	width: 50%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	position: relative;
	overflow: hidden;
}


.hs-top > div > div > .bg-image { 
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	z-index: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0;
}

.hs-top > div > div > .bg-image.animate { 
	-ms-animation: fadein 5s linear;
	-o-animation: fadein 5s linear;
	-moz-animation: fadein 5s linear;
	-webkit-animation: fadein 5s linear;
	animation: fadein 5s linear;
	opacity: 1;
	

}


.hs-top > div > div > .text {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index:1;
	margin-top: 5em;
}

.hs-top > div > div > .text > span {
	font-family: 'MrEavesXLModOT', sans-serif; 
	color: #fff;
	font-size: 4em;
	letter-spacing: 0.15em;
	display: block;
	line-height: 150%;
	font-weight: 300;
}	

#blush-logo {
	position: absolute;
	top: 10vh;
	left: 0;
	right: 0;
	margin: auto;
	display: inline-block;
	width: 24em;
	text-align: center;
	color: #fff;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;	
}


#blush-logo i {
	font-style: normal;
	font-weight: normal;
	font-size: 8em;
	line-height: 1;
	margin: 0;
}


#blush-logo i:before {
	font-family: "fontello";
	content: '\e803';
	line-height: 1;
}

#scroll-down {
	display: block;
	width: 2.5em;
	height: 2em;
	position: absolute;
	bottom: 1em;
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 1;
	cursor: pointer;
	-o-transition: opacity .4s ease;
	-ms-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease;
}


#scroll-down.hide {
	opacity: 0;
}

#scroll-down > span {
	display: block;
	height: 50%;
	width: 100%;
	position: relative;
}

#scroll-down > span > span {
	display: block;
	width: 53.8%;
	height: 2px;
	background: #fff;
	position: absolute;
	opacity: .8;
	-o-transition: background .4s ease;
	-ms-transition: background .4s ease;
	-moz-transition: background .4s ease;
	-webkit-transition: background .4s ease;
	transition: background .4s ease;
}
#scroll-down > span:first-of-type > span { 
	bottom: .2em;
}

#scroll-down > span:last-of-type > span { 
	top: .2em;
}
#scroll-down > span > span:first-of-type {
	left:0;
	-o-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}
#scroll-down > span > span:last-of-type {
	right:0;
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);	
}	

#scroll-down:hover > span > span {
	background: #000;
}	

@media all and (max-width:1100px) {
	#blush-logo {
		top: 3em;
	}	
}
	
@media all and (max-width:768px) {
	#scroll-down {
		width: 1.5em;
		height: 1em;
		bottom: .5em;
	}	
	#scroll-down > span > span {
		height: 1px;
	}	
	#scroll-down > span:first-of-type > span { 
		bottom: .1em;
	}
	
	#scroll-down > span:last-of-type > span { 
		top: .1em;
	}
	
	#blush-logo {
		top: 2em;
	}
	.hs-top > div > div {
		width: 100%;
		height: 50%;
		display: block;
	}
	
	.hs-top > div > div > .text {
		margin-top: 0;
		width: 100%;
	}	
	
	.hs-top > div > div.skin > .text {
		margin-top: 5em;
	}	

	.hs-top > div > div > .text > span {
		font-size: 4.5em;
	}	
	
}


@media all and (max-width:600px) {
	#blush-logo {
		top: 2em;
		width: 17em;
	}
	#blush-logo i {
		font-size: 4em;
	}
}	
	


@media all and (max-width:460px) {
	.hs-top > div > div > .text > span {
		font-size: 5em;
	}	
}

@media all and (max-width:400px) {
	.hs-top > div > div > .text > span {
		font-size: 4.5em;
	}	
	#blush-logo {
		top: 2.5em;
		width: 14em;
	}
	#blush-logo i {
		font-size: 4.5em;
	}	
}

@media all and (max-width:380px) {
	.hs-top > div > div > .text > span {
		font-size: 4em;
	}		
}

@media all and (max-width:365px) {
	.hs-top > div > div > .text > span {
		font-size: 3.8em;
	}	
}

@media all and (max-width:350px) {
	.hs-top > div > div > .text > span {
		font-size: 3.7em;
	}	
}
@media all and (max-width:340px) {
	.hs-top > div > div > .text > span {
		font-size: 3.6em;
	}	
	#blush-logo {
		top: 2.5em;
		width: 12.5em;
	}
	#blush-logo i {
		font-size: 4em;
	}		
}

/*Home Top Section end*/




/*Home Section 2*/
.hs-2 {
	display: block;
	width: 100%;
	margin: 9em 0;
}


.hs-2.bruidsstyling {
	margin-bottom: 5em;
}	

.hs-2 > div {
	display: block;
	width: 100%;
	padding: 0 9em;
	position: relative;
	text-align: center;
}

.hs-2 > div > div {
	height: 100%;
	display: inline-block;
	vertical-align: top;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	text-align: left;
}


.hs-2 > div > div:first-of-type {
	width: 60%;
}

.hs-2 > div > div:last-of-type {
	width: 40%;
}

.hs-2 > div > div > div.image {
	width: 97%;
	height: 30vw;
	display: inline-block;
	vertical-align: top;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 3em;
}



.hs-2 > div > div > div.text {
	height: 44vw;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 90% 90%;
}


.hs-2.producten > div > div > div.text {
	margin-top: 7em;
}

.hs-2.producten.merk > div > div > div.text {
	margin-top: -2em;
}

.hs-2.visagie-haar > div > div > div.text {
	margin-top: -2em;
}


.hs-2 > div > div > div.text.show {
	background-image: url('images/shadow.jpg');
}

@media all and (max-width: 3000px) {
	.hs-2 > div > div > div.text.show {
		background-image: url('images/shadow-3000.jpg');
	}		
}

@media all and (max-width: 2000px) {
	.hs-2 > div > div > div.text.show {
		background-image: url('images/shadow-2000.jpg');
	}		
}

@media all and (max-width: 1400px) {
	.hs-2 > div > div > div.text.show {
		background-image: url('images/shadow-1400.jpg');
	}	
}

@media all and (max-width: 768px) {
	.hs-2 > div > div > div.text.show {
		background-image: url('images/shadow-768.jpg');
	}	
}


	

.hs-2 > div > div > div.text > div {
	display: inline-block;
	vertical-align: bottom;
}




.hs-2 > div > div > div.text > div > p {
	color: #666666;
	max-width: 90%;
	line-height: 140%;
	font-family: 'Filosofia', sans-serif;
	font-size: 1.1em;
	font-weight: 400;
}

.hs-2 > div > div > div.text > div > a.button {
	margin-top: 3em;
}

.hs-2 > div > div > div.text > div > a.button:last-of-type {
	margin-left: 1.5em;
}

.hs-2.bruidsstyling > div > div > div.text > div > a.button:last-of-type {
	margin-left: 0 !important;
}


.hs-2.bruidsstyling > div > div > div.text > div > span {
	font-size: 1.2em;
	color: #666666;
	margin: 2em 0;
	display: block;
}	
.hs-2.producten > div > div > div.text > div > a.button:last-of-type {
	margin-left: 0 !important;
}

.over-ons.hs-2 > div > div > div.text > div > a.button:last-of-type {
	margin-left: 0 !important;
}

.hs-2 > div > span {
	font-size: 4.5em;
	font-family: 'MrEavesXLModOT-Reg', sans-serif;
	letter-spacing: 0.2em;
	position: absolute;
	width: 3.5em;
	text-align: center;
	top: -18%;
	bottom: 0;
	left:5.5%;
	right:0;
	margin: auto;
	height: 1.1em;
}

.hs-2.over-ons.visagie-haar > div > span {
	text-align: left;
	top: -35%;
}	

.hs-2.bruidsstyling > div > span {
	width: 3em;
	left: 17%;
	text-align: center;
	top: -45%;
}




.hs-2.behandelingen > div > span {
	width: 7em;
	left:26%;
	text-align: left;
	top: -19%;
}

.hs-2.behandelingen > div > div > div.text > div {
	margin-top: -4em;
}
	


.hs-2.onze-werkwijze > div > span {
	width: 8em;
	left:32%;
	text-align: left;
}

.hs-2.onze-werkwijze > div > div > div.text > div {
	margin-top: -3em;
}




.hs-2.over-ons > div > span {
	top: -50%;
}

.hs-2.producten > div > span {
	top: -40%;
	left:24%;
	width: 7em;
	text-align: left;
}

.hs-2.producten.merk > div > span {
	top: -40%;
	left:29%;
	width: 7.8em;
}
@media all and (max-width: 1340px) {
	.hs-2 > div > div > div.text {
		height: 45vw;
	}	
	.hs-2 > div > div > div.text > div > p {
		max-width: 100%;
	}	

}

@media all and (max-width: 1260px) {
	.hs-2 > div > div > div.text {
		height: 48vw;
	}	
	
	.hs-2 > div > div > div.text > div > a.button:last-of-type {
		margin-left: 1em;
	}	

	.hs-2.onze-werkwijze > div > span {
		top: -25%;
	}
	
	.hs-2.onze-werkwijze > div > div > div.text > div {
		margin-top: -4em;
	}
	
	.hs-2.producten > div > span {
		top: -50%;
	}

	.hs-2.producten > div > div > div.text {
		margin-top: 5em;
	}
}

@media all and (max-width: 1210px) {
	.hs-2 > div > div > div.text {
		height: 50vw;
	}	
	
}

@media all and (max-width: 1180px) {
	.hs-2 > div > div > div.text {
		height: 51vw;
	}	
	
	.hs-2 {
		margin: 6em 0;
	}
	
	.hs-2 > div {
		padding: 0 6em;
	}
	
	.hs-2 > div > div > div.image {
		height: 35vw;
	}
	
	.hs-2.over-ons.visagie-haar > div > span {
		top: -40%;
	}	
	
	.hs-2.visagie-haar > div > div > div.text {
		margin-top: -1em;
	}
}

@media all and (max-width: 1130px) {
	.hs-2 > div > span {
		top: -28%;
	}
	

}

@media all and (max-width: 1100px) {
	.hs-2 > div > div > div.text {
		height: 54vw;
	}
	
	.hs-2 {
		margin: 5em 0;
	}
	
	.hs-2 > div {
		padding: 0 4em;
	}
	.hs-2 > div > div > div.image {
		height: 38vw;
	}		
	
	.hs-2 > div > span {
		font-size: 3em;
		left: 9%;
	}	
	
	.hs-2.over-ons > div > span {
		top: -40%;
	}
	
	.hs-2.producten > div > span {
		top: -60%;
	}

	.hs-2.producten > div > div > div.text {
		margin-top: 1em;
	}
	.hs-2.producten.merk > div > div > div.text {
		margin-top: -4em;
	}
	
	.hs-2.over-ons.visagie-haar > div > span {
		top: -30%;
	}	
	
	.hs-2.visagie-haar > div > div > div.text {
		margin-top: -1em;
	}
}

@media all and (max-width: 1030px) {
	.hs-2.bruidsstyling > div > div > div.text > div {
		margin-top: 1em;
	}
}
	


@media all and (max-width: 1015px) {

	.hs-2.bruidsstyling > div > div > div.text > div {
		margin-top: 0;
	}
	
	.hs-2.producten > div > div > div.text {
		margin-top: 4em;
	}
}
	
@media all and (max-width: 1010px) {
	.hs-2 > div > span {
		top: -32%;
	}
	
	.hs-2 > div > div > div.text > div > a.button {
		margin-top: 0;
		display: block;
	}
	
	.hs-2 > div > div > div.text > div > a.button:last-of-type {
		margin-top: .5em;
		margin-left: 0;
	}		
	
	.hs-2 > div > div > div.text > div > a.button:first-of-type {
		margin-top: 2em;
	}
	.hs-2 > div > div > div.text {
		height: 58vw;
	}	
	.hs-2 > div > div > div.image {
		height: 40vw;
	}	


	.hs-2.producten > div > div > div.text {
		margin-top: 0;
	}	
	
	.hs-2.producten.merk > div > div > div.text {
		margin-top: -6em;
	}	
	
}


@media all and (max-width: 962px) {
	.hs-2 > div > div > div.text {
		height: 60vw;
	}	
	.hs-2 > div > div > div.image {
		height: 43vw;
	}	

	.hs-2.onze-werkwijze > div > span {
		top: -25%;
	}
	
	.hs-2.onze-werkwijze > div > div > div.text > div {
		margin-top: -2em;
	}	


	.hs-2.producten > div > div > div.text {
		margin-top: 1em;
	}
}

@media all and (max-width: 930px) {
	.hs-2 > div > div > div.text {
		height: 63vw;
	}	
	

	.hs-2.producten > div > div > div.text {
		margin-top: 2em;
	}	
}

@media all and (max-width: 880px) {
	.hs-2 > div > span {
		top: -36%;
	}	
	.hs-2 > div > div > div.text {
		height: 65vw;
	}	
	.hs-2 > div > div > div.text {
		background-size: contain;
	}	
	
	.hs-2.behandelingen > div > span {
		top: -25%;
	}
	
	.hs-2.behandelingen > div > div > div.text > div {
		margin-top: -4em;
	}
	
	.hs-2.producten > div > span {
		top: -60%;
	}

	.hs-2.producten > div > div > div.text {
		margin-top: 2em;
	}
	
	.hs-2.bruidsstyling > div > div > div.text > div {
		margin-top: 1em;
	}
	
	
}

@media all and (max-width: 850px) {
	.hs-2 > div > div > div.text {
		height: 70vw;
	}	
	
	.hs-2.onze-werkwijze > div > span {
		top: -32%;
	}
	
	.hs-2.onze-werkwijze > div > div > div.text > div {
		margin-top: -3em;
	}
	
	.hs-2.behandelingen > div > span {
		top: -30%;
	}
	
	.hs-2.behandelingen > div > div > div.text > div {
		margin-top: -5em;
	}
	
	.hs-2.producten > div > div > div.text {
		margin-top: 3em;
	}	

	.hs-2.producten.merk > div > div > div.text {
		margin-top: -4em;
	}	
}

@media all and (max-width: 810px) {
	.hs-2 > div > div > div.text {
		height: 78vw;
	}	
	.hs-2 > div > div > div.image {
		height: 46vw;
	}	

	.hs-2.onze-werkwijze > div > span {
		top: -35%;
	}
	
	.hs-2.onze-werkwijze > div > div > div.text > div {
		margin-top: -6em;
	}	
	
	.hs-2.behandelingen > div > span {
		top: -30%;
	}
	
	.hs-2.behandelingen > div > div > div.text > div {
		margin-top: -7em;
	}
	
	.hs-2.producten.merk > div > div > div.text {
		margin-top: -6em;
	}

	.hs-2.over-ons.visagie-haar > div > span {
		top: -40%;
	}	
	
	.hs-2.visagie-haar > div > div > div.text {
		margin-top: -4em;
	}
}

@media all and (max-width: 800px) {
	.hs-2 > div > div > div.text {
		height: 82vw;
	}	
	.hs-2 > div > div > div.image {
		height: 46vw;
	}
	
	.hs-2.bruidsstyling > div > div > div.text > div {
		margin-top: 0;
	}	
	
	
	
}

@media all and (max-width: 768px) {
	.hs-2 > div > div > div.image {
		width: 100%;
	}
	.hs-2 > div > div > div.image {
		margin-top: 0;
		height: 70vw;
	}
	
	.hs-2 > div > div {
		width: 100% !important;
	}	
	.hs-2 > div > div > div.text {
		height: auto;
		padding-top: 9em;
	}		
	
	.hs-2.onze-werkwijze > div > div > div.text {
		padding-top: 17.4em;
	}		
	
	
	.hs-2 > div > span {
		top: auto;
		bottom: auto;
		margin-top: 1.3em;
		font-size: 3em;
		left: 0;
	}
	
	
	.hs-2.behandelingen > div > span {
		top: auto;
		bottom: auto;
		left: 0;
		text-align: center;
	}
	
	.hs-2.bruidsstyling > div > span {
		top: auto;
		bottom: auto;
		left: 0;
		text-align: center;
	}
	
	.hs-2.behandelingen > div > div > div.text > div {
		padding-top: 10.5em;
	}
	
	.hs-2.onze-werkwijze > div > span {
		top: auto;
		bottom: auto;
		left: 0;
	}	
	
	.hs-2.over-ons.visagie-haar > div > span {
		top: auto;
		bottom: auto;
		left: 0;
	}	
	
	.hs-2.visagie-haar > div > div > div.text {
		margin-top: 0;
	}
	
	.hs-2.producten.merk > div > span,
	.hs-2.producten > div > span {
		top: auto;
		bottom: auto;
		left: 0;
	}
	
	.hs-2.over-ons > div > span {
		top: auto;
		bottom: auto;
		left: 0;
		width: 6em;
		
	}
	.hs-2.over-ons > div > div > div.text {
		padding-top: 12em;
	}	
	
	.hs-2 > div > div > div.text > div > a.button {
		display: inline-block;
	}
	
	.hs-2 > div > div > div.text > div > a.button:last-of-type {
		margin-top: 0;
		margin-left: .5em;
	}		
	
	.hs-2 > div > div > div.text > div > a.button:first-of-type {
		margin-top: 3em;
	}	
	
	.hs-2 > div > div > div.text {
		background-size: contain;
		background-position: right top;
	}


	
	.hs-2 > div {
		padding: 0 2em;
	}
	
	.hs-2.producten > div > div > div.text {
		margin-top: 0;
	}	
	.hs-2.producten > div > div > div.text > div {
		padding-top: 3em;
	}	
	
	.hs-2.producten.merk > div > div > div.text {
		margin-top: 0;
	}	
}	


@media all and (max-width: 500px) {
	.hs-2 > div {
		padding: 0 1em;
	}
	.hs-2 > div > div > div.image {
		margin-top: 0;
		height: 80vw;
	}	
	
}	

@media all and (max-width: 430px) {
	.hs-2 > div > span {
		font-size: 2.5em;
	}	
	.hs-2.onze-werkwijze > div > span {
		width: 100%;
		padding-left: 13px;
	}	
	.hs-2 > div > div > div.text {
		padding-top: 7.3em;
		width: 100%;
		text-align: left;
	}	
	.hs-2.onze-werkwijze > div > div > div.text {
		padding-top: 16em;
	}		
	
	.hs-2.over-ons > div > div > div.text {
		padding-top: 9.5em;
	}	

	.hs-2.behandelingen > div > span {
		width: 100%;
	}	
	.hs-2.behandelingen > div > div > div.text > div {
		padding-top: 9.5em;
	}
	
	
	.hs-2.producten > div > div > div.text > div {
		padding-top: 2.5em;
	}	
	.hs-2.producten.merk > div > span,
	.hs-2.producten > div > span {
		width: 100%;
		padding-left: 13px;
	}		

}
	
@media all and (max-width: 380px) {
	.hs-2 > div > div > div.text > div > a.button {
		margin-top: 0;
		display: block;
	}
	
	.hs-2 > div > div > div.text > div > a.button:last-of-type {
		margin-top: .5em;
		margin-left: 0;
	}		
	
	.hs-2 > div > div > div.text > div > a.button:first-of-type {
		margin-top: 2em;
	}
	.hs-2 > div > div > div.image {
		margin-top: 0;
		height: 90vw;
	}	
}	



@media all and (max-width: 340px) {
	.hs-2 > div > span {
		font-size: 2.3em;
	}	
	.hs-2.onze-werkwijze > div > span {
		
	
	}	
	.hs-2 > div > div > div.text {
		padding-top: 6.2em;
		width: 100%;
		text-align: left;
	}	
	.hs-2.onze-werkwijze > div > div > div.text {
		padding-top: 15em;
	}		
	
	.hs-2.over-ons > div > div > div.text {
		padding-top: 9em;
	}		
	

	
}
	
/*Home Section 2 end*/




/*Section 3*/
.s-3 {
	display: block;
	width: 100%;
	margin: 9em 0;
}

.hs.s-3.behandelingen {
	margin: 0;
	margin-top: -9em;
}

.hs.s-3.behandelingen.skinpen {
	margin: 0;
	margin-top: -3em;
}



.hs.s-3.behandelingen > div {
	margin-top: 0;
}

.s-3 > div {
	display: block;
	width: 100%;
	padding: 0 9em;
	position: relative;
	text-align: center;
	margin-top: 3em;
}


.s-3 > div > .steps,
.s-3 > div > .last-step {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	position: relative;
	z-index: 1;
}

.hs.s-3.behandelingen > div > .steps,
.hs.s-3.behandelingen > div > .last-step {
	vertical-align: middle;
}


.s-3 > div > .steps {
	width: 38%;
}

.s-3 > div > .last-step {
	width: 62%;
	padding-left: 1.5em;
	margin-top: -3em;
}

.hs.s-3 > div > .last-step {
	margin-top: 0;
}


.s-3 > div > div .heading {
	display: block;
}


.s-3 > div > div .heading > span,
.s-3 > div > div .heading > div {
	display: inline-block;
	vertical-align: top;
}



.s-3 > div > div .heading > span,
.s-3 > div > div .heading > div > span {
	font-family: 'Filosofia', sans-serif;
	line-height: 120%;
	letter-spacing: 0.1em;
}


.s-3 > div > div .heading > span {
	font-size: 4em;
	width: 110px;
	display: inline-block;
}


.s-3 > div > div .heading > div {
	width: calc(100% - 110px);
}

.hs.s-3 > div > div .heading > div {
	width: 100%;
}

.hs.s-3.skinpen > div > div .heading > div {
	width: 18em;
	margin-top: -7em;
	margin-left: 5em;
}


.s-3 > div > div .heading > div > span {
	font-size: 2.4em;
	color: #f1e7e5;
	max-width: 5em;
    display: block;
}



.s-3 > div > .steps > div.heading:first-of-type span,
.s-3 > div > .last-step .heading span {
	margin-top: -.88em;
}

.hs.s-3 > div > .steps > div.heading:first-of-type span {
	font-size: 3em;
	margin-top: 0;
	font-family: 'MrEavesXLModOT', sans-serif;
	font-weight: 300;
	letter-spacing: 0.2em;
	line-height: 140%;
}


body.page-template-visagie-haar .hs.s-3 > div > .steps > div.heading:first-of-type span,
body.page-template-merk .hs.s-3 > div > .steps > div.heading:first-of-type span,
body.page-template-producten .hs.s-3 > div > .steps > div.heading:first-of-type span,
body.page-template-over-ons .hs.s-3 > div > .steps > div.heading:first-of-type span {
	font-family: 'Filosofia', sans-serif;
}

.hs.s-3.behandelingen > div > .steps > div.heading span {
	max-width: 100%;
	font-family: 'Filosofia', sans-serif;
	letter-spacing: 0;
	color: #ddccc9;
	font-size: 3em;
}	

.hs.s-3.visagie-haar > div > .steps > div.heading span {
	max-width: 100%;
	font-size: 2.7em;
}	

.hs.s-3.behandelingen > div > .steps > div.heading span:last-of-type {
	font-size: 1.2em;
	margin-top: .7em;
	font-family: 'MrEavesXLModOT-Book', sans-serif;
	font-weight: normal;
	color: #000;
	line-height: 110%;
	max-width: 100%;
}



.hs.s-3.behandelingen > div > .steps > div.heading:last-of-type {
	margin-top: 4em;
}

.s-3 > div > .steps > div.heading:nth-of-type(2) span,
.s-3 > div > .steps > div.heading:nth-of-type(3) span {
	margin-top: -.15em;
}

.s-3 > div > div .heading > div > p {
	font-family: 'MrEavesXLModOT-Book', sans-serif; 
	line-height: 120%;
}


.hs.s-3 > div > div .heading > div > p {
	margin-top: 3em;
	font-family: 'Filosofia', sans-serif;
	font-size: 1.1em;
	margin-left: 40px;
}

body.page-template-visagie-haar .hs.s-3 > div > div .heading > div > p,
body.page-template-merk .hs.s-3 > div > div .heading > div > p,
body.page-template-producten .hs.s-3 > div > div .heading > div > p,
body.page-template-over-ons .hs.s-3 > div > div .heading > div > p {
	font-family: 'MrEavesXLModOT-Book', sans-serif;
}

body.page-template-merk .hs.s-3 > div > div .heading > div > p,
body.page-template-visagie-haar .hs.s-3 > div > div .heading > div > p,
body.page-template-producten .hs.s-3 > div > div .heading > div > p,
body.page-template-over-ons .hs.s-3 > div > div .heading > div > p {
	font-size: inherit;
}


body.page-template-visagie-haar .hs.s-3 > div > div .heading > div > p:not(:nth-of-type(1)) {
    font-size: 1em;
    margin: 0.3em 0;
    font-family: 'MrEavesXLModOT-Book', sans-serif;
    font-weight: normal;
    color: #000;
    line-height: 110%;
    max-width: 75%;
    padding-bottom: 0;
	margin-left: 40px;
}	

	
.hs.s-3.producten > div > div .heading > div > p {
	max-width: 70%;
}	

.hs.s-3.visagie-haar > div > div .heading > div > p {
	max-width: 85%;
}	

.hs.s-3.behandelingen > div > div .heading > div > p {
	margin-top: 1.5em;
	font-family: 'MrEavesXLModOT-Book', sans-serif;
	font-weight: normal;
	font-size: .95em;
	margin-left: 0;
}

.hs.s-3 > div > div .heading > div > a.button {
	margin-top: 2em;
	margin-left: 40px;
}


.s-3 > div > .last-step > .bg-image {
	width: 92%;
	margin-left: 8%;
	height: 27vw;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


.s-3 > div > .last-step > .text-image {
	display:block;
	width: 100%;
}	

.s-3 > div > .last-step > .text-image > div {
	display: inline-block;
	vertical-align: middle;
	margin-top: -12em;
}

.hs.s-3 > div > .last-step > .text-image > div {
	margin-top: -3em;
	margin-left: -2em;
}

.s-3 > div > .last-step > .text-image > div.bg-image {
	width: 32%;
	height: 22vw;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;	
}	


.s-3 > div > .last-step > .text-image > div.text {
	width: 64%;
	margin-top: 6em;
	margin-left: 4%;
}	


.s-3 > div > .last-step > .text-image > div.text a.button {
	margin-top: 2em;
}

.s-3 > div > .rectangle-bg {
	position: absolute;
	background: #f8f4f3;
	top: -12vw;
	bottom: 0;
	left:0;
	right: 0;
	width: 47vw;
	height: 35vw;
	margin: auto;
	z-index: 0;
	
}

.hs.s-3 > div > .rectangle-bg {
	top: 7vw;
	width: 52vw;
	height: 30vw;
	margin: auto;
	z-index: 0;
}

.hs.s-3.behandelingen > div > .rectangle-bg {
	top: 12vw;
}

.s-3 > div > div .heading {
	margin-top: 1.5em;
}

.s-3 > div > div.last-step .heading,
.s-3 > div > .steps .heading:first-of-type {
	margin-top: 0;
}


@media all and (max-width: 1400px) {
	.s-3 > div > div .heading > span {
		width: 80px;
	}
	
	.s-3 > div > div .heading > div {
		width: calc(100% - 80px);
	}

	
	.s-3 > div > .rectangle-bg {
		width: 45vw;
		height: 30vw;
	}
}


@media all and (max-width: 1320px) {
	.hs.s-3.visagie-haar > div > .steps > div.heading span {
		max-width: 100%;
		font-size: 2.5em;
	}	
	
}
@media all and (max-width: 1250px) {
	.s-3 > div > div .heading > span {
		width: 60px;
	}
	
	
	.s-3 > div > div .heading > div {
		width: calc(100% - 60px);
	}

	.hs.s-3 > div > .last-step > .text-image > div {
		margin-top: -3em;
		margin-left: 0;
	}
	.hs.s-3.behandelingen > div > .steps > div.heading:last-of-type {
		margin-top: 3em;
	}	

	.hs.s-3.producten > div > div .heading > div > p {
		max-width: 80%;
	}

	.hs.s-3.visagie-haar > div > .steps > div.heading span {
		max-width: 100%;
		font-size: 2.3em;
	}	
	
}


@media all and (max-width: 1180px) {
	.s-3 {
		margin: 6em 0;
	}
	
	.s-3 > div {
		padding: 0 6em;
	}	
	.s-3 > div > .rectangle-bg {
		top: 0;
		width: 58vw;
		height: 42vw;	
	}	
	.s-3 > div > .last-step > .text-image > div {	
		margin-top: -15em;
	}
	
	.hs.s-3.behandelingen {
		margin: 0;
		margin-top: -6em;
	}

	
}



@media all and (max-width: 1100px) {
	body.page-template-visagie-haar .hs.s-3 > div > div .heading > div > p:not(:nth-of-type(1)) {
		margin: 0.8em 0;
		margin-left: 40px;
	}	
	.s-3 {
		margin: 5em 0;
	}
	
	.hs.s-3.behandelingen {
		margin: 0;
		margin-top: -8em;
	}
	
	
	.s-3 > div {
		padding: 0 4em;
	}

	.s-3 > div > div .heading > span {
		font-size: 3em;
		width: 40px;
	}
	
	
	.s-3 > div > div .heading > div {
		width: calc(100% - 40px);
	}
	
	.s-3 > div > div .heading > div > span {
		font-size: 2em;		
	}	
	
	.hs.s-3.behandelingen > div > .rectangle-bg {
		top: 6vw;
		height: 50vw;
	}
	
	.hs.s-3.behandelingen > div > .steps > div.heading:last-of-type {
		margin-top: 2em;
	}	
	
	
}

@media all and (max-width: 1050px) {
	.s-3 > div > .last-step {
		padding-left: 1em;
	}
	.s-3 > div > div .heading > div > p {
		font-size: .95em;
	}
	.hs.s-3.behandelingen > div > .rectangle-bg {
		top: 6vw;
		height: 60vw;
	}	
	

}

@media all and (max-width: 1019px) {
	.s-3 > div > .last-step > .text-image > div {	
		margin-top: -17em;
	}
	.hs.s-3.behandelingen > div > .rectangle-bg {
		top: 6vw;
	}	
	.hs.s-3.producten > div > div .heading > div > p {
		max-width: 88%;
	}
}

@media all and (max-width: 900px) {
	.s-3 > div > .last-step > .text-image > div {	
		margin-top: -20em;
	}
	.s-3 > div > .rectangle-bg {
		top: 0;
		width: 58vw;
		height: 58vw;	
	}		
}



@media all and (max-width: 768px) {
	.hs.s-3.behandelingen {
		margin: 0;
		margin-top: 0;
	}
	
	
	.hs.s-3 > div > .steps > div.heading:first-of-type span {
		font-size: 3em;
		line-height: 120%;
	}
	
	.hs.s-3 > div > .last-step > .text-image > div {
		margin-top: 0;
		margin-left: 0;
	}
	
	.hs.s-3 > div > div .heading > div > p {
		margin-left: 0;
	}
	.hs.s-3 > div > div .heading > div > a.button {
		margin-left: 0;
	}
	
	.s-3 > div > .last-step {
		padding-left: 0;
		position: static;
		margin-top: 0;
	}
	
	.s-3 > div > div .heading > div > p {
		font-size: 1em;
	}
	
	.s-3 > div > div .heading > span {
		font-size: 4em;
		width: 70px;
	}
	
	
	.s-3 > div > div .heading > div {
		width: calc(100% - 70px);
	}
	
	.s-3 > div > div .heading > div > span {
		font-size: 2.4em;		
	}	
	
	.s-3 > div > .last-step > .text-image > div.bg-image,
	.s-3 > div > .last-step > .text-image > div.text,	
	.s-3 > div > .steps, 
	.s-3 > div > .last-step {
		width: 100%;
		display: block;
	}	
	
	.s-3 > div > .last-step > .text-image > div.text {
		margin-left: 0;
		margin-top: 0;
	}
	
	.s-3 > div {
		padding: 0 2em;
		padding-top: calc(70vw + 2.5em);
		margin-top: 0;
	}
	

	.s-3 > div > .last-step > .bg-image {
		position: absolute;
		top: 0;
		left: 2em;
		width: calc(100% - 4em);
		margin-left: 0;
		height: 70vw;
		z-index:1;

	}		

	.s-3 > div > .last-step > .text-image > div.bg-image {
		position: absolute;
		top: 200px;
		right: 2em;
		margin-top: 0;
		width: 270px;
		height: 390px;
		z-index:1;
		display:none;		
	}	
	
	.s-3 > div > .rectangle-bg {
		top: 100px;
		bottom: auto;
		width: 75%;
		height: 500px;
		display:none;
	}
	
	.s-3 > div > div .heading {
		margin-top: 1em;
	}
	.s-3 > div > .steps .heading:first-of-type {
		margin-top: 0;
	}
	.s-3 > div > .last-step .heading span,
	.s-3 > div > .steps > div.heading span {
		margin-top: 0 !important;
		position: relative;
	}
	.s-3 > div > div .heading > div > span {
		padding-top: .6em;
	}
	
	.s-3 > div > div .heading > div > span {
		max-width: 100%;
	}
	
	.hs.s-3.behandelingen > div > .steps > div.heading:last-of-type {
		margin-top: 0;
	}
	.hs.s-3.producten > div > div .heading > div > p {
		max-width: 100%;
	}	
	
	
	.hs.s-3.visagie-haar > div > .steps > div.heading span {
		max-width: 100%;
		font-size: 3em;
	}	
	
	.hs.s-3.visagie-haar > div > div .heading > div > p {
		max-width: 100%;
	}	
	body.page-template-visagie-haar .hs.s-3 > div > div .heading > div > p:not(:nth-of-type(1)) {
		margin-left: 0;
	}	
}	

@media all and (max-width: 500px) {
	.s-3 > div {
		padding: 0 1em;
		padding-top: calc(80vw + 2.5em);
	
	}

	.s-3 > div > .last-step > .bg-image {
		left: 1em;
		width: calc(100% - 2em);
		height: 80vw;
	}	

	.s-3 > div > div .heading > span {
		font-size: 3em;
		width: 50px;
	}
	
	
	.s-3 > div > div .heading > div {
		width: calc(100% - 50px);
	}
	
	.s-3 > div > div .heading > div > span {
		font-size: 1.8em;		
	}	
	
}

@media all and (max-width: 380px) {
	.s-3 > div {
		padding-top: calc(90vw + 2.5em);
	
	}

	.s-3 > div > .last-step > .bg-image {
		height: 90vw;
	}
	
}	
/*Section 3 end*/



/*Section 4*/
.hs-4 {
	display: block;
	width: 100%;
	margin: 9em 0;
	height: 70%;
}


.hs-4 > div {
	display: block;
	width: 100%;
	padding: 0 9em;
	position: relative;
	text-align: center;
	height: 100%;
}

.hs-4 > div > div {
	display: block;
	width: 100%;
	height: 100%;
	background: #eae1df;
}

.hs-4 > div > div > div:last-of-type {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	
}

.hs-4 > div > div > div:last-of-type > span {
	font-family: 'Futura LT', sans-serif;	
	font-size: 3em;
	letter-spacing: 0.2em;
	display: inline-block;
}

.hs-4 > div > div > div:last-of-type > a {
	font-family: 'Futura LT', sans-serif;
	font-weight: 300;	
	font-size: 1.5em;
	display: block;
	color: #000;
	margin-top: 1.5em;
	display: inline-block;
	border-bottom: .04em #000 solid;
}


.hs-4 > div > div > div:last-of-type > a:hover {
	border-color: #eae1df;
}

@media all and (max-width: 1400px) {
	.hs-4 > div > div > div:last-of-type > a {
		border-bottom: 1px #000 solid;
	}
}
	
@media all and (max-width: 1180px) {
	.hs-4 {
		margin: 6em 0;
	}
	
	.hs-4 > div {
		padding: 0 6em;
	}
}



@media all and (max-width: 1100px) {
	.hs-4 {
		margin: 5em 0;
		height: 60%;
	}
	
	.hs-4 > div {
		padding: 0 4em;
	}	
	
	.hs-4 > div > div > div:last-of-type > span {	
		font-size: 2.5em;
	}	
}


@media all and (max-width: 768px) {
	.hs-4 {
		height: 70vw;
	}
	
	.hs-4 > div {
		padding: 0 2em;
	}
	
	.hs-4 > div > div > div:last-of-type > span {	
		font-size: 2em;
	}		
	
	.hs-4 > div > div > div:last-of-type > a {	
		font-size: 1.3em;
	}	
}	


@media all and (max-width: 500px) {
	.hs-4 {
		height: 80vw;
	}
	
	.hs-4 > div {
		padding: 0 1em;
	}
	
	.hs-4 > div > div > div:last-of-type > span {	
		font-size: 1.8em;
	}	
	.hs-4 > div > div > div:last-of-type > a {	
		font-size: 1.2em;
	}		
}

@media all and (max-width: 380px) {
	.hs-4 {
		height: 90vw;
	}
	.hs-4 > div > div > div:last-of-type > span {	
		font-size: 1.6em;
	}	
	.hs-4 > div > div > div:last-of-type > a {	
		font-size: 1.1em;
	}		
}
@media all and (max-width: 350px) {
	.hs-4 > div > div > div:last-of-type > span {	
		font-size: 1.5em;
	}			
}
@media all and (max-width: 330px) {
	.hs-4 > div > div > div:last-of-type > span {	
		font-size: 1.4em;
	}			
}	
/*Section 4 end*/





/*Footer*/

footer {
	display: block;
	width: 100%;
	margin: 9em 0;
	margin-bottom: 0;
	padding-bottom: 9em;
	font-family: 'MrEavesXLModOT-Reg', sans-serif; 
	font-weight: 400;
	position: relative;
}


footer > div {
	display: block;
	width: 100%;
	padding: 0 9em;
	position: relative;
	text-align: center;
}

footer > div > div {
	display: inline-block;
	width: 33.33333333333333%;
	vertical-align: top;
	text-align: left;
	margin-top: 3em;
}

footer > div > div:nth-of-type(1),
footer > div > div:nth-of-type(2),
footer > div > div:nth-of-type(3) {
	float: right;
	margin-top: 0;
}


footer > div > div > span {
	color: #ebe1e0;
	font-size: 1.5em;
	letter-spacing: .17em;
	display: block;
	margin-bottom: 1.5em;
}


footer > div > div form,
footer > div > div input,
footer > div > div button,
footer > div > div p {
	font-size: .9em;
	letter-spacing: .1em;
	line-height: 130%;
	margin: 0;
	display: block;
	margin-top: .6em;
}



footer > div > div form {
	font-size: 1em;
}

footer > div > div input {
	width: 100%;
	border: 0;
	border-bottom: .02em solid #000;
}


footer > div > div input:focus,
footer > div > div input:active {
	border: 0;
	border-bottom: .02em solid #000;
	outline: 0;
}


footer > div > div p > span {
	display: inline-block;
	vertical-align: top;
	width: 35%;
}	

footer > div > div p > span:last-of-type {
	width: 65%;
}	

footer > div > div p > a {
	color: #666666;
	display: inline-block;
	border-bottom: .02em solid #666666;
}

footer > div > div p > a:hover {
	border-color: #fff;
}

footer > div > div:nth-of-type(6) p > a,
footer > div > div:nth-of-type(2) p:nth-of-type(3) > a,
footer > div > div:nth-of-type(2) p:nth-of-type(4) > a,
#whatsapp > a {
	color: #000;
	border:0;
}

footer > div > div:nth-of-type(6) p > a,
footer > div > div:nth-of-type(5) p > a {
	border:0;
}


footer > div > div:nth-of-type(6) p > a:last-of-type {
	margin-left: 1em;
}

footer > div > div:nth-of-type(6) p > a:hover {
	color: #666;
}

footer > div > div:nth-of-type(5) p > a:last-of-type { 
	margin-left: 2em;
}
footer > div > div form {
	position: relative;
}

footer > div > div button {
	position: absolute;
	right: 0;
	bottom: 0;
	border: 0;
	background: none;
	color: #eae1df;
}

footer > div > div button:hover {
	color: #000;
}
footer > div > div button:focus,
footer > div > div button:active {
	border: 0;
	outline: 0;
}	


#back-to-top {
	display: inline-block;
	position: absolute;
	bottom: 2.25em;
	right: 1.5em;
	width: 1.3em;
	height: 1.3em;
	border: 1px solid #000;
}

#back-to-top > span {
	width: 1px;
	height: 30%;
	background: #000;
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

#back-to-top:hover {
	border-color: #999;
}

#back-to-top > span:first-of-type {
	left: -.22em;
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#back-to-top > span:last-of-type {
	right: -.22em;
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#copyright {
	font-family: 'MrEavesXLModOT-Book', sans-serif; 
	font-weight: 300;
	font-size: .8em;
	
	display: inline-block;
	position: absolute;
	bottom: 2.25em;
	left: 5em;
}
#whatsapp {
	display: none;
}
	
@media all and (max-width: 1400px) {
	footer > div > div input {
		border-bottom: 1px solid #000;
	}
	
	footer > div > div input:focus,
	footer > div > div input:active {
		border-bottom: 1px solid #000;
	}
	
	footer > div > div p > a {
		border-bottom: 1px solid #666666;
	}
	
	footer > div > div:nth-of-type(2) p:nth-of-type(4) > a,
	footer > div > div:nth-of-type(2) p:nth-of-type(3) > a {
		border:0;
	}
	
	footer > div > div:nth-of-type(6) p > a,
	footer > div > div:nth-of-type(5) p > a {
		border:0;
	}
	
}	

@media all and (max-width: 1250px) {
	footer > div > div:nth-child(5) > p {
		max-width: 17em;
	}

}

@media all and (max-width: 1180px) {
	footer {
		margin: 6em 0;
		margin-bottom: 0;
		padding-bottom: 6em;		
	}
	
	footer > div {
		padding: 0 6em;
	}
}



@media all and (max-width: 1100px) {
	footer {
		margin: 5em 0;
		margin-bottom: 0;
		padding-bottom: 5em;			
	}
	
	footer > div {
		padding: 0 4em;
	}	
	
	#back-to-top,
	#copyright {
		bottom: 1.1em;
	}
	
	#back-to-top {
		width: 1.4em;
		height: 1.4em;
	}
	
	#back-to-top > span {
		height: 33%;
	}
	
	
	#back-to-top > span:first-of-type {
		left: -.28em;
	}
	
	#back-to-top > span:last-of-type {
		right: -.28em;
	}
	
	footer > div > div:nth-child(5) > p {
		max-width: 14em;
	}
	
	
}


@media all and (max-width: 768px) {
	footer > div {
		padding: 0 2em;
	}
	footer > div > div > span {
		font-size: 1.3em;
	}
	
	footer > div > div {
		display: block;
		width: 100%;
		margin-top: 0;
	}
	
	footer > div > div:nth-of-type(1),
	footer > div > div:nth-of-type(2),
	footer > div > div:nth-of-type(3) {
		float: none;
		margin-top: 0;
	}
	
	footer > div > br {
		display:none;
	}
	
	footer > div > div {
		margin-top: 3em !important;
	}	
	
	
	
	footer > div > div > span {
		font-size: 1.7em;
		margin-bottom: 1em;
	}

	footer > div > div input,
	footer > div > div button,
	footer > div > div p {
		font-size: 1.2em;
	}	
	
	footer > div > div:nth-of-type(1) > form > p {
		margin: 0;
		line-height: 90%;
	}	
	
	footer > div > div:nth-of-type(2) > p:nth-of-type(2){
		display: none;
	}
	#whatsapp {
		display: block;
	}
	
	footer > div {
		text-align: left;
	}
	footer > div > div:nth-of-type(5),
	footer > div > div:nth-of-type(6) {
		display: inline-block;
		width: auto;
	}
	footer > div > div:nth-of-type(6) {
		margin-left: 2em;
	}	
	
	footer > div > div:nth-child(5) > p {
		max-width: 100%;
	}
}	


@media all and (max-width: 500px) {
	footer > div {
		padding: 0 1em;
	}
	
	footer > div > div > span {
		font-size: 1.5em;
	}
	
	footer > div > div input,
	footer > div > div button,
	footer > div > div p {
		font-size: 1em;
	}		
		
}

@media all and (max-width: 380px) {
	footer > div > div p > span {
		width: 40%;
	}	
	
	footer > div > div p > span:last-of-type {
		width: 60%;
	}
		
}

@media all and (max-width: 340px) {
	footer > div > div p > span {
		width: 50%;
	}	
	
	footer > div > div p > span:last-of-type {
		width: 50%;
	}
		
}


/*Footer end*/


/*Site menu*/

#mobile-glow {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 2em;
	background: #ebe1e0;
	z-index: 2;
	
	-webkit-box-shadow: 1em 1em 3em 3em #ebe1e0;
	-moz-box-shadow:    1em 1em 3em 3em #ebe1e0;
	box-shadow:         1em 1em 3em 3em #ebe1e0;	
	
	-ms-transition: .4s opacity ease;
	-o-transition: .4s opacity ease;
	-moz-transition: .4s opacity ease;
	-webkit-transition: .4s opacity ease;
	transition: .4s opacity ease;
	opacity: 0;
	display: none;
}

#smallLogo {
	position: fixed;
	top: 1em;
	left: 0;
	right: 0;
	margin: auto;
	display: inline-block;
	width: 9em;
	text-align: center;
	color: #fff;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
	z-index: 2;	
	opacity: 0;
	-ms-transition: .4s opacity ease;
	-o-transition: .4s opacity ease;
	-moz-transition: .4s opacity ease;
	-webkit-transition: .4s opacity ease;
	transition: .4s opacity ease;	
	display: none;
}

#smallLogo i {
	font-style: normal;
	font-weight: normal;
	font-size: 3em;
	line-height: 1;
	margin: 0;
	color: #000;
}

#smallLogo i:before {
	font-family: "fontello";
	content: '\e803';
	line-height: 1;
}


#mobile-glow.show,
#smallLogo.show {
	opacity: 1;
}
	

#menu-icon {
	display: inline-block;
	position: fixed;
	z-index: 2;
	right: -4em;
	top: 2.5em;
	font-family: 'MrEavesXLModOT-Reg', sans-serif; 
	font-weight: 400;
	color: #fff;
	letter-spacing: .12em;
	font-size: .85em;
	text-align: center;
	
	-o-transition: right .2s ease-out; 
	-ms-transition: right .2s ease-out; 
	-moz-transition: right .2s ease-out; 
	-webkit-transition: right .2s ease-out; 
	transition: right .2s ease-out; 
	
}
body.page-id-52 #menu-icon,
body.page-id-54 #menu-icon,
body.page-template-intake-skin #menu-icon,
body.page-template-intake-make-up-hair #menu-icon,
body.page-template-contact #menu-icon,
#menu-icon.black {
	color: #000;
}
	

#menu-icon.show {
	right: 2.5em;
}

#menu-icon > span {
	display: block;
	width: 1.2em;
	height: auto;
	margin: 0 auto;
	margin-bottom: .4em;
}

#menu-icon > span > span {
	display: block;
	width: 100%;
	height: 0.1666666666666667em;
	margin-top: 0.25em;
	background: #fff;
}	

body.page-id-52 #menu-icon > span > span,
body.page-id-54 #menu-icon > span > span,
body.page-template-intake-skin #menu-icon > span > span,
body.page-template-intake-make-up-hair #menu-icon > span > span,
body.page-template-contact #menu-icon > span > span,
#menu-icon.black > span > span {
	background: #000;
}	

#menu-icon > span > span:first-of-type {
	margin-top: 0;
}



@media all and (max-width:1400px) {
	#menu-icon > span > span {
		display: block;
		width: 100%;
		height: 2px;
		margin-top: 4px;
		background: #fff;
	}	
	
	#menu-icon > span > span:first-of-type {
		margin-top: 0;
	}	
	
}

#nav-bg {
	position: fixed; 
	z-index: 3;
	background: rgba(255,255,255, 0);
	display: none;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	
	-o-transition: background .2s ease-in; 
	-ms-transition: background .2s ease-in; 
	-moz-transition: background .2s ease-in; 
	-webkit-transition: background .2s ease-in; 
	transition: background .2s ease-in; 	
}


#nav-bg.preload {
	display: block;
}
#nav-bg.show {
	background: rgba(255,255,255, 0.5);
}
nav {
	position: fixed; 
	z-index: 3;
	width: 50%;
	height: 100%;
	background: #f1e7e5;
	right:-50%;
	top:0;
	-o-transition: right .3s ease-in; 
	-ms-transition: right .3s ease-in; 
	-moz-transition: right .3s ease-in; 
	-webkit-transition: right .3s ease-in; 
	transition: right .3s ease-in; 
}

nav.show {
	right: 0;
}


nav > div.main-menu {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	width: 100%;
	padding-right: 2.5em;
	position: relative;
}


nav > div > a.close-menu:hover i {
	color: #cec0bd;
}
nav > div a {
	display: block;
	color: #000;
	font-family: 'MrEavesXLModOT';
	font-weight: bold;
	letter-spacing: .12em;
	font-size: .88em;
	margin-top: 1em;
}

nav > div a:hover {
	text-decoration: underline;
}
nav > div a:nth-of-type(2) {
	margin-top: 0;
}
nav > div a:nth-of-type(10),
nav > div a:nth-of-type(9),
nav > div a:nth-of-type(3) {
	font-weight: 900;
	color: #cec0bd;
	cursor: default;
}	

nav > div a:nth-of-type(10):hover,
nav > div a:nth-of-type(9):hover,
nav > div a:nth-of-type(3):hover {
	text-decoration: none;
}


nav > div a:nth-of-type(3) {
	margin-top: 0;
}	

nav > div .facebook-icon,
nav > div .instagram-icon {
	display: inline-block;
	font-size: 1.2em;
}	

nav > div .facebook-icon:hover,
nav > div .instagram-icon:hover {
	color: #cec0bd;
	text-decoration: none;
}

nav > div .instagram-icon {
	margin-top: 0;
	margin-left: .9em;
}

nav > div a.close-menu {
	margin: 0;
	position: absolute;
	top: 0;
	left: 2.5em;
	display: block;
	text-align: center;
	width: 1em;
	height: 1em;
	padding: .5em;
}

nav > div a.close-menu > span {
	display: inline-block;
	width: 90%;
	height: 1px;
	background: #000;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

nav > div a.close-menu > span:last-of-type {
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

nav > div.appointment {
	display: block;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 0;
	right: -100%;
	bottom: 0;
	margin: auto;
	background: #f1e7e5;
	height: 100%;
	
	-o-transition: right .4s ease-in; 
	-ms-transition: right .4s ease-in; 
	-moz-transition: right .4s ease-in; 
	-webkit-transition: right .4s ease-in; 
	transition: right .4s ease-in; 
}

nav > div.appointment.show {
	right: 0;
}


nav > div.appointment a.close-menu {
	left: auto;
	right: 2.5em;
	background: #f0e5e2;
	top: 2.5em;
}



nav > div.appointment form {
	display: inline-block;
	vertical-align: middle;
	width: 60%;
	position: relative;
	font-size: 1em;
	text-align: left;
	 	
}

@media all and (max-height: 540px) {
	nav > div.appointment {
		overflow-y: auto;
	}		
	
	nav > div.appointment form {
		padding-top: 3em;
		padding-bottom: 3em;

	}	
}



nav > div.appointment form.sent > p,
nav > div.appointment form.sent > textarea,
nav > div.appointment form.sent > input {
	opacity: .5;
}	

nav > div.appointment form.sent > button {
	cursor: default;
	width: 100%;
}


nav > div.appointment span {	
	font-size: 1.7em;
	letter-spacing: 0.15em;
	margin-bottom: 1em;
	display: block;
	color: #bba8a4;
}

nav > div.appointment button,
nav > div.appointment p,
nav > div.appointment textarea,
nav > div.appointment input {
	display: block;
	width: 100%;
	border:0;
	border-bottom: 1px solid #000;
	background: none;
	padding: .1em .2em;
	font-weight: 400;	
	letter-spacing: 0.1em;
	-o-transition: opacity .4s ease-in; 
	-ms-transition: opacity .4s ease-in; 
	-moz-transition: opacity .4s ease-in; 
	-webkit-transition: opacity .4s ease-in; 
	transition: opacity .4s ease-in;
	margin-top: 1.7em;
	
}


nav > div.appointment input[type="checkbox"] {
	display: inline-block;
	margin-top: .8em;
	opacity: 0;
	border-bottom: 0;
	
	width: 1.2em;
	height: 1.2em;
	vertical-align: top;	
	font-size: .8em;
}


nav > div.appointment label {
	display: inline-block;
	vertical-align: top;
	margin-left: .5em;
	margin-top:0;	
	position: relative;
	top: .7em;
	width: calc(100% - 2em);
	font-size: .8em;
	color: #bba8a4

}

nav > div.appointment label a {
	display: inline-block;
	color: #bba8a4;
	text-decoration: underline;
	font-weight: inherit;
	font-family: inherit;
	margin: 0;
}

nav > div.appointment label:before {
	content: '';
	background: #fff;
	display: block;
	width: 1.2em;
	height: 1.2em;
	position: absolute;
	left: -2em;
	top: 0;
}

nav > div.appointment input[type="checkbox"]:checked + label:before {
	background: #999;
}	
	

nav > div.appointment textarea {
	height: 3.2em;

	padding-top: 1.9em;
	margin-top: 0
}	

nav > div.appointment button,
nav > div.appointment p {
	border-bottom: 0;
	color: #bba8a4
}

nav > div.appointment p {
	font-size: .8em;
	margin-top: 2em;
}

nav > div.appointment button {
	margin-top: 2.5em;
}	
nav > div.appointment input:first-of-type {
	margin-top: 0;
}



nav > div.appointment button {
	font-family: 'MrEavesXLModOT', sans-serif;
	font-weight: 300;	
	border: 1px solid #bba8a4;
	width: 9em;
	padding: .5em;
	padding-top: .6em;
	
	-ms-transition: .4s all ease;
	-o-transition: .4s all ease;
	-moz-transition: .4s all ease;
	-webkit-transition: .4s all ease;
	transition: .4s all ease;
}	

nav > div.appointment button:focus,
nav > div.appointment input:focus {
	outline: 0;
}

nav > div.appointment button.active,
nav > div.appointment button:hover {
	color: #000;
	border-color: #000;
}


@media all and (max-width: 1100px) {
	#menu-icon {
		top: 1em;
	}
	
	#menu-icon.show {
		right: 1em;
	}
	
	nav > div a.close-menu {
		left: 1em;
	}
	nav > div.appointment a.close-menu {
		right: 1em;
	}	
	nav > div.main-menu {
		padding-right: 1em;
	}

	nav > div.appointment form {
		width: 80%;
	}

}

@media all and (max-width: 768px) {
	nav {
		width: 100%;
		right:-100%;
	}

	#menu-icon {
		font-family: 'MrEavesXLModOT', sans-serif; 
		font-weight: 300;
		color: #fff;
		letter-spacing: .1em;
		font-size: .7em;
		top: 2em;
		left: -4em;
		right: auto;
		-o-transition: left .2s ease-out; 
		-ms-transition: left .2s ease-out; 
		-moz-transition: left .2s ease-out; 
		-webkit-transition: left .2s ease-out; 
		transition: left .2s ease-out; 
	
		
	}
	
	#menu-icon.show {
		left: 1em;
		right: auto;
	}

	#menu-icon > span {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
		margin-bottom: .6em;
	}
	
	#menu-icon > span > span {
		height: 0.13em;
		margin-top: 0.5em;
	}	
	
	#menu-icon > span > span:first-of-type {
		margin-top: 0;
	}


	#mobile-glow,
	#smallLogo {	
		display: inline-block;
	}
}

@media all and (max-width: 500px) {
	nav > div.appointment form {
		width: calc(100% - 2em);
		
	}

}


@media all and (max-height: 550px) {
	nav > div a {
		margin-top: .5em;
	}
	
	nav > div > br:nth-of-type(1),
	nav > div > br:nth-of-type(3),
	nav > div > br:nth-of-type(5),
	nav > div > br:nth-of-type(7) {
		display: none;
	}

}

@media all and (max-height: 600px) {
	nav > div a {
		margin-top: .7em;
	}
}	

@media all and (max-height: 480px) {
	nav {
		overflow-y: auto;
		padding: 5em 0;
	}
	nav > div.main-menu {
		min-height: 340px;
	}	
}	
/*Site menu end*/


/*Inner pages top section*/


.s-top {
	display: block;
	width: 100%;
	height: 100%;
	background: #ece1df;
	overflow: hidden;
}
@media all and (max-width:768px) and (orientation:landscape) {
	.s-top {
		min-height: 100vw;
	}
}
 

.s-top > div {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}

.s-top.over-ons > div {
	background-position: top center;
}

.s-top.bruidsstyling > div {
	background-position: top center;
}

.s-top.behandelingen.skinpen > div {
	background-position: top center;
}


.s-top > div > h1 {
	display: inline-block;
	vertical-align: middle;
	font-family: 'MrEavesXLModOT', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 4em;
	letter-spacing: .15em;
	margin-top: 2em;
	max-width: 90%;
}


@media all and (max-width: 1100px) {
	.s-top > div > h1 {
		margin-top: 0;
	}
}




@media all and (max-width: 950px) {
	.s-top.over-ons > div {
		background-position: 30% 0;
	}
}	
@media all and (max-width: 768px) {
	.s-top > div > h1 {
		font-size: 5.5em;
		max-width: 97%;
	}
	
	.s-top > div > h1 {
		font-size: 5.5em;
		max-width: 97%;
	}
	.s-top.behandelingen:not(.bruidsstyling) > div > h1 {
		max-width: 97%;
	}
	
	.s-top.bruidsstyling > div > h1 {
		max-width: 90%;
	}	
	
	.s-top.over-ons > div {
		background-position: 50% 50%;
	}	
}

@media all and (max-width: 630px) {
	.s-top.behandelingen:not(.bruidsstyling) > div > h1 {
		max-width: 100%;
		text-align: center;
	}
	.s-top.bruidsstyling > div > h1 {
		max-width: 100%;
	}		
}

@media all and (max-width: 600px) {
	.s-top > div > h1 {
		font-size: 5em;
		max-width: 100%;
	}
	.s-top.behandelingen:not(.bruidsstyling) > div > h1 {
		font-size: 4em;
	}
}


@media all and (max-width: 500px) {
	.s-top > div > h1 {
		font-size: 4em;
	}
	.s-top.over-ons > div {
		background-position: 50% 50%;
	}	
	.s-top.behandelingen:not(.bruidsstyling) > div > h1 {
		font-size: 3.3em;
	}
}

@media all and (max-width: 400px) {
	.s-top > div > h1 {
		font-size: 3.5em;
	}
	.s-top.behandelingen:not(.bruidsstyling) > div > h1 {
		font-size: 3em;
	}	
}

@media all and (max-width: 380px) {
	.s-top > div > h1 {
		font-size: 3.3em;
	}
	
	.s-top.behandelingen:not(.bruidsstyling) > div > h1 {
		font-size: 2.9em;
	}	
	
}
@media all and (max-width: 370px) {
	.s-top.behandelingen:not(.bruidsstyling) > div > h1 {
		font-size: 2.8em;
	}	
	
}

@media all and (max-width: 365px) {
	.s-top > div > h1 {
		font-size: 3.2em;
	}
	
}


@media all and (max-width: 350px) {
	.s-top > div > h1 {
		font-size: 3.1em;
	}	
}


@media all and (max-width: 340px) {
	.s-top > div > h1 {
		font-size: 3em;
	}
	
}


/*Inner pages top section end*/


/* Section 4 */
.s-4 {
	display: block;
	width: 100%;
	margin: 0;
}

.s-4.skinpen {
	display: block;
	width: 100%;
	margin: 0;
	margin-top: 10em;
}


.s-4 > div {
	display: block;
	width: 100%;
	padding: 0 9em;
	position: relative;
	text-align: center;
	margin: 3em 0;
}


.s-4 > div > div {
	width: 50%;
	display: inline-block; 
	vertical-align: middle;
	text-align: left;
}

.s-4 > div > div > div.heading {
	text-align: left;
}

.s-4 > div > div > div.heading:last-of-type {
    margin-top: 4em;
}

.s-4 > div > div > div.heading span {
    max-width: 3.4em;
    font-family: 'Filosofia', sans-serif;
    letter-spacing: 0;
    color: #ddccc9;
    font-size: 3em;
	display: block;
}

.s-4.skinpen > div > div > div.heading span {
	max-width: 6em;
}

.s-4 > div > div > div.heading span:last-of-type {
    font-size: 1.2em;
    margin-top: 1em;
    font-family: 'MrEavesXLModOT-Book', sans-serif;
    font-weight: normal;
    color: #000;
    line-height: 110%;
    max-width: 100%;
}

.s-4.bruidsstyling > div > div > div.heading span > span {
	font-size: .68em;
	margin-top: 0;
	display: inline-block;
}
.s-4 > div > div .heading > div > p {
    margin-top: 1.5em;
    font-family: 'MrEavesXLModOT-Book', sans-serif;
    font-weight: normal;
    font-size: .95em;
    margin-left: 0;
	line-height: 120%;
	max-width: 20em;
}

.s-4 > div > div.image {
	padding: 6em 0;
	text-align: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;	
}	
.s-4 > div > div.image > .bg-image {
	height: 27vw;
	width: 47%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	margin: 0 auto;
}


.s-5.behandelingen > div > div:nth-child(5) .shadow-bs52.show,	
.s-4 > div > div.image.show {
	background-image: url('images/shadow-2.jpg');	
}

@media all and (max-width: 3000px) {
	.s-5.behandelingen > div > div:nth-child(5) .shadow-bs52.show,
	.s-4 > div > div.image.show {
		background-image: url('images/shadow-2-3000.jpg');	
	}
}

@media all and (max-width: 2000px) {
	.s-5.behandelingen > div > div:nth-child(5) .shadow-bs52.show,
	.s-4 > div > div.image.show {
		background-image: url('images/shadow-2-2000.jpg');	
	}	
}

@media all and (max-width: 1400px) {
	.s-5.behandelingen > div > div:nth-child(5) .shadow-bs52.show,
	.s-4 > div > div.image.show {
		background-image: url('images/shadow-2-1400.jpg');	
	}	
}

@media all and (max-width: 768px) {
	.s-5.behandelingen > div > div:nth-child(5) .shadow-bs52.show,
	.s-4 > div > div.image.show {
		background-image: url('images/shadow-2-768.jpg');	
	}				
}



@media all and (max-width: 1250px) {
	.s-4 > div > div.image {
		padding-left: 4em;
	}	
	.s-4 > div > div.image > .bg-image {
		height: 32vw;
		width: 90%;
	}
	.s-4 > div > div > div.heading:last-of-type {
		margin-top: 3em;
	}	
}


@media all and (max-width: 1180px) {
	.s-4 > div {
		padding: 0 6em;
		margin: 3em 0;
	}
	
	.s-4 > div > div .heading > div > p {
		max-width: 100%;
	}	
}

@media all and (max-width: 1100px) {
	.s-4 > div {
		padding: 0 4em;
	}
	.s-4 > div > div > div.heading:last-of-type {
		margin-top: 2em;
	}
}


@media all and (max-width: 768px) {
	.s-4 > div {
		padding: 0 2em;
		margin: 5em 0;
	}
	
	.s-4 > div > div {
		width: 100%;
		display: inline-block; 
		vertical-align: middle;
		text-align: left;
	}
	
	.s-5 > div > div:nth-of-type(4) > div.heading span,
	.s-4 > div > div > div.heading span {
		max-width: 100% !important;
		font-size: 3em;
	}
	.s-4 > div > div > div.heading {
		margin-top: 4em;
	}
	
	.s-4 > div > div > div.heading:last-of-type {
		margin-top: 3em;
	}

	.s-4 > div > div.image {
		padding: 0;
		padding-left: 0;
	}		
	

	.s-4 > div > div.image.show {
		background-image: none;
	}	
	
	.s-4 > div.show {
		background-repeat: no-repeat;
		background-size: 55% 65%;
		background-position: 0 20%;	
		background-image: url('images/shadow-2-768.jpg');
	}	
	.s-4 > div > div.image > .bg-image {
		height: 70vw;
		width: 100%;
	}
	
}

@media all and (max-width: 680px) {
	.s-4 > div.show {
		background-position: 0 0;	
		background-size: 45% 45%;
	}	
}

@media all and (max-width: 580px) {
	.s-4 > div.show {
		background-size: 50% 35%;
	}	
}

@media all and (max-width: 580px) {
	.s-4 > div.show {
		background-size: 45% 45%;	
	}	
}	

@media all and (max-width: 500px) {
	.s-4 > div {
		padding: 0 1em;
	}
	
	.s-4 > div > div.image > .bg-image {
		height: 80vw;
		width: 100%;
	}
	.s-4 > div.show {
		background-size: 50% 35%;	
		background-position: 100% 100%;	
	}

}

@media all and (max-width: 380px) {
	.s-4 > div > div.image > .bg-image {
		height: 90vw;
	}

}	

/* Section 4 end*/



/* Section 5*/

.s-5 {
	display: block;
	width: 100%;
	margin: 0;
}


.s-5 > div {
	display: block;
	width: 100%;
	padding: 0 9em;
	position: relative;
	text-align: center;
	margin: 3em 0;
}


.s-5.behandelingen > div > span {
	text-align: left;
	width: 100%;
	display: block;
    padding-left: 4em;
    padding-bottom: 1.6em;
}

.s-5.behandelingen > div > span > span {
	font-size: 4.5em;
	text-align: left;
	letter-spacing: .15em;
	max-width: 9em;
	display: block;
}
	
.s-5 > div > div {
	width: 50%;
	display: inline-block; 
	vertical-align: middle;
	text-align: left;
	float: left;
	position: relative;
	z-index: 1;
}




.s-5 > div > div.f-right {
	float: right;
}

.s-5 > div > div > div.heading {
	text-align: left;
}

.s-5 > div > div > div.heading {
	text-align: left;
}

.s-5.skinpen > div > div.f-left > div.heading > div {
    position: relative;
    top: -3em;
    left: 6em;
}


.s-5.skinpen > div > div:nth-child(12) > div > div,
.s-5.skinpen > div > div.f-left:nth-child(8) > div.heading > div {
    position: relative;
    top: 7em;
    left: 6em;
}

.s-5 > div > div:nth-of-type(6) > div.heading:last-of-type {
    margin-top: 4em;
}



.s-5 > div > div > div.heading span {
    max-width: 4.4em;
    font-family: 'Filosofia', sans-serif;
    letter-spacing: 0;
    color: #ddccc9;
    font-size: 3em;
	display: block;
}

.s-5.skinpen > div > div > div.heading strong {
	font-weight: 400;
}

.s-5 > div > div > div.heading span:nth-of-type(2) {
    font-size: 1.2em;
    margin-top: 1em;
    font-family: 'MrEavesXLModOT-Book', sans-serif;
    font-weight: normal;
    color: #000;
    line-height: 110%;
    max-width: 100%;
}


.s-5.bruidsstyling > div > div > div.heading span {
	max-width: 6.5em;
}
	
	
.s-5.bruidsstyling > div > div:nth-child(8) > div > div > span {
	max-width: 5.6em;
}

.s-5.bruidsstyling > div > div:nth-child(8) > div > div a {
	margin-top: 3em;
}
	


.s-5 > div > div:nth-of-type(4) > div.heading span {
	max-width: 6.5em;
}	

.s-5:not(.bruidsstyling) > div > div > div.heading span:last-of-type {
    font-size: 1.2em;
    margin-top: 1em;
    font-family: 'MrEavesXLModOT-Book', sans-serif;
    font-weight: normal;
    color: #000;
    line-height: 110%;
    max-width: 100%;
}

.s-5.skinpen:not(.bruidsstyling) > div > div > div.heading span:last-of-type {
	 width: 60%;
}	

.s-5.behandelingen > div > div:nth-child(14) > div > div > span:nth-child(2),
.s-5.behandelingen > div > div:nth-child(14) > div > div > span:nth-child(3),
.s-5.behandelingen > div > div.text.f-right > div:nth-child(1) > div > span:nth-child(2),
.s-5.behandelingen > div > div.text.f-right > div:nth-child(1) > div > span:nth-child(3),
.s-5.behandelingen > div > div.text.f-right > div:nth-child(1) > div > span:nth-child(4),
.s-5.behandelingen > div > div.text.f-right > div:nth-child(1) > div > span:nth-child(5),
.s-5.behandelingen > div > div:nth-child(9) > div > div > span:nth-child(2),
.s-5.behandelingen > div > div:nth-child(9) > div > div > span:nth-child(3),
.s-5.behandelingen > div > div:nth-child(9) > div > div > span:nth-child(4) {
    font-size: 1.2em;
    margin-top: 0;
    font-family: 'MrEavesXLModOT-Book', sans-serif;
    font-weight: normal;
    color: #000;
    line-height: 110%;
    max-width: calc(100% - 2em);
	position: relative;
	padding-left: .8em;

}

.s-5.behandelingen > div > div:nth-child(14) > div > div > span:nth-child(2),
.s-5.behandelingen > div > div:nth-child(14) > div > div > span:nth-child(3),
.s-5.behandelingen > div > div.text.f-right > div:nth-child(1) > div > span:nth-child(3),
.s-5.behandelingen > div > div.text.f-right > div:nth-child(1) > div > span:nth-child(5) {
	margin-top: .5em;
	padding-left: 0;
}
.s-5.behandelingen > div > div.text.f-right > div:nth-child(1) > div > span:nth-child(2),
.s-5.behandelingen > div > div.text.f-right > div:nth-child(1) > div > span:nth-child(4) {
	margin-top: 1.2em;
	padding-left: 0;
}

.s-5.behandelingen > div > div.text.f-right > div:nth-child(1) > div > p:last-of-type {
	margin-bottom: 0;
}


.s-5.behandelingen > div > div:nth-child(9) > div > div > span:nth-child(2) {
	margin-top: 1em;
}

.s-5.behandelingen > div > div:nth-child(9) > div > div > span:nth-child(2):before,
.s-5.behandelingen > div > div:nth-child(9) > div > div > span:nth-child(3):before,
.s-5.behandelingen > div > div:nth-child(9) > div > div > span:nth-child(4):before {
	content: '-';
	position: absolute;
	left:0;
}

.s-5.behandelingen > div > div.text.f-right > span {
	font-size: 4.5em;
    text-align: left;
    letter-spacing: .15em;
    margin: 1.2em 0;
    margin-bottom: 1em;
    display: block;
}


.s-5.behandelingen > div > div.s68i.image.f-left {
	margin-top: 12em;
	position: relative;
	z-index: 1;
}

.s-5.behandelingen > div > div:nth-child(8),
.s-5.behandelingen > div > div:nth-child(9),
.s-5.behandelingen > div > div:nth-child(12) {
	position: relative;
	z-index: 1;
}


.s-5.behandelingen > div > div.s68i.image.f-left > .bg-image {
	position: relative;
	z-index: 1;
}	

.s-5.behandelingen > div > div.s68i.image .rectangle-bg-s68i {
	position: absolute;
	width: 100%;
	height: 120%;
	top: -82%;
	left: 50%;
	background: #f8f4f3;
	z-index: 0;
}


.s-5.behandelingen > div > div:nth-child(14) {
	margin-top: 3.8em;
}

.s-5 > div > div .heading > div > p {
    margin-top: 1.5em;
    font-family: 'MrEavesXLModOT-Book', sans-serif;
    font-weight: normal;
    font-size: .95em;
    margin-left: 0;
	line-height: 120%;
	max-width: 20em;
}

#d1 {
	

}

.s-5.bruidsstyling > div > div:nth-of-type(2) > div.heading p:nth-of-type(1),
.s-5.bruidsstyling > div > div:nth-of-type(2) > div.heading p:nth-of-type(2) {
    font-size: 1.2em;
    margin-top: 1em;
    font-family: 'MrEavesXLModOT-Book', sans-serif;
    font-weight: normal;
    color: #000;
    line-height: 110%;
    max-width: 75%;
}

.s-5.bruidsstyling > div > div:nth-of-type(2) > div.heading p:nth-of-type(1),
.s-5.bruidsstyling > div > div:nth-of-type(2) > div.heading p:nth-of-type(2) {
	font-size: 1em;
}

.s-5.bruidsstyling > div > div > div.heading p:nth-of-type(3) {
	font-size: .85em;
	line-height: 150%;
	margin-top: 5em;
	padding-bottom: 2em;
}

.s-5.bruidsstyling > div > div.text:nth-of-type(4) div.heading p {
    font-size: 1em;
    margin: 0.3em 0;
    font-family: 'MrEavesXLModOT-Book', sans-serif;
    font-weight: normal;
    color: #000;
    line-height: 110%;
    max-width: 75%;
	padding-bottom: 0;
}

.s-5.bruidsstyling > div > div.text:nth-of-type(4) div.heading p:first-of-type {
	margin-top: 1.2em;
}

.s-5.behandelingen > div > div:nth-child(15) > div {
	margin-top: 2.5em;
}
.s-5 > div > div.text {
	padding: 3em 0;
	padding-left: 0;
}
.s-5 > div > div:nth-of-type(10) {
	top: 0;
	position: relative;
	margin-top: 0 !important;
}	

#sdel3 {
	top: -12em;
	margin-bottom: -12em;
}

.adjn-1,
.adjn-2 {
	display: none;
}

.s-5.behandelingen > div > div:nth-child(3) {
	position: relative;
	z-index: 0;
}

.s-5.behandelingen > div > div:nth-child(3) > div {
	position: relative;
	z-index: 1;
}
.s-5.behandelingen > div > div:nth-child(4) {
	position: relative;
	z-index: 1;
}

.s-5.behandelingen > div > div:nth-child(3) .rectangle-bg-s51 {
	position: absolute;
	width: 120%;
	height: 100%;

	position: absolute;
	top: 10%; 
	left: 35%; 
	background: #f8f4f3;
	z-index: 0;
}


.s-5.behandelingen > div > div:nth-child(6) {
	padding-top: 0;
	margin-top: 7em;
}

.s-5.behandelingen > div > div:nth-child(5) {
	margin-top: 9em;
	position: relative;
	z-index: -1;
}


.s-5.behandelingen > div > div:nth-child(5) > div {
	position: relative;
	z-index: 1;
}


.s-5.behandelingen > div > div:nth-child(5) .shadow-bs52 {
	position: absolute;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	width: 100%;
	height: 130%;
	top: -30%;
	bottom: 0;
	left :-10%;
	right: 0;
	margin: auto;
}


.s-5.bruidsstyling > div > div:nth-child(8) {
	padding-top: 0 !important;
}

.s-5 > div > div.text:nth-of-type(4) {
	padding-left: 0;
}
	
.s-5 > div > div.text:first-of-type {
	padding-top: 0;
}

.s-5 > div > div.text.f-left {
	
}

.s-5 > div > div.text:last-of-type {
	margin-top: -7em;
}
	
.s-5 > div > div.image {
	padding: 0;
	text-align: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;	
}	

.s-5 > div > div:nth-of-type(5) {
	margin-top: 5vw;
}


.s-5.behandelingen > div > div:nth-of-type(5) {
	margin-top: 3em;
}

.s-5.behandelingen > div > div:nth-of-type(6) {
	margin-top: -3em;
}

.s-5.behandelingen > div > div:nth-of-type(6) > div.heading:last-of-type {
	margin-top: 0;
}	
	
.s-5.bruidsstyling > div > div:nth-of-type(5):not(.rectangle-bg) {
	margin-top: 2em;
}
.s-5 > div > div.image > .bg-image {
	height: 27vw;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	margin: 0 auto;
}


	
.s-5 > div > div.image:nth-of-type(3),
.s-5 > div > div.image:nth-of-type(9) {
	padding: 0 3em;
}



.s-5 > div > .rectangle-bg {
    z-index: 0;
    position: absolute;
    background: #f8f4f3;
    width: 39%;
    height: 25%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    top: -62%;
    left: 10%;
}

.s-5.bruidsstyling > div > .rectangle-bg {
    z-index: 0;
    position: absolute;
    background: #f8f4f3;
    width: 34%;
    height: 44%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    top: -22%;
    left: 10%;
}


.s-5.skinpen > div > .rectangle-bg-2 {
    z-index: 0;
    position: absolute;
    background: #f8f4f3;
    width: 45%;
    height: 40%;
	left: 30em;
	top: 14.5em;
}

.s-5.skinpen .rectangle-bg-3 {
    z-index: 0;
    position: absolute;
    background: #f8f4f3;
    width: 45%;
    height: 19.2%;
	left:17.35em;
	bottom: 12.8em;
}






.s-5 > div > .shadow {
    z-index: 0;
    position: absolute;

    width: 30%;
    height: 14%;
	right:4em;
	margin-top: -15em;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right;
}
.s-5.skinpen > div > .shadow {
    width: 100%;
    height: 44vw;
	right:0;
	margin-top: -10em;
}


.s-5.bruidsstyling > div > .shadow {
    z-index: 0;
    position: absolute;
    width: 30%;
    height: 35%;
	right:9em;
	margin-top: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right;
	bottom: 0;
}

.s-5 > div > .shadow-2 {
    z-index: 0;
    position: absolute;
    width: 30%;
    height: 14%;
	right:0;
	left:0;
	bottom: 0;
	margin: auto;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right;
}

#del1 {
	right: -30%;
	bottom: -8em;
}
.s-5.behandelingen > div > .shadow.shadow-2 {
	left: auto;
	right: 4em;
}

.s-5.skinpen > div > .shadow-2 {
	width: 100%;
	height: 44vw;
}	

.zfix {
	z-index: 2 !important;
}

#dels2 {
	bottom: 0;
	right: auto;
	left: 7em;
	-o-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}


.s-5.bruidsstyling > div > div.image.s7i > .bg-image {
	background-position: left center;
}
.s-5 > div > .shadow.shadow-2.show {
	background-image: url('images/shadow-2.jpg');
}

.s-5.behandelingen > div > .shadow.shadow-2.show {
	background-image: url('images/shadow.jpg');
}


.s-5 > div > .shadow.show {
	background-image: url('images/shadow.jpg');
}

.s-5.bruidsstyling > div > div:nth-child(5) > div > div > a.button {
	margin-top: 3em;
}


.s-5.bruidsstyling > div > div:nth-child(5) > div.heading {
	margin-top: -6em;
}

@media all and (max-width: 3000px) {
	.s-5 > div > .shadow.show {
		background-image: url('images/shadow-3000.jpg');
	}		
	
	.s-5 > div > .shadow.shadow-2.show {
		background-image: url('images/shadow-2-3000.jpg');
	}	
	.s-5.behandelingen > div > .shadow.shadow-2.show {
		background-image: url('images/shadow-3000.jpg');
	}	
}

@media all and (max-width: 2000px) {
	.s-5 > div > .shadow.show {
		background-image: url('images/shadow-2000.jpg');
	}	
	.s-5 > div > .shadow.shadow-2.show {
		background-image: url('images/shadow-2-2000.jpg');
	}		
	.s-5.behandelingen > div > .shadow.shadow-2.show {
		background-image: url('images/shadow-2000.jpg');
	}	
}

@media all and (max-width: 1400px) {
	.s-5 > div > .shadow.show {
		background-image: url('images/shadow-1400.jpg');
	}	
	.s-5 > div > .shadow.shadow-2.show {
		background-image: url('images/shadow-2-1400.jpg');
	}		
	.s-5.behandelingen > div > .shadow.shadow-2.show {
		background-image: url('images/shadow-1400.jpg');
	}	
}

@media all and (max-width: 768px) {
	.s-5 > div > .shadow.show {
		background-image: url('images/shadow-768.jpg');
	}		
	.s-5 > div > .shadow.shadow-2.show {
		background-image: url('images/shadow-2-768.jpg');
	}	
	.s-5.behandelingen > div > .shadow.shadow-2.show {
		background-image: url('images/shadow-768.jpg');
	}
}


.s-5 > div > div.image.s5i > .bg-image.show {
	background-position: bottom center;
}


.s-5 > div > div.image.s6i > .bg-image.show {
	background-position: top center;
}


.s-5 > div > div.image.s9i > .bg-image.show {
	background-position: top center;
}


.s-5.behandelingen > div > div.image.s67i > .bg-image.show {
	background-position: bottom center;
}
.s-5.behandelingen > div > div.image.s68i > .bg-image.show {
	height: 40vw;
}




@media all and (max-width: 1250px) {
	.s-5.behandelingen > div > div.image.s68i > .bg-image.show {
		height: 45vw;
	}	
	.s-5 > div > div:nth-of-type(10) {
		top: 1em;
	}	
	.s-5.skinpen > div > .rectangle-bg-2 {
		top: 7em;
		left: 40%;
	}

}	
@media all and (max-width: 1180px) {
	.s-5.skinpen:not(.bruidsstyling) > div > div > div.heading span:last-of-type {
		width: 100%;
	}
	.hs.s-3.skinpen > div > div .heading > div,
	.s-5.skinpen > div > div > div.heading > div {
		max-width: 80%;
	}	
	
	.s-5.skinpen .rectangle-bg-3 {
		bottom: 16%;
	}
}	

@media all and (max-width: 768px) {
	.s-5.skinpen > div > .shadow {
		height: 20%;
	}
	.s8i.image,
	.rectangle-bg-3,
	.rectangle-bg-2 {
		display: none !important;
	}
	.s-4.skinpen,
	.s-5.skinpen {
		margin-top: -4em;
	}
	.hs.s-3.skinpen > div > div .heading > div {
		width: 100%;
	}
	.hs.s-3.skinpen > div > div .heading > div {
		margin-top: 0;
		margin-left: 0;
	}
	.s-5.skinpen > div > div:nth-child(12) > div > div,
	.s-5.skinpen > div > div.f-left:nth-child(8) > div.heading > div,
	.s-5.skinpen > div > div.f-left > div.heading > div {
		top: 0;
		left: 0;
	}
	.hs.s-3.skinpen > div > div .heading > div,
	.s-5.skinpen > div > div > div.heading > div {
		max-width: 100%;
	}
	.s-5 > div > div.image.s9i > .bg-image.show {
		background-size: cover;
	}
	
		
	.s-5 > div > div.image.s11i > .bg-image.show {
		background-size: cover;
	}	
	
	
	.s-5.bruidsstyling > div > .shadow {
		display: none;
	}

	.s-5.behandelingen > div > div.image.s65i > .bg-image.show {
		background-size: cover;
	}

	
	.s-5.behandelingen > div > div.image.s67i > .bg-image.show {
		background-size: cover;
	}
	.s-5.behandelingen > div > div.image.s68i > .bg-image.show {
		height: 70vw;
	}		

}


@media all and (max-width: 500px) {	
	.s-5.bruidsstyling > div > .shadow {
		display: block;
	}	

	.s-5.behandelingen > div > div.image.s65i > .bg-image.show {
		background-size: cover
	}

	
	.s-5.behandelingen > div > div.image.s67i > .bg-image.show {
		background-size: cover;
		background-position: center center;
	}
	
}




@media all and (max-width: 1250px) {

	.s-5.behandelingen > div > .shadow.shadow-2 {
		left: auto;
		right: 3em;
	}

	.s-5.behandelingen > div > div.s68i.image .rectangle-bg-s68i {
		width: 120%;
	}
	
	.s-5 > div > div.image > .bg-image {
		height: 32vw;
		width: 100%;
	}
	.s-5 > div > div:nth-of-type(6) > div.heading:last-of-type {
		margin-top: 3em;
	}	
	.s-5 > div > div.image > .bg-image.show {
		background-position: center center !important;
	}	

	.s-5 > div > div:nth-of-type(5) {
		margin-top: 6vw;
	}	
	
	
	.s-5 > div > div {
		padding: 0 !important;
		padding-left: 0 !important;
	}	
	.s-5:not(.behandelingen) > div > div:nth-child(even){
		padding-left: 0 !important;
		padding-right: 4em !important;
	}	
	
	.s-5.behandelingen > div > div.s66i.image,
	.s-5.behandelingen > div > div:nth-child(14),
	.s-5.behandelingen > div .f-left {
		padding-right: 4em !important;
	}
	
	.s-5 > div > div.text {
		padding-top: 3em !important;
		padding-bottom: 3em !important;
		
	}
	
	.s-5 > div > .rectangle-bg {
		width: 39%;
		height: 25%;
		margin: auto;
		top: -62%;
		left: 5%;
	}
	
	.s-5 > div > .rectangle-bg-2 {
		width: 40%;
		height: 9%;
		left:12em;
		margin-top: 7.5em;
	}
	
	.s-5 > div > .shadow {
		right:5em;
	}
	
	.s-5.bruidsstyling > div > div > div.heading p:nth-of-type(3) {
		padding-bottom: 0;
	}
	

	.s-5.bruidsstyling > div > div.image.s7i > .bg-image {
		background-position: left center !important;
	}
	

	.s-5.bruidsstyling > div > .rectangle-bg {
		width: 58%;
		height: 50%;
		top: -19%;
	}
	
	
	.s-5.bruidsstyling > div > .shadow {
		right:4em;
	}
	
	.s-5.bruidsstyling > div > div:nth-child(5) > div.heading {
		margin-top: -2.5em;
	}

	.s-5.behandelingen > div > span {
		padding-left: 0;
		padding-bottom: 0;
	}

	.s-5.behandelingen > div > div:nth-child(6) {
		padding-top: 0;
		margin-top: 3em;
	}
	
	.s-5.behandelingen > div > div:nth-child(5) {
		margin-top: 8em;
	}

	.s-5.behandelingen > div > div:nth-child(5) .shadow-bs52 {
		left :-30%;
	}

	
	.s-5.behandelingen > div > div:nth-of-type(5) {
		margin-top: -2em;
	}
	.s-5.behandelingen > div > div:nth-of-type(6) {
		margin-top: -4em;
	}
	
	
	.s-5.behandelingen > div > div.s68i.image.f-left {
		margin-top: 7em;
	}
	.s-5.behandelingen > div > div:nth-child(14) {
		margin-top: 3.8em;
	}

	.s-5.behandelingen > div > div.text.f-right {
		margin-top: -3.8em;
	}

}


@media all and (max-width: 1180px) {
	.s-5 > div {
		padding: 0 6em;
		margin: 3em 0;
	}
	
	.s-5 > div > div .heading > div > p {
		max-width: 100%;
	}	
	.s-5 > div > div:nth-of-type(5) {
		margin-top: 16vw;
	}		

	.s-5.bruidsstyling > div > div:nth-of-type(2) > div.heading p:nth-of-type(1),
	.s-5.bruidsstyling > div > div:nth-of-type(2) > div.heading p:nth-of-type(2) {
		max-width: 85%;
	}

	.s-5.behandelingen > div > div:nth-child(5) .shadow-bs52 {
		left :-20%;
	}

	.s-5.behandelingen > div > div:nth-of-type(5) {
		margin-top: 0;
	}
	.s-5.behandelingen > div > div:nth-of-type(6) {
		margin-top: 0;
	}
	
	.s-5.behandelingen > div > div:nth-child(14) {
		margin-top: 4em;
	}

	.s-5.behandelingen > div > div.text.f-right {
		margin-top: -4em;
	}
	
	.s-5.behandelingen > div > div.s68i.image.f-left {
		margin-top: 8em;
	}	

}

@media all and (max-width: 1100px) {
	
	.s-5.behandelingen > div > div.text.f-right > span {
		font-size: 3em;
		margin: 1.5em 0;
		margin-bottom: 1.2em;
	}
	.s-5.behandelingen > div > span > span {
		font-size: 3em;
	}
	
	.s-5.behandelingen > div > span {
		padding-bottom: 2em;
	}	
	
	.s-5.behandelingen > div > .shadow.shadow-2 {
		right: 2em;
	}
	
	.s-5 > div {
		padding: 0 4em;
	}
	.s-5 > div > div:nth-of-type(6) > div.heading:last-of-type {
		margin-top: 2em;
	}
	
	.s-5 > div > div.text {
		padding: 3em 0;
		padding-left: 0;
		
	}	

	.s-5 > div > div {
		padding: 0 !important;
		padding-left: 0 !important;
	}	

	
	.s-5 > div > div.text {
		padding-top: 2em !important;
		padding-bottom: 2em !important;
		
	}

	.s-5 > div > .rectangle-bg {
		width: 70%;
		height: 24%;
		margin: auto;
		top: -68%;
		left: 5%;
	}
	
	.s-5 > div > .rectangle-bg-2 {
		width: 44%;
		height: 10%;
		left:8em;
		margin-top: -2em;
	}	
	
	.s-5 > div > .shadow {
		right:0;
	}

	.s-5.bruidsstyling > div > div.text:nth-of-type(4) div.heading p {
		margin: 0.8em 0;
	}
		
	.s-5.bruidsstyling > div > div.text:nth-of-type(4) div.heading p:first-of-type {
		margin-top: 0;
	}	
	
	.s-5.bruidsstyling > div > .rectangle-bg {
		width: 58%;
		height: 46%;
		top: -22%;
	}
	
	.s-5.bruidsstyling > div > .shadow {
		width: 40%;
		height: 35%;
		right:2em;
		bottom: -4em;
	}

	.s-5.behandelingen > div > div:nth-of-type(5) {
		margin-top: -1em;
	}
	.s-5.behandelingen > div > div:nth-of-type(6) {
		margin-top: -2em;
	}
	
	.s-5.behandelingen > div > div:nth-child(14) {
		margin-top: 2em;
	}

	.s-5.behandelingen > div > div.text.f-right {
		margin-top: -2em;
	}
	
	.s-5.behandelingen > div > div.s68i.image.f-left {
		margin-top: 8em;
	}
	
	.s-5.behandelingen > div > div:nth-child(15) > div {
		margin-top: 5em;
	}
	
	
	.s-5.behandelingen > div > div.image.s68i > .bg-image.show {
		height: 45vw;
	}

	.s-5.behandelingen > div > div.s68i.image .rectangle-bg-s68i {
		width: 130%;
		height: 100%;
		top: -65%;
	}	
}

@media all and (max-width: 1010px) {
	.s-5.bruidsstyling > div > div:nth-child(5) > div > div > a.button {
		margin-top: 2em;
	}
	.s-5.behandelingen > div > div.image.s68i > .bg-image.show {
		height: 50vw;
	}

}
@media all and (max-width: 1000px) {
	#del1 {
		bottom: -12em;
	}
	#hdel1 {
		margin-top: -5em;
	}
	.s-5 > div > div:nth-of-type(5) {
		margin-top: 19vw;
	}	
	
	.s-5 > div > .rectangle-bg-2 {
		width: 60%;
		height: 11%;
		left:8em;
		margin-top: -2em;
	}	

	.s-5 > div > .shadow-2,
	.s-5 > div > .shadow {
		width: 33%;
		height: 17%;
	}	
	
#dels2 {
	left: 0;
}	
	
	.s-5.bruidsstyling > div > .rectangle-bg {
		width: 68%;
	}

	.s-5.behandelingen > div > div.s68i.image .rectangle-bg-s68i {
		height: 140%;
		top: -75%;
	}		
	
}	


@media all and (max-width: 900px) {
	#hdel1 {
		margin-top: -6em;
	}
	.s-5.behandelingen > div > div.image.s68i > .bg-image.show {
		height: 55vw;
	}
	.s-5 > div > div {
		padding: 0 !important;
		padding-left: 0 !important;
	}	
	.s-5 > div > div:nth-child(even){
		padding-left: 0 !important;
		padding-right: 3em !important;
	}
	
	.s-5.behandelingen > div > div.s66i.image,
	.s-5.behandelingen > div > div:nth-child(14),
	.s-5.behandelingen > div .f-left {
		padding-right: 3em !important;
	}
	
	.s-5 > div > div:nth-of-type(5) {
		margin-top: 22vw;
	}
	
	.s-5 > div > div.text:last-of-type {
		margin-top: -8em;
	}
	
	.s-5.bruidsstyling > div > .rectangle-bg {
		height: 52%;
		top: -26%;
	}		
	.s-5.behandelingen > div > div:nth-child(14) {
		margin-top: 2.5em;
	}
	.s-5.behandelingen > div > .shadow.shadow-2 {
		right:1em;
	}	
	.s-5.behandelingen > div > div.s68i.image .rectangle-bg-s68i {
		width: 130%;
		height: 140%;
		top: -110%;
	}		
}


@media all and (max-width: 802px) {
	.s-5.behandelingen > div > div.image.s68i > .bg-image.show {
		height: 60vw;
	}	
}	
@media all and (max-width: 768px) {
	#del1 {

	}

.adjn-1,
.adjn-2 {
	display: inline-block;
}
.adj-1,
.adj-2 {
	display: none;
}


	.s-5 > div > div:nth-of-type(10) { 
		top: 0;
	}
	.s-5.behandelingen > div > .shadow.shadow-2 {
		right:0;
		bottom: -4em;
	}		
	.s-5:not(.behandelingen) > div > div:nth-child(even) {
		padding-right: 0 !important;
	}

	.s-5.behandelingen > div > div.s68i.image .rectangle-bg-s68i,
	.s-5 > div > .rectangle-bg-2,
	.s-5 > div > .rectangle-bg {
		display: none;
	}
	
	.s-5 > div {
		padding: 0 2em;
		margin: 5em 0;
	}
	
	.s-5 > div > div {
		width: 100%;
		display: inline-block; 
		vertical-align: middle;
		text-align: left;
		float: none !important;
	}
	.s-5 > div > div > div.heading span {
		max-width: 100%;
		font-size: 3em;
	}
	#hdel1,
	.s-5 > div > div > div.heading {
		margin-top: 4em;
	}
	
	.s-5 > div > div:nth-of-type(6) > div.heading:last-of-type {
		margin-top: 3em;
	}

	.s-5 > div > div.image {
		padding: 0;
		padding-left: 0;
		margin-top: 4em;
	}

	.s-5 > div > div.image:first-of-type {	
		margin-top: 0;
	}
	
	.s-5 > div > div.image.show {
		background-image: none;
	}	
	

	.s-5 > div > div.image > .bg-image {
		height: 70vw;
		width: 400px;
		width: 100%;
	}
	
	
	.s-5 > div > div {
		padding: 0 !important;
	}	
	.s-5 > div > div:nth-child(even){
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding: 0 !important;
	}
	
	.s-5.behandelingen > div > div.s66i.image,
	.s-5.behandelingen > div > div:nth-child(14),
	.s-5.behandelingen > div .f-left {
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding: 0 !important;
	}
	.s-5 > div > div:nth-of-type(5) {
		margin-top: 4em;
		padding: 0 !important;
	}
	
	.s-5 > div > div.text {
		padding: 0 !important;
	}
	
	.s-5 > div > div.text:last-of-type {
		margin-top: 0;
	}
	
	.s-5 > div > .shadow {
		width: 60%;
		height: 10%;
		right:0;

		margin-top: 10em;
	}
	
	.s-5 > div > .shadow-2 {
		width: 60%;
		height: 10%;
	}	
	
		
	.s-5.bruidsstyling > div > div > div.heading span {
		max-width: 100%;
	}	
	
		
	.s-5.bruidsstyling > div > div:nth-of-type(2) > div.heading p:nth-of-type(1),
	.s-5.bruidsstyling > div > div:nth-of-type(2) > div.heading p:nth-of-type(2) {
		max-width: 100%;
	}
	

	
	.s-5.bruidsstyling > div > div > div.heading p:nth-of-type(3) {
		font-size: .85em;
		line-height: 150%;
		margin-top: 2em;
	}
	
	.s-5.bruidsstyling > div > div.text:nth-of-type(4) div.heading p:first-of-type {
		margin-top: 4em;
	}
	
	.s-5.bruidsstyling > div > div.image.s7i > .bg-image {
		background-position: center center !important;
	}	
	
	.s-5.bruidsstyling > div > div:nth-of-type(5):not(.rectangle-bg) {
		margin-top: 4em;
	}	
	
	.s-5.bruidsstyling > div > div:nth-child(8) > div > div a {
		margin-top: 3em;
	}	
	
	.s-5.bruidsstyling > div > div:nth-child(8) > div > div > span {
		max-width: 100%;
	}
	
	.s-5.bruidsstyling > div > div:nth-of-type(6) > div.heading:last-of-type {
		margin-top: 4em;
	}	
	
	.s-5.bruidsstyling > div > .shadow {
		width: 60%;
		height: 20%;
		right:0;
		bottom: 12%;
	}
	.s-5.bruidsstyling > div > div:nth-child(5) > div > div > a.button {
		margin-top: 3em;
	}
	
	
	.s-5.bruidsstyling > div > div:nth-child(5) > div.heading {
		margin-top: 4em;
	}
	.s-5.bruidsstyling > div > div.text:nth-of-type(4) div.heading p:first-of-type {
		margin-top: 1em;
	}	
	
	.s-5.behandelingen > div > span {
		padding-left: 0;
		padding-bottom: 4em;
		margin-top: 4em;
	}
	
	.s-5.behandelingen > div > span > span {
		font-size: 3em;
		max-width: 100%;
	}


	.s-5.behandelingen > div > div:nth-child(6) {
		padding-top: 0;
		margin-top: 0;
	}
	
	.s-5.behandelingen > div > div:nth-child(5) {
		margin-top: 4em;
	}

	.s-5.behandelingen > div > div:nth-child(3) .rectangle-bg-s51 {
		display: none;
	}

	.s-5.behandelingen > div > div:nth-child(5) .shadow-bs52 {
		left:-7%;
		top: 10%;
		height: 80%;
	}
	.s-5.behandelingen > div > div:nth-of-type(5) {
		margin-top: 4em;
	}
	.s-5.behandelingen > div > div:nth-of-type(6) {
		margin-top: 0;
	}
	.s-5.behandelingen > div > div:nth-of-type(6) > div.heading:last-of-type {
		margin-top: 4em;
	}


	.s-5.behandelingen > div > div.text.f-right > span {
		font-size: 3em;
	}
	
	
	
	.s-5.behandelingen > div > div:nth-child(14) {
		margin-top: 0;
	}

	.s-5.behandelingen > div > div.text.f-right {
		margin-top: 0;
	}
	
	.s-5.behandelingen > div > div.s68i.image.f-left {
		margin-top: 4em;
	}
	
	.s-5.behandelingen > div > div:nth-child(15) > div {
		margin-top: 4em;
	}
	.s-5.behandelingen > div > div.image.s68i > .bg-image.show {
		height: 70vw;
	}	
	
}




@media all and (max-width: 500px) {
	.s-5 > div {
		padding: 0 1em;
	}
	
	.s-5 > div > div.image > .bg-image {
		height: 80vw;
		width: 100%;
	}
	
	.s-5 > div > .shadow {
		width: 85%;
		height: 10%;
		right:0;
		margin-top: 0;

	}	
	.s-5 > div > .shadow-2 {
		width: 85%;
		height: 10%;
	}	
	
	.s-5.bruidsstyling > div > .shadow {
		width: 70%;
		height: 22%;
		right:0;
		bottom: -3em;
	}
	
	.s-5.behandelingen > div > div.text.f-right > span,
	.s-5.behandelingen > div > span > span {
		font-size: 2.5em;
	}

	.s-5.behandelingen > div > div:nth-child(5) .shadow-bs52 {
		display: none;
	}

}

@media all and (max-width: 400px) {
	.s-5.behandelingen > div > div.text.f-right > span,
	.s-5.behandelingen > div > span > span {
		font-size: 2.3em;
	}
}

@media all and (max-width: 380px) {
	.s-5.behandelingen > div > div.image.s68i > .bg-image.show,
	.s-5 > div > div.image > .bg-image {
		height: 90vw;
	}
	.s-5 > div > .shadow {
		width: 95%;
		height: 7%;
		right:0;

		margin-top: 0;
	}
	.s-5 > div > .shadow-2 {
		width: 95%;
		height: 7%;
	}	

	.s-5.bruidsstyling > div > div:nth-child(8) > div > div a {
		margin-top: 2em;
	}		
	
	
	.s-5.bruidsstyling > div > .shadow {
		width: 90%;
		height: 22%;
		right:0;
		bottom: -3em;
	}	
	.s-5.bruidsstyling > div > div:nth-child(5) > div > div > a.button {
		margin-top: 2em;
	}
	
}	
@media all and (max-width: 368px) {
	.s-5.behandelingen > div > div.text.f-right > span,
	.s-5.behandelingen > div > span > span {
		font-size: 2.2em;
	}
}

@media all and (max-width: 348px) {
	.s-5.behandelingen > div > div.text.f-right > span,
	.s-5.behandelingen > div > span > span {
		font-size: 2.1em;
	}
}

@media all and (max-width: 338px) {
	.s-5.behandelingen > div > div.text.f-right > span,
	.s-5.behandelingen > div > span > span {
		font-size: 2em;
	}
}


/* Section 5 end*/




/* Intake make-up + hair */
.s-top.intake {
	height: auto;
	background: #f8f4f3;
	text-align: center;
}


.s-top.intake #blush-logo {
	position: relative;
	margin: 0 auto;
	width: 15em;
	color: #eae1df;
	display: block;
	position: relative;
	z-index:1;	
}

.s-top.intake #blush-logo i {
	font-size: 5em;
}

.s-top.intake > div {
	width: 100%;
}

.s-top.intake > div > div.intake {
	width: 100%;
	text-align: center;
	padding-bottom: 6em;
	position: relative;
}

.s-top.intake > div > div.intake > .shadow {
	position: absolute;
	width: 50%;
	height: 80%;
	bottom: 6em;
	right: 0;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;	
	background-image: url(images/intake-bg.jpg);
	z-index:0;
}

.s-top.intake.thank-you > div > div.intake > .shadow {
	width: 80%;
	height: 120%;
	bottom: 1em;
	right: 6em;
}
.s-top.contact > div > div.intake > .shadow {
	height: 70%;
}	
.s-top.intake > div > div.intake > h1 {
	font-size: 6.8em;
	margin: 0;
	font-weight: 400;
	color: #eae1df;
	letter-spacing: 0.2em;
	text-align: center;
	display: inline-block;
	margin-left: 0.2em;
	margin-top: 1em;
	position: relative;
	z-index:1;	
}





.s-top.intake.intake-skin.contact > div > div.intake > h2 {
	font-size: 3.5em;
	max-width: 100%;
    margin: 0;
    font-weight: 400;
    color: #eae1df;
    text-align: center;
    display: block;
    margin-left: 0.2em;
    margin-top: 3em;
	letter-spacing: 0.2em;
    position: relative;
    z-index: 1;	
}

.s-top.intake.intake-skin.contact > div > div.intake > h2:last-of-type {
	margin-top: 1.5em;
}
.s-top.intake > div > div.intake > p {
	font-family: 'Filosofia', sans-serif;
	font-weight: 400;
	color: #000;
	line-height: 110%;
	font-size: 1.1em;
	margin: 0;
	max-width: 24em;
	margin: 0 auto;
	position: relative;
	z-index:1;	
}

.s-top.intake.contact > div > div.intake > p:nth-of-type(1),
.s-top.intake.contact > div > div.intake > p:nth-of-type(2),
.s-top.intake.contact > div > div.intake > p:nth-of-type(3),
.s-top.intake.contact > div > div.intake > p:nth-of-type(4) {
	max-width: 30em;
}

.s-top.intake.contact > div > div.intake > p a {
	color: #000;
}

.s-top.intake.contact > div > div.intake > p > a:hover {
	color: #999;
}
.s-top.intake.intake-skin > div > div.intake > p {
	max-width: 100%;
	line-height: 150%;
	margin: 3em auto;
	margin-top: 0;
}

.s-top.intake > div > div.intake > form {
	width: 100%;
	max-width: 25.5em;
	display: inline-block;
	margin: 0 auto;
	margin-top: 4em;
	text-align: left;
	position: relative;
	z-index:1;
}

.s-top.intake > div > div.intake > form > p,
.s-top.intake > div > div.intake > form input:not([type="checkbox"]),
.s-top.intake > div > div.intake > form button,
.s-top.intake > div > div.intake > form textarea {
	display: block;
	margin: 0;
	width: 100%;
	background: transparent;
	font-size: 1.1em;
	padding: .1em .5em;
	border: 0;
	border-bottom: 1px solid #000;
	margin-top: 3em;
	letter-spacing: 0.1em;
}
.s-top.intake > div > div.intake > form > p {
	border-bottom: 0;
}

.s-top.intake > div > div.intake > form textarea {
	height: 5em;
	padding-top: 3.7em;
}	

.s-top.intake > div > div.intake > form input[type="checkbox"] {
	width: 1.3em;
	height: 1.3em;
	display: inline-block;
	vertical-align: middle;
	margin-top: 1em;
	opacity: 0;
	border-bottom: 0;
}

.s-top.intake > div > div.intake > form input#privacy {
	width: 1.5em;
	height: 1.5em;
	vertical-align: top;
}	

.s-top.intake > div > div.intake > form input#bruidskapsel {
	margin-left: 8.8em;
}

.s-top.intake > div > div.intake > form label {
	font-size: 1.1em;
	display: inline-block;
	vertical-align: middle;
	margin-left: .5em;
	margin-top:1.1em;	
	position: relative;
	cursor: pointer;
}

.s-top.intake > div > div.intake > form label:before {
	content: '';
	background: #fff;
	display: block;
	width: 1.3em;
	height: 1.3em;
	position: absolute;
	left: -1.8em;
	top: -.2em;
}

.s-top.intake > div > div.intake > form label:last-of-type:before {
	width: 1.5em;
	height: 1.5em;
	left: -2.3em;
	top: 0;
}

.s-top.intake > div > div.intake > form input[type="checkbox"]:checked + label:before {
	background: #eae1df;
}	
	
.s-top.intake > div > div.intake > form > p {
	text-align: left;
	font-size: .95em;
}

.s-top.intake > div > div.intake > form > p:last-of-type {
	color: #ccbfbc;
}
	
.s-top.intake > div > div.intake > form label:last-of-type {
	max-width: 24em;
	font-size: .95em;
	color: #ccbfbc;
	vertical-align: top;
	padding-top: .3em;
}

.s-top.intake > div > div.intake > form .separator {
	display: none;
}

.s-top.intake > div > div.intake > form label a {
	color: #ccbfbc;
	text-decoration: underline;
}
.s-top.intake > div > div.intake > form label a:hover {
	color: #999;
}	
.s-top.intake > div > div.intake > form input:first-of-type {
	margin-top: 0;
}


.s-top.intake > div > div.intake > form button {
	border: 1px solid #c1c1c1;
	color: #999999;
	font-size: 1.5em;
	width: 8em;
	padding: .4em 0;
	padding-top: .5em;
	font-family: 'MrEavesXLModOT', sans-serif;
	font-weight: 300;	
	margin-top: 3em;
	cursor: pointer;
}

.s-top.intake > div > div.intake > form button:hover {
	border: 1px solid #333;
	color: #333;
}

.s-top.intake form input::-webkit-input-placeholder {
	color: #000;
}
.s-top.intake form input::-moz-placeholder {
	color: #000;
}
.s-top.intake form input:-ms-input-placeholder {
	color: #000;
}
.s-top.intake form input:-moz-placeholder {
	color: #000;
}

.s-top.intake form textarea::-webkit-input-placeholder {
	color: #000;
}
.s-top.intake form textarea::-moz-placeholder {
	color: #000;
}
.s-top.intake form textarea:-ms-input-placeholder {
	color: #000;	
}
.s-top.intake form textarea:-moz-placeholder {
	color: #000;
}



@media all and (max-width: 3000px) {
	.s-top.intake > div > div.intake > .shadow {
		background-image: url('images/intake-bg-3000.jpg');
	}		
}

@media all and (max-width: 2000px) {
	.s-top.intake > div > div.intake > .shadow {
		background-image: url('images/intake-bg-2000.jpg');
	}	
}

@media all and (max-width: 1400px) {
	.s-top.intake > div > div.intake > .shadow {
		background-image: url('images/intake-bg-1400.jpg');
	}	
}

@media all and (max-width: 768px) {
	.s-top.intake > div > div.intake > .shadow {
		background-image: url('images/intake-bg-768.jpg');
	}	
}

@media all and (max-width:1100px) {
	.s-top.contact > div > div.intake > .shadow,
	.s-top.intake > div > div.intake > .shadow {
		height: 90%;
	}
	
	.s-top.intake.thank-you > div > div.intake > .shadow {
		width: 60%;
		height: 100%;
		bottom: 1em;
		right: -2em;
	}
	
	.s-top.intake.intake-skin > div {
		padding: 0 4em;
	}
	
	

	.s-top.intake.intake-skin.contact > div > div.intake > h2 {
		font-size: 3em;
		margin-top: 3.5em;

	}

}

@media all and (max-width:768px) {
	.s-top.contact > div > div.intake > .shadow,
	.s-top.intake > div > div.intake > .shadow {
		height: 100%;
		background-size: contain;	
		right: 0;
		width: 100%
	}
	
	.s-top.intake.thank-you > div > div.intake > .shadow {

		bottom: 1em;
		right: -2em;
	}
	
	
	.s-top.intake > div {
		padding: 0 2em;
	}	
	.s-top.intake.intake-skin > div {
		padding: 0 2em;
	}	
	.s-top.intake > div > div.intake > h1 {
		font-size: 5.8em;
		margin-top: 1.5em;
		
	}	

	.s-top.intake > div > div.intake > p {
		max-width: 100%;
	}
	
	
	.s-top.intake > div > div.intake > form {
		width: 100%;
		max-width: 100%;
	}
	.s-top.intake > div > div.intake > form label:last-of-type {
		max-width: calc(100% - 2.5em);
		padding-top: 0;
	}


	.s-top.intake > div > div.intake > form .separator {
		display: block;
		margin: 0;
		height: 1em;
	}
	.s-top.intake > div > div.intake > form input#bruidskapsel {
		margin-left: 0;
		margin-top: 0;
	}	
	
	.s-top.intake > div > div.intake > form label:nth-of-type(2) {
		margin-top: 0;
	}	
	
	.s-top.intake.intake-skin > div > div.intake > h1,
	.s-top.intake.intake-skin > div > div.intake > p {
		text-align:left;
	}
	
	.s-top.intake.intake-skin > div > div.intake > p {
		margin-bottom: 1em;
	}
	
	.s-top.intake.intake-skin.contact > div > div.intake > h1 {
		font-size: 4.5em;

		text-align: center;
	}	
	
	.s-top.intake.intake-skin.contact > div > div.intake > h2 {
		font-size: 3em;
		margin-top: 3em;
	}
	
	.s-top.intake.contact > div > div.intake > p:nth-of-type(1),
	.s-top.intake.contact > div > div.intake > p:nth-of-type(2),
	.s-top.intake.contact > div > div.intake > p:nth-of-type(3),
	.s-top.intake.contact > div > div.intake > p:nth-of-type(4) {
		max-width: 100%;
	}	
}


@media all and (max-width:500px) {
	.s-top.intake.intake-skin.contact > div > div.intake > h1 {
		font-size: 4em;
	}	
	
	.s-top.contact > div > div.intake > .shadow,
	.s-top.intake > div > div.intake > .shadow {
		height: 100%;
	}
	
	.s-top.intake.thank-you > div > div.intake > .shadow {
		width: 80%;
		height: 120%;
		bottom: 1em;
		right: -6em;
	}	
	
	.s-top.intake > div {
		padding: 0 1em;
	}	
	.s-top.intake.intake-skin > div {
		padding: 0 1em;
	}	
	.s-top.intake > div > div.intake > h1 {
		font-size: 4.8em;
		margin-top: 1.5em;
		
	}	
	
	.s-top.intake #blush-logo {
		width: 12em;
	}
	
	.s-top.intake #blush-logo i {
		font-size: 4em;
	}

}

@media all and (max-width:380px) {
	.s-top.intake > div > div.intake > h1 {
		font-size: 4em;
		margin-top: 1.5em;
		
	}	
	.s-top.intake.intake-skin.contact > div > div.intake > h1 {
		font-size: 3.3em;
	}	
	.s-top.intake #blush-logo {
		width: 12em;
	}
	
	.s-top.intake #blush-logo i {
		font-size: 4em;
	}

}

@media all and (max-width:330px) {
	.s-top.intake.intake-skin.contact > div > div.intake > h2 {
		font-size: 2.5em;
		margin-top: 3.5em;
	}
	.s-top.intake.intake-skin.contact > div > div.intake > h1 {
		font-size: 3em;
	}		

}
/* Intake make-up + hair end*/



/* Cookies */

.s-top.intake.cookies > div > div.intake > h1 {
	font-size: 5em;
	margin-top: 1.5em;
}

.s-top.intake.cookies > div > div.intake > div.disclaimer {
	position: relative;
	z-index:1;
	margin-top: 2em;
	text-align: left;
    padding: 0 9em;	
}	
.s-top.intake.cookies > div > div.intake > div > h2 {
	font-family: 'Filosofia', sans-serif;
	font-size: 2em;
	font-weight: 400;
	margin-top: 2em;
}

.s-top.intake.cookies > div > div.intake > div > p {
	font-family: 'Filosofia', sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	line-height: 150%;
}	




@media all and (max-width: 1180px) {
	.s-top.intake.cookies > div > div.intake > div.disclaimer {
		padding: 0 6em;
	}
}
@media all and (max-width: 1100px) {
	.s-top.intake.cookies > div > div.intake > div.disclaimer {
		padding: 0 4em;
	}
	
	.s-top.intake.cookies > div > div.intake > h1 {
		font-size: 4em;
		margin-top: 2em;
	}
	
	.s-top.intake.cookies > div > div.intake > div > h2 {
		font-size: 1.7em;
		margin-top: 2.3em;
	}
	
}
@media all and (max-width: 768px) {
	.s-top.intake.cookies > div > div.intake > div.disclaimer {
		padding: 0 2em;
	}

	.s-top.intake.cookies > div > div.intake > h1 {
		font-size: 3.5em;
		margin-top: 2.5em;
	}
	

}

@media all and (max-width: 500px) {
	.s-top.intake.cookies > div > div.intake > div.disclaimer {
		padding: 0;
	}
	
}

@media all and (max-width: 380px) {
	.s-top.intake.cookies > div > div.intake > h1 {
		font-size: 3em;
		margin-top: 3em;
	}
	
}


.s-top.intake.privacy > div > div.intake > .shadow {
	bottom: auto;
	top: 0;
	background-position: top right;
}
/* Cookies end */



/* Cookies notification */
.cookies-notification {
	position: fixed;
	bottom: 1.5vw;
	z-index: 99999;

	display: inline-block;
	right: -20%;
	
	-o-transition: right .3s ease, opacity .4s ease;
	-ms-transition: right .3s ease, opacity .4s ease;
	-moz-transition: right .3s ease, opacity .4s ease;
	-webkit-transition: right .3s ease, opacity .4s ease;
	transition: right .3s ease, opacity .4s ease;
}

.cookies-notification.show {
	right: 1.5vw;
	opacity: 1;
}	


.cookies-notification.fade-out {
	opacity: 0;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}

.cookies-notification.fadeout {
	opacity: 0;
}


.cookies-notification.hide {
	display: none;
}		
@media all and (max-width: 1400px) {
	.cookies-notification {
		right: -300px;
	}	
	
}


.cookies-notification * {
	font-size: inherit;
}

.cookies-notification > div {
	display: inline-block;
	background: #fff;
	padding: 1em;
	-webkit-box-shadow: -.4vw .3vw 1.2vw 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    -.4vw .3vw 1.2vw 0 rgba(0, 0, 0, 0.15);
	box-shadow:         -.4vw .3vw 1.2vw 0 rgba(0, 0, 0, 0.15);	
}



.cookies-notification > div p,
.cookies-notification > div a {
	display: block;
	font-family: 'MrEavesXLModOT', sans-serif;
    font-weight: 300;
	line-height: 100%;
	margin: 0;
	font-size: 1em;
	letter-spacing: .05em;
}

.cookies-notification > div a:first-of-type {
	text-align: left;
	margin-top: .3em;
	margin-bottom: .9em;
	color: #000;
	display: inline-block;
	border-bottom: 1px solid #000;
}

.cookies-notification > div a {
	text-align: center;
}	
.cookies-notification > div a.button-c {
	
	cursor: pointer;
	width: 100%;
	letter-spacing: .05em;
}	



@media all and (max-width: 1400px) {
	.cookies-notification {
		bottom: 1.5em;
	}
	
	.cookies-notification.show {
		right: 1.5em;
	}	
	
	.cookies-notification > div {
		-webkit-box-shadow: -.3em .2em 1em 0 rgba(0, 0, 0, 0.15);
		-moz-box-shadow:    -.3em .2em 1em 0 rgba(0, 0, 0, 0.15);
		box-shadow:         -.3em .2em 1em 0 rgba(0, 0, 0, 0.15);
	}	
}	

@media all and (max-width: 1100px) {
	.cookies-notification {
		bottom: 1em;
		right: -270px;
	}	
	.cookies-notification.show {
		right: 1em;
	}	

	.cookies-notification > div a.button-c {
		border-width: 1px;
	}

}


@media all and (max-width: 768px) {	
	.cookies-notification {
		right: -270px;
	}	

	.cookies-notification > div {
		padding: .6em;
	}	

}

/* Cookies notification end */