/*
Theme Name: Sitosense
*/

html {
	scroll-behavior: smooth;
}

html, body {
	height:100%;
	padding:0px;
	margin:0px;
	font-family: 'Roboto', 'Open Sans', 'Signika', sans-serif;	
	font-size:15px;
	color:#333333;
	letter-spacing:-0.2px;
}

div {
	box-sizing: border-box;
	font-family: 'Roboto', 'Open Sans', 'Signika', sans-serif;	
}

h1, h2, h3 {
	margin-bottom:15px;
	margin-top:0px;
	padding:0px;
	font-family: 'Roboto', 'Open Sans', 'Signika', sans-serif;	
	font-size:24pt;
	font-weight:500;
}

h1 {
	font-size:28pt;
	font-weight:700;	
}

.slider h1 {
	font-size:24pt;
	font-weight:500;	
	color:#fff;	
}

h2 {
	font-size:22pt;
	color:#0081a1;
}

h3 {
	font-size:18pt;
}



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

	h1{
		font-size:24pt;
	}
	h2{
		font-size:20pt;
	}	
	h3 {
		font-size:16pt
	}

	
}

.clear {clear:both;}
.500 { font-weight:500; }
.ta-right-center { text-align:right;}

@media screen and (max-width:1020px) {
	.ta-right-center { text-align:center;}
}		
	
td, a {
	font-family: 'Roboto', 'Open Sans', 'Signika', sans-serif;	
}

a { 
	color:#0081a1;
}

a:hover { 
	color:#0081a1;
}

a.special-link-1 {
	color:#f1f1f1;
	text-decoration:none;
}

a.special-link-1:hover {
	color:#fff;
}

p { line-height:22px; }

a.button, button.button, input[type="submit"], .woocommerce #respond input.alt#submit, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, input.button {
	
	border: 1px solid #ff781f !important;
	border-radius:4px !important;
	color:#ffffff !important;
	background:#ff781f !important;
	padding: 8px 18px;
	font-size:18px;
	font-weight:500;
	text-decoration:none;
	
}

a.button:hover, button.button:hover, input[type="submit"]:hover, .woocommerce #respond input.alt#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, input.button:hover {
	
	border: 1px solid #ff781f!important;
	background:#ff6500 !important; 
	box-shadow: 1px 1px 10px #666666 !important;
}

	a.max200 {
		margin:0px 0px 20px 20px !important;
	}

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

	a.max200 {
		max-width:240px;
		font-size:14px;
		padding: 5px 12px;
	}
	
	.kader {
		
		font-size:14px
		
	}	
	
}	

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -400px auto; /* the bottom margin is the negative value of the footer's height */
/*	border: 1px solid blue; */
	overflow:hidden;
}

html, body {
	padding:0px;
	margin:0px;
	height:auto;
	scroll-behavior:smooth;	
	color:#333333;
	}

header, footer, div {
	box-sizing:border-box;
}

header, footer {
	position:relative;
	width:100%;
	clear:both;
	display:block;
	padding:0px;
	margin:0px;	
}

header {
	top:0px;
	left:0px;	
	z-index:100;
	transition: all 1.5s ease;
	z-index: 99;
	display: flex;
	align-items: center;
	background:#f1f1f1;
}

.home header {
	background:#fff;
}

header.woocommerce-products-header {
	background:#fff;
}

.resp header  {
	top: 0px;
	left: 0px;
	transition: all 1.5s ease;
	z-index: 9;
	box-shadow: 0px 5px 15px #333333;	
} 

.resp header  {
	height: 70px !important;
} 

.logo {
	position:relative;
	float:left;
	width:250px;
	padding:15px 20px;
	transition: all .4s ease-in-out;
}

.logo img {
	width:100%;
}

.logo a {
	margin:0px;
	padding:0px;
	overflow:hidden;
	display:block;
	line-height:0px;
}

.resp .logo  {
	float:left;
	width:calc(100% - 200px);
	max-width:calc(100% - 200px) !important;
	text-align:center;
	margin:0px 0px 0px 100px;		
}

.resp .logo img  {
	max-width:180px !important;
}


.navigation {
	float:left;
	width:calc(100% - 250px);	
	position:relative;
}

.resp .navigation {
	width:0px;	
}

ul.menu {
	position:absolute;
	right:20px;
	top: calc(50% - 22px);		
	padding:0px;	
}

ul.menu li {
	float:left;
	display:inline-block;
	margin-right:10px;
	margin-bottom:0px;
	line-height:18px;	
}

ul.menu li a {
	color:#0081a1;
	text-decoration:none;
	font-size:16px;
	padding:10px;	
	font-weight: 500;	
}

ul.menu li a:hover, ul.menu li a.active, ul.menu li.current_page_item > a{
	color:#ff781f !important;
}

ul.menu li.button a {
	position:relative;
	color:#ffffff !important;	
	background:#ff781f ;
	border: 1px solid #f89563;
	border-radius:4px;
	padding:10px 25px;
	font-size:18px;
	text-decoration:none;
	cursor:pointer;	
	font-family: 'Montserrat', sans-serif;
	font-weight:500;	
	transition: font-size 1.5s ease, padding 1.5s ease;
}	

ul.menu li.button a:hover {
	background:#f89563;
	border: 1px solid #ff781f;	
}		

ul.menu li .sub-menu {
	display: none;
	background-color: rgba(0, 0, 0, 0.85);	
	display: none;
	position: absolute;
	z-index: 999999;
	margin-top: 8px;
	padding: 5px 0px;
	box-shadow: 0px 0px 5px #333333;	
	transition: all 2.4s ease-in-out;
}

ul.menu li:hover .sub-menu, .sub-menu:hover {
	display: block;
}

ul.menu li ul.sub-menu li {
	display: block;
	box-sizing: border-box;
	float: none;
	text-align: left;
	padding: 0px;
}

ul.menu li ul.sub-menu li a {
	display: block;
	box-sizing: border-box;
	width: auto;
	min-width: 100%;
	padding: 12px 10px 12px 12px;
	color:#fff;
}

a.menu-button-open, a.menu-button-close {
	position:absolute;
	left:15px;
	top:15px;
	display:none;
	width:22px; 
	height:22px; 
	padding:7px; 
	border-radius:5px;
}

a.menu-button-open {
	background:#ffffff;	
}

a.menu-button-close {
	z-index:999999999;
	left: calc(100% - 50px);		
}

