@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800,900");

/*
	Future Imperfect by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Reset */

	html, body, iframe, form  {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	.price {
		color:teal;
		font-weight: 600;
	}

	.price::after {
		vertical-align:super;
		content: '';
		color:#aaa;
		font-size:0.7em;
	}


	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

#dwindow {
	position: fixed;
	margin: 0 auto;
	display: none;
	z-index: 99999999;
	background-color: transparent;
	width: 100%;
	height: 100%;
	-moz-transition: all .1s ease-out;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

#chatBoard {
	position: fixed;
	margin: 0 auto;
	bottom: 0;
	display: inline-table;
	z-index: 1000;
	background-color: transparent;
	width: 100%;
	max-width: 350px;
	height: 0;
	max-height: 500px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.chatBoardPage {
	padding: 20px 10px 0 10px;
	color: white;
	background-color: #212121;
	font-size: 1em;
	height: 100%;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-top: 1px solid #808080;
	border-right: 1px solid #808080;
	border-left: 1px solid #808080;
}

#cframe {
	height: 100%;
	padding: 5px;
	position: fixed;
	z-index: 55;
	border: 0;
	max-width: 350px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.padding20 {
	padding: 20px;
}

.href {
	cursor:pointer;
}
.fullcell {
	max-width: 99.7%;
	width: 100%;
}

.centeredcell {
     margin: 0 auto;
     text-align: center;
}

.half {
    max-width: 49.7%;
	display:inline-block;
}

.greybg {
    background-color:#f9f9f9;
}

.vorigeprijs {
	text-decoration: line-through;
	color: #aa5b5b;
}

.image66 img {
	display: inline-block;
	margin: 0 10px 10px 0;
}
.onehalf {
	max-width: calc(50% - 25px);
	width: 100%;
	margin:0 20px 20px 0;
	display:inline-block;
	vertical-align:top;
}

.onefourth {
	max-width: 25%;
	width: 100%;
}

.threeforth {
	max-width: 74%;
	width: 100%;
}

.onethird {
	max-width: 33%;
	width: 100%;
}

.twothird {
	max-width: 66%;
	width: 100%;
}

.onethird, .twothird, .onefourth, .threeforth, .half, .fullcell {
	padding: 15px;
	vertical-align: top;
	display: inline-block;
}

    .homepage {
        background: transparent url(../../images/home/000.jpg);
        max-width: calc(100% - 20px);
        padding: 120px;
        margin-bottom: 25px;
        background-size: cover;
        background-position: center;
    }

.chatroom {
	max-height: 365px;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	border: 1px solid #ddd;
	padding: 4px 10px;
	z-index: 10;
}

.darkpopup {
	max-width: 320px;
	width:100%;
	margin-top: 10%;
	margin-bottom: 10%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	border: 3px solid #454545;
	background-color: #212121;
	color: white;
	position: relative;
}

.darkbodem {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 10px 0;
	left: 0px;
	text-align: center;
	background-color: #2e2e2e;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
}

.darkButton {
	background-color: #000;
	color: #ddd;
	padding: 8px 12px;
	margin: 0 0 5px 0;
	font-size: 0.9em;
	display: inline-block;
	cursor: pointer;
	border-radius: 8px;
	border: 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
	.darkButton:hover {
		background-color: #808080;
	}

.onzichtbaar {
	opacity: 0;
	display: none;
	height: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.zichtbaar {
	opacity: 1;
	display: block;
	height: 100%;
}


#nocookies {
    display:none;
}

.greenButton {
	background-color: #7ac142;
	color: #fff;
	padding: 10px;
	font-size: 0.9em;
	width: auto;
	cursor: pointer;
	border: 3px solid #dadada;
	border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
}

#searchBoxShop1 {
	position: absolute;
	display: none;
	background: #212121;
	width: fit-content;
	padding: 25px 25px 35px 25px;
	top: 70px;
	right: 1px;
	left: 1px;
	z-index:999;
}

.cartproduct {
	background-color: #fff;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	display: inline-block;
	border: 1px solid #dadada;
}

.cartproductdetail {
	text-align: left;
	padding: 10px;
	display: flex;
}

.cartproductdetail1 {
	text-align: left;
	padding: 5px;
}

.cartproductthumb {
	max-width: 180px;
	width: 100%;
	float: left;
	padding:5px 25px 0 0;
}


#portable {
	display: none;
}
#searchBoxShop1 div {
	border-bottom: 1px dotted #aaa;
	padding-bottom: 3px;
}

