
/*

font-family: "museo-sans", sans-serif;
font-weight: 300/500/700;

font-family: "Cabin Sketch", cursive;
font-weight: 700;

DONKER BLAUW: #2B3654
BLAUW: #00B9F2
LICHT BLAUW: #DFF7FF
GOUD: #EAAC89
BORDEAUX: #880723

GROEN: #32EA7F
ROOD: #DA0505
	
*/


* { 
	border: 0;
	padding: 0;
	margin: 0; 
}

/* general */

body {
	background: #fff;
	color: #2B3654;
	font-family: "museo-sans", sans-serif;
	font-weight: 300;
	font-size: 15px;
}

br.clear {
	clear: both;
}

/* wrapper */

.wrapper {
	margin: 0 auto;
	max-width: 1360px;
}

.small_wrapper {
	margin: 0 auto;
	max-width: 1120px;
}

.text_wrapper {
	margin: 0 auto;
	max-width: 880px;	
}

/* header */

.header {
	float: left;
	width: 100%;
	color: #FFF;
	background: #2B3654;
	padding: 20px 0;
	position: relative;
}

/* logo */

.header .logo {
	float: left;
	height: 100px;
}

/* controls */

.header .controls {
	float: right;
}

/* general nav */

.header nav {
	float: right;
	margin-bottom: 25px;
	text-align: right;
} 

.header nav a {
	display: inline-block;
	color: #FFF;
	font-size: 13px;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	line-height: 1em;
	text-decoration: none;
	text-transform: uppercase;
	margin-left: 35px;
}

.header nav a span {
	display: inline-block;
	position: relative;
}

.header nav a span:after {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	width: calc(100% - 3px);
	height: 1px;
	background: #FFF;
	opacity: 0;
}

.header nav a:hover span:after {
	opacity: 0.5;
}

.header nav a.selected {
	font-weight: 700;
}

.header nav a.selected span:after {
	display: none;
}

/* search */

.header .search {
	position: absolute;
	width: 360px;
	top: 63px;
	left: calc(50% - 180px);
	z-index: 100;
}

.header .search form {
	float: left;
	width: 100%;
	position: relative;
}