a.menu-button-open img, a.menu-button-close img, a.menu-button-open svg, a.menu-button-close svg {		
	width:100%;	
	height:100%;	
}

.resp a.menu-button-open {
	display:block;
}

.resp ul.menu {
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	background: rgba(0, 0, 0, 0.85);
	margin:0px !important;
	padding:30px 80px 20px 15px !important;
	z-index:99;
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 100%;
	box-sizing: border-box;	
	box-shadow: 1px 0px 10px #333333;
	width: calc(100% + 20px);
	}

.resp ul.menu li {
	float:none !important;
	display:block !important;
	padding:5px 0px;	
	line-height:18px !important;	
}

.resp ul.menu li.last {
	 margin-bottom:20px;
}

.resp ul.menu li a {
	display:block;
	font-size:16px !important;
	padding:10px 20px !important;
	color:#fff;
}

.resp ul.menu li a:hover {
	color:#026bb1;
}

.resp ul.menu li.button a {  
	padding:10px 15px !important;
	font-size:16px !important;
	color:#ffffff;	
	background:#f89563;
	border: 1px solid #f89563;	
	display: inline-block;
	margin-left:10px;
}	
	
.resp ul.menu li.button a:hover {  
	color:#f89563;
	background:#ffffff;
	box-shadow: 0px 0px 5px #666666;	
}

.resp ul.menu li .sub-menu  {
	display:block !important;;
	margin-left:0px;
	background-color: transparent ;
	position: relative;
	margin-top: 8px;
	padding:0px 0px 0px 10px;
	box-shadow: none;			
}

.resp ul.menu li .sub-menu li a {
	 margin-left:0px;
}

.resp ul.menu li .sub-menu li a:before {
	content: "-\00a0\00a0"; 
}	
	
.top-menu {
	border-bottom:1px solid rgba(2, 107, 177, 0.15);
	overflow: hidden;
	border:0px;
	color:#fff;
	display:flex;
	align-items:center;
	max-width:1200px; 
	margin:0px auto;
	padding:0px 20px;		
	background:#1784c9;		
}	

.top-menu a {
	color:#fff;		
}

div.usp {
	float:left;
	width:calc(100% - 240px);
	text-align:center;
	color:#fff
}

.resp div.usp {
	display:none;
}

.resp .top-menu {
	display:none;
}	

.icon-menu {
	width:100px;	
	display:none;
	float:right;
	padding-top: 20px;
}

.resp .icon-menu {
	display:block;
}

.icon-menu div div {
	float:right;
	background-repeat: no-repeat !important;
	background-position: center top !important;
	padding-top:30px;
	margin-right:18px;
	font-size:12px;	
	min-width:34px;
}

.icon-menu .winkelwagen {
	background-image: url('/wp-content/themes/sitosense/images/winkelwagen.svg') !important;
	background-size: 28px !important;
}	

.icon-menu div div div.cart-contents {
	position:absolute; 
	display:block; 
	top:-5px; 
	right:5px; 
	background: #ff781f;		
	color:#fff; 
	border-radius:50%; 
	width:20px; 
	height:20px; 
	margin-right:0px; 
	min-height:0px;
	min-width:0px; 
	padding:2px; 
	text-align:center; 
	font-size:10px; 
	font-weight:600;
	transition: all 1.5s ease;
}	

.icon-menu a {
	color:#fff !important; 
}
	
.reviews {
	padding:15px 10px;
	position:fixed;
	right:0px;
	top:calc(50% - 75px);
	z-index:999; 
	box-shadow: 0px 0px 5px #ccc;
	background:#fff;
	border-radius: 4px 0px 0px 4px;
}

.resp .reviews {
	display:none;
}

.mb15 {
	margin-bottom:15px;
}

.pb15 {
	padding-bottom:15px;
}

.push {
	min-height: 80px; 
}

#footer_container, .push {
	min-height: 400px; /* .push must be the same height as .footer */
}

.home .push {
	min-height: 80px;
}

#footer_container {
	width:100%; 
	min-height: 400px;
	background-color: #eeeeee;
/*	background: linear-gradient(rgba(158, 31, 99, 1), rgba(190, 30, 45, 1));  */
	background-size:cover;
    background-repeat: no-repeat;	
/*	border: 1px solid red; */
	
}

.home.resp #footer_container {
		padding-bottom:120px;
}	

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

	#footer_container {
		overflow:hidden;
	}	
	
}	

#footer {
	clear: both;
	position:relative;
	margin: 0 auto;
	max-width: 1200px;
	padding:0px 20px;
}

#footer-wrapper {
	margin: 0;
	padding: 0;
	}

.logo {
	min-width:120px;
	text-align:left;
	padding:0xp 20px;
	}


.header-menu {
	max-width:1080px;
	}


.blokje.header-menu {
	padding: 7px 10px;
	}	

.blocks {
	display:block; 
	width:100%; 
	margin:10px auto 0px auto; 
	overflow:hidden;
	max-width: 1200px;
	padding:0px 20px;	
	margin-top:30px;
}

.resp .blocks, .single-product .blocks {
	margin-top:0px;
}
	
.rij {
	clear:both;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	display:block;
	margin-top:0px;
}

.blokje {
	position:relative;
	float:left;
	padding:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
/*	border:1px solid red; */
	display:block;
	overflow:visible;
}

.npleft {padding-left:0px}
.npright {padding-right:0px}
.nptop {padding-top:0px !important}
.npbottom {padding-bottom:0px}

.block_content {
	position:relative;
	display:block;
	overflow:hidden;
	padding:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}

.bw100 {width:100%;}
.bw85 {width:85%;}
.bw80 {width:80%;}
.bw75 {width:75%; }
.bw70 {width:70%; }
.bw66 {width:66.6667%;}
.bw60 {width:60%;}
.bw66.bl1 {padding-left:0px;}

.bw50 {width:50%;}
.bw40 {width:40%;}
.bw40.bl1 {margin-left:0px; }
.bw40.bl2 {margin-left:80px; }


.bw30 {width:30%;}
.bw33 {width:33.3333%;}
.bw33.bl1 {padding-left:0px; padding-right:13.3333px;}
.bw33.bl2 {padding-left:6.6667px; padding-right:6.6667px;}
.bw33.bl3 {padding-left:13.3333px; padding-right:0px;}

.bw33.bl2.ad66 {padding-left:10px; padding-right:0px;}

.bw25 {width:25%;}
.bw25.bl1 {padding-left:0px; padding-right:15px;}
.bw25.bl2 {padding-left:5px;}
.bw25.bl3 {padding-right:5px;}
.bw25.bl4 {padding-left:15px; padding-right:0px;}