#searchBoxShop1 a {
	color: #f0f0f0;
}

#searchBoxShop1 a:hover {
	color: #0192b5;
	text-decoration:none;
}

.homepage #slogan {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 1.2em;
	color:#d81b4f;
}

fieldset {
    border-color: #dadada;
    border-width:1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.searchField1 {
	padding: 10px 0 10px 35px;
	border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	overflow: hidden;
	width: 200px;
	height: 34px;
	line-height: 150%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 0;
	background: url(../../images/magnify.png) no-repeat;
	background-color: white;
	background-position: right;
}


.detailspageLinks {
    line-height: 150%;
    min-height: 100%;
    background-color: #f0f0f0;
    position: relative;
    max-width: 200px;
    min-height: 100%;
    display: inline-block;
    float: left;
    font-size: 0.9em;
}

.detailspageRechts {
    padding-left: 30px;
    width: calc(100% - 270px);
    max-width: 1000px;
    margin: 5px 0 0 5px;
    min-height: 100%;
    display: inline-block;
}


#productspage {
    background-color: #f0f0f0;
    margin: 0 auto;
    display: inline-table;
    width: 100%;
}

.greenborder {
    border: 1px solid #d9e4d9;
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}
.pthumbnail {
    padding: 10px;
    background-color: white;
}

.raster {
	background-color: #d0d0d0;
	display: inline-grid;
	cursor: pointer;
}

.listthumbnail {
	padding: 10px;
	background-color: white;
	max-width: 250px;
}

.listSmallthumbnail {
	padding: 0px;
	background-color: white;
	max-width: 100px;
}

.productname {
    font-size: 1.2em;
    color: black;
    text-transform: capitalize;
    font-weight: bold;
}

.productstitle {
    background-color: #fafaf8;
    border-bottom: 1px solid #dadada;
    padding: 10px;
    color: #454545;
    font-size: 0.9em;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
}

.goButton {
	background-color: #eee;
	color: #666;
	padding: 8px;
	font-size: 0.8em;
	width: auto;
	cursor: pointer;
	margin-right: 10px;
	border: 1px solid #dadada;
	border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
}

.whiteButton {
    background-color: #fff;
    color: #666;
    padding: 10px;
    font-size: 0.9em;
    width: auto;
    cursor: pointer;
    border: 3px solid #dadada;
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
}

.smallwhiteButton {
	background-color: #fff;
	color: #666;
	padding: 8px 15px;
	font-size: 1em;
	cursor: pointer;
	border: 1px solid #dadada;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

    .smallwhiteButton:hover {
        background-color: #f9f9f9;
    }


.categorieButton {
	/*background-color: #fff;*/
	color: #7c7c7c;
	padding: 10px 15px;
	font-size: 1em;
	cursor: pointer;
/*	border: 1px solid #f0f0f0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
*/	display: inline-block;
	font-weight: 600;
	margin: 5px;
	max-width:99%;
	vertical-align:top;
}


#bodyDiv {
    background-color:white;
    padding:1em;
}

.border {
    border:1px solid #ddd;
}

.tabBody {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding:20px;
}


.designMenu {
	border: 2px solid #eee;
	padding:5px 15px;
}

.borderbottom {
    border-bottom-width: 1px;
    border-bottom-color: #aaa;
    border-bottom-style: dotted;
}

.borderLeft {
	border-left-width: 1px;
	border-left-color: #aaa;
	border-left-style: dotted;
}

.strong {
	font-weight:600;
}

.paddingbottom {
    padding-bottom: 20px;
}