.header .search form:after {
	content: "\f002";
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	font-size: 18px;
	line-height: 1em;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	width: 40px;
	height: 100%;
	color: #00B9F2;
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header .search input.text {
	float: left;
	width: 100%;
	box-sizing: border-box;
	font-family: "museo-sans", sans-serif;
	font-weight: 300;
	font-size: 15px;
	padding: 11px;
	padding-right: 40px;
	color: #2B3654;
	background: #FFF;
	outline: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

.header .search input.text::placeholder {
	color: #2B3654;
}

.header .search form button {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 200;
	width: 40px;
	height: 100%;
	background: transparent;
	padding: 0;
	margin: 0;
	outline: none;
}

/* hamburger */

.hamburger {
	float: right;
	outline: none;
	display: none !important;
	padding: 0 !important;
	margin-left: 25px !important;
	margin-right: 0 !important;
	margin-top: 30px !important;
}

/* cart indicator */

.cart_indicator {
	float: right;
	display: flex;
	align-items: center;
	color: #FFF;
	text-decoration: none;
}

.cart_indicator span {
	font-size: 14px;
	line-height: 1em;
	padding-bottom: 2px;
}

.cart_indicator:hover span {
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding-bottom: 1px;
}

.cart_indicator.active span {
	font-weight: 700;
	padding-bottom: 2px !important;
	border-bottom: 0 !important;
}

.cart_indicator div {
	width: 42px;
	height: 42px;
	border-radius: 50px;
	background: #00B9F2;
	margin-left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.cart_indicator div img {
	display: inline-block;
	vertical-align: top;
	height: 28px;
}

.cart_indicator div b {
	position: absolute;
	bottom: -15px;
	right: 11px;
	width: 20px;
	height: 20px;
	font-size: 11px;
	font-weight: 500;
	border-radius: 20px;
	background: #EAAC89;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* nav */

.nav_wrapper {
	float: left;
	width: 100%;
}

ul.nav {
	float: left;
	width: calc(100% - 250px);
	text-decoration: none;
	list-style-type: none;
	display: flex;
	justify-content: space-between;
}

ul.nav li {
	display: inline-block;
	vertical-align: top;
	height: 65px;
}

ul.nav li a {
	float: left;
	height: 65px;
	box-sizing: border-box;
	color: #2B3654;
	font-size: 13px;
	font-weight: 300;
	line-height: 1em;
	letter-spacing: 0.25em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 26px 0;
	position: relative;
}

ul.nav li a span {
	display: inline-block;
	position: relative;
}

ul.nav li a:hover {
	color: #00B9F2;
}

ul.nav li.selected a {
	color: #00B9F2;
	font-weight: 700;
}

ul.nav li.nav_desiree a:hover {
	color: #880723;
}

ul.nav li.nav_desiree.selected a {
	color: #880723;
	font-weight: 700;
}

ul.nav li.nav_lego a:hover {
	color: #FFCF00;
}

ul.nav li.nav_lego.selected a {
	color: #FFCF00;
	font-weight: 700;
}

ul.nav li.selected a span:after {
	display: none;
}

ul.nav li a:after {
	content: "";
	position: absolute;
	bottom: -12px;
	left: calc(50% - 11px);
	z-index: 2000;
	width: 22px;
	height: 12px;
	background: url("/_graphics/triangle_blue.svg") top center no-repeat;
	background-size: auto 100%;
	opacity: 0;
	transition: all 0.2s;
	transition-delay: 0.2s;
}

ul.nav li.nav_lookbook a:after {
	display: none;
}

ul.nav li.nav_desiree a:after {
	display: none;
	/* background: url("/_graphics/triangle_red.svg") top center no-repeat;
	background-size: auto 100%;
	*/
}

ul.nav li.nav_lego a:after {
	display: none;
}

ul.nav li:hover a:after {
	opacity: 1;
}

/* new label */

ul.nav li a b {
	display: inline-block;
	vertical-align: top;
	margin-top: -3px; 
	margin-left: 10px;
	padding: 4px 6px;
	color: #FFF;
	background: #32EA7F;
	font-size: 12px;
	line-height: 1em;
	font-weight: 500;
	text-transform: lowercase;
	letter-spacing: 0.1em;
}

/* reduction label */

ul.nav li a b.reduction {
	background: #EAAC89;	
}

/* subnav rollover */

ul.nav li div.subnav {
	position: absolute;
	left: 0;
	top: 205px; 
	z-index: 1000;
	width: 100%;
	box-sizing: border-box;
	background: #DFF7FF;
	padding: 70px 0;
	visibility: hidden;
	opacity: 0;
	transition: all 0.1s;
}

ul.nav li div.subnav.desiree {
	background: #F3EEEC;
}

ul.nav li div.subnav.lego {
	background: #FFFCF2;
}

ul.nav li div.subnav.active {
	visibility: visible;
	opacity: 0.98;
}

ul.nav li div.subnav div.subnav_blocks {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	box-sizing: border-box;
}

ul.nav li div.subnav .subnav_block {
	float: left;
	width: 25%;
	box-sizing: border-box;
	overflow: hidden;
}

ul.nav li div.subnav .subnav_block b.title {
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: #2B3654;
	margin-bottom: 45px;
}

ul.nav li div.subnav.desiree .subnav_block b.title {
	color: #880723;	
}

ul.nav li div.subnav.lego .subnav_block b.title {
	color: #FFCF00;
}

ul.nav li div.subnav .subnav_block a {
	float: none;
	color: #2B3654;
	font-size: 13px;
	line-height: 2.5em;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: 300;
	white-space: nowrap;
	padding: 0;
	position: relative;
}

ul.nav li div.subnav.desiree .subnav_block a {
	color: #880723 !important;
}

ul.nav li div.subnav.lego .subnav_block a {
	color: #FFCF00 !important;
}

ul.nav li div.subnav .subnav_block a:after {
	display: none !important;
}

ul.nav li div.subnav .subnav_block a:hover {
	font-weight: 700;
}

ul.nav li div.subnav .subnav_block a b {
	margin-top: 5px;
	margin-left: 5px;
}

/* nav links */

.nav_links {
	float: right;
	padding: 15px 0;
}

.nav_links a {
	float: right;
	width: 32px;
	height: 32px;
	margin-left: 8px;
	display: flex;
	justify-content: center;
	align-items: center;	
	font-size: 17px;
	line-height: 1em;
	color: #00B9F2;
	border: 1px solid #00B9F2;
	border-radius: 50px;
	text-decoration: none;
}

.nav_links a:hover {
	color: #FFF;
	background: #00B9F2;
	transition: all 0.2s;
}

/* mobile nav */

.mobile_nav {
	float: left;
	width: 100%;
	display: none;
}

.mobile_nav a {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 17px 25px;
	border-bottom: 1px solid rgba(43,54,84,0.25);
	font-size: 18px;
	color: #2B3654;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

.mobile_nav a.sub {
	font-size: 16px;
	padding-left: 50px;
}

.mobile_nav a b {
	display: inline-block;
	vertical-align: top;
	margin-top: 1px; 
	margin-left: 10px;
	padding: 4px 6px;
	color: #FFF;
	background: #EAAC89;
	font-size: 14px;
	line-height: 1em;
	font-weight: 500;
	text-transform: lowercase;
	letter-spacing: 0.1em;
}

.mobile_nav a.selected {
	font-weight: 700;
}

/* sticky nav */

.sticky_nav {
	position: fixed;
	top: -100%;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	background: #FFF; 
	box-shadow: 0 0 7px 0 rgba(0,0,0,0.2);
	transition: all 0.4s;
	padding: 18px 0;
}

.sticky_nav.active {
	top: 0;
}

.sticky_nav a.top {
	display: none;
}

.sticky_nav_links {
	float: left;
}

.sticky_nav_links a {
	float: left;
	color: #2B3654;
	font-size: 13px;
	font-weight: 300;
	line-height: 1em;
	letter-spacing: 0.25em;
	text-decoration: none;
	text-transform: uppercase;
	margin-right: 30px;
}

.sticky_nav_links a b {
	display: inline-block;
	vertical-align: top;
	margin-top: -3px; 
	margin-left: 7px;
	padding: 3px 6px;
	color: #FFF;
	background: #EAAC89;
	font-size: 12px;
	line-height: 1em;
	font-weight: 500;
	text-transform: lowercase;
	letter-spacing: 0.1em;
}

.sticky_nav_links a:hover {
	color: #00B9F2;
}

.sticky_nav_links a.selected {
	color: #00B9F2;
	font-weight: 700;
}

.sticky_nav_links a.sticky_nav_desiree:hover, 
.sticky_nav_links a.sticky_nav_desiree.selected {
	color: #880723;
}

.sticky_nav_links a.sticky_nav_lego:hover, 
.sticky_nav_links a.sticky_nav_lego.selected {
	color: #FFCF00;
}

.sticky_cart_indicator {
	float: right;
	text-decoration: none;
	color: #2B3654;
	font-size: 14px;
	margin-top: -3px;
	display: flex;
	align-items: center;
}

.sticky_cart_indicator span {
	display: inline-block;
	padding-bottom: 1px;
}

.sticky_cart_indicator:hover span {
	border-bottom: 1px solid rgba(43,54,84,0.5);
	padding-bottom: 0;
}

.sticky_cart_indicator b {
	display: inline-flex;
	margin-left: 7px;
	width: 20px;
	height: 20px;
	font-size: 11px;
	font-weight: 500;
	border-radius: 20px;
	color: #FFF;
	background: #EAAC89;
	align-items: center;
	justify-content: center;
}

/* alert */

.alert {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 15px 25px;
	color: #fff !important;
	background: #00B9F2;
	text-decoration: none;
	text-align: center;
	font-size: 15px;
	line-height: 1.4em;
	transition: all 0.2s;
}

a.alert:hover {
	background: #2B3654;
}

/* usp's */

.usps {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 15px 25px;
	background: rgba(50,234,127,0.1);	
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.usps div {
	display: flex;
	align-items: center;
	font-size: 14px;
}

.usps div img {
	height: 21px;
	margin-right: 10px;
}

/* content */

.content {
	float: left;
	width: 100%;
	padding-bottom: 50px;
	overflow: hidden;
}

.content.desiree {
	color: #3E3E3E;
}

.content.lego {
	color: #3E3E3E;
}

.content a {
	color: #00B9F2;
}

.content a:hover {
	color: #2B3654;
}

.content.desiree a {
	color: #880723;
}

.content.desiree a:hover {
	color: #85553A;
}

.content.lego a {
	color: #FFCF00;
}

.content.lego a:hover {
	color: #000;
}

.content a.button {
	display: inline-block;
	color: #fff;
	background: #00B9F2;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.25em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 20px;
	padding-right: 40px;
	margin-top: 5px;
	margin-bottom: 10px;
	position: relative;
}

.content.desiree a.button {
	background: #880723;
}

.content.desiree a.button:hover{
	background: #85553A;
}

.content.lego a.button {
	background: #FFCF00;
}

.content.lego a.button:hover{
	background: #000;
}

.content a.button.empty {
	display: inline-block;
	color: #00B9F2;
	background: transparent;
	border: 1px solid #00B9F2;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 10px;
}

.content a.button:after {
	content: "\f061";
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 100%;
	color: #FFF;
	display: flex;
	align-items: center;
}

.content a.button.empty:after {
	color: #00B9F2;
}

.content a.button:hover {
	color: #FFF;
	background: #2B3654;
}

.content a.button.empty:hover {
	color: #FFF;
	background: #2B3654;
	border: 1px solid #2B3654;
}

.content a.button.empty:after {
	color: #FFF;
}

.content a.tel {
	color: #32EA7F !important;
	cursor: default;
	text-decoration: none;
}

.content img.left {
	float: left;
	padding-right: 15px;
	margin-right: 15px;
}

.content img.right {
	float: right;
	padding-left: 15px;
	margin-left: 15px;
}

.content img.image {
	float: left;
	width: 48% !important;
	margin-right: 2%;
	margin-bottom: 20px;
}

.content img.size_table_icon {
	width: 24px;
	vertical-align: middle;
	margin-right: 5px;
}

.content h1 {
	color: #00B9F2;
	font-family: "Cabin Sketch", cursive;
	font-weight: 700;
	font-size: 40px;
	line-height: 1em;
	margin-bottom: 30px;
}

.content h1.less_margin {
	margin-bottom: 15px;
}

.content h2 {
	color: #00B9F2;
	font-family: "Cabin Sketch", cursive;
	font-weight: 700;
	font-size: 30px;
	line-height: 1.1em;
	margin-bottom: 25px;
}

.content.desiree h1, 
.content.desiree h2 {
	font-family: "museo-sans", sans-serif;
	font-weight: 300;
	color: #880723;
} 

.content.lego h1, 
.content.lego h2 {
	font-family: "museo-sans", sans-serif;
	font-weight: 300;
	color: #FFCF00;
} 

.content h2.less_margin {
	margin-bottom: 5px;
}

.content p {
	line-height: 1.9em;
	margin-bottom: 25px;
}

.content ul {
	list-style-type: disc;
	margin-bottom: 25px;
	margin-left: 10px;
}

.content ol {
	list-style-type: decimal;
	margin-left: 10px;
	margin-bottom: 25px;
	padding-left: 15px;	
}

.content li {
	margin-left: 15px;
	margin-bottom: 6px;
}

.content table {
	width: 100%;
	margin-bottom: 22px;
}

.content td {
	padding: 5px;
	vertical-align: top;
	line-height: 1.4em;
	border-bottom: 1px solid #ccc;
}

.content hr {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ddd;
	margin-bottom: 25px;
}

.content hr.spacer10 {
	border-bottom: 0;
	margin-bottom: 10px;
}

.content hr.spacer20 {
	border-bottom: 0;
	margin-bottom: 20px;
}

.content hr.spacer25 {
	border-bottom: 0;
	margin-bottom: 25px;
}

.content hr.spacer50 {
	border-bottom: 0;
	margin-bottom: 50px;
}

.content hr.spacer75 {
	border-bottom: 0;
	margin-bottom: 75px;
}

.content hr.spacer100 {
	border-bottom: 0;
	margin-bottom: 100px;
}

.responsive_iframe_wrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.responsive_iframe_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.showmobile {
	display: none;
}

/* filter toggle */

.content a.show-filter {
	display: none;
	float: left;
	width: 100%;
	color: #fff !important;
	background: #2B3654;
	font-size: 14px;
	text-align: center;
	text-decoration: underline;
	padding: 15px 0;
}

/* page blocks */

.page_block {
	float: left;
	width: 100%;
	padding: 75px 0 50px 0; 
	position: relative;
}

.page_block.no_bottom_padding {
	padding-bottom: 0 !important;
}

.page_block_text {
	float: left;
	width: 45%;
}

.page_block_text.right {
	float: right;
}

.page_block_text.left img.cloud {
	position: absolute;
	top: 100px;
	left: -100px;
	width: 420px;
	opacity: 0.1;
	z-index: -1;
}

.page_block_slider {
	float: left;
	width: 40%;
	position: relative;
}

.page_block_slider.right {
	float: right;
}

.page_block_slider img.cloud {
	position: absolute;
	bottom: -50px;
	left: 0;
	width: 640px;
	opacity: 0.1;
	z-index: -1;
}

.page_block div.cycle-slideshow {
	float: left;
	width: 100%;
	position: relative;
	z-index: 50;
}

.page_block div.cycle-slideshow img {
	float: left;
	width: 100%;
}

.cycle-pager {
	float: left;
	width: 100%;
	text-align: center;
	margin: 10px 0;
}

.cycle-pager span {
	display: inline-block;
	margin: 0 5px;
	font-size: 25px;
	cursor: pointer;
}

.cycle-pager span:hover {
	color: #00B9F2;
}

.cycle-pager span.cycle-pager-active {
	color: #00B9F2;
}

/* type 1 */

.page_block_banner {
	float: left;
	width: 100%;
	background-size: cover !important;
	box-sizing: border-box;
	padding: 150px 0 125px 0;
	text-align: center;
	position: relative;
}

.page_block_banner h1 , 
.page_block_banner h2 {
	color: #FFF;
}

.page_block_banner .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: rgba(43,54,84,0.6);
}

.page_block_banner_text {
	position: relative;
	z-index: 10;
}

/* type 5 */

.cta {
	float: left;
	width: 100%;
	color: #FFF;
	background: url("/_graphics/cloud_blue.svg") top left no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding: 100px 50px 75px 50px;
	min-height: 75px;
}

.cta h1, 
.cta h2 {
	color: #FFF;
}

.cta a.button {
	color: #2B3654;
	background: #FFF;
}

.cta a.button:after {
	color: #2B3654;
}

.cta a.button:hover {
	color: #FFF;
	background: #2B3654;
}

.cta a.button:hover:after {
	color: #FFF;
}

/* home: banners */

.banner_list {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.banner {
	width: 32%;
	margin-bottom: 15px;
	background: #fff;
	overflow: hidden;
	position: relative;
}

.banner.lookbook {
	margin-bottom: 30px;
}

.banner.lookbook:hover {
	opacity: 0.9;
}

.banner div.slideshow_wrapper {
	float: left;
	width: 100%;
	position: relative;
}

.banner div.slideshow_wrapper div.cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: #2B3654;
	opacity: 0.1;
	transition: all 0.2s;
}

.banner:hover div.slideshow_wrapper div.cover {
	opacity: 0;
}

.banner div.cycle-slideshow {
	float: left;
	width: 100%;
	position: relative;
	z-index: 50;
}

.banner div.cycle-slideshow img {
	float: left;
	width: 100%;
}

.banner img {
	float: left;
	width: 100%;
}

.banner div.banner_text {
	float: left;
	width: 92%;
	box-sizing: border-box;
	padding: 35px 30px;
	margin-top: -80px;
	margin-left: 4%;
	position: relative;
	z-index: 100;
	background: url("/_graphics/cloud_white.svg") top center no-repeat;
	background-size: 100% auto;
}

.banner div.banner_text strong {
	float: left;
	width: 100%;
	font-family: "Cabin Sketch", cursive;
	font-weight: 700;
	font-size: 28px;
	line-height: 1.2em;
	text-align: center;
	color: #00B9F2;
}

.banner:hover div.banner_text strong {
	color: #2B3654;
}

.banner_dummy {
	width: 32%;
}

/* news: blocks */

.news_block_list {
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.news_block_wrapper {
	float: left;
	width: 30%;
	margin-bottom: 30px;
}

.news_block {
	float: left;
	width: 100%;
	height: 600px;
	overflow: hidden;
}

/* contact */

.contact_left {
	float: left;
	width: 47%;
	position: relative;
}

.contact_right {
	float: right; 
	width: 47%;
}

.form_block {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 15px 25px;
	padding-left: 0;
	background: #fff;
}

.form_block.left {
	float: left;
	width: 50%;
	padding-top: 25px;
	padding-bottom: 0;
}

.form_block.right {
	float: right;
	width: 50%;
	padding-top: 25px;
	padding-bottom: 0;
}

#map_canvas.contact {
	float: left;
	width: 98%;
	height: 250px;
	border: 2px solid #fff;
	margin-bottom: 25px;
}

/* quality block */

.quality_block {
	float: left;
	width: 100%;
	line-height: 1.4em;
	margin-top: 0;
	margin-bottom: 25px;
	font-size: 13px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	padding: 15px;
}

.quality_block b {
	color: #EAAC89;	
}

/* sidebar */

.sidebar {
	float: left;
	width: 275px;
}

/* text */

.text {
	float: right; 
	width: calc(100% - 330px);
}

/* filter */

.filter {
	float: left;
	width: 100%;
	box-sizing: border-box;
}

span.filter_label {
	float: left;
	width: 100%;
	color: #00B9F2;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	padding-bottom: 10px;
	border-bottom: 1px solid #00B9F2;
	margin-bottom: 15px;
}

.desiree span.filter_label {
	color: #880723;
	border-bottom: 1px solid #880723;
}

.lego span.filter_label {
	color: #FFCF00;
	border-bottom: 1px solid #FFCF00;
}

.filter b input.checkbox {
	display: none;
}

.filter b {
	float: left;
	width: 100%;
	font-weight: 300;
	font-size: 13px;
	letter-spacing: 0.05em;
	margin-bottom: 8px;
}

.filter b a {
	color: #2B3654;
	text-decoration: none;
	line-height: 1em;
}

.filter b a:hover {
	color: #00B9F2;
}

.filter b a.active {
	color: #00B9F2;
	font-weight: 500;
}

.filter b a.active:hover {
	text-decoration: line-through;
}

.desiree .filter b a {
	color: #3E3E3E;
}

.desiree .filter b a:hover {
	color: #880723;
}

.desiree .filter b a.active {
	color: #880723;
}

.lego .filter b a {
	color: #3E3E3E;
}

.lego .filter b a:hover {
	color: #FFCF00;
}

.lego .filter b a.active {
	color: #FFCF00;
}

.filter b a i {
	display: inline-block;
	font-size: 13px;
	margin-right: 3px;
	margin-top: 1px;
	vertical-align: top;
}

.filter select {
	float: left;
	width: 98%;
	background: #fff;
	border: 1px solid #ccc;	
	color: #2B3654;
	font-family: "museo-sans", sans-serif;
	font-weight: 300;
	font-size: 16px;
	outline: none;
	margin-bottom: 10px;	
}

.filter span.new, 
.filter span.reduction {
	display: inline-block;
	vertical-align: top;
	margin-top: -1px; 
	margin-left: 5px;
	padding: 3px 6px;
	color: #FFF;
	background: #32EA7F;
	font-size: 11px;
	line-height: 1em;
	font-weight: 500;
	text-transform: lowercase;
	letter-spacing: 0.1em;
}

.filter span.reduction {
	background: #EAAC89;
}

/* filter banner */

.filter_banner {
	float: left;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #00B9F2;
	padding: 30px;
	padding-bottom: 60px;
	margin-top: 10px;
	margin-bottom: 40px;
	position: relative;
}

.filter_banner b {
	float: left;
	width: 100%;
	font-size: 20px;
	color: #00B9F2;
	font-family: "Cabin Sketch", cursive;
	font-weight: 700;
	text-align: center;
}

.filter_banner_image {
	float: left;
	width: 100%;
	background-size: cover !important;
	margin: 20px 0 30px 0;
}

.filter_banner_image img {
	float: left;
	width: 100%;
}

.filter_banner img.filter_banner_logo {
	float: left;
	width: 70%;
	margin-left: 15%;
}

.filter_banner a.button {
	position: absolute;
	left: 15%;
	bottom: -22px;
	width: 70%;
	margin: 0;
	box-sizing: border-box;
	background: #00B9F2 !important;
}

.filter_banner a.button:hover {
	background: #2B3654 !important;
}

.filter_banner.desiree {
	border: 1px solid #880723;
}

.filter_banner.desiree b {
	color: #880723;
}

.filter_banner.desiree a.button {
	background: #880723 !important;
}

.filter_banner.desiree a.button:hover {
	background: #85553A !important;
}

.filter_banner.lego {
	border: 1px solid #FFCF00;
}

.filter_banner.lego b {
	color: #FFCF00;
}

.filter_banner.lego a.button {
	background: #FFCF00 !important;
}

.filter_banner.desiree a.button:hover {
	background: #000 !important;
}

/* filter info */

strong.filter_info_title {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.filter_info {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

.filter_info a.delete_filter {
	float: left;
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 8px 15px;
	color: #fff;
	background: #00B9F2;
	border: 1px solid #00B9F2;
	border-radius: 2px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.filter_info a.delete_filter:hover {
	background: #2B3654;
	border: 1px solid #2B3654;
}

.desiree .filter_info a.delete_filter {
	background: #880723;	
	border: 1px solid #880723;
}

.desiree .filter_info a.delete_filter:hover {
	color: #FFF;
	background: #85553A;
	border: 1px solid #85553A;
}

.lego .filter_info a.delete_filter {
	background: #FFCF00;	
	border: 1px solid #FFCF00;
}

.lego .filter_info a.delete_filter:hover {
	color: #FFF;
	background: #000;
	border: 1px solid #000;
}

a.reset_filter {
	float: left;
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 8px 15px;
	color: #2B3654;
	border: 1px solid rgba(43,54,84,0.5);
	border-radius: 2px;
}

a.reset_filter:hover {
	color: #2B3654;
	border: 1px solid #2B3654;
}

.desiree a.reset_filter {
	color: #880723;
	border: 1px solid #aaa;	
}

.desiree a.reset_filter:hover {
	color: #880723;
	border: 1px solid #880723;	
}

.lego a.reset_filter {
	color: #FFCF00;
	border: 1px solid #aaa;	
}

.lego a.reset_filter:hover {
	color: #FFCF00;
	border: 1px solid #FFCF00;	
}

/* nanoscroller */

.nano {
	float: left;
	  position: relative;
	  width: 100%;
	  height: 160px;
	  overflow: hidden;
}

.nano > .nano-content {
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.nano > .nano-content:focus {
	outline: thin dotted;
}

.nano > .nano-content::-webkit-scrollbar {
	display: none;
}

.has-scrollbar > .nano-content::-webkit-scrollbar {
	display: block;
}

.nano > .nano-pane {
	background-image: url('/_graphics/bg_nanoslider_pane.png');
	background-color: transparent;
	background-position: 50% 0;
	position: absolute;
	width: 5px;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: .99;
	transition: .2s;
}

.nano > .nano-pane > .nano-slider {
	background: #00B9F2;
	position: relative;
	margin: 0;
	cursor: pointer;
}

.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
	visibility: visible;
	opacity: 0.99;
}

/* paging */

.paging {
	float: left;
	width: 100%;
	font-size: 15px;
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: center;
}

.paging a {
	display: inline-block;
	padding: 5px 10px;
	margin-right: 7px;
	background: #fff;
	color: #888;
	border: 1px solid #ddd;
	border-radius: 2px;
	text-decoration: none;
}

.paging a:hover {
	color: #555;
	border: 1px solid #2B3654;
}

.paging span {
	display: inline-block;
	padding: 5px 10px;
	margin-right: 7px;
	color: #ccc;
	background: #f5f5f5;	
	border: 1px solid #ddd;
	border-radius: 2px;
}

.paging span.selected {
	font-weight: bold;
	color: #fff;
	background: #2B3654;
	border: 1px solid #2B3654;	
}

.paging span.nobg {
	background: none;
	border: 0;	
	padding: 7px 0;
	font-size: 1.1em;
	color: #888;
}

.paging span.arrow {
	display: none;
}

.paging a.arrow {
	color: #01bcf3;
	background: none;
	border: 0;	
	padding: 5px 6px;
	text-decoration: underline;
}

.paging a.arrow:hover {
	color: #2B3654;
}

/* counter

.counter {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #999;	
	margin-bottom: 25px;
	text-align: center;
}

.counter a {
	color: #999;
}

.counter a:hover {
	color: #555;
}

/* intro block */

.intro_block {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 30px 40px;
	padding-bottom: 5px;
	background: #DFF7FF;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 18px;
}

.intro_block.desiree {
	background: #F3EEEC;
	color: #3E3E3E;
}

.intro_block.lego {
	background: #FFFCF2;
	color: #3E3E3E;
}

.intro_block img {
	width: 200px;
	margin-right: 50px;
	margin-bottom: 25px;
}

/* link blocks */

.link_blocks {
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.link_block {
	float: left;
	width: 32%;
	background-size: cover !important;
	margin-bottom: 18px;
	position: relative;
}

.link_block img {
	float: left;
	width: 100%;
}

.link_block div.cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	background: rgba(43,54,84,0.4);
	transition: all 0.3s;
	opacity: 0;
}

.desiree .link_block div.cover {
	background: rgba(133,85,58,0.4);	
}

.lego .link_block div.cover {
	background: rgba(255,207,0,0.4);	
}

.link_block:hover div.cover {
	opacity: 1;
}

.link_block strong {
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 100;
	color: #fff;
	background: #00B9F2;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.25em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 20px;
	padding-right: 40px;
}

.link_block strong:after {
	content: "\f061";
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 100%;
	color: #FFF;
	display: flex;
	align-items: center;
}

.link_block:hover strong {
	background: #2B3654;
}

.desiree .link_block strong {
	background: #880723;
}

.desiree .link_block:hover strong {
	background: #85553A;
}

.lego .link_block strong {
	background: #FFCF00;
}

.lego .link_block:hover strong {
	background: #000;
}

/* product list */

div.product_list {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

a.product {
	float: left;
	width: 32%;
	box-sizing: border-box;
	margin-right: 2%;
	margin-bottom: 40px;
	background: #fff;
	color: #2B3654 !important;
	text-decoration: none;
	text-align: center;
	position: relative;	
}

.desiree a.product {
	color: #880723;	
}

.desiree a.product {
	color: #880723 !important;
}

.lego a.product {
	color: #FFCF00;	
}

.lego a.product {
	color: #FFCF00 !important;
}

div.product_list a.product:nth-child(3n) {
	margin-right: 0;
}

div.product_list.product_page a.product {
	width: 19%;
	margin-right: 1.25%;
}

div.product_list.product_page a.product:nth-child(3n) {
	margin-right: 1.25%;
}

div.product_list.product_page a.product:nth-child(5n) {
	margin-right: 0;
}

a.product .product_image {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 25px;
	border: 1px solid #00B9F2;
	margin-bottom: 20px;
	transition: all 0.2s;
	position: relative;
}

a.product .product_image img {
	float: left;
	width: 100%;
}

a.product:hover .product_image {
	border: 1px solid #2B3654;
}

.desiree a.product .product_image {
	border: 1px solid rgba(133,85,58,0.5);	
}

.desiree a.product:hover .product_image {
	border: 1px solid #880723;
}

.lego a.product .product_image {
	border: 1px solid rgba(255,207,0,0.5);	
}

.lego a.product:hover .product_image {
	border: 1px solid #FFCF00;
}

a.product .product_image_hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-size: cover !important;
	transition: all 0.3s;
	opacity: 0;
}

a.product:hover .product_image_hover {
	opacity: 1
}

a.product b {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 0 10px;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.1em;
	line-height: 1.1em;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 8px;
}

a.product p {
	float: left;
	width: 100%;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.1em;
	text-align: center;
	margin-bottom: 10px;
}

a.product strong {
	display: inline-block;
	width: 100%;
	font-weight: 300;
	font-size: 13px;
	line-height: 1.1em;
	text-align: center;
}

a.product strong.reduction {
	color: #EAAC89;
	font-weight: 500;
}

a.product strong strike {
	color: #999;
	font-weight: 300;
	margin-right: 5px;
}

a.product b.reduction_label {
	position: absolute;
	width: 45px;
	height: 45px;
	top: 15px;
	right: 15px;
	border-radius: 100px;
	padding: 6px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	line-height: 1em;
	color: #fff;
	background: #EAAC89;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

a.product b.reduction_label.superdeal {
	font-size: 10px;
}

a.product b.reduction_label.large {
	width: 80px;
}

/* product page */

.sidebar a.overview {
	float: left;
	width: 100%;
	color: #fff;
	background: #2B3654;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 8px 0;
}

.sidebar a.overview:hover {
	color: #fff;
	background: #00B9F2;
}

.product_info {
	float: left;
	width: 100%;
}

.product_info h1 {
	float: left;
	width: 100%;	
}

.product_info strong.price {
	float: left;
	width: 100%;
	color: #00B9F2;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.1em;
	margin-bottom: 20px;
}

.desiree .product_info strong.price {
	color: #880723;
}

.lego .product_info strong.price {
	color: #FFCF00;
}

.product_info strong.reduction {
	color: #EAAC89;
	white-space: nowrap;
}

.product_info strong.price strike {
	color: #999;
	font-weight: 500;
	line-height: 1.1em;
}

.product_info strong.soldout {
	float: left;
	width: 100%;
	margin-top: 25px;
	margin-bottom: 15px;
	font-family: "Cabin Sketch", cursive;
	font-weight: 700;
	font-size: 24px;
	color:  #DA0505;	
}

.product_info select {
	float: left;
	width: 98%;
	max-width: 300px;
	background: #fff;
	border: 1px solid #ccc;	
	color: #2B3654;
	font-family: "museo-sans", sans-serif;
	font-weight: 300;
	font-size: 18px;
	outline: none;
	margin-top: 25px;
	margin-bottom: 0;	
}

.product_info b {
	color: #aaa;
	font-weight: 300;
	font-size: 13px;
}

.product_info span.subtitle {
	float: left;
	width: 100%; 
	margin-bottom: 12px;
	position: relative;
}

.product_info span.subtitle em {
	position: absolute;
	top: 0;
	right: 0;
	font-style: normal;
	font-size: 90%;
}

.product_info span.subtitle em a {
	color: #2B3654;
}

.product_info span.subtitle em a:hover {
	color: #00B9F2;
}

.product_info a.size {
	float: left;
	padding: 8px;
	color: #2B3654;
	border: 1px solid #2B3654;
	margin-right: 8px;
	margin-bottom: 8px;
	text-decoration: none;
}

.product_info a.size:hover {
	color: #00B9F2;
	border: 1px solid #00B9F2;
}

.product_info a.size.active {
	color: #FFF;
	background: #00B9F2;
	border: 1px solid #00B9F2;
}

.addthis_sharing_toolbox {
	height: 25px;
}

/* specs */

.product_specs {
	float: left;
	width: 50%;
	font-size: 13px;
	line-height: 1.8em;
	font-weight: 300;
}

.product_specs a {
	color: #2B3654;
}

.product_specs a:hover {
	color: #00B9F2;
}

/* usps */

.product_usps {
	float: right;
	width: 50%;
	font-size: 13px;
	padding-top: 4px;
}

.product_usps ul {
	list-style-type: none;
}

.product_usps ul li {
	margin-left: 5px;
	padding-left: 25px;
	position: relative;
}

.product_usps ul li:before {
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	font-size: 12px;
	line-height: 1em;
	position: absolute;
	top: 2px;
	left: 0;
	z-index: 100;
	color: #32EA7F;
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* product controls */

.product_controls {
	float: left;
	width: 100%;
	font-size: 14px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
	margin-bottom: 30px;
}

/* crumb */

.crumb {
	float: left;
}

.crumb em {
	display: inline-block;
	color: #999;
	font-size: 10px;
	font-style: normal;
	margin: 0 4px;
}

/* prev next */

.prevnext {
	float: right;
	text-align: right;
}

.prevnext span {
	display: inline-block;
	color: #999;
}

.prevnext a {
	display: inline-block;
}

.prevnext em {
	display: inline-block;
	color: #999;
	font-size: 10px;
	font-style: normal;
	margin: 0 4px;
}

/* product images */

.product_images {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}

.product_images b.reduction_label {
	position: absolute;
	display: block;
	width: 65px;
	height: 65px;
	top: 15px;
	right: -10px;
	border-radius: 100px;
	padding: 10px;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 700;
	line-height: 1em;
	color: #fff;
	background: #EAAC89;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product_images b.reduction_label.superdeal {
	font-size: 15px;
}

.product_images b.reduction_label.large {
	top: 8px;
	right: -16px;
	font-size: 14px;
}

.product_images img.medium {
	float: left;
	width: 100%;
	background: #fff;
	margin-bottom: 10px;
}

.product_images a.thumb {
	float: left;
	width: 31.33%;
	margin-right: 2%;
	margin-top: 10px;
	box-sizing: border-box;
	background-size: cover !important;
}

.product_images a.thumb img {
	float: left;
	width: 100%;
}

.product_images a.thumb:hover {
	opacity: 0.8;
}

/* shopping cart */

.cart {
	float: left;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 40px !important;
}

.cart tr {
	background: #fff;
}

.cart th {
	padding: 10px;
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
	font-weight: 300;
	text-transform: uppercase;
	color: #2B3654;
	border: 0;
}

.cart td {
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #ddd;
}

.cart td.image {
	width: 120px;
}

.cart td img.product_image {
	height: 90px;
	padding: 10px;
	margin-right: 15px;
	vertical-align: middle;
}

.cart td span {
	color: #999;
	font-size: 12px;
}

.cart td b.outlet {
	color: #EAAC89;
	font-size: 12px;
	margin-left: 5px;
}

.cart td.outlet {
	color: #EAAC89;
}

.cart td.dark {
	background: #f2f2f2;
}

.cart td.delete {
	width: 20px; 
}

.cart td.delete img {
	width: 20px;
	opacity: 0.7;
	vertical-align: middle;
}

.cart td.delete img:hover {
	opacity: 1;
}

.cart td.giftbox {
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}

.cart td.giftbox i {
	font-size: 22px;
	vertical-align: middle;
	opacity: 0.4;
	cursor: pointer;
}

.cart td.giftbox i:hover {
	opacity: 0.9;
}

.cart td.giftbox i.active, 
.cart td.giftbox i.active:hover {
	opacity: 1;
}

.cart select {
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px;
	color: #2B3654;
	font-family: "museo-sans", sans-serif;
	font-weight: 300;
	font-size: 16px;
}

.cart td.total {
	padding: 15px 10px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	background: #2B3654;
	border: 1px solid #2B3654;
}

.cart td.shipping {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2em;
	color: #fff;
	background: #32EA7F;
	border: 1px solid #32EA7F;
}

.cart td.freeshipping {
	font-size: 18px;
	line-height: 1.2em;
	color: #fff;
	background: #32EA7F;
	border: 1px solid #32EA7F;
}

.cart td.reduction {
	color: #fff;
	background: #EAAC89;
	border: 1px solid #EAAC89;
	font-size: 18px;
	text-transform: uppercase;
}

.cart td.reduction span {
	text-transform: none;
	font-size: 15px;
	color: #fff !important;
}

.cart td.total_reduction {
	color: #FFF;
	background: #EAAC89;
	border: 1px solid #EAAC89;
	font-size: 18px;
}

.cart td.right, 
.cart th.right {
	text-align: right;
}

.cart td.small {
	color: #eee;
	font-size: 13px;
}

/* shipping options */

div.shipping_option {
	float: left;
	width: 31%;
	box-sizing: border-box;
	padding: 25px;
	min-height: 275px;
	border: 1px solid #2B3654;
	background: rgba(255,255,255,0.5);
	margin-right: 2%;
	margin-bottom: 20px;
	cursor: pointer;
}

div.shipping_option:hover {
	border: 1px solid #00B9F2;
}

div.shipping_option.active {
	background: rgba(0,185,242,0.1);
	border: 1px solid #00B9F2;
}

div.shipping_option h2 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}

div.shipping_option strong {
	float: left;
	width: 100%;
	font-size: 20px;	
}

div.shipping_option select {
	float: left;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #aaa;
	margin-bottom: 10px;
	padding: 10px;
	color: #2B3654;
	font-family: "museo-sans", sans-serif;
	font-weight: 300;
	font-size: 15px;
	margin-top: -10px;
	margin-bottom: 20px;
}

div.shipping_option select.error {
	border: 1px solid #DA0505;
}

div.shipping_option select option {
	padding: 2px 4px;
}

/* shipping info */

.shipping_info {
	float: left;
	width: 100%;
	color: #EAAC89;
	border: 1px solid #EAAC89;
	box-sizing: border-box;
	padding: 15px 20px;
	font-weight: 500;
	margin-top: -20px;
	margin-bottom: 35px;
}

/* tooltips */

.qtip-light .qtip-content{
    font-size: 15px;
    line-height: 1.3em;
}

/* sitemap */

ul#sitemap {
	font-size: 17px;
}

ul#sitemap li ul {
	list-style-type: disc;
	margin-top: 5px;
	padding-left: 15px;
}

ul#sitemap li ul li {
	font-size: 16px;
}

ul#sitemap li ul li ul {
	list-style-type: square;
	margin-top: 5px;
	padding-left: 15px;
}

ul#sitemap li ul li ul li {
	font-size: 15px;
}

/* newsletter popup */

.newsletter_popup {
	position: fixed;
	bottom: -270px;
	right: 40px;
	width: 375px;
	z-index: 999;
	background: #DFF7FF;
	transition: all 1s;
}

.newsletter_popup strong {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 25px 5%;
	padding-bottom: 15px;
	font-family: "Cabin Sketch", cursive;
	font-weight: 700;
	font-size: 21px;
	letter-spacing: 0.03em;
	color: #2B3654;
}

.newsletter_popup p {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 25px 5%;
	padding-top: 0;
	font-size: 14px;
}

.newsletter_popup form {
	float: left;
	width: 90%;
	padding: 25px 5%;
	background: #00B9F2;
}

.newsletter_popup input.text {
	float: left;
	width: 90%;
	background: #fff;
	border: 0;
	padding: 10px 4%;
	margin: 0;
	color: #2B3654;
	font-family: "museo-sans", sans-serif;
	font-weight: 300;
	font-size: 16px;
}

.newsletter_popup input.text::placeholder {
	color: #2B3654;
}

.newsletter_popup span.checkbox {
	float: left; 
	width: 100%; 
	color: #fff; 
	font-size: 12px; 
	margin-top: 5px;
}

.newsletter_popup span.checkbox a {
	color: #fff; 
}

.newsletter_popup i.close_popup {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #2B3654;
	opacity: 0.5;
	text-decoration: none;
}

.newsletter_popup i.close_popup:hover {
	opacity: 1;
}

/* form */

#form {
	float: left;
	width: 100%;
	margin-bottom: 25px;
	position: relative;
}

#form label {
	cursor: pointer;
}

span.select_time {
	float: left;
	width: 33.33%;
	box-sizing: border-box;
	white-space: nowrap;
	padding: 12px 0;
	border-bottom: 1px solid #ddd;
	text-align: left;
}

/* relative wrapper */

.relative_wrapper {
	float: left;
	width: 100%;
	position: relative;
}

.relative_wrapper img.cloud {
	position: absolute;
	top: -75px;
	left: -100px;
	width: 780px;
	opacity: 0.1;
	z-index: -1;
}

.relative_wrapper img.cloud.small {
	top: -60px;
	right: -75px;
	width: 650px;
}

/* labels */

#form span.label, 
#form span.label_error, 
#form span.hint, 
#form span.error {
	float: left;
	width: 100%;
	margin-right: -5px;
	font-size: 15px;
	line-height: 1.4em;
	color: #00B9F2;
}

#form span.label, 
#form span.label_error {
	margin-bottom: 2px;
}