.bw20 {width:20%;}
.bw15 {width:15%;}




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

	.bw80 {width:100%; padding-left:0px; padding-right:0px}
	.bw85 {width:100%; padding-left:0px; padding-right:0px}
	.bw75 {width:100%; padding-left:0px; padding-right:0px}
	.bw70 {width:100%; padding-left:0px; padding-right:0px}
	.bw66 {width:100%; padding-left:0px; padding-right:0px}
	.bw60 {width:100%; padding-left:0px; padding-right:0px}
	.bw50 {width:100%; padding-left:0px; padding-right:0px}
	.bw40 {width:100%; }
	.bw40.bl1 {width:80%;}
	.bw40.bl2 {width:80%; margin-left:0px; }

	.bw30 {width:100%; }
	
	.bw33 {width:100%;}
	.bw33.bl1, .bw33.bl2, .bw33.bl3 { padding-left:0px; padding-right:0px}	
	.bw33.bl2.ad66 {padding-left:0px; padding-right:0px;}
	
	
	.bw25 {width:50%;}
	.clear50 {clear:left; }	

	.bw25.bl1, .bw25.bl3 {padding-left:0px; padding-right:10px; clear:left;}
	.bw25.bl2, .bw25.bl4 {padding-left:10px; padding-right:0px; clear:right;}
	
	.bw25.ad75.bl2 {width:100%; padding-left:0px; padding-right:0px}
	
	.bw20 {width:100%;}
	.bw15 {width:100%;}

	
	#footer .widget-wrapper h3 {text-align: center;}
	.powered, .copyright {text-align: center; float:none; }

	
	.logo {
		max-width:200px;
		text-align:center;
		margin:0px auto;
	}


	.header-menu {
		max-width:100%;
	}	

}

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

	.bw25 {width:100%;}
	.bw25.bl1, .bw25.bl3 {padding-left:0px; padding-right:0px}
	.bw25.bl2, .bw25.bl4 { padding-left:0px; padding-right:0px}

}




	table { 
		width: 100%; 
		max-width: 100%;
		border-collapse: collapse;
		overflow: auto;	
		display:block;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #333; 
		color: white; 
		font-weight: 500; 
	}
	td, th { 
		padding: 5px 5px; 
		text-align: left; 
		vertical-align:top;
		font-size: 14px;
		min-width:70px;
		line-height:30px;
	}
	
#footer td {
		padding: 6px 8px; 
		text-align: left; 
		vertical-align:top;
		font-size: 15px;
		line-height:24px;
}	

	.alert1 td {color:#cc0000;}
	.alert2 td {color:#f77f00;}

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

	td, th { 
		padding: 5px 8px; 
		font-size: 12px;
		min-width:70px;
		line-height:24px;
	}
}	
	
	
@media screen and (max-width: 550px) {

	td, th { 
		padding: 4px 4px; 
	//	font-size: 10px;
		min-width: 60px;
		line-height:20px;
		
	}
}	


th a {
	color:#ffffff;
	text-decoration:none;
}

th a:hover {
	color:#f1f1f1;
}

.page-template-table .block_content {
	padding-bottom:0px;
}

	
.woocommerce .woocommerce-breadcrumb {

    max-width: 1200px !important;
    margin: 0px auto !important;
    padding: 20px 40px !important;
	box-sizing:border-box;
}	

ul.usps {
		list-style-type:none;
		margin:10px 0px 10px 0px;
		float:right;
}	

ul.usps li {
		list-style-type:none;
		height:38px;
		font-size:18px;
		font-weight:500;
		padding:0px;
		margin:0px;
}	

ul.usps li i, ul.usps li span {
	color:#1784c9;
	font-weight:normal;
}


@media screen and (max-width:1020px) {
	
	ul.usps {
		float:none;
		padding-left:0px;
	}	
	ul.usps li {
		height:34px;
		font-size:16px;		
		text-align:center;
	}
}

ul#menu-topmenu {
	list-style-type:none;
	margin-top:8px;
}

#menu-topmenu li {
	font-size:14px;
}	

h1 {color: #026bb1; margin:0px; padding:0px; margin-bottom:15px;}
h4 { font-size:18px; }

.group { position:relative; margin-bottom:0px; padding: 15px 0px; display:block; clear:both; border-collapse:collapse; border-top:1px solid rgba(2, 107, 177, 0.25);}
.group label { position:relative;   margin-left:2px; margin-right:10px; }
.title { font-weight:300; margin-bottom:10px; font-size:18px;}

input#recht[type="radio"], input#hoek[type="radio"], input#ronde[type="radio"], input#volledigrond[type="radio"], input#rechtronding[type="radio"], input#inwendig[type="radio"], input#queensize[type="radio"], input#rondingzijkant[type="radio"], input#uitstekend[type="radio"], #kern input[type="radio"], input.extra-optie 
{
    display: none;
}

/*
div#kern .blokje, div#afmetingen  .blokje, div#delen  .blokje,  div#spiegelbeeld .blokje, div#delen, div#spiegelbeeld {
	display:none;
}


div#delen  .blokje,  div#spiegelbeeld .blokje, div#delen, div#spiegelbeeld {
	display:none;
}
*/

.sb {
	margin-top:-52px; margin-bottom:30px;	
}


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

	.sb {
		margin-top:20px; margin-bottom:80px;	
	}


}




div#kern .blokje, div#afmetingen  .blokje, div#delen  .blokje,  div#delen {
	display:none;
}


input#ronde[type="radio"] + label
{
    width: 120px;
	display:block;
    background: url('/wp-content/themes/sitosense/images/rondehoek.png') center center no-repeat;
	background-size:contain;
	float:left;
	margin-bottom:20px;
}

input#volledigrond[type="radio"] + label
{
    width: 120px;
	display:block;
    background: url('/wp-content/themes/sitosense/images/volledigrond.png') center center no-repeat;
	background-size:contain;
	float:left;
	margin-bottom:20px;
}


input#hoek[type="radio"] + label
{
    width: 120px;
	display:block;
    background: url('/wp-content/themes/sitosense/images/hoek.png') center center no-repeat;
	background-size:contain;
	float:left;
	margin-bottom:20px;
}

input#recht[type="radio"] + label
{
    width: 120px;
	display:block;
    background: url('/wp-content/themes/sitosense/images/recht.png') center center no-repeat;
	background-size:contain;
	float:left;
	margin-bottom:20px;
}