.paddingleft {
	padding-left:15px;
}
.paddingtop {
	padding-top: 10px;
}

.paddingright {
	padding-top: 20px;
}

.marginright {
	margin-right:20px;
}
.marginleft {
	margin-right: 20px;
}
.marginTop {
	margin-top: 20px;
}

.red {
	color: #ff0000;
}

.white {
    color: #ffffff;
}

.black {
    color: #000;
}

.bblue {
    color: #003399;
}

.grey {
    color: #b9b9b9;
}

.blue {
    color: #0192b5;
}

.green {
    color: #599301;
}

.orange {
    color: #ce872b;
}

.underline {
    border-bottom: 1px solid #f0f0f0;
}

.overline {
    border-top: 1px solid #f0f0f0;
}

.larger {
	font-size: larger;
}

.large {
	font-size: large;
}

.smaller {
    font-size: 0.8em;
}

.smallblue {
    color: #0192b5;
    font-size: 0.9em;
}

.smallblack {
    color: #212121;
    font-size: 0.9em;
}

.smallgrey {
    color: #9d9d9d;
    font-size: 0.9em;
}

.tiny {
    font-size: 0.7em;
}

.darkgrey {
    color: #868686;
}

.lightbackground {
    background-color: #f0f0f0;
}

.teal {
    color: teal;
}

.indent20 {
    padding-left: 20px;
}


.simple {
    float: left;
    display: table;
}


.bordertop {
	border-top-width: 1px;
	border-top-color: #c1c1c1;
	border-top-style: dotted;
}

.rightborder {
	border-width: 0px 1px 0px 0px;
	border-color: #000;
	border-style:dotted;
}

.leftborder {
	border-left-width: 1px;
	border-left-color: #000;
	border-left-style:dotted;
}

.right {
	float:right;
}

.products {
	display: inline-block;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	line-height: normal;
	padding: 15px;
	max-width: 230px;
	width: 100%;
	text-align: center;
	vertical-align: top;
	margin: 10px 10px 0 0;
	border: 1px dotted #aaa;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

	.products:hover {
		box-shadow: 0 7px 14px rgba(0, 0, 0, 0.15), 0 5px 5px rgba(0, 0, 0, 0.10);
	}


.productdescription {
	line-height: 125%;
	word-wrap:normal;
}

.frame {
    padding:0 30px;
    vertical-align:top;
	line-height:initial;
}

#extender .frame a {
    font-size:0.8em;
    font-weight:600;
    text-transform:uppercase;
}

#extender .icons a {
    font-size: 1.1em;
}

.orderBody {
	color: #212121;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #dadada;
	margin-bottom: 20px;
	padding: 10px 0 10px 10px;
	font-size: 0.9em;
}

.orderTitle {
	background-color: #f0f0f0;
	color: #454545;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #dadada;
	padding: 10px 0 10px 10px;
}
/* Basic */

	@-ms-viewport {
		width: device-width;
	}


body {

	-ms-overflow-style: scrollbar;
}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Type */

	body {
		color: #646464;
		font-family: "Source Sans Pro", Helvetica, sans-serif;
		font-size: 1em;
		font-weight: 400;
		line-height: 1.75;
	}

a:focus, a:active {
	outline: none;
}

	a {
		-moz-transition: color 0.2s ease, border-bottom-color 0.2s ease;
		-webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
		-ms-transition: color 0.2s ease, border-bottom-color 0.2s ease;
		transition: color 0.2s ease, border-bottom-color 0.2s ease;
		/*border-bottom: dotted 1px rgba(160, 160, 160, 0.65);*/
		color: inherit;
		text-decoration: none;
	}


		a:before {
			-moz-transition: color 0.2s ease;
			-webkit-transition: color 0.2s ease;
			-ms-transition: color 0.2s ease;
			transition: color 0.2s ease;
		}

		a:hover {
			/*border-bottom-color: transparent;*/
            text-decoration:underline;

		}

    .normal {
        line-height:normal;
    }

	strong, b {
		color: #3c3b3b;
		font-weight: 700;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2em 0;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	blockquote {
		border-left: solid 4px rgba(160, 160, 160, 0.3);
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		background: rgba(160, 160, 160, 0.075);
		border: solid 1px rgba(160, 160, 160, 0.3);
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}

		pre code {
			display: block;
			line-height: 1.75em;
			padding: 1em 1.5em;
			overflow-x: auto;
		}

	hr {
		border: 0;
		border-bottom: solid 1px rgba(160, 160, 160, 0.3);
		margin: 1em 0;
	}

		hr.major {
			margin: 3em 0;
		}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}