#form span.label_error, 
#form span.checkbox_error {
	color: #DA0505;
}

#form span.error {
	font-size: 12px;
	color: #DA0505;
	margin-bottom: 4px;
}

#form span.hint {
	font-weight: normal;
	font-size: 10px;
	color: #999;
	margin-top: -4px;
	margin-bottom: 14px;
}

#form span.hint a {
	color: #999;
}

#form span.hint a:hover {
	color: #555;
}

#form span.label b {
	color: #999;
	font-weight: 300;
}

#form span.label_error b {
	color: #DA0505;
	font-weight: 400;
}

/* fields */

#form input.text {
	float: left;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #aaa;
	padding: 10px;
	margin-top: 2px;
	margin-bottom: 10px;
	color: #2B3654;
	font-family: "museo-sans", sans-serif;
	font-weight: 300;
	font-size: 17px;
}

#form textarea {
	float: left;
	width: 100%;
	box-sizing: border-box;
	height: 120px;
	background: #fff;
	border: 1px solid #aaa;
	padding: 10px;
	margin-bottom: 10px;
	color: #2B3654;
	font-family: "museo-sans", sans-serif;
	font-weight: 300;
	font-size: 17px;
}

#form select {
	float: left;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #aaa;
	margin-bottom: 10px;
	padding: 10px;
	color: #2B3654;
	font-family: "museo-sans", sans-serif;
	font-weight: 300;
	font-size: 17px;
}