input#rechtronding[type="radio"] + label
{
    width: 120px;
	display:block;
    background: url('/wp-content/themes/sitosense/images/rechtronding.png') center center no-repeat;
	background-size:contain;
	float:left;
	margin-bottom:20px;
}

input#inwendig[type="radio"] + label
{
    width: 120px;
	display:block;
    background: url('/wp-content/themes/sitosense/images/inwendig.png') center center no-repeat;
	background-size:contain;
	float:left;
	margin-bottom:20px;
}


input#queensize[type="radio"] + label
{
    width: 120px;
	display:block;
    background: url('/wp-content/themes/sitosense/images/queensize.png') center center no-repeat;
	background-size:contain;
	float:left;
	margin-bottom:20px;
}

input#rondingzijkant[type="radio"] + label
{
    width: 120px;
	display:block;
    background: url('/wp-content/themes/sitosense/images/rondingzijkant.png') center center no-repeat;
	background-size:contain;
	float:left;
	margin-bottom:20px;
}

input#uitstekend[type="radio"] + label
{
    width: 120px;
	display:block;
    background: url('/wp-content/themes/sitosense/images/uitstekend.png') center center no-repeat;
	background-size:contain;
	float:left;
	margin-bottom:20px;
}

input.extra-optie + label {
    box-sizing:border-box;
	display:block;
	float:left;
	padding:10px;
	box-sizing: border-box;
	width: 233px;
	height: 360px;
	display: block;
	float: left;
	margin-bottom: 15px;
	border: 1px solid #dee5e8;
	border-radius: 4px;
	padding: 10px;
	margin-right: 15px;
	box-shadow: 0px 0px 5px #ececec;	
	cursor:pointer;
	
}


input.nr-2 + label, input.nr-5 + label, input.nr-8 + label {
	margin-right: 0px;
}

#extras-content {
	container-type: inline-size;
}

@container (max-width: 723px) {
	
	input.nr-2 + label, input.nr-5 + label, input.nr-8 + label {
		margin-right: 20px;
	}	
	input.nr-1 + label, input.nr-3 + label, input.nr-5 + label, input.nr-7 + label, input.nr-9 + label {
		margin-right: 0px;
	} 
}

@container (max-width: 460px) {
	
	input.extra-optie + label {
		width: calc(100% - 20px);
		margin: 10px;	
	}	
  
}


input.extra-optie + label h4 {
	margin:0px auto; 
	padding:0px; 
	text-align:center;
	font-size:11pt;
	font-weight:500;
	height: 54px;
	background: #dee5e8;
	color:#205f7f;
	position:absolute; 
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
	top:0px;
	left:0px;
	padding:8px;
	box-sizing:border-box;
}


input.extra-optie + label div.optie-prijs {
	position:absolute;
	bottom:12px;
	right:0px;
	padding:5px 20px 5px 10px;
	font-size:12pt;
	color:#f1f1f1;	
	font-weight:700;
	background:#ff781f;
}

input.extra-optie + label div.optie-omschrijving {
	position:absolute;
	bottom:52px;
	left:0px;
	padding:5px 10px 5px 10px;
	font-size:9pt;
	color:#333333;	
	background:rgba(255,255,255,0.75); 
	background:rgba(206, 226, 240, 0.3);
	width:100%;
}


div.aantal-eo {
	position:absolute; 
	top:58px;
	left:0px;	
	text-align:center;
	font-size:10pt;
	padding:10px;
	width:100%;
	height:40px;
		
}

.aantal-eo input {
	width:50px;
	
}


input#ronde[type="radio"]:checked + label, 
input#volledigrond[type="radio"]:checked + label, 
input#recht[type="radio"]:checked + label, 
input#inwendig[type="radio"]:checked + label, 
input#rechtronding[type="radio"]:checked + label, 
input#hoek[type="radio"]:checked + label,
input#queensize[type="radio"]:checked + label,
input#rondingzijkant[type="radio"]:checked + label,
input#uitstekend[type="radio"]:checked + label
{
	-webkit-filter: drop-shadow(5px 5px 10px rgba(100,100,100,0.9)) invert(.15);
	-moz-filter: drop-shadow(5px 5px 10px rgba(100,100,100,0.9));
	-o-filter: drop-shadow(5px 5px 10px rgba(100,100,100,0.9));
	-ms-filter: drop-shadow(5px 5px 10px rgba(100,100,100,0.9));
	filter: drop-shadow(5px 5px 10px rgba(100,100,100,0.9)) invert(.15);
}

input.extra-optie:checked + label
{
	border:1px solid rgb(0, 142, 202);
	background:#ffffff;
	box-shadow:0px 0px 5px rgba(100,100,100,0.5)
}

input.extra-optie:checked + label h4 {
	color:#fff;
	padding-left:30px;
	background: rgb(0, 142, 202) url('/wp-content/themes/sitosense/images/check-wit.png') no-repeat 10px center/20px;
}


#matrashoes {display: none; }

input#standaard[type="radio"] + label {
    width: 120px;
	height:120px;
    display: block;
    background: url('/wp-content/themes/sitosense/images/witte-tijk.png') center center no-repeat;
    background-size: auto;
    background-size: contain;
    float: left;
    margin-bottom: 20px;
	border: 2px solid #fff;
}

input#cooltouch[type="radio"] + label {
    width: 120px;
	height:120px;
    display: block;
    background: url('/wp-content/themes/sitosense/images/cooltouch.png') center center no-repeat;
    background-size: auto;
    background-size: contain;
    float: left;
    margin-bottom: 20px;
	border: 2px solid #fff;
}

input#bamboe[type="radio"] + label {
    width: 120px;
	height:120px;
    display: block;
    background: url('/wp-content/themes/sitosense/images/bamboo.png') center center no-repeat;
    background-size: auto;
    background-size: contain;
    float: left;
    margin-bottom: 20px;
	border: 2px solid #fff;
}

input#standaard[type="radio"]:checked + label, input#cooltouch[type="radio"]:checked + label, input#bamboe[type="radio"]:checked + label  {
	-webkit-filter: drop-shadow(5px 5px 5px rgba(100,100,100,0.9)) ;
	-moz-filter: drop-shadow(5px 5px 5px rgba(100,100,100,0.9));
	-o-filter: drop-shadow(5px 5px 5px rgba(100,100,100,0.9));
	-ms-filter: drop-shadow(5px 5px 5px rgba(100,100,100,0.9));
	filter: drop-shadow(5px 5px 5px rgba(100,100,100,0.9));
	border: 2px solid #026bb1;
	border-radius:50%
}