.clearfix {
	clear:both;
}



#extender {
	background-color: #d9d9d9;
	padding: 20px;
	width: 100%;
	display: inline-block;
}
	
#extender #footer {
	padding:30px 0;
	max-width:900px;
}

.kolom2 {
	column-count: 2;
	column-gap: 20px;
}
.kolom3 {
	column-count:3;
}
.kolom5 {
	column-count:5;
	column-gap:20px;
}

.profilesPage {
	max-width: 100%;
	margin: 0 auto;
	background-color: #fff;
}

.boxTitle {
	border-top: 1px solid #ddd;
	border-top-left-radius: 5px;
	padding: 5px 10px;
	background-color: #f9f9f9;
	font-size: 1.1em;
	font-weight: 600;
	border-top-right-radius: 5px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.boxBody {
	border-bottom: 1px solid #ddd;
	padding: 10px;

	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	vertical-align: top;
}

.itemTemplate {
	position: relative;
	display: inline-block;
	border: 1px solid #dadada;
	border-radius: 5px;
}

.grid-container {
	display: grid;
	grid-template-columns: 1fr 1fr; /* Defines two equal columns */
	gap: 16px; /* Adds spacing between items */
}
.CatItems {
	display:flow;
	max-width:300px; width:100%;
	vertical-align:top;
}

.popup {
	background-color: #666;
	padding: 20px;
	width: max-content;
	min-width: inherit;
	max-width: 200%;
	border: 5px solid #fff;
	vertical-align: top;
	position: absolute;
	right: 0;
	top:50px;
	z-index: 1;
}
.popup a {
	color:white;
}
.popup a:hover {
	text-decoration:none;
	color:#c1cfe0;
}


.smallbluebutton
{
	max-width:200px;
	padding:10px 15px;
	color:#000;
	background-color:#34a8c4;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-width:0px;
	cursor:pointer;
	margin:10px 0;
	-moz-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

.smallbluebutton:hover {
	background-color:#c4e5ed;
	-moz-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	transition: all .1s ease-in;
}

.pagingButton {
	background-color: #fff;
	color: #666;
	padding: 5px 10px;
	display: inline-block;
	cursor: pointer;
	margin-bottom: 5px;
	border: 1px dotted #aaa;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.pagingButton:hover {
	background-color: #e0e0e0;
}

.firstNextButton {
	background-color: #f9f9f9;
	color: #3a508e;
	padding: 7px;
	font-size: smaller;
	font-weight:600;
	display: inline-block;
	cursor: pointer;
	margin-bottom: 5px;
	border: 1px dotted #aaa;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.go {
    padding: 5px;
    color: #fff;
    background-color: #34a8c4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-width: 0px;
    cursor: pointer;
    margin: 10px 0;
    -moz-transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}


.pdesc {
	max-width: 250px;
	padding: 5px;
	color: #454545;
	font-size:0.9em;
}

.floatLeft {
	float:left;
}
.floatRight {
	float: right;
}

	.paginate
	{
		font-size: 0.8em; 
		padding:5px 10px 5px 10px;
		color:#749b47;
		background-color:#eaf2e1;
		border:1px solid #dadada;
		border-radius: 4px; 
		margin-top:3px;
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;
		cursor:pointer;
		display:inline-block;
	}

.paginate:hover {
	background-color:#eee;
}

.firsthalf, .secondhalf {
	float:left; 
	width:100%; 
}

.firsthalf {
	margin-right:30px;
	max-width:calc(50% - 50px); 
}
.secondhalf {
	max-width:calc(50% - 10px);
}

.whitebg {
	background-color:white;
}

.formfield, .formfieldnumeric, .formfieldDark {
	border: 1px solid #dadada;
	max-width: 350px;
	width: 100%;
	color: #456aa8;
	padding: 9px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.formfield, .formfieldDark, .formfieldnumeric {
	max-width: 100%;
	width: 95%;
	padding: 5px 0 5px 10px;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.formfield {
	background-color: #f9f9f9;
	color: #456aa8;
	border: 1px solid #dadada;
	outline: none;
	font-size:1.0em;
	padding: 5px;
}

.formfieldDark {
	border: 1px solid #999;
	background-color: #666;
	color: #f0f0f0;
	padding:5px 10px;
}




.hidden {
	display:none;
}

.rounded5 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.roundedCircle {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.rounded10 {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

	.title {
		font-weight:600;
		font-weight:bold;
	}
	.subtitle {
		font-size:1.2em;
		color:#979797;
		font-weight:bold;
	}
	.largeTitle {
		font-size:1.4em;
		color:#353535;
	}

.ads {
/*	padding: 10px;
	margin: 0 20px 10px 0;
	background-color: transparent;
	height: 70px;
*/	float: left;
	/*position:relative;*/
}

/* Form */

	form {
		margin: 0 0 2em 0;
	}


	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before {
			color: rgba(160, 160, 160, 0.3);
			content: '\f078';
			display: block;
			height: 2.75em;
			line-height: 2.75em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 2.75em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}


/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

		.icon.suffix:before {
			float: right;
		}


	dl {
		margin: 0 0 2em 0;
	}

		dl dt {
			display: block;
			font-weight: 700;
			margin: 0 0 1em 0;
		}

		dl dd {
			margin-left: 2em;
		}



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

            .smallbluebutton {
                padding: 5px 10px;
                font-size:0.9em;
            }

		}

/* Section/Article */

	section.special, article.special {
		text-align: center;
	}



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

	.cbp-hrmenu > ul > li > a {
		padding: 0em 10px;
	}

	#header .links ul li a {
		letter-spacing:normal;
	}
}



@media screen and (min-width: 200px) and (max-width: 770px) {

	#header .links {
		display: none;
	}

	#header {
		/*line-height: 2.75em;*/
	}

	#header a img {
		width: 100%;
		margin:0 20px 0 0;
		border-bottom:5px solid white;
	}

	#header .main {
		display: block;
	}

	.onethird, .twothird, .onefourth, .threeforth, .half, .onehalf, .detailspageLinks, .detailspageRechts, .query {
		max-width: 100%;
	}

	.image66 img {
		width:100%;
	}

	.detailspageLinks, .detailspageRechts {
		width:100%;
	}

	#bodyDiv {
		margin-top: 20px;
	}

	nav .search {
		margin: 0 0 0 0;
		vertical-align: top;
		display: ruby-text;
	}
	.searchField1 {
		width:150px;
	}
	#header {
		text-align: center;
	}

	#header .logo {
		border-bottom: 1px dotted white;
		margin: 10px auto;
		float: none;
		max-width: 200px;
		border-bottom: 0;
	}
	#header {
		background-color:#fff;
	}

	#searchBoxShop1 {
		top: 135px;
		right: 1px;
		left: 1px;
	}
	#bodyDiv {
		padding: 15px;
	}
	.boxBody {
		display:inline-block;
	}
	#page-wrap {
		display:none;
	}
	.floatLeft, .floatRight {
		float:none;
	}
	.cartproductdetail {
		display: block;
	}
}





