@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans');

html { height: 100%; }
body { margin: 0; border: 0; font-family: 'Alegreya Sans', serif; font-size: 12px; line-height: 21px; color: #222; width: 100%; height: 100%; font-weight: 200; }

a:link { text-decoration: none; color: #222; }
a:visited { text-decoration: none; color: #222; }

/* hover colors */
a:hover { color: #6facbd; }



.clear { display: block; clear: both; }

h1 { font-weight: 200; font-size: 2.0833em; margin: 0 0 10px 0; }
h2 { font-weight: 200; font-size: 1.5em; margin: 0 0 10px 0; }
h3 { font-weight: 200; font-size: 1.25em; margin: 0 0 5px 0; }

/* Inputs */
input:not([type="radio"]):not([type="checkbox"]), textarea { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }
input[type='text'], input[type='password'], textarea, select { font-family: 'Alegreya Sans', serif; font-weight: 200; width: 200px; font-size: 13px; padding: 10px 12px; color: #000; background-color: #fff; border: 1px solid #000; resize: vertical; }
	input[type='text'].error, input[type='password'].error, textarea.error { border: 1px solid #cf0000; }
input[type='checkbox'] { margin-right: 5px; }
select { resize: none; font-family: 'Alegreya Sans', serif; width: 224px; height: 38px; margin: 0; -webkit-appearance: button; -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; padding: 7px 10px 10px 10px; background-image: url('../images/select_arrow.png'); background-size: 27px 22px; background-position: right 12px center; background-repeat: no-repeat; text-overflow: ellipsis; white-space: nowrap; -webkit-border-radius: 0; border-radius: 0; overflow: hidden; font-weight: 200; }
input[type='button'], input[type='submit'] { position: relative; margin: 0; border: 0; cursor: pointer; }
.button { font-family: 'Alegreya Sans', serif; font-weight: 200; position: relative; display: inline-block; font-size: 13px; line-height: 20px; padding: 10px 20px; cursor: pointer; background-color: #e93343; color: #fff; /*border-radius: 5px !important; -webkit-border-radius: 5px !important;*/ }
	.button:hover { background-color: #e42f3f; }

/* Errors */
div.errors { position: relative; padding: 20px 30px; margin-bottom: 15px; color: #b94a48; background-color: #f2dede; border: 2px solid #ebccd1; }
	div.errors a { color: #b94a48; }
div.warning { position: relative; padding: 20px 30px; margin-bottom: 15px; color: #b94a48; background-color: #f2dede; border: 2px solid #ebccd1; }
	div.warning a { color: #b94a48; }
	
/* General containers */
.container { position: relative; width: 1150px; margin: 0 auto; }
	.container.paddingTop { padding-top: 20px; }
.content { background-color: #fff; padding: 30px; }
.absoluteThemeBackground { position: absolute; left: 0; top: 110px; width: 100%; height: 200px; z-index: 0; }
.test { border: 1px solid red; }

/* Overlay */
#overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-image: url('../images/overlay.png'); z-index: 100; }
	#overlay #loading { display: none; position: absolute; left: 49%; top: 49%; width: 60px; height: 60px; background-image: url('../images/loading.gif'); background-size: contain; }

/* Breadcrumbs */
#content { margin-top: 12px; }
#breadcrumbs { display: none; }

#breadcrumbs { position: relative; padding-bottom: 15px; margin: 15px 0 25px 0; border-bottom: 1px solid #f5f5f5; }
	#breadcrumbs div { position: relative; float: left; margin-right: 5px; font-size: 13px; }
	#breadcrumbs div:last-child a, #breadcrumbs div.delimiter { color: #7e7e7e; }
	#breadcrumbs:after { content: ""; display: table; clear: both; }
	#breadcrumbs div a:hover { text-decoration: underline; color: #7e7e7e; }

/* Thema */
.themaBg { background-color: #e93343; display: none; }

/* Center title */
.centerTitle { width: 70%; margin: 0 auto; text-align: center; font-size: 14px; color: #000; line-height: 25px; margin-bottom: 40px; font-weight: 200; }
	.centerTitle h1 { font-size: 30px; margin: 10px 0 20px 0; font-weight: 200; }

/* Pagination */
#pagination { position: relative; float: none; text-align: center; }
	#pagination .page { display: inline-block; width: 30px; height: 30px; line-height: 31px; text-align: center; border: 1px solid #e4e4e4; }
	#pagination .page.selected, #pagination .page:hover { border-color: #000; background-color: #000; color: #fff; }

/* Form */
.form .label { margin: 15px 0 5px 0; font-weight: 200; }
.form input[type='text'], form input[type='password'] { width: calc(100% - 26px); font-weight: 200; font-family: 'Alegreya Sans', serif; }
.form input[type='text'].housenumber { width: calc(70% - 24px); }
.form input[type='text'].housenumber_extension { width: calc(27% - 24px); float: right; }
.form select { width: 100%; font-weight: 200; font-family: 'Alegreya Sans', serif; }
.form textarea { height: 70px; width: calc(100% - 24px); min-height: 18px; font-weight: 200; font-family: 'Alegreya Sans', serif; }
.form input[type='submit'] { float: right; margin-top: 20px; }

/* Layout */
/* ------------------------------------------------------*/

/* Header */
#header { pointer-events: none; }
    #header > * { pointer-events: auto; }
#containerHeader > .grid.container:first-child { position: absolute; top: 50px; pointer-events: none; z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

#containerHeader { position: relative; }
    #containerHeader a:hover { color: #222; }
    #usp { padding: 8px 12px; text-align: center; box-sizing: border-box; }
    #usp .gridItem { box-sizing: border-box; padding: 0 20px; width: auto; float: none; display: inline-block; line-height: 1.2; margin-bottom: 6px; font-size: 1.3em; }
    #usp .gridItem:after { content: "·"; position: absolute; right: -4px; top: 0; font-size: 44px; line-height: 1rem; }
	#usp .gridItem:last-child:after { content: ""; display: none; }
	#containerHeader #usp { position: relative; text-align: center; padding: 18px 0; font-weight: 200; }
	#containerHeader #options { position: relative; text-align: right; /*padding: 18px 0;*/ height: 24px; pointer-events: auto; margin-right: 72px; }
        #containerHeader #options > * { margin-left: 12px; display: inline-block; vertical-align: top; height: 100%; }
        #containerHeader #options #telephone { position: relative; padding-left: 20px; background-image: url('../images/telephone.svg'); background-repeat: no-repeat; background-size: 14px auto; display: inline-block; background-position: center left; margin-right: 30px; height: 100%; line-height: 24px; margin: 0; float: left; display: none; }
        #containerHeader #options #headerWishlist { position: relative; background-image: url('../images/like.svg'); background-repeat: no-repeat; background-size: 38px auto; background-position: -5px -9px; height: 100%; width: 26px; line-height: 22px; font-size: 12px; text-align: center; }
		#containerHeader #options #account { position: relative; background-image: url('../images/user.svg'); background-repeat: no-repeat; background-size: 24px; background-position: center; width: 24px; height: 24px; }
		#containerHeader #options #languages { position: relative; float: right; margin: 2px 20px 0 0; }
			#containerHeader #options #languages img { height: 13px; margin-left: 5px; }
	
	#containerHeader #header {  }
	#containerHeader #responsiveMenu { display: none; }
	#containerHeader #search { position: relative; margin-bottom: 12px; margin-left: 0; 		position: absolute; bottom: -40px; left:0; }
		#containerHeader #search form { display: none; }
		#containerHeader #search input[type='text'] { width: calc(100% - 24px); height: 24px; padding: 0 12px; -webkit-border-radius: 0px; border-radius: 0px; border-left: none; border-top: none; border-right: none; outline: none; }
		#containerHeader #search input[type='image'], #containerHeader #search img { position: absolute; right: 0; top: 0; width: 24px; height: 24px; cursor: pointer; }
        #containerHeader #search img { right: 0; top: 0; height: 34px; width: 24px; margin-top: -5px; }
        #containerHeader #searchButton img { height: 34px; width: 24px; margin-top: -5px; }
	#containerHeader #logo { text-align: center; }
		#containerHeader #logo div { display: inline-block; width: 250px; height: 90px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; }
	#containerHeader #containerCart { }
		#containerHeader #containerCart #cart {  }
			#containerHeader #containerCart #cart #bag { width: 21px; height: 24px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 34px auto; background-image: url('../images/shopping.svg'); }
				#containerHeader #containerCart #cart #bag #quantity { text-align: center; display: block; line-height: 28px; font-size: 12px; }
		#containerHeader #containerCart #mouseOver { display: none; position: absolute; right: 0; top: 28px; padding: 25px 20px 20px 20px; width: 350px; z-index: 2; background-color: #fff; border: 1px solid #000; }
			#containerHeader #containerCart #mouseOver #title { font-size: 23px; text-align: center; }
			#containerHeader #containerCart #mouseOver #containerCartQuantity { font-size: 20px; text-align: center; color: #737373; margin-top: 5px; }
			#containerHeader #containerCart #mouseOver #products { position: relative; text-align: center; }
				#containerHeader #containerCart #mouseOver #products .product { position: relative; margin-top: 10px; }
					#containerHeader #containerCart #mouseOver #products .product .image { height: 120px; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }
					#containerHeader #containerCart #mouseOver #products .product .itemName { font-size: 14px; }
					#containerHeader #containerCart #mouseOver #products .product .color { display: inline-block; margin-right: 10px; color: #777; }
					#containerHeader #containerCart #mouseOver #products .product .size { display: inline-block; color: #777; }
					#containerHeader #containerCart #mouseOver #products .product .oldPrice { display: inline-block; margin-right: 10px; text-decoration: line-through; }
					#containerHeader #containerCart #mouseOver #products .product .price { display: inline-block; }
			#containerHeader #containerCart #mouseOver #subtotal { margin: 10px; padding-top: 20px; border-top: 1px solid #000; }
				#containerHeader #containerCart #mouseOver #subtotal .price { font-size: 20px; text-align: right; padding-right: 3px; }
			#containerHeader #containerCart #mouseOver #openCart { padding: 10px 0 0 10px; color: #626262; text-decoration: underline; }
			#containerHeader #containerCart #mouseOver #submit { text-align: right; }
				#containerHeader #containerCart #mouseOver #submit .button { margin-right: 5px; }
			#containerHeader #containerCart #mouseOver #noItems { text-align: center; margin-top: 15px; }

/* Menu */
#menu { line-height: 10px; text-align: center; padding-bottom: 8px; }
	#menu .item { position: relative; display: inline-block; height: 24px; padding: 16px 5px 0 5px; margin: 0 60px; font-size: 1.333em; color: #3e3e3e; font-weight: 400; }
		#menu .item a { color: #3e3e3e; }
        #menu .item:hover > a, #menu .item.selected > a { color: #6facbd; }
		#menu .item:hover, #menu .item.selected { border-bottom: 1px solid #6facbd; height: 23px; }
		#menu .item .submenu { position: absolute; z-index: 5; left: 0; top: 36px; /*width: 250px;*/ padding: 10px 25px 20px 25px; background-color: #fff; text-align: left; border-top: 1px solid #6facbd; display: none; box-shadow: 0 2px 1px rgba(0,0,0,.2); z-index: 11; }
			#menu .item .submenu .subitem { margin: 24px 0; display: block; white-space: nowrap; }
			#menu .item:hover .submenu { display: block; }
            #menu .item .submenu .subitem:hover a { color: #6facbd; }
#buttonResponsiveMenu span { background-color: #1b1b1b; }

/* Submenu */
#submenu { position: relative; }
	#submenu .title { font-weight: bold; font-size: 16px; margin-bottom: 15px; }
	#submenu .item { margin: 10px 20px 0 0; }
		#submenu .item a { color: #747474; }
		#submenu .item:hover { text-decoration: underline; }

/* Footer */
#footer { position: relative; font-weight: 200; font-size: 1.25em; }
	#footer #highlight { position: relative; padding: 17px 0; margin-top: 40px; }
		#footer #highlight #newsletter { position: relative; }	
			#footer #highlight #newsletter input[type='text'] { margin: 0 10px 0 15px; }	
			#footer #highlight #newsletter .button { position: relative; }
            #footer #highlight #newsletter form { float: right; }
		#footer #highlight #socialMedia { position: relative; text-align: right; padding-top: 4px; }	
			#footer #highlight #socialMedia img { margin-left: 8px; }	
	#footer #items { margin-top: 20px; }
		#footer #items .item { position: relative; }
			#footer #items .item span { font-weight: 600; }
			#footer #items .item .submenu { margin-top: 5px; }
				#footer #items .item .submenu .subitem { margin-top: 5px; }
				
/* Disclaimer */
#disclaimer { position: relative; border-top: 1px solid #dedede; margin-top: 30px; padding-top: 10px; padding-bottom: 20px; text-align: center; }
	#disclaimer .link { margin-left: 12px; padding-left: 12px; border-left: 1px solid #ccc; display: inline-block; }
    #disclaimer .link:first-child { margin-left: 0; padding-left: 0; border-left: none; }



/* Shop */
/* ------------------------------------------------------*/

/* Product view filters */
#containerProductFilters { position: relative; }
	#containerProductFilters #mobileButton { display: none; }
	#containerProductFilters #productCategories { position: relative; margin-bottom: 20px; font-size: 15px; }
		#containerProductFilters #productCategories .item { margin-bottom: 5px; color: #565656; }
		#containerProductFilters #productCategories .subcategories { padding-left: 10px; }
		#containerProductFilters #productCategories .subcategories .subcategorieItem { margin-bottom: 5px; color: #848484; font-size: 13px; }
	#containerProductFilters .filter { position: relative; margin-bottom: 20px; padding-top: 20px; border-top: 1px solid #f5f5f5; }
		#containerProductFilters .filter .title { position: relative; font-size: 14px; font-weight: bold; margin-bottom: 10px; background-image: url('../images/arrow_up.png'); background-repeat: no-repeat; background-size: 13px; background-position: right 5px center; }
			#containerProductFilters .filter:hover .title { text-decoration: underline; cursor: pointer; }
		#containerProductFilters .filter .items { position: relative; font-size: 13px;  }
			#containerProductFilters .filter .items .item { position: relative; margin-bottom: 7px; padding-left: 30px; background-image: url('../images/product_filter_checkbox.png'); background-repeat: no-repeat; background-size: 15px; background-position: 0 2px; }
				#containerProductFilters .filter .items .item:hover { text-decoration: underline; }
				#containerProductFilters .filter .items .item.selected { background-image: url('../images/product_filter_checkbox_selected.png'); }
		#containerProductFilters .filter.hide .title { background-image: url('../images/arrow_down.png'); }
		#containerProductFilters .filter.hide .items { display: none; }
		
/* Product view */
#productViewHeader { position: relative; margin-bottom: 15px; }
	#productViewHeader img { width: 100%; }
#templateProductView { padding-top: 18px; }
#containerProductView { position: relative; }
	#containerProductView:after { content: ""; display: table; clear: both; }
	#containerProductView #description { margin-top: -20px; }
	#containerProductView #selectedFilters { position: relative; margin: 15px 0 5px 0; text-align: center; }
		#containerProductView #selectedFilters .item { display: inline-block; margin: 0 3px; padding: 4px 10px 4px 30px; border: 1px solid #e8e8e8; font-size: 13px; background-image: url('../images/product_filter_checkbox_selected.png'); background-repeat: no-repeat; background-size: 15px; background-position: 9px 6px; }
		#containerProductView #selectedFilters .item:hover { background-color: #f5f5f5; }
	#containerProductView #options { position: relative; margin: 20px 0; color: #545454; }
		#containerProductView #options #view { }
			#containerProductView #options #view #size { position: relative; display: inline-block; float: left; margin-right: 20px; padding-top: 7px; }
				#containerProductView #options #view #size div { position: relative; display: inline-block; width: 19px; height: 19px; margin-right: 10px; cursor: pointer; background-size: contain; background-repaet: no-repeat; }
					#containerProductView #options #view #size #big { background-image: url('../images/product_thumb_4.png'); }
						#containerProductView #options #view #size #big.selected { background-image: url('../images/product_thumb_4_selected.png'); }
					#containerProductView #options #view #size #small { background-image: url('../images/product_thumb_9.png'); }
						#containerProductView #options #view #size #small.selected { background-image: url('../images/product_thumb_9_selected.png'); }
			#containerProductView #options #view #quantity { position: relative; display: inline-block; float: left; }
				#containerProductView #options #view #quantity div { position: relative; display: inline-block; height: 19px; margin-right: 10px; font-size: 10px; cursor: pointer; }
				#containerProductView #options #view #quantity div.selected, #containerProductView #options #view #quantity div:hover { text-decoration: underline; }
		#containerProductView #options div#quantity { text-align: center; padding-top: 7px; }
		#containerProductView #options div#order { text-align: right; }
		
	#containerProductView #products { position: relative; text-align: center; margin-top: 10px; margin-bottom: 10px; }
		#containerProductView #products:after { content: ""; display: table; clear: both; }
		#containerProductView #products .product { position: relative; float: left; overflow: hidden; padding: 2%; margin: 10px 2%; /*border: 1px solid #000;*/ text-align: center; }
			#containerProductView #products .product > a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
			#containerProductView #products .product .image { position: relative; height: 280px; margin-bottom: 40px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; }
				#containerProductView #products .product .image .mouseOver { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; background-color: #fff; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; }
			#containerProductView #products .product.mouseOverSelected .image { background-image: none !important; }
			#containerProductView #products .product .details {  }
				#containerProductView #products .product .details .category { position: relative; font-size: 16px; float: left; text-align: left; width: 60%; color: #aaa; }
				#containerProductView #products .product .details .itemName { position: relative; font-size: 16px; padding: 8px 0; display: block; clear: both; text-align: left; }
				#containerProductView #products .product .details .sale, #containerProductView #products .product .details .new { top: 12px; /*background: #fff; border: 1px solid #000;*/ height: 24px; line-height: 24px; font-size: 16px; padding: 0 8px; position: absolute; left: 25px; }
					/*#containerProductView #products .product .details .sale:before, #containerProductView #products .product .details .new:before, #containerProductView #products .product .details .sale:after, #containerProductView #products .product .details .new:after { content: ""; display: block; width: 0; height: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; position: absolute; top: -1px; }
					#containerProductView #products .product .details .sale:before, #containerProductView #products .product .details .new:before { border-right: 12px solid #fff; -webkit-filter: drop-shadow(-1px 0px 0px #000); filter: drop-shadow(-1px 0px 0px #000); left: -11px; }
					#containerProductView #products .product .details .sale:after, #containerProductView #products .product .details .new:after { border-left: 12px solid #fff; -webkit-filter: drop-shadow(1px 0px 0px #000); filter: drop-shadow(1px 0px 0px #000); right: -11px; }*/
				#containerProductView #products .product .details .prices { position: relative; float: right; width: 40%; display: inline-block; text-align: right; font-size: 16px; }
					#containerProductView #products .product .details .prices .oldPrice { display: inline-block; margin-right: 10px; text-decoration: line-through; }
					#containerProductView #products .product .details .prices .price { display: inline-block; }
                /*#containerProductView #products .product .details .wishlist { border: 1px solid #000; height: 24px; line-height: 24px; font-size: 16px; padding: 0 2px; position: relative; display: inline-block; margin-top: 4px; cursor: pointer; z-index: 10; white-space: nowrap; }
					#containerProductView #products .product .details .wishlist:before, #containerProductView #products .product .details .wishlist:after { content: ""; display: block; width: 0; height: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; position: absolute; top: -1px; }
                    #containerProductView #products .product .details .wishlist:before { border-right: 12px solid #fff; -webkit-filter: drop-shadow(-1px 0px 0px #000); filter: drop-shadow(-1px 0px 0px #000); left: -11px; }
                    #containerProductView #products .product .details .wishlist:after { border-left: 12px solid #fff; -webkit-filter: drop-shadow(1px 0px 0px #000); filter: drop-shadow(1px 0px 0px #000); right: -11px; }*/
				 #containerProductView #products .product .details .wishlist { height: 24px; line-height: 24px; font-size: 16px; padding: 0 2px; padding-left: 30px; background-image: url(../images/like.svg); background-position: left center; background-size: 28px auto; background-repeat: no-repeat; position: relative; display: inline-block; margin-top: 4px; cursor: pointer; z-index: 10; text-align: left; }



/* Product detail */
#backToOverview { position: absolute; top: -20px; left: 0; color: #aaa; font-size: 13px; }
#containerProduct { position: relative; }
    #containerProduct #thumbs { position: relative; }
		/*#containerProduct #thumbs .thumb { position: relative; margin-right: 15%; max-height: 125px; margin-bottom: 15px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; }
			#containerProduct #thumbs .thumb img { max-width: 100%; max-height: 100%; }*/
        #containerProduct #thumbs .thumb { position: relative; height: 10px; width: 10px; border: 1px solid #000; margin: 10px; background: #fff; border-radius: 50%; display: block; clear: both; float: right; }
        #containerProduct #thumbs .mz-thumb-selected .thumb { background: #000; }
	#containerProduct #mainImage { position: relative; }
		#containerProduct #mainImage img { max-width: 90%; }
	#containerProduct #containerDetails { position: relative; }
		#containerProduct #details { padding: 8% 10%; text-align: center }
            #containerProduct #details h1 { color: #999; font-weight: 200; }
			#containerProduct #details #brand { font-size: 18px; color: #4f4f4f; display: none; }
			#containerProduct #details #price { font-size: 16px; margin: 20px 0; }
			#containerProduct #details #description { font-size: 1.25em; }
            #containerProduct #details #colorText { margin-top: 24px; }
			#containerProduct #details #colors { position: relative; margin-top: 8px; }
				#containerProduct #details #colors .color { display: inline-block; width: 70px; height: 70px; margin: 0 5px; background-color: #fff; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; border: 1px solid #ddd; border-radius: 2px; -webkit-transition: border .5s ease; -moz-transition: border .5s ease; -o-transition: border .5s ease; transition: border .5s ease; }
					#containerProduct #details #colors .color.selected, #containerProduct #details #colors .color:hover { border: 1px solid #000; }
            #containerProduct #details #sizeText { display: inline; margin-right: 12px; }
			#containerProduct #details #sizes { position: relative; margin-top: 30px; text-align: center; display: inline-block; }
				#containerProduct #details #sizes .size { display: inline-block; width: 28px; height: 25px; /*margin: 0 5px;*/ padding-top: 3px; text-align: center; position: relative; }
					#containerProduct #details #sizes .size.sold { color: #D5D5D5; }
						#containerProduct #details #sizes .size.sold:before, #containerProduct #details #sizes .size.sold:after { content: ""; display: block; height: 1px; width: 100%; position: absolute; background: #ddd; top: 50%; z-index: -1; }
                        #containerProduct #details #sizes .size.sold:before { transform: rotate(45deg); }
						#containerProduct #details #sizes .size.sold:after { transform: rotate(-45deg); }
					#containerProduct #details #sizes .size.selected { background-color: #000; color: #fff; }
					#containerProduct #details #sizes .size:not(.sold) { cursor: pointer; }
            #containerProduct #details #noSizeSelected { background-color: #6facbd; color: #fff; text-align: center; padding: 8px 18px; font-size: 14px; display: none; margin-top: 18px; }
			#containerProduct #details button[type='submit'], #containerProduct #details #orderBeforeShipping { margin-top: 30px; }
			#containerProduct #details .cartAdd { font-family: 'Alegreya Sans', serif; color: #fff; background-color: #000; /*height: 32px; line-height: 32px;*/ font-size: 17px; font-weight: 200; display: inline-block; position: relative; padding: 0 12px; padding: 9px 24px; border: none; /*margin: 0 15px;*/ }
				/*#containerProduct #details .cartAdd:before, #containerProduct #details .cartAdd:after { content: ""; display: block; width: 0; height: 0; border-top: 16px solid transparent; border-bottom: 16px solid transparent; position: absolute; top: 0; }
				#containerProduct #details .cartAdd:before { border-right: 15px solid #000; left: -15px; }
				#containerProduct #details .cartAdd:after { border-left: 15px solid #000; right: -15px; }*/
			#containerProduct #details .wishlist { font-family: 'Alegreya Sans', serif; background: none; margin-top: 30px; color: #2f2f2f; background-image: url(../images/like.svg); background-repeat: no-repeat; background-size: 30px auto; background-position: center left; line-height: 18px; padding-left: 31px; font-size: 16px; min-height: 24px; font-weight: 200; }
            #containerProduct #details #suggestions { margin-top: 30px; }
				#containerProduct #details #suggestions #suggestionsText { font-size: 20px; border-bottom: 1px solid #ddd; padding-bottom: 18px; }
				#containerProduct #details #suggestions #suggestionsListContainer { position: relative; margin-top: 24px; padding-bottom: 35%; }
                    #containerProduct #details #suggestions #suggestionsList { position: relative; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
                        #containerProduct #details #suggestions #suggestionsList .suggestionsItem { width: 33.33333%; height: 100%; box-sizing: border-box; padding: 12px; }
						#containerProduct #details #suggestions #suggestionsList .suggestionsItem .suggestionsImage { height: 100%; width: 100%; background-position: center center; background-size: contain; background-repeat: no-repeat; }
	#containerProduct #extraInformation { position: relative; text-align: center; margin-top: 50px; }
		#containerProduct #extraInformation h2 { margin-bottom: 40px; }
		#containerProduct #extraInformation .label { position: relative; text-transform: uppercase; margin-bottom: 10px; }
			#containerProduct #extraInformation .label:before { content: ""; display: block; margin: -10px auto 10px auto; width: 40px; height: 3px; background-color: #000; }
		#containerProduct #extraInformation .specs { color: #484848; margin-bottom: 40px; }

/* Cart */
#containerCart { position: relative; }
	#containerCart #cartQuantity { font-size: 20px; text-align: center; color: #737373; }
	#containerCart #items { position: relative; margin: 30px 0 20px 0; }
		#containerCart #items .row { position: relative; border-bottom: 1px solid #ddd; padding: 10px 0; }
			#containerCart #items .row.header { padding-top: 12px; font-size: 14px; color: #535353; background-color: #eee; border: none; }
			#containerCart #items .row:after { content: ""; display: table; clear: both; }
			#containerCart #items .row .column { position: relative; float: left; width: 20%; }
				#containerCart #items .row .column.image { text-align: center; }
					#containerCart #items .row .column.image img { max-height: 100px; }
				#containerCart #items .row .column.item { }
					#containerCart #items .row .column.item .itemName { font-weight: bold; font-size: 15px; margin-bottom: 5px; }
					#containerCart #items .row .column.item .itemNumber { color: #808080; }
					#containerCart #items .row .column.item .color, #containerCart #items .row .column.item .size { display: inline-block; margin-right: 10px; }
					#containerCart #items .row .column.item .delete { margin-top: 10px; padding-left: 20px; line-height: 12px; color: #5a5a5a; text-decoration: underline; background-image: url('../images/cart_remove.png'); background-size: 12px; background-repeat: no-repeat; }
				#containerCart #items .row .column.price {  }
					#containerCart #items .row .column.price .price { font-size: 14px; font-weight: bold; }
					#containerCart #items .row .column.price .originalPrice { text-decoration: line-through; color: #5a5a5a; }
				#containerCart #items .row:not(.header) .column.quantity select { width: 60%; }
				#containerCart #items .row:not(.header) .column.total { font-size: 14px; font-weight: bold; }
	#containerCart #voucher { position: relative; margin-top: 10px; /*border-bottom: 1px solid #000;*/ padding-bottom: 20px; }
		#containerCart #voucher #openForm { position: relative; font-size: 13px; color: #5d5d5d; text-decoration: underline; cursor: pointer; }
		#containerCart #voucher #form { display: none; }
		#containerCart #voucher #codes { position: relative; margin-top: 10px; }
			#containerCart #voucher #codes .code { display: inline-block; line-height: 18px; margin: 5px 5px 0 0; padding: 5px 25px 5px 9px; border: 1px solid #000; background-image: url('../images/cart_remove.png'); background-size: 12px; background-repeat: no-repeat; background-position: right 7px center; }
				#containerCart #voucher #codes .code:hover { text-decoration: underline; background-color: #ececec; }
	#containerCart #continueShopping { position: relative; margin-top: 20px; font-size: 15px; color: #5d5d5d; text-decoration: underline; }
	#containerCart #containerCartOverview { float: right; text-align: right; }
	#containerCart #cartOverview { position: relative; margin-bottom: 10px; }
		#containerCart #cartOverview .row { margin-bottom: 10px; padding-bottom: 10px; /*border-bottom: 1px solid #000;*/ }
			#containerCart #cartOverview .row:after { content: ""; display: table; clear: both; }
			#containerCart #cartOverview .row .label { text-align: left; }
			#containerCart #cartOverview .row .value { float: right; }
			#containerCart #cartOverview .row.subtotal, #containerCart #cartOverview .row.total { font-size: 15px; }
			#containerCart #cartOverview .row.total .value { font-weight: bold; }
		#containerCart #buttonOrderNow { width: 80%; text-align: center; font-size: 16px; }

/* Account login & register */
#accountLogin { margin-top: 20px; }
	#accountLogin h1 { margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid #ddd; }
	#accountLogin #containerLogin { margin-left: 7%; }
        #accountLogin #login { overflow: hidden; width: calc(100% - 100px); padding: 40px 50px; border: 1px solid #ddd; }
		#accountLogin #login #recovery { float: left; margin-top: 28px; font-size: 15px; color: #5d5d5d; text-decoration: underline; }
	#accountLogin #containerRegister { margin-left: 6%; }
		#accountLogin #register { width: calc(100% - 100px); padding: 40px 50px; border: 1px solid #ddd; }
            #accountLogin #register .button { margin-top: 12px; }
			#accountLogin #register ul { padding-left: 20px; }
#accountRegister #register { margin-top: 20px; margin-left: 35%; }
#accountRecovery #recovery { margin-top: 20px; margin-left: 35%; }



/* Custom pages */
/* ------------------------------------------------------*/

/* Design page */
#designPage { position: relative; }
	#designPage .linedTitle { position: relative; display: block; text-align: center; line-height: 1.5; font-weight: 200; }
    #designPage .content-top .text { font-size: 1.5em; font-weight: 200; max-width: 440px; margin: 0 auto; line-height: 1.4; }
	#designPage .content-top > a { display: inline-block; margin-bottom: 82px; left: 50%; position: relative; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
	#designPage .container { margin-bottom: 30px; }
    #designPage .slidesjs-control { height: 100% !important; position: absolute; }
    #designPage .slidesjs-container { height: 100% !important; width: 100% !important; position: absolute !important; }
	#designPage .slideshow { position: relative; height: 0; overflow: hidden; z-index: 0; }
		#designPage .slideshow .slide { width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; z-index: 1; }
			#designPage .slideshow .slide { width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; z-index: 1; }
			#designPage .slideshow .slide a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
				#designPage .slideshow .slide .data .title { margin-bottom: 20px; font-size: 40px; line-height: 30px; text-transform: uppercase; }
				#designPage .slideshow .slide .data .intro { font-size: 22px; line-height: 40px; font-weight: bold; }
		#designPage .slideshow .slidesjs-navigation {  }
		#designPage .slideshow .slidesjs-previous, #designPage .slideshow .slidesjs-next { position: absolute; top: 50%; z-index: 10; width: 8%; height: 8%; max-height: 28px; background-size: contain; background-position: center; background-repeat: no-repeat; color: transparent; -webkot-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
        #designPage .slideshow .slidesjs-previous { left: 1%; background-image: url('../images/arrow_left.svg'); }
		#designPage .slideshow .slidesjs-next { right: 1%; background-image: url('../images/arrow_right.svg'); }
		#designPage .slideshow .slidesjs-stop, #designPage .slideshow .slidesjs-play { display: none !important; }
		#designPage .slideshow .slidesjs-pagination { position: absolute; bottom: 10px; padding: 0; width: 100%; z-index: 10; list-style: none; text-align: center; }
			#designPage .slideshow .slidesjs-pagination li { margin: 0; padding: 0; display: inline-block; }
				#designPage .slideshow .slidesjs-pagination li a { display: block; height: 0; background-color: transparent; border: 1px solid #fff; width: 9px; padding-top: 9px; margin: 0 5px; overflow: hidden; -webkit-border-radius: 10px; border-radius: 10px; }
					#designPage .slideshow .slidesjs-pagination li a.active { background-color: #fff; }
	#designPage .text { position: relative; text-align: center; padding: 40px 0; }
		#designPage .text h2 { font-size: 25px; margin-bottom: 20px; }
	/*#designPage .multi { position: relative; padding-top: 38px; }
        #designPage .multi .gridItem { padding-bottom: 5%; box-sizing: border-box; }
		#designPage .multi .gridItem:nth-child(even) { padding-right: 2.5%; clear: left; }
		#designPage .multi .gridItem:nth-child(odd) { padding-left: 2.5%; float: right; clear: right; }
			#designPage .multi .gridItem img { width: 100%; display: block; }
            #designPage .multi .gridItem .image-container { position: relative; }
			#designPage .multi .gridItem .image-container .full-link { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }*/
	#designPage .multi { position: relative; }
        #designPage .multi .gridItem { box-sizing: border-box; padding: 18px; }
		#designPage .multi .gridItem img { width: 100%; display: block; }
        #designPage .multi.multi1 .gridItem:nth-child(3n), #designPage .multi.multi1 .gridItem:nth-child(3n+2) { float: right; clear: right; }
		#designPage .multi.multi1 .gridItem:nth-child(3n+1) { clear: left; }
		#designPage .multi.multi4 .gridItem:nth-child(4n+2), #designPage .multi.multi4 .gridItem:nth-child(4n+3) { float: right; }
		#designPage .multi.multi5 .gridItem:nth-child(even) { float: right; }
	#designPage .products { position: relative; }
		#designPage .products h2 { font-size: 25px; text-align: center; }
	#designPage .container.social { padding-top: 38px; }
    #designPage .social .channels { text-align: center; padding-bottom: 20px; }
        #designPage .social .channels a { display: inline-block; margin: 0 12px; }
    #designPage .social .images { text-align: center; }
        #designPage .social .images .gridItem { margin: 12px auto; display: inline-block; float: none; }
            #designPage .social .images .gridItem .image { width: 230px; height: 230px; display: block; margin: 0 auto; border-radius: 50%; background-size: cover; background-position: center; }

    #designPage .shopButton { background: #fff; border: 1px solid #000; color: #000; height: 32px; line-height: 32px; font-size: 19px; font-weight: 200; display: inline-block; position: absolute; padding: 0 12px; bottom: -17px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
        #designPage .shopButton:before, #designPage .shopButton:after { content: ""; display: block; width: 0; height: 0; border-top: 17px solid transparent; border-bottom: 17px solid transparent; position: absolute; top: -1px; }
        #designPage .shopButton:before { border-right: 15px solid #fff; -webkit-filter: drop-shadow(-1px 0px 0px #000); filter: drop-shadow(-1px 0px 0px #000); left: -14px; }
        #designPage .shopButton:after { border-left: 15px solid #fff; -webkit-filter: drop-shadow(1px 0px 0px #000); filter: drop-shadow(1px 0px 0px #000); right: -14px; }
    #designPage .product .new, #designPage .product .sale { top: 12px; /*background: #fff; border: 1px solid #000;*/ height: 24px; line-height: 24px; font-size: 16px; padding: 0 8px; position: absolute; left: 25px; }
		/*#designPage .product .new:before, #designPage .product .sale:before, #designPage .product .new:after, #designPage .product .sale:after { content: ""; display: block; width: 0; height: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; position: absolute; top: -1px; }
		#designPage .product .new:before, #designPage .product .sale:before { border-right: 12px solid #fff; -webkit-filter: drop-shadow(-1px 0px 0px #000); filter: drop-shadow(-1px 0px 0px #000); left: -11px; }
		#designPage .product .new:after, #designPage .product .sale:after { border-left: 12px solid #fff; -webkit-filter: drop-shadow(1px 0px 0px #000); filter: drop-shadow(1px 0px 0px #000); right: -11px; }*/

	#designPage .products { padding-top: 38px; }
    #designPage #productsSlider .productslider-container { width: 100%; position: relative; overflow: hidden; margin: 0 auto; max-width: 1000px; font-weight: 200; }
		#designPage #productsSlider .productslider-container .productslider { list-style: none; white-space: nowrap; width: 100%; padding: 0; -webkit-transition: transform .7s ease-in-out; -moz-transition: transform .7s ease-in-out; -o-transition: transform .7s ease-in-out; transition: transform .7s ease-in-out; }
            #designPage #productsSlider .productslider-container .productslider .productslider-item { white-space: nowrap; width: 33.333%; display: inline-block; position: relative; }
				#designPage #productsSlider .productslider-container .productslider .productslider-item a, #designPage #productsSlider .productslider-container .productslider .productslider-item a:visited, #designPage #productsSlider .productslider-container .productslider .productslider-item a .shopButton { color: #000; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; }
				#designPage #productsSlider .productslider-container .productslider .productslider-item a:hover, #designPage #productsSlider .productslider-container .productslider .productslider-item a:hover .shopButton { color: #6facbd; }
				#designPage #productsSlider .productslider-container .productslider .productslider-item .product { width: 84%; padding: 4% 4% 38px 4%; margin: 10px 4%; position: relative; float: left; text-align: center; /*border: 1px solid #000;*/ font-size: 1.5em; }
					#designPage #productsSlider .productslider-container .productslider .productslider-item .image { height: 400px; margin-bottom: 16px; background-repeat: no-repeat; background-position: center; background-size: contain; }
		#designPage #productsSlider #next, #designPage #productsSlider #prev { position: absolute; top: 50%; width: 40px; height: 48px; margin-top: -24px; background-position: center; background-size: 24px auto; background-repeat: no-repeat; border: 1px solid #000; color: transparent; background-color: #fff; outline: none; cursor: pointer; }
        #designPage #productsSlider #next { right: 0; background-image: url('../images/arrow_right.svg'); }
        #designPage #productsSlider #prev { left: 0; background-image: url('../images/arrow_left.svg'); }

	
	#designFooter #newsletterDesignFooter { padding-left: 2%; box-sizing: border-box; }
        #designFooter #newsletterDesignFooter .text-container { font-size: 14px; font-weight: 200; height: 300px; width: 100%; background-size: cover; background-position: center; padding: 20px; box-sizing: border-box; text-align: center; }
            #designFooter .text-container h3 { padding: 36px 0; font-size: 30px; font-weight: 200; margin-bottom: -18px; }
            #designFooter .text-container form { padding-top: 50px; }
                #designFooter .text-container form input[type='text'] { padding: 12px; border: none; margin-bottom: 12px; }

    #designFooter #storeDesignFooter { padding-right: 2%; box-sizing: border-box; }
    #designFooter #storeDesignFooter .text-container { font-size: 14px; font-weight: 200; height: 300px; width: 100%; background-size: cover; background-position: center; padding: 85px; box-sizing: border-box; text-align: center; }

/* News */
#containerNews { position: relative; }
	#containerNews #news { }
		#containerNews #news .item { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f5f5f5; }
			#containerNews #news .item .date { color: #5F5F5F; font-style: italic; }
			#containerNews #news .item .introduction { position: relative; }
	#containerNewsDetail { }
		#containerNewsDetail #news { margin-bottom: 20px; }


/* Newsletter */
#containerNewsletter { position: relative; }
	#containerNewsletter #unsubscribeLink { margin-top: 20px; text-decoration: underline; }


/* Customer service */
#containerCustomerService { position: relative; }
	#containerCustomerService #customerService { padding: 30px; }
		#containerCustomerService #customerService .title { font-size: 18px; font-weight: bold; margin-bottom: 15px; }
		#containerCustomerService #customerService .items { line-height: 30px; text-decoration: underline; margin-bottom: 40px; }
#containerCustomerServiceDetail #submenu { }
	#containerCustomerServiceDetail #submenu .title { font-size: 18px; font-weight: bold; margin-bottom: 15px; }
	#containerCustomerServiceDetail #submenu .items { line-height: 30px; text-decoration: underline; }

/* Faq */
#containerFaq { position: relative; }
	#containerFaq #questions { position: relative; float: none; padding-top: 20px; }
		#containerFaq #questions .categorie { position: relative; margin-bottom: 20px; padding-bottom: 20px; float: none; display: inline-block; vertical-align: top; }
			#containerFaq #questions .categorie:nth-child(even) { margin-left: 8%; }
			#containerFaq #questions .categorie h2 { margin-bottom: 15px; }
			#containerFaq #questions .categorie .questions { position: relative; }
				#containerFaq #questions .categorie .questions .question { position: relative; margin-bottom: 10px; }
					#containerFaq #questions .categorie .questions .question .title { position: relative; font-size: 15px; padding-bottom: 10px; margin-top: 30px; color: #757575; border-bottom: 1px solid #f5f5f5; cursor: pointer; background-image: url('../images/arrow_down.png'); background-repeat: no-repeat; background-size: 13px; background-position: right 5px center; }
						#containerFaq #questions .categorie .questions .question .title.selected { background-image: url('../images/arrow_up.png'); }
					#containerFaq #questions .categorie .questions .question .answer { position: relative; font-size: 13px; display: none; margin-top: 15px; padding-bottom: 20px; }

/* Store finder */
#containerStoreFinder { position: relative; }
	#containerStoreFinder #search { position: relative; padding: 20px 25px; margin-bottom: 10px; }
		#containerStoreFinder #search span, #containerStoreFinder #search input, #containerStoreFinder #search select { margin-right: 10px; margin-bottom: 8px; }
	#containerStoreFinder #results #stores { height: 450px; overflow: auto; }
		#containerStoreFinder #results #stores .store { position: relative; padding: 20px; margin-bottom: 5px; font-size: 10px; }
        #containerStoreFinder #results #stores .store:after { content: ""; display: block; height: 1px; background: #000; position: absolute; bottom: 0; left: 10px; right: 10px; }
	#containerStoreFinder #results #googleMaps { width: 100%; height: 450px; }


/* Shop the look */
#containerShopTheLook { position: relative; }
	#containerShopTheLook .gridItem { height: 350px; background-size: cover; background-repeat: no-repeat; text-align: center; background-position: center top; }
		#containerShopTheLook .gridItem:hover .button { display: inline-block; }
		#containerShopTheLook .gridItem .button { margin: 240px auto; display: none; }
		#containerShopTheLook .gridItem .containerTitle { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; text-align: center; }
			#containerShopTheLook .gridItem .containerTitle .title { position: relative; z-index: 2; font-size: 16px; text-align: center; padding: 15px 0 15px 0; }
			#containerShopTheLook .gridItem .containerTitle .transparant { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); }
#containerShopTheLookDetail { position: relative; margin-top: 20px; }
	#containerShopTheLookDetail #look img { max-width: 100%; }
	#containerShopTheLookDetail #items { position: relative; padding: 2%; }
		#containerShopTheLookDetail #items .item { position: relative; margin-bottom: 30px; border-bottom: 1px solid #f5f5f5; }
			#containerShopTheLookDetail #items .item .image img { max-width: 100%; }
			#containerShopTheLookDetail #items .item .itemName { font-size: 18px; margin: 10px 0 5px 0; }
			#containerShopTheLookDetail #items .item .price { color: #6f6f6f; font-size: 16px; }
			#containerShopTheLookDetail #items .item .button { margin-top: 20px; }
		#containerShopTheLookDetail #items .item:last-child { border-bottom: none; }

/* Contact */
#containerContact { position: relative; }
	#containerContact #contactFormContainer { position: relative; float: none; margin: 0 auto; }
        #containerContact #contactFormContainer .form input[type='submit'] { float: none; }

/* Account */
#account #addresses { position: relative; }
	#account #personalDetails .edit { margin-top: 5px; text-decoration: underline; }
	#account #addresses .address { position: relative; display: inline-block; vertical-align: top; margin-bottom: 20px; }
		#account #addresses .address span { font-weight: bold; }
		#account #addresses .address .isDefault { font-style: italic; color: #1fb806; }
		#account #addresses .address .edit, #account #addresses .address .delete, #account #addresses .address .setDefault { margin-top: 5px; text-decoration: underline; }
#account #orders { position: relative; }
	#account #orders .header { font-weight: bold; border-bottom: 1px solid #f5f5f5; font-size: 14px; margin-bottom: 10px; }
	#account #orders .order { position: relative; padding: 5px; }
		#account #orders .order:nth-child(even) { background-color: #f0f0f0; }
#account #order { position: relative; }
	#account #order #orderId { text-align: center; margin-right: 20px; padding-top: 10px; }
	#account #order #items { margin-top: 20px; }
		#account #order #items .item { padding: 20px; }
		#account #order #items .item:nth-child(odd) { background-color: #f0f0f0; }
			#account #order #items .item .originalPrice { color: #5e5e5e; text-decoration: line-through; }

/* General */
/* ------------------------------------------------------*/

/* Ui slider */
#priceSlider { position: relative; margin-bottom: 20px; }
#priceSliderInputs { position: relative; }
	#priceSliderInputs input { width: 40px; }
		#priceSliderInputs input#sliderMax { float: left; }
		#priceSliderInputs input#sliderMax { float: right; }

.ui-slider { position: relative; text-align: left; width: 92%; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 15px; height: 15px; margin-top: -3px; cursor: pointer; background-color: #e9e9e9; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; top: 0; height: 100%; font-size: .7em; display: block; border: 0; background-position: 0 0; background-color: #d2d2d2; }
.ui-slider-horizontal { height: .8em; background-color: #f6f6f6; }