input#standaard[type="radio"], input#cooltouch[type="radio"],  input#bamboe[type="radio"] { display:none; }
table.matrashoes-table tr:nth-of-type(2n+1) {background: none;}
.matrashoes-table td { text-align:center; background: none; line-height:18px;}


#result div div, .quantity div div {
		float:left;
}

#result div div:first-letter {
	text-transform:capitalize;
}


#kern input[type="radio"] + label {
	height:110px;
	width:110px;
	border-radius:50%;
	background:#205f7f;
	color:#ffffff;
	font-size:24px;
	line-height:30px;
	font-weight:500;	
	box-sizing:border-box;
	text-align:center;
	margin-bottom:40px;
	margin-right:15px;
	float:left;
	font-family: 'Signika', sans-serif;	
	cursor: pointer;	
	display: flex;
    align-items: center;
	justify-content: center;
}

#kern input[type="radio"]:checked + label {
	background:#026bb1;
	box-shadow: 1px 1px 10px #666666;
}

div#kern_omschrijving {
	display:none;
}	
	
div.kern_omschrijving {
	font-style:italic;
	color:#333333;
	font-size:13px;
	padding:10px;
	border: 1px solid rgba(2, 107, 177, 0.15);
	background: #ffffff;
	border-radius: 4px;
	}

#vorm label {padding:80px 60px; box-sizing:border-box; font-size:14px; margin-left:5px}

#afmetingen input {
	width:60px;
	margin:3px 8px;
	padding:3px;
	font-size:18px;
	
}
div.afm {display:none;} 

#result div { margin-bottom:8px; }

.step {   
   width:40px;
   height:40px;
   border-radius: 50%;
   background:#1784c9;
   color:#ffffff;
   display:inline-block;
   padding:10px;
   text-align:center;
   font-size:18px;
   line-height:20px;
   font-weight:500;
   margin-right:10px;
}

div#type .step {
	background:#b60020;
	background:#ff781f;
	
}

#type {
	line-height:30px;
}	

#type .title {
	font-weight:700 !important;
}

#type label {
	font-size:18px;
	font-weight:300;
}

.padl50 { padding-left: 50px; }
.padr40 { padding-right: 40px; }

@media screen and (max-width:800px) {
	.padr40 { padding-right: 0px; }
}

.padb20 { padding-bottom: 20px; }

.alt { display:none;}

.slicknav_menu {
    background: #ffffff !important;
}

.slicknav_nav a {
    color: #115578 !important;
}

.slicknav_nav a:hover {
    color: #1785ca  !important;
}

.kader {
//   background: #efefef;
//   border-radius: 5px;
//    border: 1px solid #f1f1f1;
//   background: linear-gradient(rgba(239, 239, 239, 0.75), rgba(239, 239, 239, 0.75));
    display: inline-block;
    position: relative;
    padding: 0px 20px 30px 20px;
}

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

	.kader {
		padding: 20px 20px 30px 20px;
	}

}

label[data-balloon] {
overflow: visible; 
}




[data-balloon] {
position: relative;
cursor: pointer; }
[data-balloon]:after {
	line-height:20px !important;

  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.18s ease-out 0.18s;
  -moz-transition: all 0.18s ease-out 0.18s;
  -ms-transition: all 0.18s ease-out 0.18s;
  -o-transition: all 0.18s ease-out 0.18s;
  transition: all 0.18s ease-out 0.18s;
  font-family: sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  text-shadow: none !important;
  font-size: 12px !important;
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  color: #fff;
  content: attr(data-balloon);
  padding: .5em 1em;
  position: absolute;
  white-space: nowrap;
  z-index: 5000; }
[data-balloon]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 18px;
  height: 6px;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.18s ease-out 0.18s;
  -moz-transition: all 0.18s ease-out 0.18s;
  -ms-transition: all 0.18s ease-out 0.18s;
  -o-transition: all 0.18s ease-out 0.18s;
  transition: all 0.18s ease-out 0.18s;
  content: '';
  position: absolute;
  z-index: 5000; }
[data-balloon]:hover:before, [data-balloon]:hover:after, [data-balloon][data-balloon-visible]:before, [data-balloon][data-balloon-visible]:after {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  pointer-events: auto; }
[data-balloon].font-awesome:after {
  font-family: FontAwesome; }
[data-balloon][data-balloon-break]:after {
  white-space: pre; }
[data-balloon][data-balloon-blunt]:before, [data-balloon][data-balloon-blunt]:after {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none; }
[data-balloon][data-balloon-pos="up"]:after {
  bottom: 100%;
  left: 50%;
  margin-bottom: 11px;
  -webkit-transform: translate(-50%, 10px);
  -moz-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top; }
[data-balloon][data-balloon-pos="up"]:before {
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  -webkit-transform: translate(-50%, 10px);
  -moz-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top; }
