@charset "utf-8";
/* CSS Document -  WEBSPICE - Sofie Vandenberghe -  www.webspice.be*/
@font-face {
	font-family:'Poppins';
	src: url('fonts/Poppins.woff2') format('woff2'),
		url('fonts/Poppins.woff') format('woff'),
		 url('fonts/Poppins.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins Light';
	src: url('fonts/Poppins-Light.woff2') format('woff2'),
		url('fonts/Poppins-Light.woff') format('woff'),
		url('fonts/Poppins-Light.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "IvyMode Regular";
	src: url('fonts/IvyMode-Regular.woff2') format('woff2'),
		url('fonts/IvyMode-Regular.woff') format('woff'),
		url('fonts/IvyMode-Regular.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
html {
  scroll-behavior: smooth;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing:grayscale!important;
-webkit-font-smoothing:antialiased!important
}
body{font-family:'Poppins Light';color:#373737;font-size: 16px;background:#FFFbf7;overflow-x:hidden; overflow-y:scroll;}
h1  {font-size:60px; line-height:70px;font-family:'IvyMode Regular';  margin: 0 auto 40px; position: relative;}
h2 {font-size:32px; line-height:48px;font-family:'IvyMode Regular';text-align: center;margin-top:40px!important; margin-left:0;margin-right:0;margin-bottom:40px }
h3 { font-size:30px; line-height:34px;font-family:'Poppins Light'; margin: 0 0 30px; font-weight:normal; }
h4{ font-size: 20px; margin-top: 0px;margin-bottom:20px;font-family: "Poppins";position:relative;padding-bottom:20px;text-transform: uppercase;text-align: center;}
h4::after {
  content: "";
  width: 80%;
  display: inline-block;
  position: absolute;
  height: 1px;
  background-color: #f0d2bb;
  bottom: 0;
  left: 0px;
  margin-left: 10%;
}

h5{font-size:28px; line-height:38px;font-family:'IvyMode Regular';text-align: center;margin-top:40px!important; margin-left:0;margin-right:0;margin-bottom:20px }
h6{font-size:24px; font-family:"Poppins"; font-weight:normal; margin: 0 0 10px; line-height:30px;}
p{font-size:16px; font-weight:normal; line-height: 24px;margin: 0 0 10px;  }
a, a:hover, a:focus, a:focus, a:active{ text-decoration:underline; outline:none; transition: ease-in .3s;color:#373737}
p a:hover, a:hover{cursor:pointer;text-decoration: underline;}
ul {margin-left: 15px;margin-top: 10px;}
ul li{margin:5px}

.breadcrumb {background-color:transparent;border-radius:0;justify-content:flex-start;padding-left:0px;padding-top:10px;margin-bottom: 0}
.breadcrumb-item {font-size:12px}
.bgwece{background:#dbbba7;margin-top:90px;border-top: 1px solid #fff;}
#webspice { text-align: center;}
#webspice a {
font-weight:600;
font-size:12px;
color:#808080;
text-decoration:none;
    padding-top: 5px;padding-bottom:5px;
    }
#webspice a:hover{color:#151515}
.bol {
color:#D99F15;
font-size:24px
}
.btn {
box-shadow: none !important;
text-decoration:none;
transition: 0.3s;
color: #373737;
background: #ffffff;
border:1px solid #373737;
padding:0;
font-family: "Poppins Light";
margin: 0;
border-radius:0;
font-size:18px;
text-transform:uppercase;
max-width: 284px; 
height: 68px;
line-height: 68px; 
display: block;
width: 100%;
}
.btn:hover, a.btn:hover{text-decoration:none; background-color:#373737;color:#ffffff;}
.online{position:fixed;right:10px;bottom: 80px;z-index: 999;}
.online .btn{color:#ffffff;background:#F8456C;border:1px solid #f8456c;padding:15px; border-radius:10px;height:auto;line-height: 18px;font-family:'Poppins';font-weight:bold;text-transform:none;}
.online .btn:hover{border:1px solid #FF7C89;background:#FF7C89;}
/*******/
input:focus{ outline:none;}
.form-control::placeholder {color: #959494;}
.form-control, .form-control-file{font-weight: normal;
	padding: 8px 10px;
    border:1px solid #373737;
	border-radius:0px;
 color: #666666;
margin:5px 0}
.form-control:focus {
    color: #373737;
    background-color: #fff;
    border-color: #0f2548;
    outline: 0;
    box-shadow: none;
}
.submit {
font-family: "Poppins";
display: block;
line-height: 1.25;
text-align: center;
vertical-align: middle;
text-decoration: none;
text-shadow: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-clip: padding-box;
margin-top: 20px;
font-size: 17px;
padding: 17px;
margin-left: auto;
margin-right: auto;
text-transform:uppercase;
transition: all 0.5s;
width: 250px;
color: #373737;
background: #ffffff;
border:1px solid #373737;
border-radius: 0;
letter-spacing: 1px
}
.submit:hover {background:#373737;color:#ffffff;text-decoration:none }
 iframe.map {height:500px; width:100%;display: block;margin-top:50px}
.container {max-width: 1720px;}
/**----Header Css----**/
.top-header{background-color:#efdad3; padding:7px 0 5px;}
.top-header ul li {display:inline-flex; margin:0 8px; text-align:center;}
.top-header ul li:hover a{text-decoration: underline;  transition: ease-in .3s;}
.top-header ul li a{font-size:14px; line-height:35px; font-family:"Poppins";text-decoration: none}
/* nav */
.navbar-toggler:focus,.navbar-toggler:active {outline: 0;}
.navbar-toggler{position:relative;display:none}
.navbar-toggler span { display: block; background-color: #fff; height: 3px; width: 35px; margin-top: 4px; margin-bottom: 4px; -webkit-transform: rotate(0deg); 	-moz-transform: rotate(0deg); -o-transform: rotate(0deg); 	transform: rotate(0deg); position: relative; left: 0; opacity: 1; 	}
.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {-webkit-transition: transform .35s ease-in-out;	-moz-transition: transform .35s ease-in-out;
	-o-transition: transform .35s ease-in-out;	transition: transform .35s ease-in-out;	}
.navbar-toggler:not(.collapsed) span:nth-child(1) { position: absolute; left: 12px; top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); 	transform: rotate(135deg); 	 opacity: 0.9; 	}
.navbar-toggler:not(.collapsed) span:nth-child(2) {	height: 12px;	visibility: hidden;	 background-color: transparent;	}
.navbar-toggler:not(.collapsed) span:nth-child(3) {	position: absolute;	left: 12px;	top: 10px;	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); opacity: 0.9;	}
.navi-top {padding:10px 0px 0px;	position:relative;width: 100%;display:inline-flex}
.navi{padding-top:25px;padding-bottom:20px}
.navi ul.navbar-nav{margin-top:0}
.nav-item{margin-right:30px;}
ul.navbar-nav {    margin: 30px 0 0 0;}
ul.navbar-nav .nav-item:last-child {margin-right:0px;}
.nav-link { text-transform:uppercase; color: #373737;  text-decoration: none; font-size:14px; letter-spacing: 1px; line-height:24px;	transition: 0.5s; position: relative; padding: 0!important;     font-family: "Poppins"; }
.nav-link:focus, .nav-link:hover, .nav-link.active {color:#dbbba7;text-decoration:none	}
.dropdown-menu { padding: 10px; margin-top:40px;border: 0; border-radius: 0;  }
/*.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; }*/
ul.list-unstyled li a{margin:0;  font-size: 14px; line-height: 22px;text-decoration: none }
ul.list-unstyled li {line-height: 22px;    margin: 0 0 7px;}

.dropdown-menu ul li:hover a{color: #dbbba7;}
.onmob {
  display: none;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #1e2125;
  background-color: #FBF3EB;
}
 /* ============ desktop view ============ */
	
	/* ============ mobile view ============ */
	@media(max-width: 991px){
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{ overflow-y: auto; max-height: 90vh; margin-top:10px;}
	}	
	

/*index*/
.banner_section { background-color:#f6ebe1; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: scroll; padding:106px 0 83px;  }
.banner_section h1{margin-top:120px;max-width:688px }
.banner_section .info-box{margin-top:100px;  border: 1px solid #e0c6ad; padding: 55px 40px 55px 40px;}
.introtext{text-align: center;margin-bottom:40px; margin-left:0;margin-right:0;}
.introtext p, .introtext ul li{font-size:24px; line-height:36px; }
.diensten{padding:100px 0 215px;}
.diensten h2{margin:0 auto;word-spacing: 3px}
a.diensten-box { height: 202px; padding: 40px; border: 1px solid #373737; overflow: hidden; display: block; margin: 0 auto 40px;text-decoration: none;background:#f6e5e1; }
a.diensten-box span{  color:#373737; font-size:30px;}
a.diensten-box:hover h3,	a.diensten-box:hover p,	a.diensten-box:hover span{color:#fff;}
a.diensten-box:hover {background:#dbbba7; color:#fff;  border: 1px solid #dbbba7;}
.shop { padding:120px 0 143px; background: #f6ebe1; }
.shop img{margin:0 auto 40px;}
.shop-heading p {margin: 0 0 95px;}
.shop a.btn { max-width: 476px;    margin: 33px auto 0;    border-radius: 0;}
.shop a.btn  span{  color:#373737; font-size:24px; }
.google-carousel{padding-top: 120px;padding-bottom: 80px;}
.instagram{background:#f6ebe1; padding:50px 0 0;margin-top:50px}
.instagram-heading{padding:0 0 50px;}
ul.social-beauty li { margin: 0 10px;list-style: none;font-size: 18px;line-height: 30px;}
ul.social-beauty li a:hover img.unhover-img {display: none; opacity: 0; }
ul.social-beauty li a img.hover-img { display: none; opacity: 0;}
ul.social-beauty li a:hover img.hover-img{ display: block; opacity: 1; }
/*ander pag*/
/*
.banner {padding-top:50px;padding-bottom:50px}
.text{padding-right:50px;padding-left:50px}

.fotohead {padding: 0;}*/


#fotocontent {
margin: 0;
padding-top:5%;
position: relative;
background-color: #fff;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;

}
.ftbg1{background: url("../fotomateriaal/hydrafacial-1.webp");}
.ftbg2{background: url("../fotomateriaal/huidanalyse.webp");}
.ftbg3{background: url("../fotomateriaal/sothys-head.webp");}
.ftbg4{background: url("../fotomateriaal/environ-head.webp");}
.ftbg5{background: url("../fotomateriaal/over-head.webp");}
.ftbg6{background: url("../fotomateriaal/blog-head.webp");}
.ftbg7{background: url("../fotomateriaal/contact-head.webp");}
.ftbg11{background: url("../fotomateriaal/led-head.webp");}
.ftbg14{background: url("../fotomateriaal/permonth-head.webp");}

#fotocontent h1{margin-bottom:5px}
#fotocontent h2{margin-top:5px!important}
.foto_txt {
max-width:600px;
  background: rgba(246,235,225,.80);
  text-align: center;
  padding: 20px;
margin-left: 10%;
}
#fotocontent2,#fotocontent3 {
margin: 0;
padding-top:5%;
padding-bottom:5%;
position: relative;
background-color: #fff;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.ftbg8{background: url("../fotomateriaal/hydrafacial-2.webp");}
.ftbg9{background: url("../fotomateriaal/hydrafacial-3.webp");}
.ftbg10{background: url("../fotomateriaal/over-bg.webp");}
.ftbg12{background: url("../fotomateriaal/led-bg1.webp");}
.ftbg13{background: url("../fotomateriaal/led-bg2.webp");}
.ftbg15{background: url("../fotomateriaal/permonth-bg1.webp");}
.ftbg16{background: url("../fotomateriaal/permonth-bg2.webp");}
.ftbg17{background: url("../fotomateriaal/hydra-bg1.webp");}
.ftbg18{background: url("../fotomateriaal/sothys-bg1.webp");}
.ftbg19{background: url("../fotomateriaal/environ-bg.webp");}
.ftbg20{background: url("../fotomateriaal/jobs-1.webp");}
.ftbg21{background: url("../fotomateriaal/jobs-3.webp");}
.foto_txt2 {
max-width:1340px;
  background: rgba(246,229,225,.75);
  text-align: center;
  padding: 20px 10% 40px 10%;
margin: auto;
}
.foto_txt3 {
max-width:800px;
  background: rgba(247,243,240,.80);
  text-align: center;
  padding: 20px;
margin: auto;
}
.infoto{text-align:left;padding-left:25%}
.accordion-item {border:none;background-color:#fffBF7}
.accordion-header{background-color:#FFFBF7; padding-bottom:0px;border-bottom: none}
#accordionfaq h3 {font-family:"Poppins";font-size:16px;line-height:20px}
#accordionfaq h3 button {background-color:#FFFBF7;text-transform:none;padding-left:0px;border:none;color:#373737}
.accordion-button{width:auto}
.accordion-button:after{background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23DBBBA7'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.accordion-button:focus,.accordion-button:not(.collapsed){box-shadow:none}
.accordion-button::after{margin-left:10px}
.film {
  height: 400px;
  width: 100%;
  display: block;
}
.bgnude{background-color: #f7f3f0}
.time-ul ul {
  padding-left: 0px;margin-left:0px
}
.time-ul ul li {
  padding: 0 0 5px;
  list-style: none;
}
.time-ul ul li:before{content: "";}
.time-ul ul li span { width: 30px;margin-right: 5px;float: left;}
.info{padding:40px}
.inhoud .col-lg-8{padding-right:100px}
.inhoud img{padding-top:30px;padding-bottom:40px}
ul.subnav {margin:0;padding:0}
ul.subnav li:before {content:""}
ul.subnav li {padding:10px 0}
ul.subnav li a {text-transform:uppercase;text-decoration:none;padding:10px 0}
ul.subnav li a:hover {text-decoration:underline;}
form{padding-left:0px; padding-right:50px}

/**----Footer Css----**/
footer {padding:80px 0 0px;background:#dbbba7;  border-bottom:1px solid #fff;}
footer h5 {text-align: left}
footer ul li, footer a { color: #fff; text-decoration: none; line-height:30px; font-size: 16px; display: block; font-family:"Poppins Light";  }
footer ul{margin:40px 0 0; padding:0;}
footer ul li a:hover, footer a:hover{text-decoration:underline; color:#373737!important;}
footer .ftr-center ul li span {width: 110px; margin-right: 5px; float: left;}
footer .ftr-center ul li:last-child span { width: auto;    margin-right: 10px;}
.ftr-right a {  margin: 70px auto 0;}
#btn-back-to-top:hover {background-position: left bottom;} 
#btn-back-to-top {position: fixed; border-radius:0; border:0; bottom: 20px; right: 20px; display: none; background: url("../fotomateriaal/back-top-btn.webp") no-repeat left top; 	text-indent: -999999px; 		transition: ease-in .3s all; 		z-index: 999999; 	width: 47px; height: 47px; 	}
/* Responsive */
@media (min-width:1901px){#fotocontent {height:480px}/*#fotocontent2 {height:600px}*/}
@media screen and (max-width: 1900px) {#fotocontent {height:360px}/*#fotocontent2 {height:500px}*/
.container {max-width: 100%; padding:0 20px; }
}
@media screen and (max-width: 1400px) {
.container {max-width: 100%; padding:0 20px; }
h1 { font-size:50px; line-height: 60px;  }
h2 {font-size: 30px;  line-height: 50px;   margin: 0 0 20px;}
h3 {font-size: 24px; line-height: 30px; margin: 0 0 20px; }
.banner_section h1 {margin-top: 50px;}
.diensten {padding: 100px 0 120px;}
.diensten h2 {margin: 0 auto 100px;}
a.diensten-box { padding: 30px 20px; margin: 0 auto 30px;}
a.diensten-box  p { height: 40px;}
	
	.shop {padding: 100px 0 120px;}
	.shop img {margin: 0 auto 36px;}
/* #fotocontent {height:330px}*/
	
}
@media screen and (max-width: 1200px) {
h1 {font-size: 40px; line-height: 50px;}
h2 { font-size: 25px;    line-height: 40px;}
h3 {font-size: 24px; line-height: 30px; margin: 0 0 20px; }
.banner_section .info-box {margin-top:70px; padding: 20px;}
.diensten { padding: 60px 0 60px;}
.diensten h2 { margin: 0 auto 60px;}	
.shop img { margin: 0 auto 28px;}
.shop-heading p {margin: 0 0 45px;}
.instagram{ padding:40px 0 0;}
.instagram-heading{padding:0 0 40px;}
footer {padding: 70px 0 0px;}
.bgwece {margin-top:45px; }
.nav-link { font-size: 12.5px;}
.col-megamenu {padding: 0 15px 10px 15px;}
/*#fotocontent {height:280px}	
#fotocontent3 {height:700px}*/
}
@media screen and (max-width: 1100px) {
.navbar-toggler { display: block!important;  background: #dbbba7; height: 40px; border-radius: 0px;}
ul.navbar-nav.top-right{display: flex!important; flex-direction: inherit;  justify-content: flex-end; align-items: center; }
.navbar { padding: 10px 0;justify-content:flex-start}
.top-right li{float:left; margin:0 0 0 7px;}
.nav-item { margin-right: 0;}
.collapse.navbar-collapse {display: none !important;}
.navbar-collapse.collapse.show {display: block !important;}
#main_nav ul.navbar-nav {display: block !important;position: absolute;
top: 60px;
left:10px;
background-color: #fff;
width: 100%;
z-index: 9999;
padding: 5px 20px;
transition: 0.2s ease-in;}
.navbar-nav {display: block !important; }
.navbar-expand-lg .navbar-nav .dropdown-menu {padding: 0;  position: static; margin: 0 0 15px;}
.navbar-toggler:focus {box-shadow: 0 0 0 0!important;}
.nav-link { font-size: 14px; line-height: 32px; }
collapse.navbar-collapse {
  display: none !important;
}
.onmob {
  display: block;
}
.text {padding-left:5px;padding-right:5px}
.inhoud .col-lg-8 {padding-right:40px}
}
@media screen and (max-width: 992px) {
h1{ font-size: 32px; line-height: 40px; }
h2 {font-size: 28px; line-height: 36px;}	
	.banner_section { padding: 40px 0 40px;}
	.banner_section h1 {margin-top: 0px;}
	.shop img {margin: 0 auto 22px;}
	.shop {padding: 40px 0 60px;}
.ftr-right a {margin: 20px auto 0; text-align: center;}
footer .ftr_right { height: auto; margin-top:40px; padding: 20px; }
footer {padding: 40px 0 0px;}		
footer ul {margin: 40px 0 0;}
/*#fotocontent3 {height:800px}*/
}
@media screen and (max-width: 768px) {	
#main_nav ul.navbar-nav {top: 60px;}
form{padding:0}
	.shop.col-sm-4, .shop.col-sm-8 {width: 100%;}
	.banner_section .info-box {height: auto;    margin: 20px auto;}
.infoto {
  padding-left:0;
}
.ftr-left li {margin: 0 0 15px;}
footer .ftr-center ul li span {position: absolute;    left: 0;}
footer .ftr-center ul li{position:relative;padding-left:110px; }
footer .ftr-center ul li:last-child {padding-left:170px;}
footer ul li, footer a{font-size:15px;}
	}
@media (max-width: 576px){
	.introtext p, .introtext ul li{font-size:20px; line-height:32px; }
	h2 { font-size: 24px; line-height: 32px; }
	h3 { font-size: 18px;    line-height: 24px;    margin: 0 0 15px;}
	#webspice { text-align: left; padding: 0 20px; }
	a.diensten-box { height: auto; padding: 20px 15px; }
	.diensten {padding: 40px 0 20px;}
	.shop h2, .feeds-heading h2 { font-size: 24px;}
	.shop-heading p {margin: 0 0 15px;}
	.shop a.btn { max-width: 100%; margin: 20px auto; border-radius: 0; padding: 10px 20px; font-size: 16px; line-height: 22px; height: auto; }	
}
@media (max-width: 481px){
	.navi{width:100%}	.top-right{width:100%;float:none}
	ul.navbar-nav.top-right { flex-direction: row; margin: 10px auto 0!important; justify-content:center; position: relative; top: auto; right: auto; }
	
}