#form input.checkbox {
	float: left;
	vertical-align: top;
	display: block;
	overflow: hidden;
	padding: 0; 
	border: 0;
	margin: 2px 4px 2px 0;
	width: 13px;
	height: 13px;
	line-height: 1em;
}

#form div.form_break {
	float: left;
	width: 100%;
	height: 15px;
	margin-top: 10px;
	border-top: 1px dotted #ccc;
}

#form div.form_title {
	float: left;
	width: 100%;
	font-size: 20px;
	color: #00B9F2;
	margin-top: 10px;
	margin-bottom: 12px;
}

/* feedback */

div.feedback {
	float: left;
	width: 90%;
	padding: 18px 5%;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.2em;
	color: #fff;
	background: #32EA7F;
	text-align: center;
	border-radius: 2px;
	margin-bottom: 30px;
}

div.feedback.error {
	background: #DA0505;
}

div.feedback a {
	color: #fff !important;
}

div.feedback a:hover {
	color: #eee !important;
}

/* button */

#form button {
	display: inline-block;
	cursor: pointer;
	overflow: visible;
	outline: none;
	color: #fff;
	background: #00B9F2;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.25em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 20px;
	padding-right: 40px;
	margin-top: 5px;
	margin-bottom: 10px;
	position: relative;
}