[data-balloon][data-balloon-pos="up"]:hover:after, [data-balloon][data-balloon-pos="up"][data-balloon-visible]:after {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
[data-balloon][data-balloon-pos="up"]:hover:before, [data-balloon][data-balloon-pos="up"][data-balloon-visible]:before {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
[data-balloon][data-balloon-pos="up-left"]:after {
  bottom: 100%;
  left: 0;
  margin-bottom: 11px;
  -webkit-transform: translate(0, 10px);
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top; }
[data-balloon][data-balloon-pos="up-left"]:before {
  bottom: 100%;
  left: 5px;
  margin-bottom: 5px;
  -webkit-transform: translate(0, 10px);
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top; }
[data-balloon][data-balloon-pos="up-left"]:hover:after, [data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:after {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }
[data-balloon][data-balloon-pos="up-left"]:hover:before, [data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:before {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }
[data-balloon][data-balloon-pos="up-right"]:after {
  bottom: 100%;
  right: 0;
  margin-bottom: 11px;
  -webkit-transform: translate(0, 10px);
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top; }
[data-balloon][data-balloon-pos="up-right"]:before {
  bottom: 100%;
  right: 5px;
  margin-bottom: 5px;
  -webkit-transform: translate(0, 10px);
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top; }
[data-balloon][data-balloon-pos="up-right"]:hover:after, [data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:after {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }
[data-balloon][data-balloon-pos="up-right"]:hover:before, [data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:before {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }
[data-balloon][data-balloon-pos='down']:after {
  left: 50%;
  margin-top: 11px;
  top: 100%;
  -webkit-transform: translate(-50%, -10px);
  -moz-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px); }
[data-balloon][data-balloon-pos='down']:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 18px;
  height: 6px;
  left: 50%;
  margin-top: 5px;
  top: 100%;
  -webkit-transform: translate(-50%, -10px);
  -moz-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px); }
[data-balloon][data-balloon-pos='down']:hover:after, [data-balloon][data-balloon-pos='down'][data-balloon-visible]:after {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
[data-balloon][data-balloon-pos='down']:hover:before, [data-balloon][data-balloon-pos='down'][data-balloon-visible]:before {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
[data-balloon][data-balloon-pos='down-left']:after {
  left: 0;
  margin-top: 11px;
  top: 100%;
  -webkit-transform: translate(0, -10px);
  -moz-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  transform: translate(0, -10px); }
[data-balloon][data-balloon-pos='down-left']:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 18px;
  height: 6px;
  left: 5px;
  margin-top: 5px;
  top: 100%;
  -webkit-transform: translate(0, -10px);
  -moz-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  transform: translate(0, -10px); }
[data-balloon][data-balloon-pos='down-left']:hover:after, [data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:after {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }
[data-balloon][data-balloon-pos='down-left']:hover:before, [data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:before {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }
[data-balloon][data-balloon-pos='down-right']:after {
  right: 0;
  margin-top: 11px;
  top: 100%;
  -webkit-transform: translate(0, -10px);
  -moz-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  transform: translate(0, -10px); }
[data-balloon][data-balloon-pos='down-right']:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 18px;
  height: 6px;
  right: 5px;
  margin-top: 5px;
  top: 100%;
  -webkit-transform: translate(0, -10px);
  -moz-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  transform: translate(0, -10px); }
[data-balloon][data-balloon-pos='down-right']:hover:after, [data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:after {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }
[data-balloon][data-balloon-pos='down-right']:hover:before, [data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:before {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }
[data-balloon][data-balloon-pos='left']:after {
  margin-right: 11px;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -moz-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%); }
[data-balloon][data-balloon-pos='left']:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 6px;
  height: 18px;
  margin-right: 5px;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -moz-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%); }
[data-balloon][data-balloon-pos='left']:hover:after, [data-balloon][data-balloon-pos='left'][data-balloon-visible]:after {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }
[data-balloon][data-balloon-pos='left']:hover:before, [data-balloon][data-balloon-pos='left'][data-balloon-visible]:before {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }
[data-balloon][data-balloon-pos='right']:after {
  left: 100%;
  margin-left: 11px;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  -moz-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%); }
[data-balloon][data-balloon-pos='right']:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 6px;
  height: 18px;
  left: 100%;
  margin-left: 5px;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  -moz-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%); }
[data-balloon][data-balloon-pos='right']:hover:after, [data-balloon][data-balloon-pos='right'][data-balloon-visible]:after {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }
[data-balloon][data-balloon-pos='right']:hover:before, [data-balloon][data-balloon-pos='right'][data-balloon-visible]:before {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }
[data-balloon][data-balloon-length='small']:after {
  white-space: normal;
  width: 80px; }
[data-balloon][data-balloon-length='medium']:after {
  white-space: normal;
  width: 150px; }
[data-balloon][data-balloon-length='large']:after {
  white-space: normal;
  width: 260px; }
[data-balloon][data-balloon-length='xlarge']:after {
  white-space: normal;
  width: 380px; }
  @media screen and (max-width: 768px) {
    [data-balloon][data-balloon-length='xlarge']:after {
      white-space: normal;
      width: 90vw; } }
[data-balloon][data-balloon-length='fit']:after {
  white-space: normal;
  width: 100%; }
  
  
  [data-balloon],
[data-balloon]:before,
[data-balloon]:after {
    z-index: 9999;
}

[data-balloon][data-balloon-break]::after {
    white-space: pre-wrap;
}

.woocommerce ul#shipping_method li label {
	text-indent: 0px;
}

.woocommerce ul#shipping_method li a  {
	text-decoration:none;
}


.white th {
		background:#ffffff;
		height:30px;
}	

div.letter {
	display:inline-block;
	width:30px;
}


#add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th {
    vertical-align: top !important;
}


table.shop_table {
	display:table;
}


.shop_table td tr {
	background:none !important;
}

.shop_table td td {
	line-height:20px;
}


.header-menu-container {
	background:#1488CA;
	height:50px;
}

.slider {
	background:url('/wp-content/themes/sitosense/images/slider-5.jpg') no-repeat center center; 
	background-size:cover; 
	display:block; 
	height:350px;
	position:relative
}

.slider p, .slider li {
	line-height:20pt;
	font-size:14pt;
	text-shadow: 1px 1px 1px #000;
	color:#fff;
}

.slider h2 {
	text-shadow: 1px 1px 1px #000;
	color:#fff;
	font-size:26pt;
}

.flex {
	display:flex;
}

.kader {
	height:100%;
	width:100%; 
	max-width:940px;
}

.fright {
	float:right;
}

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

	.header-image {
		display:none;
	}
	
	.header-menu-container {
		height:2px;
	}	
	
	.slider {
		overflow:hidden;
		height:auto;
	}	
	
	.flex {
		display:block;
	}

	.kader {
		height:auto;
	}	
	
	.fright {
		float:none;
	}	
		
}	

.overzicht {
	border:1px solid rgba(2, 107, 177, 0.15); background:rgba(2, 107, 177, 0.05); border-radius:4px;
}

.samenvatting {
	display:none;
}	

.meest_verkocht {
	position:absolute;
	top:70px;
	left:55px;
	padding:20px 0px;
	height:75px;
	width:75px;
	border-radius:50%;
	background:#ff781f;
	color:#ffffff;
	font-size:15px;
	text-align:center;
	line-height:18px;
	box-shadow: 1px 1px 10px #999999;
}


.premium {
	position:absolute;
	top:90px;
	left:40px;
	padding:10px 10px 10px 40px;
	border-radius:8px;
	color:#ffffff;
	font-size:15px;
	text-align:center;
	line-height:18px;
	box-shadow: 1px 1px 10px #999999;
	background:#ffa802 url('/wp-content/themes/sitosense/images/kroontje-wit.png') 10px center no-repeat;
	background-size:25px;
}

