@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #5d5d5d; }
body { background: #fff; }
input, select, textarea, fieldset { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #5d5d5d; border: none; }
img { border: 0; display: block; }
ul, li { list-style: none; }
:focus { outline: none; }
main, header, footer, aside, blockquote, nav, cite, article { display: block; }

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; position: relative; max-width: 1170px; }
.centered { padding-right: calc((100% - 1170px) / 2); padding-left: calc((100% - 1170px) / 2); }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow-x: hidden; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { position: relative; width: 100%; margin-bottom: 15px; z-index: 100; }
#headerCntr .top { position: relative; overflow: hidden; padding-bottom: 30px; }
#headerCntr .logo { float: left; margin: 18px 0 0 -35px; position: relative; }
#headerCntr .logo img { max-width: 100%; }
#headerCntr .logo p { color: #7d698f; font-size: 15px; position: absolute; top: 65px; left: 105px; }
#headerCntr .right { position: absolute; top: 0; right: 0; }
#headerCntr .features { float: left; padding: 5px 10px 0 0; }
#headerCntr .features li { float: left; font-family: Myriad Pro, sans-serif; font-size: 12px; padding-left: 30px; padding-top: 5px; margin-left: 35px; background: url(../images/icon-check.png) no-repeat left top; }
#headerCntr .features li a { font-weight: bold; color: #434343; text-decoration: none; font-size: 14px; }
#headerCntr .language { float: left; background: #b0b0b0; font-size: 10px; text-transform: uppercase; color: #fff; text-decoration: none; padding: 5px; }
#headerCntr .bottom { width: 100%; }
#headerCntr .bottom .center { border-bottom: 1px solid #cececd; }
#headerCntr .details { float: right; width: 50%; padding-left: 30px; display: flex; justify-content: space-between; flex-flow: row wrap; align-items: flex-start; }
#headerCntr .details.small { width: auto; }
#headerCntr .help { background: #b0b0b0; position: relative; padding: 5px 10px; }
#headerCntr .help:hover { background: #464646; }
#headerCntr .help.sub { position: absolute; left: 324px; }
#headerCntr .help p { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; text-decoration: none; cursor: default; }
#headerCntr .help ul { list-style: none; position: absolute; top: 100%; left: 0; width: 265px; background: rgba(96,95,95,0.9); padding: 15px; display: none; }
#headerCntr .help:hover ul { display: block; }
#headerCntr .help li { border-bottom: 1px solid #929191; padding: 7px 0; }
#headerCntr .help li a { color: #fff; font-size: 14px; text-decoration: none; font-weight: normal; text-transform: none; }
#headerCntr .help li:last-child { border-bottom: 0; }
#headerCntr .logoWK { margin-top: -40px; }
#headerCntr .cart { padding-right: 45px; padding-top: 25px; background: url(../images/icon-cart.png) no-repeat right; margin-top: -23px; font-size: 17px; text-decoration: none; color: #7d698f; font-weight: bold; position: relative; }
#headerCntr .cart span { position: absolute; top: 5px; right: -15px; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 18px; color: #fff; font-weight: bold; background: #a78bc0; border-radius: 50%; }
#headerCntr .details.small .cart { margin-left: 70px; }

#headerCntr .mobileMenu { display: none; cursor: pointer; z-index: 15; float: left; width: 40px; height: 40px; position: relative; transition: 0.2s; overflow: hidden; }
#headerCntr .mobileMenu span { display: block; height: 4px; text-indent: -9999px; border-radius: 5px; background: #7d698f; position: absolute; top: 50%; right: 20%; left: 20%; transition: 0.2s; }
#headerCntr .mobileMenu span:before,
#headerCntr .mobileMenu span:after { display: block; width: 100%; height: 4px; content: ''; border-radius: 5px; background-color: #7d698f; transition-duration: 0.2s,0.2s; position: absolute; left: 0; }
#headerCntr .mobileMenu span:before { top: -7px; }
#headerCntr .mobileMenu span:after { bottom: -7px; }
.mm-opened #headerCntr .mobileMenu span { background: none; }
.mm-opened #headerCntr .mobileMenu.is-active span:before,
.mm-opened #headerCntr .mobileMenu.is-active span:after { transition-delay: 0s, 0.2s; }
.mm-opened #headerCntr .mobileMenu span:before { top: 0; transform: rotate(45deg); }
.mm-opened #headerCntr .mobileMenu span:after { bottom: 0; transform: rotate(-45deg); }

	/* ### menu box ### */
	.menuBox:not(.mm-menu) { float: left; width: 50%; background: #7d698f; padding: 5px; }
	.menuBox:not(.mm-menu) ul { overflow: hidden; display: flex; justify-content: space-around; flex-flow: row wrap; }
	.menuBox:not(.mm-menu) ul li { font-size: 14px; text-transform: uppercase; }
	.menuBox:not(.mm-menu) ul li a { color: #fff; text-decoration: none; }
	.menuBox:not(.mm-menu) ul li.is-active a,.menuBox:not(.mm-menu) ul li a:hover { font-weight: bold; }
	.menuBox:not(.mm-menu).small { width: auto; background: none; padding: 0; }
	.menuBox:not(.mm-menu).small ul li { margin-right: 12px; }
	.menuBox:not(.mm-menu).small ul li a { display: block; padding: 5px; min-width: 150px; text-align: center; background: #b0b0b0; }
	.menuBox:not(.mm-menu).small ul li a:hover,.menuBox:not(.mm-menu).small ul li.is-active a  { background: #7D698F; }

/* ### content container ### */
#contentCntr { width: 100%; }

	/* ### home container ### */
	#homeCntr { padding-bottom: 85px; overflow: hidden; }
	#homeCntr .productBox { width: 51%; float: left; margin-bottom: -30px; }
	#homeCntr .productBox ul { margin-left: 0; }
	#homeCntr .productBox li { width: 50%; }

		/* ### slider box ### */
		.sliderBox { width: 49%; position: relative; float: left; }
		.sliderBox ul { list-style: none; }
		.sliderBox li { width: 100%; position: relative; }
		.sliderBox li img { width: 100%; }
		.sliderBox li a { text-decoration: none; color: #fff; }
		.sliderBox .text { position: absolute; bottom: 30px; left: 30px; z-index: 11; }
		.sliderBox p { font-size: 53px; color: #fff; text-transform: uppercase; margin-bottom: 10px; }
		.sliderBox .shop { display: inline-block; background: #7d698f; padding: 10px 20px; color: #fff; text-transform: uppercase; font-size: 15px; }
		.sliderBox .cycle-pager { position: absolute; bottom: 30px; right: 35px; z-index: 100; }
		.sliderBox .cycle-pager span { width: 15px; height: 15px; border-radius: 50%; border: 1px solid #fff; margin-left: 10px; cursor: pointer; float: left; text-indent: -9999px; }
		.sliderBox .cycle-pager span.cycle-pager-active { background: #fff; }

		/* ### product box ### */
		.productBox { width: 100%; }
		.productBox ul { overflow: hidden; margin-left: -30px; }
		.productBox li { float: left; width: 33.33%; padding-left: 30px; padding-bottom: 30px; position: relative; }
		.productBox li img { width: 100%; }
		.productBox li a { display: block; text-decoration: none; position: relative; min-height: 246px;}
		.productBox li figure { position: relative; }
		.productBox li span { display: inline-block; padding: 3px 10px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-size: 15px; color: #a789c0; font-weight: bold; background: #fff; white-space: nowrap; z-index: 10; }
		.productBox li del { color: #605f5f; }
		.productBox .overlay { width: 100%; height: 100%; background: rgba(105,98,127,0.85); position: absolute; bottom: 0; left: 0; display: none; }
		.productBox .overlay p { background: rgba(105,98,127,0.45); padding:5px;  width: 100%;}
		.productBox p { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; color: #fff; line-height: 30px; text-align: center; font-size: 14px; }
		.productBox p strong { display: block; font-size: 18px; }
		.productBox li a:hover .overlay { display: block; }
		.productBox .detail { position: static; text-align: center; transform: none; color: #434343; line-height: 20px; margin-top: 15px; }
		.productBox .tag { background: #e07070; position: absolute; top: 0; right: 0; padding: 5px 10px; font-size: 14px; text-transform: uppercase; z-index: 100; color: #fff; font-weight: bold; }

	/* ### school box ### */
		.schoolBox { padding-top: 90px; padding-bottom: 90px; overflow: hidden; background: url('../images/girls_homepage.jpg') no-repeat left; background-size: cover; margin-bottom: 65px; }
		.schoolBox .text { max-width: 60%; float: right; padding-right: 80px; }
		.schoolBox h1 { color: #fff; font-size: 27px; margin-bottom: 20px; font-weight: normal; }
		.schoolBox p { color: #fff; line-height: 22px; font-size: 13px; padding-bottom:10px; }
		.schoolBox  a { /*font-size:17px;*/ color: #fff; text-decoration: underline; }
		.schoolBox  a:hover { text-decoration: none; }

		/* ### text box ### */
		.textBox { padding-bottom: 60px; }
		.textBox .holder { padding: 0 90px; margin-right: -50px; overflow: hidden; }
		.textBox .column { width: 50%; padding-right: 50px; float: left; }
		.textBox h2 { font-size: 27px; font-weight: normal; color: #a78bc0; margin-bottom: 20px; }
		.textBox p { line-height: 23px; margin-bottom: 10px; }
		/*.textBox .more { text-transform: uppercase; font-weight: bold; text-decoration: none; color: #7d698f; }*/
		.textBox  a { /*text-transform: uppercase; font-weight: bold;*/ /*font-size:17px;*/ color: #7D698F; text-decoration: underline; }
		.textBox  a:hover { text-decoration: none; }
		

		/* ### spotlight box ### */
		.spotlightBox { padding-bottom: 50px; }
		.spotlightBox ul { overflow: hidden; margin: 0 -30px 30px 0; }
		.spotlightBox li { float: left; width: 33.33%; padding-right: 30px; }
		.spotlightBox li a { display: block; width: 100%; text-decoration: none; position: relative; }
		.spotlightBox li a img { width: 100%; }
		.spotlightBox li .title { position: absolute; bottom: 20px; left: 20px; }
		.spotlightBox li p { font-size: 32px; line-height: 33px; color: #fff; margin-bottom: 10px; background: rgba(0, 0, 0, 0.3); padding: 5px;}
		.spotlightBox .more { display: inline-block; padding: 5px 10px; background: #fff; color: #7d698f; text-transform: uppercase; font-weight: bold; }

		/* ### control box ### */
		.controlBox { padding-top: 10px; padding-bottom: 10px; overflow: hidden; }
		.controlBox .back { float: left; font-size: 13px; color: #7c7c7c; padding-left: 17px; background: url(../images/arrow-back.png) no-repeat left; text-decoration: none; margin-top: 5px; }
		.controlBox .back:hover { color: #7D698F }
		.controlBox .controls { float: right; }
		.controlBox .controls a.previous { text-indent: -9999px; float: left; width: 35px; height: 35px; background: url(../images/arrow-left.png) no-repeat; }
		.controlBox .controls a.next { margin-left: 8px; text-indent: -9999px; float: left; width: 35px; height: 35px; background: url(../images/arrow-right.png) no-repeat; }

		/* ### details box ### */
		.detailsBox { overflow: hidden; padding-bottom: 35px; }
		.detailsBox .gallery { float: left; width: 60%; padding-right: 35px; }
		.detailsBox .main { width: 100%; margin-bottom: 18px; position: relative; }
		.detailsBox .main ul { list-style: none; }
		.detailsBox .main li { width: 100%; }
		.detailsBox .main li a.zoom { cursor: -webkit-zoom-in; cursor: -moz-zoom-in;}
		.detailsBox .main li img { width: 100%; }
		.detailsBox .details { float: right; width: 40%; }
		.detailsBox .previous { width: 22px; height: 39px; background: url(../images/arrow-left1.png) no-repeat; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); z-index: 100; }
		.detailsBox .next { width: 22px; height: 39px; background: url(../images/arrow-right1.png) no-repeat; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); z-index: 100; }
		.detailsBox .thumb { overflow: hidden; }
		.detailsBox .thumb ul { overflow: hidden; }
		.detailsBox .thumb li { float: left; margin-right: 20px; }
		.detailsBox h1 { font-size: 28px; line-height: 40px; font-weight: normal; margin-bottom: 20px; }
		.detailsBox .price { font-size: 23px; color: #ab8cc0; margin-bottom: 20px; }
		.detailsBox .price del { color: #605f5f; }
		.detailsBox p { margin-bottom: 20px; line-height: 22px; }
		.detailsBox p a { color: #7D698F; text-decoration: underline; }
		.detailsBox p a:hover { text-decoration: none; }
		.detailsBox .description { /*min-height: 250px;*/ }
		.detailsBox .buttons { overflow: hidden; margin-bottom: 20px; }
		.detailsBox .buttons .button { float: left; font-size: 22px; background: #a789c0; text-align: center; width: 320px; line-height: 58px; text-transform: uppercase; color: #fff; text-decoration: none; margin-right: 40px; }
		.detailsBox .payments { width: 100%; margin-bottom: 50px; }
		.detailsBox .payments img { /*width: 100%;*/ }
		.detailsBox h5 { font-size: 20px; margin-bottom: 10px; }
		.detailsBox .status { width: 100%; overflow: hidden; }
		.detailsBox .status p { width: 90px; float: left; margin-top: 3px; }
		.detailsBox .bar { float: left; width: calc(100% - 200px); margin-right: 20px; height: 25px; background: #dadada; position: relative; }
		.detailsBox .bar .handle { width: 25px; height: 100%; background: #7d698f; position: absolute; }

		/* ### information box ### */
		.informationBox { overflow: hidden; padding-bottom: 30px; }
		.informationBox .holder { margin-right: -25px; }
		.informationBox .column { float: left; width: 33.33%; padding-right: 25px; }
		.informationBox h3 { font-size: 20px; margin-bottom: 15px; font-weight: normal; }
		.informationBox figure { margin-bottom: 20px; }
		.informationBox figure img { width: 100%; }
		.informationBox p { margin-bottom: 10px; line-height: 22px; }
		.informationBox .more { text-transform: uppercase; color: #7d698f; font-weight: bold; text-decoration: none; }
		.informationBox ul { overflow: hidden; margin-right: -15px; }
		.informationBox ul li { float: left; padding: 0 15px 15px 0; width: 33.33%; }
		.informationBox ul li a { display: block; text-decoration: none; }
		.informationBox ul li img { width: 100%; }

		/* ### left container ### */
		#leftCntr { width: 240px; padding-right: 35px; float: left; }

			/* ### filter box ### */
			.filterBox { width: 100%; }
			.filterBox .block { border-bottom: 1px solid #c2c2c2; padding: 10px 0; }
			.filterBox .title { font-size: 15px; color: #7d698f; font-weight: bold; background: url(../images/plus.png) no-repeat right; cursor: pointer; }
			.filterBox .title.is-active { background: url(../images/minus.png) no-repeat right; }
			.filterBox ul { list-style: none; display: none;  margin-top: 10px; }
			.filterBox li { font-size: 15px; margin-bottom: 10px; }
			.filterBox li a { text-decoration: none; color: #5d5d5d}
			.filterBox li label { padding-left: 32px; position: relative; display: block; cursor: pointer; }
			.filterBox li label img { display: inline-block }
			.filterBox li span { display: inline-block; }
			.filterBox li input { position: absolute; opacity: 0; }
			.filterBox li span:before { content: ''; width: 16px; height: 17px; border: 1px solid #717171; position: absolute; top: 0; left: 0; }
			.filterBox li input:checked + span:after { content: ''; width: 15px; height: 12px; background: url(../images/input-checked.png) no-repeat; position: absolute; top: 3px; left: 2px; }
			.filterBox li .check_color { padding-left: 22px; background-repeat: no-repeat; background-position-y: 5px;}
			.filterBox li .img_kbon { display: inline-block }
			.filterBox li .kbon_span { position: relative; bottom: 12px; display: inline-block; }

		/* ### right container ### */
		#rightCntr { width: calc(100% - 240px); float: left; }

			/* ### sort box ### */
			.sortBox { overflow: hidden; margin-bottom: 10px; }
			.sortBox .icon { float: left; width: 18px; height: 15px; background: url(../images/grid.png) no-repeat; margin-right: 10px; }
			.sortBox p { float: left; font-size: 12px; margin-right: 10px; }
			.sortBox ul { list-style: none; }
			.sortBox li { float: left; font-size: 12px; margin-right: 10px; }
			.sortBox li a { color: #434343; }
			.sortBox li a:hover,.sortBox li.is-activeX a { font-weight: bold; text-decoration: none; }
		
		.default_left { float: left; width: 64%; padding-bottom: 45px; }
		.default_left h1 { padding-bottom: 10px; margin-bottom: 16px; margin-right: -100px; width: 100%; position: relative; font-weight: normal; font-size: 20px; color: #999191; font-family: 'Open Sans', sans-serif; font-weight:300;  border-bottom: 1px solid #CCC5C5; }
		.default_left h2 { padding: 11px 0 6px 0; margin-bottom: 7px; color: #625d5d; font-size:19px; font-weight: normal; line-height: 25px; }
		.default_left h3 { padding: 11px 0 6px 0; margin-bottom: 7px; color: #625d5d; font-size:19px; font-weight: normal; line-height: 25px; }
		.default_left p { padding-bottom: 10px; line-height: 20px; }
		.default_left img { padding-right: 22px; /*float: left; width: 240px;*/}
		/*.makersBox .text2 { width:350px }*/
		.default_left .popup img { padding-right: 0px; float:none; }
		.default_left ul { list-style: none; }
		.default_left ol { list-style-type: decimal; margin-bottom:5px; } 
		.default_left li { padding-left: 10px; line-height: 27px; margin-bottom:5px; background: url('../images/dice.jpg') left 11px no-repeat; }
		.default_left ol li { list-style-type: decimal; padding-left: 5px; background:none; margin-left:26px; }
		.default_left ol li ul li { list-style-type: lower-alpha; padding-left: 5px; background:none; margin-left:20px; }
		.default_left ul li ul li { list-style-type: circle; padding-left: 5px; background:none; margin-left:20px; }
		.default_left li a { color: #817b7b; text-decoration: underline; }
		.default_left  a { /*font-size:17px;*/ color: #7D698F; text-decoration: underline; }
		.default_left  a:hover { text-decoration: none; }
		.default_left .extlink { float: none; padding: none; margin: 0px; display:inline; }
		.default_left .error { color:#900; padding-bottom:15px; }
		.default_left .paging { font-size: 18px}
		
		.default_right { float: left; width: 36%; padding-left: 45px; padding-bottom: 45px; /*border-bottom: 1px solid #CCC5C5;*/ }
		.default_right .aboutBox h2 { padding-bottom: 10px; margin-bottom: 16px; font-weight: normal; font-size: 18px; color: #625d5d; font-family: 'Open Sans', sans-serif; font-weight:300;  border-bottom: 1px solid #CCC5C5; }
		.default_right .aboutBox h3 { padding: 0px 0 6px 0; margin-bottom: 7px; color: #4e4e4e; font-size:17px; font-weight: normal; line-height: 20px; }
		.default_right .aboutBox p { padding-bottom: 15px; line-height: 120px; }
		.default_right .aboutBox ul { list-style: none; }
		.default_right .aboutBox li { padding-bottom: 18px; line-height: 20px; }
		.default_right .aboutBox a { font-size:15px; color: #817b7b; text-decoration: underline; }
		.default_right .aboutBox a:hover { text-decoration: none; }
		.default_right .aboutBox li a { font-size:17px; color: #999191; font-weight: bold; text-decoration: none; }
		.default_right .aboutBox li a:hover { text-decoration: underline; }
		
		
		.default_right .selectedBox { width: 331px; margin-top:3px; }
		.default_right .selectedBox .promo { width: 301px; line-height: 17px; font-size:14px; padding: 15px; margin-bottom: 18px; color:#FFF; background: url('../images/bg_promo.jpg') top no-repeat; background-color:#9573af; }
		.default_right .selectedBox .promo p { display: block; width: 200px; line-height: 120px; }
		.default_right .selectedBox .promo h4 { font-size:19px; padding-bottom:10px; }
		.default_right .selectedBox .promo a { text-decoration: underline; color: #ffffff;  }
		.default_right .selectedBox .promo a:hover { text-decoration: none; }
		
		.default_right .selectedBox #promo2 { background: url('../images/World_Map.png') top no-repeat; background-color:#9573af; min-height: 112px; }
		.default_right .selectedBox #promo3 { width: 100%; margin-bottom: 18px; height: 143px; background-color: #9573AF}
		
		.default_right .selectedBox h2 { padding-bottom: 10px; margin-bottom: 16px; font-weight: normal; font-size: 18px; color: #625d5d; font-family: 'Open Sans', sans-serif; font-weight:300;  border-bottom: 1px solid #CCC5C5; }
		.default_right .selectedBox h3 { padding: 11px 0 6px 0; margin-bottom: 7px; color: #4e4e4e; font-size: 18px; font-weight: normal; line-height: 30px; border-bottom: 1px solid #dadada; }
		.default_right .selectedBox .meest_bekeken { padding: 11px 0 6px 0; margin-bottom: 7px; color: #4e4e4e; font-size: 18px; font-weight: normal; line-height: 55px; border-bottom: 1px solid #dadada; }
		.default_right .selectedBox ul { list-style: none; }
		.default_right .selectedBox li { padding-bottom: 7px; margin-bottom: 10px; overflow: hidden; border-bottom: 1px solid #dadada; position: relative; }
		.default_right .selectedBox li a { display: block; text-decoration: none; color: #4e4e4e; }
		
		.default_right .selectedBox img { /*padding-right: 16px; float: left;*/ }
		.default_right .selectedBox strong { padding-right: 50px; display: block; line-height: 20px; color: #4e4e4e; font-size:15px; }
		.default_right .selectedBox em { padding: 5px 30px 8px 0; display: block; font-style: normal; color: #4e4e4e; font-size:14px; line-height: 18px; width:100%}
		.default_right .selectedBox em#mobile { display: none}
		.default_right .selectedBox span { width: 50%; float: left ; padding: 5px 30px 0 0; display: block; color: #999191; font-size:14px; font-style: italic; }
		.default_right .selectedBox span.price { padding: 0px; padding-left: 12px; width: 61px; height: 65px; line-height: 56px; color: #fff; text-align: left; font-size:12px; font-family: 'Open Sans', sans-serif; position: absolute; right: -4px; top: 0px; background: url('../images/right-span.jpg') no-repeat; }
		.default_right .selectedBox span.discount { padding-right: 0px; padding-left: 15px; width: 61px; height: 65px; line-height: 56px; color: #fff; text-align: left; font-size:12px; font-family: 'Open Sans', sans-serif; position: absolute; right: -4px; top: 0px; background: url('../images/thumb-discount.png') no-repeat; }
		
		.default_right .selectedBox span.price2 { padding: 0px; width: auto; line-height: 18px; color: #000; text-align: right; font-size:14px; font-family: 'Open Sans', sans-serif; position: absolute; right: 0px; top: 68px; }
		.default_right .selectedBox span.discount2 { padding: 0px; width: auto; line-height: 18px; color: #000; text-align: right; font-size:14px; font-family: 'Open Sans', sans-serif; position: absolute; right: 0px; top: 50px; }
		.default_right .selectedBox span#artisan { display: block; color: #999191; font-size:14px; font-style: italic; position: absolute; left: 135px; top: 62px; }
		.default_right .selectedBox span.discount2 del {font-size: 12px; color: #6d6d6d}
		.default_right .selectedBox span.discount2 em { padding: 0; display: inline-block; color: #9a6ab6; font-size:14px; line-height: 18px; width:auto }
		
		.default_right .selectedBox li:hover span.price, .selectedBox li.selected span.price { background: url('../images/right-span-hover.jpg') no-repeat; }
		.default_right .selectedBox em.new { padding: 0px 14px 0px 0px; text-decoration: none; position: absolute; width: 96px; line-height: 19px; color: #fff; font-size:16px; text-align: right; height: 23px; left: 0px; top: 61px; background: url('../images/right-png.png') repeat; }
		.default_right .selectedBox a:hover em.new, .selectedBox li.selected em.new { background: url('../images/right-png3.png') repeat; }
		
		
		/* ### shopping container ### */
		#shoppingCntr { padding-top: 10px; margin: 0 auto; width: 100%; }
		#shoppingCntr a.back { padding-left: 14px; color: #817b7b; text-decoration: underline; background: url('../images/back.jpg') left center no-repeat; }
		#shoppingCntr a.back:hover { text-decoration: none; }
		
			/* ### shopping box ### */
			.shoppingBox { padding: 35px 0 0px 0; margin-bottom: 15px; overflow: hidden; color: #787676; }
			.shoppingBox h2 { color: #625d5d; font-weight: normal; font-size: 20px; }
			.shoppingBox ul { padding: 7px 0; float: left; list-style: none; width: 100%; overflow: hidden; line-height: 18px; }
			.shoppingBox li { padding: 3px 0; text-align: left; min-height: 76px; width: 102.5px; float: left; border-top: 1px solid #d1cece; border-right: 1px solid #d1cece; }
			.shoppingBox li.height { min-height: 64px; border-right: none; width: 80px }
			.shoppingBox li.last { margin-top: -5px; margin-bottom: -50px; height: 1px; width: 99%; border-right: 1px solid #d1cece; background: #fff; }
			.shoppingBox li span { padding-top: 27px; display: block; padding-left:20px; }
			.shoppingBox li span div { font-size: 12px  }
			.shoppingBox li span strike { display: block; font-size: 12px  }
			.shoppingBox li span sub { font-size: 11px; background-color: #f26522;color: white;padding: 2px 3px;}
			.shoppingBox li span a { padding-left: 2px; }
			.shoppingBox li a.plus, shoppingBox li a.minis { width: 18px; height: 18px; display: inline-block; background: url('../images/plus.jpg') left center no-repeat; }
			.shoppingBox li a.minis { width: 18px; display: inline-block; background: url('../images/mins.jpg') left center no-repeat; }
			.shoppingBox li a.plus:hover { background: url('../images/plus-hover.jpg') left center no-repeat; }
			.shoppingBox li a.minis:hover { background: url('../images/minis-hover.jpg') left center no-repeat; }
			.shoppingBox li span a:hover { text-decoration: underline; }
			.shoppingBox li span a img { margin-bottom: -5px; display: inline-block; }
			.shoppingBox li.price { background: #ede6f2; border-right: none; width: 121px}
			.shoppingBox li.europePrice { border-right: none; border-left: none; background: #f3eff5; width: 121px; }
			.shoppingBox li.noBorder { padding-right: 1px; border-right: none; }
			.shoppingBox li.border { border-right: none; }
			.shoppingBox li.europe { border-left: none; width: 345px; text-align: left; }
			.shoppingBox li.europe p { font-size: 15px; padding: 8px 0 0 10px; }
			.shoppingBox li.total { text-align: right; width: 735px; min-height: 64px; border-right: none; }
			.shoppingBox li.total p, .shoppingBox li.price p { padding: 0 15px 0 10px; color: #999191; font-size:15px; }
			.shoppingBox li.total span, .shoppingBox li.price p.all span { margin-top: -10px; display: block; font-size:19px; font-weight: bold; }
			.shoppingBox li.total span, .shoppingBox li.price p.all { text-align: right }
			
			.shoppingBox li.first { clear: both; padding-right: 1px; width: 390px; color: #4e4e4e; text-align: left; }
			.shoppingBox li.first img { margin-right: 25px; border: 1px solid #f0ecec; float: left; }
			.shoppingBox li.first p { padding-top: 25px; font-weight: bold; color: #787676; }
			.shoppingBox li.second { width: 140px; }
			.shoppingBox li.second p { padding: 2px 10px; }
			.shoppingBox li a { color: #787676; text-decoration: none; }
			
			.shoppingBox .noprod { width:80%; border-right:0px; }
		
			.shoppingBox input[type="submit"].cart {color: #fff; cursor: pointer; font-size:19px; float: right; text-decoration: none; line-height: 33px; display: block; width: 234px; text-align: center; background: #9872b0 url('../images/cart.png') 8px center no-repeat;}
			.shoppingBox input[type="submit"].cart:hover{background-color: #8863a0; text-decoration: none}

			.shoppingBox a.cart { color: #fff; font-size:19px; float: right; text-decoration: none; line-height: 33px; display: block; width: 234px; text-align: center; background: #9872b0 url('../images/cart.png') 8px center no-repeat; }
			.shoppingBox a.cart span { display: block; background: url('../images/banner-a.png') 205px center no-repeat; }
			.shoppingBox a.continue { padding-right: 14px; margin: 16px 0px 0 673px; color: #817b7b; float: right; background: url('../images/continue.jpg') right center no-repeat; }
			.shoppingBox a.cart:hover { background-color: #8863a0; text-decoration: none }
			.shoppingBox a.continue:hover { text-decoration: none; }
			.shoppingBox a.del { margin-left: -14px; padding-right: 25px; float: left; display: block; height: 18px; line-height: 20px; clear: left; background: url('../images/del.png') no-repeat right top; }
			.shoppingBox a.del:hover { text-decoration: none; background-position: right bottom; }
			.shoppingBox a { color: #8f65aa; text-decoration: none; }
			.shoppingBox a:hover { text-decoration: underline; }
		
		/*afrekenen*/
		.loremBox { padding-bottom: 15px; width: 100%; border-bottom: 1px solid #CCC5C5; }
		.loremBox h2 { padding-bottom: 10px; font-weight: normal; font-size: 20px; color: #625d5d; font-family: 'Open Sans', sans-serif; font-weight:300;  border-bottom: 1px solid #CCC5C5; }
		.loremBox p { padding: 10px 5px; line-height: 18px; }
		
		/* ### checkout box ### */
		.checkoutBox { width: 80%; }
		.checkoutBox .left { width: 400px; float: left; }
		.checkoutBox .right { width: 400px; float: left; margin-left: 45px }
		/*.checkoutBox .border { border-right: 1px solid #CCCCCC; }*/
		.checkoutBox .none { display: none; }
		.checkoutBox .error { color:#900; padding-top:15px; }
		.checkoutBox h2 { padding-bottom: 10px; margin-bottom: 16px; font-weight: normal; font-size: 20px; color: #625d5d; font-family: 'Open Sans', sans-serif; font-weight:300;  border-bottom: 1px solid #CCC5C5; }
		.checkoutBox h2.billing { padding-bottom: 5px; margin: 15px 0px 22px 0px; }
		.checkoutBox .checkout { padding: 14px 24px 6px 13px; margin-bottom: 0px; background: #f3efef; }
		.checkoutBox h3 { padding-bottom: 8px; font-size:17px; color: #787676; border-bottom: 1px solid #CCC5C5; }
		.checkoutBox span { padding: 8px 0px; font-size:15px; color: #787676; display: block; }
		.checkoutBox label span { padding: 0px; }
		.checkoutBox p { padding-bottom: 5px; width: 100%; overflow: hidden; }
		.checkoutBox p.about { padding: 14px 0px 45px 0px; margin-top: 50px; width: 100%; overflow: hidden; border-top: 1px solid #CCC5C5; }
		.checkoutBox label { padding-bottom: 3px; font-size:15px; color: #787676; font-weight: bold; display: block; line-height: 21px; }
		.checkoutBox label.text { width: 100% !important; padding-top: 10px; line-height: 24px !important; font-size:15px; color: #787676; display: block; }
		.checkoutBox label.text_last { padding-top: 10px; width: 100%; height: 26px; font-size:15px; color: #787676; display: block; line-height: 21px; border-bottom: 1px solid #CCC5C5; }
		.checkoutBox label.address { padding: 10px 0px 14px 0px; width: 100%; font-size:15px; color: #787676; display: block; line-height: 21px; border-bottom: 1px solid #CCC5C5; }
		.checkoutBox label.keep { width: 80%; padding: 0px 0px 14px 0px; float: left; font-weight: normal; height: 35px; font-size:15px; color: #787676; display: block; line-height: 21px; }
		.checkoutBox a { font-size:15px; color: #787676; display: block; line-height: 21px; text-decoration: underline; float: left; }
		.checkoutBox a:hover { text-decoration: none; }
		.checkoutBox input.login { padding: 0px; font-size:17px; color: #807e7e; cursor: pointer; text-align: left; width: 60px; height: 20px; float: left; border: none; background: none; }
		.checkoutBox input { padding: 3px 5px 3px 5px; margin-right: 13px; width: 100%; height: 15px; border: 1px inset #cccccc; float: left; }
		.checkoutBox input[type='radio'] { width: 30px;margin-top: 5px; }
		.checkoutBox input.field { padding: 3px 5px 3px 5px; margin-right: 13px; width: 100%; height: 28px; float: none; border: 1px solid #6a6a6a; background: #fff;}
		.checkoutBox select { margin-right: 13px; width: 100%; height: 30px; border: 1px solid #6a6a6a; }
		.checkoutBox span.delivery { width: 100%; padding: 40px 0px 4px 0px; font-size:15px; color: #787676; font-weight: bold; display: block; border-bottom: 1px solid #CCC5C5; }
		.checkoutBox input.radio { padding: 0px; margin: 4px 5px 0px 0px; width: 12px; height: 12px; float: left; border: none; background: none; }
		.checkoutBox input.check { padding: 0px; margin: 4px 5px 0px 0px; width: 16px; height: 16px; float: left; border: none; background: none; }
		.checkoutBox input.button { line-height: 22px; padding-left: 40px; margin: 0px; text-align: left; width: 182px; height: 31px; font-size:19px; color: #fff; text-decoration: none; cursor: pointer; display: block; float: right; border: none; background: url('../images/checkout.png') no-repeat left top; }
		.checkoutBox input.button:hover { background-position: left bottom; }
		.checkoutBox .textarea { border:1px solid #6a6a6a; width:100%; height:80px; }
		.checkoutBox em { position: relative; display: block; width: 100%; height: 36px; font-style: normal; margin-top: 3px; }
		
		
		/* blog */
		.default_left .projectBox { clear: both }
		.default_left .img img { float: left; width: 50%;}
		.default_left .blogimg { float: left; width: 240px !important;}
		.default_left .blogblok {background-color:#F3EFEF; padding:10px; margin-left:260px;}
		
		
		
		/* ### makers box ### */
		.makersBox { width: 100%; overflow: hidden; }
		.makersBox .item {clear:both; margin-bottom:20px; height:auto; }
		.makersBox.about{ width:100%}
		.makersBox .text { padding: 0 15px; float: left; margin-left: 15px; width: 300px; height:145px; overflow: hidden; background: #f3efef; }
		.makersBox .text2 { float: right; padding: 10px 10px 0px 10px; margin-bottom:15px; width: 60%; overflow: hidden; background: #f3efef; }
		.makersBox .text2.about {width:50%; float:left; cursor:pointer; padding: 20px;}
		.makersBox .text .maker { padding-top: 5px; font-weight:bold; font-size:17px; }
		.makersBox .ontm_makers { padding: 8px 0 6px 0; margin-bottom: 8px; line-height: 30px; color: #625d5d; font-size: 18px; font-weight: normal; font-family: 'Open Sans', sans-serif; font-weight:300;  border-bottom: 1px solid #dadada; }
		.makersBox .text2 img { margin-right: 0px; float: none; width: 100% }
		.makersBox img {width: 100%; }
		.makersBox .ontmoet { width: 180px;}
		.makersBox .placer_image { width:118px; float:left; height:92px; background-color:#e1dddd; }
		.makersBox .placer_image.about {width:300px;height:118px;cursor:pointer}
		.makersBox p { width: 100%; line-height: 23px; color: #787676; }
		.makersBox a {  text-decoration: none; color: #787676; /*background: url('../images/maker-a.jpg') right center no-repeat; */}
		.makersBox a.foto {width: 38%; display: block;float:left; margin-bottom: 35px; margin-right: 2%;}
		.makersBox a.nobg { padding:0px; text-decoration:none; background: none; display: inline-block; width: 50%; float: left; padding-right: 25px; padding-bottom: 45px; }
		.makersBox .text2 a { font-size: 13px; padding: 0px; text-decoration: underline; color: #787676; background:none }
		.makersBox a:hover { text-decoration: none; }
			

	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; }
	#footerCntr .top { background: #40364a; padding-top: 30px; padding-bottom: 30px; overflow: hidden; }
	#footerCntr .column { float: left; width: 22%; }
	#footerCntr .column.contact { width: 34%; }
	#footerCntr .top .title { font-size: 12px; font-weight: bold; color: #fff; margin-bottom: 10px; }
	#footerCntr .top li { line-height: 19px; }
	#footerCntr .top li a { color: #fff; text-decoration: none; }
	#footerCntr .top li a:hover { text-decoration: underline; }
	#footerCntr fieldset { border: 0; margin-bottom: 25px; }
	#footerCntr input { width: calc(100% - 62px); background: #fff; height: 36px; line-height: 36px; color: #b0b0b0; font-weight: bold; border: none; float: left; padding: 0 15px; }
	#footerCntr button { width: 62px; text-align: center; background: #7d698f; height: 36px; font-size: 12px; cursor: pointer; border: 0; float: left; color: #fff; }
	#footerCntr p { color: #fff; margin-bottom: 10px; }
	#footerCntr .social { overflow: hidden; }
	#footerCntr .social li { display: inline-block; vertical-align: middle; color: #fff; margin-left: 15px; }
	#footerCntr .bottom { background: #dfdedf; padding-top: 10px; padding-bottom: 10px; overflow: hidden; }
	#footerCntr .bottom .wwk { float: left; max-width: 80%} 
	#footerCntr .logo { float: left; }
	#footerCntr .logo img { display: inline-block; max-width: 100%; }
	#footerCntr .right { float: right; }
	#footerCntr .payment { margin-bottom: 10px; margin-top:5px; }
	#footerCntr .right p { float: right; color: #605f5f; font-weight: bold; }


/*skillbar detail page*/
.skillbar_name { float: left; width: 95px; clear: both}

.skillbar {
  font-family: 'Open Sans', 'sans-serif';
	position:relative;
	display:block;
	margin-bottom:15px;
	width:73%;
	background:#eee;
	height:23px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}


.skillbar-title {
	position:absolute;
	top:0;
	left:0;
	font-weight:bold;
	font-size:13px;
	color:#fff;
	background:#6adcfa;
	-webkit-border-top-left-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-bottomleft:2px;
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
}

.skillbar-title span {
	display:block;
	background:rgba(0, 0, 0, 0.1);
	padding:0 0px;
	height:23px;
	line-height:23px;
	-webkit-border-top-left-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-bottomleft:2px;
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
}

.skillbar-bar {
	height:23px;
	width:0px;
	background:#6adcfa;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:13px;
	font-weight: bolder;
	height:23px;
	line-height:23px;
	color:#444;
	color:#505050;
}





/* #Media Queries
================================================== */

@media only screen and (max-width: 1170px) {
	.centered { padding-right: 20px; padding-left: 20px; }
	#headerCntr .logo { margin: 25px 0 0 0px; }
	#headerCntr .cart { margin-right: 20px; }
	.sliderBox p { font-size: 40px; }
	.spotlightBox li p { font-size: 25px; }
	.menuBox:not(.mm-menu).small { padding-left: 20px; }
	#headerCntr .help.sub { position: absolute; left: 344px; }
	
	.checkoutBox .right,.checkoutBox .left { width: 300px; }
}

@media only screen and (max-width: 979px) {
	.sliderBox { width: 100%; margin-bottom: 20px; }
	#homeCntr .productBox { width: 100%; }
	#homeCntr .productBox ul { margin-left: -20px; }
	#homeCntr .productBox li { padding-left: 20px; }
	.textBox .holder { padding: 0; }
	#homeCntr { padding-bottom: 20px; }
	.spotlightBox ul { margin: 0 -20px 20px 0; }
	.spotlightBox li { padding-right: 20px; }
	.schoolBox { margin-bottom: 20px; }
	.textBox { padding-bottom: 30px; }
	.spotlightBox { padding-bottom: 20px; }
	.spotlightBox li p { font-size: 20px; }
	#footerCntr .logo { width: 100%; text-align: center; }
	#footerCntr .right { width: 100%; text-align: center; }
	#footerCntr .payment { float: none; width: 100%; text-align: center; }
	#footerCntr .payment img { display: inline-block; }
	#footerCntr .right p { width: 100%; float: none; }

	.detailsBox .description { min-height: auto; }
	.productBox ul { margin-left: -20px; }
	.productBox li { width: 50%; padding-left: 20px; }
	.detailsBox .buttons .button { width: 100%; }
	.skillbar { width: 50% }
	
	#shoppingCntr { width: 720px; }
	.shoppingBox li.first p { padding-top: 15px; }
	.shoppingBox li span { padding-top: 17px;}
	.shoppingBox li.first { width: 328px;  }
	.shoppingBox li.second { display: none; }
	.shoppingBox li { width: 81.5px;}
	.shoppingBox li.first.height {width: 128px; display: none;}
	.shoppingBox li.europe { width: 491px;}
	.shoppingBox a.del{ margin-left: 0px;}
	.shoppingBox li.total {width: 491px;}
	.shoppingBox li.last.border { width: 693px;}
	.shoppingBox a.continue { margin: 16px 0px 0 573px; }
	.shoppingBox .noprod { width:96%;}
	
	.checkoutBox { width: 100%; }
}

@media only screen and (max-width: 767px) {
	.menuBox:not(.mm-menu) { display: none; }
	.help { display: none }
	#headerCntr .mobileMenu { display: block; position: absolute; top: 20px; right: 5px; }
	#headerCntr .language { position: absolute; top: 0; right: 0; }
	#headerCntr .features { width: 100%; }
	#headerCntr .features li { padding-left: 25px; margin-left: 12px; }
	#headerCntr .logo { margin-top: 60px; }
	#headerCntr .details { width: 100%; }
	#headerCntr .logoWK { display: none; }
	#headerCntr .details { padding-left: 20px; }
	.schoolBox .text { max-width: 100%; float: none; padding-right: 0; }
	.textBox .holder { margin-right: 0; }
	.textBox .column { width: 100%; padding-right: 0; margin-bottom: 20px; }
	.textBox h2 { margin-bottom: 10px; }
	.spotlightBox li { width: 50%; margin-bottom: 20px; }
	#footerCntr .column { width: 50%!important; margin-bottom: 20px; }
	.informationBox .column { width: 100%; margin-bottom: 20px; }
	#leftCntr { width: 100%; padding-right: 0; margin-bottom: 30px; }
	#rightCntr { width: 100%; }
	.skillbar { width: 50% }
	
	.default_right { display: none }
	.default_left { width: 100% }
	
	#shoppingCntr { width: 100%; }
	.shoppingBox li.first p { padding-top: 15px; }
	.shoppingBox li span { padding-top: 17px;}
	.shoppingBox li.first { width: 228px;  }
	.shoppingBox li.second { display: none; }
	.shoppingBox li.price, .shoppingBox li.europePrice { width: 108px}
	.shoppingBox li.border { width: 70px;}
	.shoppingBox li.stuksprijs { display: none}
	.shoppingBox li span { padding-left: 5px;}
	.shoppingBox li { width: 80px; min-height: 96px;}
	.shoppingBox li.first.height {width: 128px; display: none;}
	.shoppingBox li.europe { width: 298px; clear: both;}
	.shoppingBox a.del{ margin-left: 0px;}
	.shoppingBox li.total {width: 298px; clear: both}
	.shoppingBox li.last.border { width: 512px;}
	.shoppingBox a.continue { margin: 16px 0px 0 400px; }
	.shoppingBox .noprod { width:80%;}
	
	.checkoutBox .right,.checkoutBox .left { width: 400px; }
	.checkoutBox .right { float: none; clear: both; padding-top: 25px; margin-left:0px;}
	.checkoutBox input.button { float: none;margin-bottom: 15px;}
	/*.checkoutBox input.button { clear: both; float: none; position: relative; top:43px; }
	.checkoutBox label.keep { bottom: 40px;float: none;position: relative;}*/
}

@media only screen and (max-width: 551px) {
	.detailsBox .gallery { width: 100%; padding-right: 0; margin-bottom: 20px; }
	.detailsBox .details { width: 100%; }
	.skillbar { width: 90% }
	
	#shoppingCntr { width: 100%; }
	.shoppingBox li.first p { padding-top: 15px; }
	.shoppingBox li.first img { display: none}
	.shoppingBox li span { padding-top: 17px;}
	.shoppingBox a.cart { margin-top: 7px;}
	.shoppingBox li.first { width: 112px;  }
	.shoppingBox li.second { display: none; }
	.shoppingBox li.price, .shoppingBox li.europePrice { width: 100px; min-height: 123px;}
	.shoppingBox li.europe input {width:137px; margin-bottom: 10px;}
	.shoppingBox li.border { width: 60px;}
	.shoppingBox li.stuksprijs { display: none}
	.shoppingBox li span { padding-left: 5px;}
	.shoppingBox li { width: 80px; min-height: 115px;}
	.shoppingBox li.first.height {width: 128px; display: none;}
	.shoppingBox li.europe { width: 172px;}
	.shoppingBox a.del{ margin-left: 0px;}
	.shoppingBox li.total {width: 172px;}
	.shoppingBox li.last.border { width: 354px;}
	.shoppingBox a.continue { margin: 16px 0px 0 200px; }
	.shoppingBox li.europe p{font-size: 12px}
	
	.default_left .blogblok { width: 94%; margin-left: 0px; margin-top: 15px; }
	.default_left .blogimg { float: none}
	.default_left .projectBox { width: 98% }
	.default_left .img img { width: 98% !important}
	
	.makersBox a.nobg { padding: 0px;}
	.makersBox a.nobg, .makersBox .text2.about {width: 100%;}

}

@media only screen and (max-width: 460px) {
	#headerCntr .logo p { display: none; }
	#headerCntr .features li { padding-left: 20px; background-size: 15px; margin-left: 5px; background-position: center left; }
	.sliderBox p { font-size: 20px; }
	.sliderBox .text { bottom: 60px; }
	#homeCntr .productBox li { width: 100%; }
	.productBox li { padding-bottom: 20px; }
	#footerCntr .column { width: 100%!important; }
	.detailsBox .status p:last-of-type { display: none; }
	.detailsBox .status p { width: 100%; margin-bottom: 10px; }
	.detailsBox .bar { width: 100%; margin-bottom: 20px; }
	.productBox li { width: 100%; }
	.spotlightBox li { width: 100%; }
}