@media screen and (min-width: 771px) and (max-width: 5000px) {

	#header {
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		/* line-height: 1.5em; */
		width: 100%;
		z-index: 1;
		margin: 10px 0 25px 0;
		background-color: #faf9f8;
	}

.logo img {
		width: 100%;
		max-width: 40%;
		display: inline-block;
	}

	#header div:not(.cbp-hrsub, .cbp-hrsub-inner) {
		float: right;
	}

	#header p {
		font-size: 0.8em;
		letter-spacing: normal;
	}


	body.single #wrapper {
		display: block;
	}

	/* Main */

	#main {
		-moz-flex-grow: 1;
		-webkit-flex-grow: 1;
		-ms-flex-grow: 1;
		flex-grow: 1;
		-ms-flex: 1;
		width: 100%;
		padding: 0 10px;
	}

	/* Sidebar */

	#sidebar {
		margin-right: 3em;
		min-width: 22em;
		width: 22em;
	}

	#sidebar > * {
		border-top: solid 1px rgba(160, 160, 160, 0.3);
		margin: 3em 0 0 0;
		padding: 3em 0 0 0;
	}

	#sidebar > :first-child {
		border-top: 0;
		margin-top: 0;
		padding-top: 0;
	}


		#header a {
			color: #828282;
			text-decoration: none;
			-moz-transition: all .1s ease-out;
			-webkit-transition: all .1s ease-out;
			-o-transition: all .1s ease-out;
			transition: all .1s ease-out;
		}

		#header a:hover {
			color: #000;
		}

	#header .links {
		text-wrap: normal;
		display: block;
		background-color: #fff;
		border-bottom: 1px dotted #ddd;
		padding-bottom: 10px;
	}
	#header .links a:not(.cbp-hrsub-inner a) {
		border-left: solid 1px rgba(160, 160, 160, 0.3);
		font-weight:500;
		color:#66a76d;
	}

	#header .main {
		line-height: inherit;
		display: inline-block;
		height: 30px;
		margin-right: 20px;
		vertical-align: top;
		float: right;
	}
	#header nav div {
	}

	#query {
		max-width: 150px;
		padding: 8px;
	}

	nav .search {
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
		padding: 0;
		margin: 22px 0 0 0;
		white-space: nowrap;
	}

	#header #search input {
		padding: 5px;
		color: black;
	}

	#header #search.visible {
		max-width: 12.5em;
		opacity: 1;
		padding: 0 0.5em 0 0;
	}

	.profilesPage {

	}

}


	#menu {
		-moz-transform: translateX(25em);
		-webkit-transform: translateX(25em);
		-ms-transform: translateX(25em);
		transform: translateX(25em);
		-moz-transition: -moz-transform 0.5s ease, visibility 0.5s;
		-webkit-transition: -webkit-transform 0.5s ease, visibility 0.5s;
		-ms-transition: -ms-transform 0.5s ease, visibility 0.5s;
		transition: transform 0.5s ease, visibility 0.5s;
		-webkit-overflow-scrolling: touch;
		background: #ffffff;
		border-left: solid 1px rgba(160, 160, 160, 0.3);
		box-shadow: none;
		height: 100%;
		max-width: 80%;
		overflow-y: auto;
		position: fixed;
		right: 0;
		top: 0;
		visibility: hidden;
		width: 25em;
		z-index: 2;
	}


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

		#pdMenu {
			display: block;
		}
		#desktopLinks {
			display: none;
		}

		#menu > * {
			padding: 1.5em;
		}

		.firsthalf, .secondhalf {
			margin-right: 10px;
			max-width: 100%;
		}

		.threeforth {
			max-width: 100%;
		}

		.kolom5, .kolom3.kolom2 {
			column-count: 1;
			column-gap: 0px;
		}
		/*	#querybutt, #query {
		display: none;
		border-left:0;
		}
		*/
		#header .main {
			width: 100%;
			border-bottom: 1px solid #ddd;
		}	}


	@media screen and (max-width: 736px) {
		.title a {
			margin: 0 5px;
			font-size: 0.7em;
		}
	}

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

		#portable {
			display: none;
		}
	}

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

		.mini-posts {
			display: block;
			width: 100%;
		}

			.mini-posts > * {
				margin: 0 0 2em 0;
				width: 100%;
			}
	}