.dikte {
	display:none;
	position:absolute;
	top:90px;
	left:50%;
	margin-left:-30px;
	width:60px;
	padding:10px;
	border-radius:8px;
	color:#ffffff;
	font-size:15px;
	text-align:center;
	line-height:18px;
	box-shadow: 1px 1px 10px #999999;
	background:rgb(255, 120, 31);
	background-size:25px;
}


.korting-melding {
	padding:10px 10px 10px 70px;
	border-radius:8px;
	color:#ffffff;
	font-size:12pt;
	text-align:left;
	line-height:18pt;
	box-shadow: 1px 1px 5px #999999;
	background:#ffa802 url('/wp-content/themes/sitosense/images/korting-wit.png') 15px 15px no-repeat;
	background-size:40px;
	margin-bottom:20px;
}



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

	.fixedElement {
	
	}	
	
	.samenvatting {
		position:fixed;
		bottom:0px;
		left:0px;
		margin:0px;
		background:#f1f1f1;
		display:block;
		background:#fff;
		z-index:99999;
		width:100%;
	}		

	.samenvatting div {float:left; margin:0px; padding:0px;}
	
	.samenvatting div.lim_head {
		background-color: #026bb1;	
		padding:10px 20px; 
		width:100%; 
		clear:both; 
		color:#fff;
		}
		
	.head div.show_arrow {
		background-image: url('/wp-content/themes/sitosense/images/arrow-up.svg');
		background-repeat: no-repeat;
		background-position: top 25px right 10px;
		background-size: 15px;
	}		

	.body div.show_arrow {
		background-image: url('/wp-content/themes/sitosense/images/arrow-down.svg');
		background-repeat: no-repeat;
		background-position: center right 10px;
		background-size: 15px;
	}	
	
	.samenvatting .lim_head div.total {font-size:18px;text-align:right; float:right; color:#fff; padding-right:40px; color:#fff !important;}
	
	.lim_head .korting:before {
		content: 'Korting: ';
	}
	
	.samenvatting h4 {
		width:50%;
		float:left;
	}
	
	.samenvatting h5 {
		width:50%;
		float:right;
		font-size:18px;
		text-align:right;
	}

	.samenvatting h4, .samenvatting h5 {
		padding:0px;
		margin:10px 0px;
		color:#fff;
	}
	
	.samenvatting .limited {font-size:13px;}
	
	
	div#mycart_resp {
		width:100%;
	}
	
	div#mycart_resp div.bw100 {
		padding:3px 0px;
	}
	
	div.aantal_resp {
		padding:5px 0px;
	}
	
	
	div#mycart_resp div div, div.aantal_resp div {
		width:50% !important;
		font-size:13px;
	}	

	div#mycart_resp div div a {
		display:none;
	}
	
	
	div.full {
		padding:10px 20px; 	
		width:100%;		
	}
	
	.button.small {
		padding: 4px 12px;
		font-size: 15px;		
	}
	
	#type {
	//  line-height: inherit !important;
	}	

	div#mycart_resp div#prijs { display:none; }
	
	
	
	input#recht[type="radio"] + label, input#hoek[type="radio"] + label, input#ronde[type="radio"] + label, input#volledigrond[type="radio"] + label, input#rechtronding[type="radio"] + label, input#inwendig[type="radio"] + label, input#queensize[type="radio"] + label, input#rondingzijkant[type="radio"] + label, input#uitstekend[type="radio"] + label {
	    width: 90px;
	    margin-bottom: 15px;
	}
	
	#vorm label {
		padding: 60px 45px;
		box-sizing: border-box;
		font-size: 14px;
		margin-left: 5px;
	}	
	
		
	#kern input[type="radio"] + label {
		padding: 30px 10px;
		height: 90px;
		width: 90px;
		font-size: 20px;
		line-height: 26px;
		margin-bottom: 30px;
		margin-right: 12px;
	}		
	
	#kern input[type="radio"] + label.alt {
		padding: 20px 5px;
	}	
	
	.meest_verkocht{
		top:60px;
		left:45px;
		padding:15px 0px;
		height:64px;
		width:64px;
		font-size:12px;
		line-height:15px;
		font-weight:300;
	}	
	
	.premium {
		top:75px;
		left:30px;
		padding:10px 10px 10px 35px;
		text-align:center;
		font-size:12px;
		line-height:15px;		
		background:#ffa802 url('/wp-content/themes/sitosense/images/kroontje-wit.png') 10px center no-repeat;
		background-size:20px;
	}	
	
}

.hidden {display:none; }
.unhidden {display:block;}

.resp .kader p {
	display:none;
}

.resp .fixedElement {
	display:none;
}

.home.resp .push {
  min-height: 40px;
}

.woocommerce table.shop_table_responsive tr td table td, .woocommerce-page table.shop_table_responsive tr td table td {
	display: table-cell;
	text-align: left !important;
	border-top: 1px solid rgba(0,0,0,.1) !important;
}

.woocommerce table.shop_table_responsive tr td table td::before, .woocommerce-page table.shop_table_responsive tr td table td::before {
  content: attr(data-title) "";
}

.woocommerce table.shop_table_responsive table td tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive table td tbody tr:first-child td:first-child {
  border-top: 1px solid rgba(0,0,0,.1);
}

table.details {
	margin-top:10px;
}

table.details td:nth-child(2) {
	width:100%;
}


.loader {
	display:none;
    position: fixed;
    top: 0; left: 0;
	width:100%;
	height:100%;
    background: rgba(16, 22, 24, 0.8);
    z-index: 9999999999;
}

.message {
    position:absolute;
    top: 50%; left: 50%;	
	width:500px;
	height:300px;
	margin-top:-150px;
	margin-left:-250px;
	color:#333333;	
	background:#f1f1f1;
	padding:15px;
	padding-top:20px;
	border-radius:12px;
	box-sizing:border-box;
	border:12px solid #205f7f;	
	text-align:center;
}

.message button  {
    margin: 0px auto;
}

@media screen and (max-width: 600px) {
	.message {
		width:320px;
		height:380px;
		margin-top:-190px;
		margin-left:-160px;
	}
}

.bestellen button {
	margin-top:15px;
}

.menu-footer-menu-container {
	margin:20px 0px;
}

.menu-footer-menu-container li {
	padding:5px 0px;
}



.cel {
	display:block;
	float:left;	
}