#form button:after {
	content: "\f061";
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 100%;
	color: #FFF;
	display: flex;
	align-items: center;
}

#form button:hover {
	color: #FFF;
	background: #2B3654;
}

.desiree #form button {
	background: #880723;
}

.desiree #form button:hover {
	background: #85553A;
}

.lego #form button {
	background: #FFCF00;
}

.lego #form button:hover {
	background: #000;
}

#form button.addtocart {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}

#form button.addtocart:after {
	display: none;
}

/* footer */

.footer {
	float: left;
	width: 100%;
	padding: 55px 0;
	color: #FFF;
	background: #2B3654;
}

.footer a {
	color: #FFF;
}

.footer a:hover {
	color: #00B9F2;
}

.footer_blocks {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
}

.footer_block {
	width: 20%;
	line-height: 1.9em;
	font-size: 14px;
}

.footer_block b {
	float: left;
	width: 100%;
	font-family: "Cabin Sketch", cursive;
	font-weight: 700;
	font-size: 30px;
	letter-spacing: 0.03em;
	color: #00B9F2;
	margin-bottom: 20px;
}

.footer_block i {
	color: #00B9F2;
	margin-right: 3px;
}

.footer_block img.payment_logos {
	float: left;
	height: 16px;
	margin-top: 4px;
}