.zoomout {
	transition: all 3s ease;
	-webkit-transition: all 3s ease;  
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.pdt50p { padding-top:50%; }

.page-template-landingspagina  h1 { font-size:28pt; margin-bottom:0px; }

.link { margin:20px 0px;}

.blocks {
  padding: 0px 0px;
}

.pd20 {padding:20px;}
.pd2000 {padding:20px 0px;}
.pd0020 {padding:0px 20px;}
.pd2010 {padding:20px 10px;}

.page-template-landingspagina .blocks li {
  line-height: 22px;
  padding: 5px 0px;
}

a.cta-button {
  display: inline-block;
  clear:both;
  border: 0px;
  padding: 10px 70px 10px 15px;
  margin-bottom: 0px;
  border-radius: 10px;
  background-color: #ff781f;
  background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path fill="%23ffffff" d="M508.625,247.801L508.625,247.801L392.262,131.437c-4.18-4.881-11.526-5.45-16.407-1.269 c-4.881,4.18-5.45,11.526-1.269,16.407c0.39,0.455,0.814,0.88,1.269,1.269l96.465,96.582H11.636C5.21,244.426,0,249.636,0,256.063 s5.21,11.636,11.636,11.636H472.32l-96.465,96.465c-4.881,4.18-5.45,11.526-1.269,16.407s11.526,5.45,16.407,1.269 c0.455-0.39,0.88-0.814,1.269-1.269l116.364-116.364C513.137,259.67,513.137,252.34,508.625,247.801z"/></g></svg>');
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 40px !important;
  color:#fff;
  text-decoration:none;
  font-size:14pt;
  font-weight:500;
	transition: background-image 2.5s linear, padding-right 0.5s linear 0s !important;
	cursor: pointer;  
}

a.cta-button:hover {
  background-color: #ff6500;
  padding: 10px 90px 10px 15px;
  box-shadow: 3px 3px 10px #999; 
}


@media screen and (max-width: 1020px) {
	.zoomout {
	  padding-top:50% !important;
	}
}

#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {
    max-height: 20px !important;
}

input#achternaam {
	display: none;
}


.info-loader {
	display:none;
    position: fixed;
    top: 0; left: 0;
	width:100%;
	height:100%;
    background: rgba(0, 0, 0, 0.9);
//	background: #205f7ff5;
    z-index: 9999999999;
	transition:all .6s linear;

}

.info-loader.open {
	display:flex !important;	
	align-items: center;
	justify-content: center;
}

.info-loader.open div {
	max-width:900px;
	max-height:calc(100% - 40px);
	padding:20px;
	color:#fff;
	overflow-y:auto;
    overflow-x:hidden;	
}

.info-loader h2 {	
	color:#1784c9;
//	color:#fff;
}	

.cross-button {
	border:0px solid;
	background:none;
	color:#fff;
	font-size:32pt;
	font-weight:500;
	cursor:pointer;
}

.label-container {
	float: left;
	position:relative; 
	display:block; 
	width:110px;
	margin-right:15px;
}

.info-container {
	position:absolute;
	left:0px;
	top:-20px;
	width:100%;
	text-align:center
}

.info-circle {
	width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1784c9;
    color: #ffffff;
    display: inline-block;
    padding: 7px;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    font-family: 'Bree Serif', serif;
    border: 3px solid #fff;
    cursor: pointer;
}

.info-circle:hover {
	  background:#009cff;
}

.ib { 
	margin-left:5px;
	margin-top:-2px;		
}


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

	.label-container {
		position:relative; 
		display:block; 
		width:90px;
	}

}



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

	.wa__btn_popup {
		top: calc(50% - 10px);
		right:15px !important;
		bottom: unset !important;
	}
	
	.wa__btn_popup_txt {
		display:none;
	}

}

li.product-category h2 {
	display: block;
	font-size: 14pt !important;
	text-align: center;
	position: absolute;
	bottom: 20%;
	right:0px;
	box-sizing: border-box;
	font-weight:500;
	padding: 10px 70px 10px 15px  !important;
	margin-bottom: 0px;
	border-radius: 10px 0 0 10px;
	background-color: #ff781ff0;
	background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path fill="%23ffffff" d="M508.625,247.801L508.625,247.801L392.262,131.437c-4.18-4.881-11.526-5.45-16.407-1.269 c-4.881,4.18-5.45,11.526-1.269,16.407c0.39,0.455,0.814,0.88,1.269,1.269l96.465,96.582H11.636C5.21,244.426,0,249.636,0,256.063 s5.21,11.636,11.636,11.636H472.32l-96.465,96.465c-4.881,4.18-5.45,11.526-1.269,16.407s11.526,5.45,16.407,1.269 c0.455-0.39,0.88-0.814,1.269-1.269l116.364-116.364C513.137,259.67,513.137,252.34,508.625,247.801z"/></g></svg>');
	background-repeat: no-repeat !important;
	background-position: right 10px center !important;
	background-size: 40px !important;	
	color:#fff;
	transition: padding-right 0.2s linear !important;
	cursor: pointer;	
}

li.product-category h2:hover {
	background-color: #ff6500;
	padding: 10px 80px 10px 15px  !important;
}	

.woocommerce-loop-category__title mark.count { display: none; }

.woocommerce-product-gallery__image:first-child {
	width:98% !important;
	margin-bottom: 4%;

}   

.woocommerce-product-gallery__image {
	width:23% !important;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	margin-bottom: 2%;
	box-shadow: 0px 0px 5px #d7d7d7;
} 
  
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(2) {
	 
}
  
.woocommerce .quantity .qty {
  height: 38px;
  padding: 0px 5px;
} 


.variations tr:nth-of-type(2n+1) {
  background: #fff;
}

.woocommerce div.product form.cart .variations select {
	  max-width: 100% !important;
	  min-width: 100% !important;
	  padding:5px;
}

section.related  {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #efefef;
}

.shop_attributes th, .shop_attributes td {
	background:#fff !important;
	color:#333;
	vertical-align:middle;	
}

h1.product_title {
	font-size: 24pt;
}


/* youtube */

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	
	
.woocommerce-variation-price {
		margin-bottom:20px;
}	

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  color: #333 !important;
  font-weight:700;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
  color: #333 !important;
}

ul.meebesteld {
	margin:0px;
	padding:0px 0px 0px 12px;
}

.meebesteld li {
	font-size:10pt;
}

.optie-omschrijving ul {
	width:100%;
	margin:0px;
	padding:5px 12px;
}

.optie-omschrijving li {
	width:100%;
	margin:0px;
	padding:2px 0px;
}

input[type=number]::-webkit-outer-spin-button, 
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: inner-spin-button !important;
}

.page-id-8 .coupon { display:none; }