.footer_block .social_links {
	float: left;
	width: 100%;
}

.footer_block .social_links a {
	float: left;
	width: 32px;
	height: 32px;
	margin-top: 3px;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;	
	font-size: 17px;
	line-height: 1em;
	color: #00B9F2;
	border: 1px solid #00B9F2;
	border-radius: 50px;
	text-decoration: none;
}

.footer_block .social_links a:hover {
	color: #FFF !important;
	background: #00B9F2;
	transition: all 0.2s;
}

.footer_block .social_links a i {
	margin: 0;
}

.footer_block .social_links a:hover i {
	color: #2B3654;
}

/* footer newsletter signup */

form.footer_newsletter {
	float: left;
	width: 100%;
	position: relative;
	margin-top: 30px;
}

form.footer_newsletter:after {
	content: "\f061";
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	font-size: 16px;
	line-height: 1em;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	width: 40px;
	height: 40px;
	color: #00B9F2;
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

form.footer_newsletter input.text {
	float: left;
	width: 100%;
	box-sizing: border-box;
	font-family: "museo-sans", sans-serif;
	font-weight: 300;
	font-size: 15px;
	padding: 11px;
	padding-right: 40px;
	color: #2B3654;
	background: #FFF;
	outline: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	margin-bottom: 8px;
}

form.footer_newsletter input.text::placeholder {
	color: #2B3654;
}

form.footer_newsletter button {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 200;
	width: 40px;
	height: 40px;
	background: transparent;
	padding: 0;
	margin: 0;
	outline: none;
}

form.footer_newsletter span.checkbox {
	font-size: 11px;
}

/* copyrights */

.copyrights {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 30px 20px;
	text-align: center;
	font-size: 13px;
	line-height: 1.6em;
	color: rgba(43,54,84,0.6);
}

.copyrights a {
	color: rgba(43,54,84,0.6);
	white-space: nowrap;
}

.copyrights a:hover {
	color: rgba(43,54,84,1);
}

.copyrights span {
	display: inline-block;
	margin: 0 3px;
}

/* quoted */

img.quoted {
	vertical-align: middle;
	height: 15px;
	margin-left: 10px;
}
