/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

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

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"]  { cursor: default; }
button[disabled],
input[disabled],
input:read-only,
textarea[disabled],
textarea:read-only,
select[disabled] { cursor: default; opacity: 0.7; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; margin: 0; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { border: none; border-radius: 0; font-family: inherit; font-size: 12px; color: #1d1d1b; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */


body { font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 24px; color: #1d1d1b; }

a { color: inherit; text-decoration: none; display: inline-block; }

a:hover,
button:hover { cursor: pointer; text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

img { border: 0; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0; font-weight: normal; text-transform: uppercase; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.43em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

@media (max-width: 1259px){
}

.website,
.website label, 
.website input { z-index: 999; position: absolute; height: 0; width: 0; border: none; background: none; margin: 0; top: 0; left: 0; clear: both; font-size: 0px; line-height: 0px; }

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

.alignleft { float: left; }

.aligncenter { text-align: center; }

.alignright { float: right; }

[disabled],
.disabled { cursor: default; }

.mobileonly { display: none; }

[class^='ico'] { display: inline-block; font-size: 0; background-repeat: no-repeat; background-position: center; vertical-align: middle; }

.grayscale { -webkit-filter: grayscale(1); filter: grayscale(1); }
.grayscale:hover { -webkit-filter: none; filter: none; }

@media (max-width: 1259px){
	.mobileonly { display: block; }
	.desktoponly { display: none !important; }
}

.strong { font-weight: bold; }
.green { color: #009900; }
.orange { color: #ff9900; }
.red { color: #660000; }

/* ------------------------------------------------------------ *\
	note
\* ------------------------------------------------------------ */

.note { position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; }
.note { background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.note-box { background-color: #ffffff; margin: 15% auto; padding: 20px; border: 5px solid #dc0000; width: 35%; text-align: center; animation: noteDown 0.5s linear; }
.note-content { margin-bottom: 20px; }

.note-close .note-box { animation: noteUp 0.5s linear; margin: -16% auto; }

#cart-note.note { display: none; }

@keyframes noteDown { 
	0% { margin: -16% auto; }
	50% { margin: 0% auto; }
	100% { margin: 15% auto; }
}

@keyframes noteUp { 
	0% { margin: 15% auto; }
	50% { margin: 0% auto; }
	100% { margin: -16% auto; }
}

@media (max-width: 1259px){
	.note-box { width: 80%; margin: 40% auto; }
	@keyframes noteDown { 
		0% { margin: -41% auto; }
		50% { margin: 0% auto; }
		100% { margin: 40% auto; }
	}
	
	@keyframes noteUp { 
		0% { margin: 40% auto; }
		50% { margin: 0% auto; }
		100% { margin: -41% auto; }
	}
}

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

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

@media (max-width: 1259px){
	.shell { padding: 0 10px; }
	.wrapper { transition: left .3s; position: relative; left: 0; }
	.wrapper.active { left: 250px; overflow: visible; }
}

/* ------------------------------------------------------------ *\
	header
\* ------------------------------------------------------------ */

.header { padding-top: 20px; margin-bottom: 8px; }

.header .col-2of4 { text-align: center; }

.header .form-search { margin-top: 10px; }
.header .form-search i { margin-bottom: 1px; }
.header .form-search input { margin-left: 10px; width: 258px; display: none; }

.header-widget { float: right; font-size: 0; margin-top: 20px; }
.header-widget .widget { display: inline-block; font-size: 14px; width: 96px; }
.header-widget .widget a { display: block; text-align: center; }
.header-widget .widget i { display: inline-block; width: 94x; position: relative; }
.header-widget .widget .count-cart { position: absolute; color: #ffffff; font-size: 14px; top: 24px;  left: 10px; right: 10px; font-style: normal; }
.header-widget .widget .widget-note { margin-top: 5px; display: inline-block; }

.header-widget .widget a:hover,
.header-widget .widget a.current { color: #dc0000; }

.mobile-nav-icon { display: none; }


@media (min-width: 1259px){
	.header .col-2of4 { width: 200px; }

	.header .col-1of4 { width: 510px; margin-left: 0!; }
}

@media (max-width: 1259px){
	.header .row { position: relative; height: 150px; }
	.header .row .col-2of4 { position: absolute; top: 0; left: 0; right: 0; }
	.header .row .col-1of4 { position: absolute; bottom: 0; left: 0;  }
	
	.header .row .col-2of4 + .col-1of4 { right: 0; bottom: 3px; left: unset; width: 25%; }

	.header .form-search input { width: calc(100vw - 200px); display: inline-block; }
	
	
	.mobile-nav-icon { display: inline-block; float: left; margin-top: 10px; }
	
	.header-widget .widget { display: inline-block; width: auto; margin-right: 10px; }
	.header-widget .widget i { width: 33px; height: 33px; }
	
	.header-widget .widget .widget-note { display: none; }
	
	.header-widget .widget .count-cart { font-size: 14px; border-radius: 50%; border: 1px solid #ff0000; color: #ffffff; background: #ff0000; }
	.header-widget .widget .count-cart { position: absolute; right: -10px; top: -15px; width: 24px; height: 24px; font-weight: bold; text-align: center; }
}


/* ------------------------------------------------------------ *\
	Main Nav
\* ------------------------------------------------------------ */

.main-nav { list-style-type: none; text-transform: uppercase; font-size: 0; margin-top: 25px; }
.main-nav ul { font-size: 0; display: block; }
.main-nav li { display: inline-block; font-size: 14px; }
.main-nav a { display: block; }
.main-nav li:hover,
.main-nav li.current { color: #dc0000; }
.main-nav li + li { margin-left: 25px; }

@media (max-width: 1259px){
	.main-nav { display: none; }
}

/* ------------------------------------------------------------ *\
	Main Nav
\* ------------------------------------------------------------ */

.mobile-nav { display: none; background: #dc0000; color: #ffffff; padding-top: 124px; }
.wrapper.active .mobile-nav { display: block; position: absolute; top: 0px; bottom: 0; left: -250px; width: 250px; overflow-y: auto; z-index: 10; }

.mobile-nav ul li a { display: block; padding-left: 20px; line-height: 54px; font-size: 20px; font-weight: bold; text-transform: uppercase; }
.mobile-nav ul li + li { border-top: 1px solid #1d1d1b; }

.mobile-nav ul li.has-children ul { display: none; }
.mobile-nav ul li.has-children.active ul { display: block; border-top: 1px solid #1d1d1b; background: #ffffff; }

.mobile-nav ul li.has-children ul li { border: none; }
.mobile-nav ul li.has-children ul li a { line-height: 51px; font-size: 16px; color: #1d1d1b; font-weight: normal; text-transform: none; }
.mobile-nav ul li.has-children ul li.active a { color: #dc0000; }

/* ------------------------------------------------------------ *\
	slick-slider custom
\* ------------------------------------------------------------ */

.slide { position: relative; }

.slick-prev,
.slick-next { background: none; font-size: 0; line-height: 0; border: none; text-align: center; width: 48px; height: 80px; display: block; position: absolute; top: calc(50% - 37px); z-index: 1000; }


.slick-prev { left: 0; }
.slick-next { right: 0; }

.slick-prev:before,
.slick-next:before { content: ' '; width: 48px; height: 80px; display: inline-block; }

.teaser { position: relative; margin: 0; margin-bottom: -3px; }
.teaser .slick-prev { top: 0; left: 40px; bottom: 0; margin: auto; text-align: left; }
.teaser .slick-next { top: 0; right: 40px; bottom: 0; margin: auto; text-align: right; }

.teaser .slick-prev:before { background: url(../images/teaser-left.png) no-repeat center; }
.teaser .slick-next:before { background: url(../images/teaser-right.png) no-repeat center; }

.teaser .slick-slide { width: 100%; overflow: hidden; }
.teaser .slick-slide img { height: auto; width: 100%; }


/* ------------------------------------------------------------ *\
	row / col
\* ------------------------------------------------------------ */

.row { clear: both; display: block; }
.row:after { clear: both; display: block; content: ' '; }

.row .col { margin-left: 20px; position: relative; float: left; }
.row .col:first-child { margin-left: 0; }

.col-1of2 { width: 620px; }
.col-2of2 { width: 1260px; }

.col-1of4 { width: 300px; }
.col-2of4 { width: 620px; }
.col-3of4 { width: 940px; }
.col-4of4 { width: 1260px; }


.main-content .col-1of4 { width: 220px; }
.main-content .col-2of4 { width: 460px; }
.main-content .col-3of4 { width: 700px; }
.main-content .col-4of4 { width: 940px; }


.main-content .col-1of3 { width: 300px; }
.main-content .col-2of3 { width: 640px; }
.main-content .col-3of3 { width: 940px; }

@media (max-width: 1259px){
	.col-1of2,
	.col-2of2,
	.col-1of4,
	.col-2of4,
	.col-3of4,
	.col-4of4 { width: 100%; }

	.main-content .col-1of4,
	.main-content .col-2of4,
	.main-content .col-3of4,
	.main-content .col-4of4,
	.main-content .col-1of3,
	.main-content .col-2of3,
	.main-content .col-3of3 { width: 100%; }
	
	.row .col { margin-left: 0; float: none; }
}


/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.main-content { float: right; width: 960px; padding-left: 20px; }
.sidebar { width: 300px; }
.content:after,
.sidebar:after { content: ' '; clear: both; display: block; }


.content .text { margin-bottom: 5px; }

.content .image { display: table; margin-bottom: 10px; font-size: 12px; }
.content .image .caption { display: table-caption; caption-side: bottom; padding: 16px 0 0 0; line-height: 19px; }
.content .image .caption .source { float: left; margin-top: -17px; margin-bottom: 15px; color: #666666;}

.content .gallery { margin-top: 40px; }
.content .gallery:after { clear: both; content: ' '; display: block; margin-bottom: -20px; }

.content .gallery .gallery-image { width: 220px; height: 220px; float: left; text-align: center; position: relative; }
.content .gallery .gallery-image + .gallery-image { margin-left: 20px; }

.content .gallery .gallery-image img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.content .gallery .gallery-image:nth-child(4n+1) { margin-left: 0; }

.content .gallery .gallery-image:nth-child(n+4) { margin-bottom: 20px; }

.content .text > ul:not(.list-links),
.content .text > ol { padding-left: 20px; }

.content .text a { text-decoration: underline; color: #dc0000; }

.row.hidden { display: none; }

.row.seo { margin-bottom: 40px; }


@media (max-width: 1259px){
	.content { display: flex; flex-direction: column; }
	.main-content { width: 100%; float: none; padding-left: 0; order: 2; }
	.sidebar { width: 100%; order: 1; margin-bottom: 20px; }
	
	.content .image { margin-bottom: 0; }
	.content .image .caption { padding: 6px 0 0 0; }
	
	
	.content .gallery { margin-top: 20px; }
	.content .gallery:after { margin-bottom: -10px; }

	.content .gallery .gallery-image { width: calc(50vw - 15px); height: calc(50vw - 15px); }
	.content .gallery .gallery-image + .gallery-image { margin-left: 10px; }

	.content .gallery .gallery-image:nth-child(2n+1) { margin-left: 0; }
	.content .gallery .gallery-image:nth-child(4n+1) { margin-left: 0; }
	.content .gallery .gallery-image:nth-child(n+2) { margin-bottom: 10px; }
	.content .gallery .gallery-image:nth-child(n+4) { margin-bottom: 10px; }
	
	.row.seo { margin-bottom: 20px; order: 3; }
}


/* ------------------------------------------------------------ *\
	side-nav
\* ------------------------------------------------------------ */

.side-nav-head { text-transform: uppercase; border-bottom: 1px solid #1d1d1b; margin-top: -7px; padding: 0 20px 5px 20px; }

.side-nav ul { list-style-type: none; font-size: 0; line-height: 31px; margin-top: 11px; padding: 0 20px 0 20px; }
.side-nav li { display: block; font-size: 14px; }
.side-nav a { display: block; }
.side-nav li:hover,
.side-nav li.current { color: #dc0000; }

@media (max-width: 1259px){
	.side-nav-head { display: none; }
	.side-nav { display: none; }
}


/* ------------------------------------------------------------ *\
	section-bar
\* ------------------------------------------------------------ */

.section-bar { background: #eeeeee; margin-bottom: 20px; padding: 10px 20px 8px 20px; position: relative; }
.section-bar:after { clear: both; content: ' '; display: block; }
.section-bar ul { list-style-type: none; font-size: 0; display: inline-block; }
.section-bar li { display: inline-block; font-size: 14px; }

.section-bar li + li { margin-left: 10px; }

.section-bar .list-view { float: left; }
.section-bar .form-row { float: right; }
.section-bar .form-sort select { width: 260px; }
.section-bar .form-limit select { width: 64px; }


.section-bar .paging { position: absolute; top: 10px; left: 0; right: 0; width: calc(100% - 500px); margin: 0 auto; text-align: center; }

.section-bar .paging .current,
.section-bar .paging li:hover { color: #dc0000; }
.section-bar .paging-prev i,
.section-bar .paging-next i { background-color: #ffffff; border: 1px solid #1d1d1b; }
.section-bar .paging-prev:hover i,
.section-bar .paging-next:hover i { background-color: #dc0000; }

@media (max-width: 1259px){
	.section-bar { margin-bottom: 10px; padding: 0 10px 5px 10px; position: relative; }
	.section-bar .form-row { float: none; }
	.section-bar .form-sort,
	.section-bar .form-sort select { width: 100%; }
	
	.section-bar .paging + .form-row { display: none; }
	.section-bar .paging { position: relative; top: 0; margin: 10px 0 5px 0; width: 100%; }
}

/* ------------------------------------------------------------ *\
	product
\* ------------------------------------------------------------ */

.product-price { color: #dc0000; }
.original-price { text-decoration: line-through; color: #666666; }
.tooltip { margin-right: 7px; margin-left: 4px; }
.tooltip i { vertical-align: text-top; margin-top: 1px; }


/* ------------------------------------------------------------ *\
	list-product
\* ------------------------------------------------------------ */

.list-product { margin-bottom: 13px; }

.row.list .list-product { border: none; }

.list-product a { display: block; }

.list-product .product-body { padding: 4px 10px 0 10px; text-align: center; }

.list-product .product-title { margin-bottom: -2px; }
.list-product .product-brand { color: #666666; margin-bottom: -3px; }

.list-product .product-image { width: 300px; height: 300px; position: relative; border: 1px solid #ffffff; }
.list-product:hover .product-image { border: 1px solid #dc0000; }
.list-product .product-image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

@media (max-width: 1259px){
	.list-product .product-image { width: 100%; height: auto; }
	.list-product .product-image img { width: 100%; position: relative; }
}

/* ------------------------------------------------------------ *\
	product
\* ------------------------------------------------------------ */

.product-slider-holder { font-size: 0; }
.product-slider-nav,
.product-slider { display: inline-block; font-size: 14px; vertical-align: top; }

.product-slider-nav { width: 140px; }
.product-slider { width: 460px; margin-left: 20px; position: relative; }
.product-slider a { position: absolute; right: 10px; bottom: 10px; }

.product-slider-nav .slick-slide { overflow: hidden; margin-bottom: 20px; }
.product-slider-nav .slick-list { margin-bottom: -20px; }

.product-box { background: #eeeeee; padding: 14px 20px 0 20px; margin-bottom: 11px; }

.product-box .filter-title + ul { margin-top: 3px; margin-bottom: 4px; }
.product-box .filter-title span { color: #dc0000; }

.product-box .product-delivery { margin-top: 1px; float: left; }
.product-box .product-delivery i { margin-top: -4px; margin-right: 6px; }
.product-box .product-delivery p { font-size: 12px; line-height: 16px; }

.product-box .product-price { text-align: right; padding-bottom: 20px; }

.product-box .product-price .price-note { display: block; color: #1d1d1d; font-size: 12px; line-height: 16px;}

.product-details { list-style-type: square; padding-left: 20px; margin-top: 2px; }
.product-details li { margin-bottom: 4px; }
.product-box .form-action { margin-top: 0; }

.product-box .product-price + .form-action { margin-top: -20px; }

.product-details + .headline { margin-top: 29px; }

.product-care { list-style-type: none; font-size: 0; margin-left: -10px; margin-bottom: 20px; }
.product-care li { font-size: 14px; display: inline-block; margin-left: 10px; }
.product-care li .tooltip { margin: 0; }


.product-slider .slide { width: 460px; height: 460px; position: relative; border: 1px solid #ffffff; }
.product-slider .slide img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

.product-slider-nav .slide { width: 140px; height: 140px; position: relative; border: 1px solid #ffffff; }
.product-slider-nav .slide.slick-current { border: 1px solid #dc0000; }
.product-slider-nav .slide img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

@media (max-width: 1259px){
	.product-slider-holder { display: flex; flex-direction: column; }
	.product-slider-nav { width: 100%; order: 2; margin-top: 20px; }
	.product-slider { width: 100%; margin-left: 0; order: 1; }
	
	.product-slider-nav .slick-slide { margin-bottom: 0; margin: 0 10px; }
	.product-slider-nav .slick-list { margin-bottom: 10px; margin: 0 -10px; }
	.product-box { margin-top: 10px; }
	
	.product-slider img { width: 100%; }
	
	.product-slider-nav img { display: inline-block; }
	.product-slider-nav { margin-left: 0; text-align: center; }
	.product-slider-nav .slide { padding-left: 0; }
	
	.product-slider .slide { width: 100%; height: auto; }
	.product-slider .slide img { position: relative; }
	
	.product-slider-nav .slide { height: auto; }
	.product-slider-nav .slide img { position: relative; }
}


/* ------------------------------------------------------------ *\
	table
\* ------------------------------------------------------------ */

.table { display: inline-table; }
.table-head { display: table-header-group; text-transform: uppercase; }
.table-body { display: table-row-group; }
.table-footer { display: table-footer-group; }
.table-row { display: table-row; }
.table-cell { display: table-cell; padding: 0; }

.table-row.light { color: #666666; }

/* ------------------------------------------------------------ *\
	cart
\* ------------------------------------------------------------ */

.table.cart { width: 100%; margin-top: 11px; }
.table.cart .table-head .table-cell { border-bottom: 1px solid #1d1d1b; text-align: center; }
.table.cart .table-head .table-cell:first-child { text-align: left; padding-left: 20px; }
.table.cart .table-head .quantity,
.table.cart .table-head .price-cart { width: 160px; }



.table.cart .table-body .table-cell { padding: 0 20px 0 40px; vertical-align: top; }
.table.cart .table-body .table-cell:first-child { padding-left: 0; }

.table.cart .table-row .table-cell { padding-top: 20px; }
.table.cart .product-details .table-cell { padding-top: 0; }


.table.cart .product-image { float: left; }
.table.cart .product-body { float: right; text-align: left; padding: 0 0 0 20px; width: calc(100% - 140px); }

.table.cart .product-title { display: block; margin-top: 5px; }
.table.cart a:hover .product-title { color: #dc0000; }

.table.cart .product-brand { margin-top: -3px; color: #666666; }

.table.cart .table-cell a { display: block; }

.table.cart .product-details { padding: 0; list-style-type: none; color: #dc0000; }
.table.cart .product-details.table { margin-top: 9px; width: 100%; }
.table.cart .product-details .table-cell { padding: 0; line-height: 21px; }
.table.cart .product-details .table-row .table-cell:first-child { width: 90px; color: #666666; }

.table.cart .form-cart input { width: 72px; text-align: center; margin-right: 10px; }
.table.cart .cart-btn,
.table.cart .cart-btn i { position: relative; width: 16px; height: 16px; }
.table.cart .cart-btn i { margin-top: -1px; }

.table.cart .price-info,
.table.cart + .table .price-info,
.table.cart + .table + .table .price-info { float: right;  }


.table.cart + .table,
.table.cart + .table + .table { text-align: right; line-height: 21px; }
.table.cart + .table .table-row .table-cell { padding: 9px 20px 0 0; vertical-align: middle; }

.table.cart + .table { margin-top: 20px; }
.table.cart + .table + .table { margin-top: 0px; }

.table.cart + .table + .table .table-row .table-cell { padding: 0 20px 0 0; vertical-align: middle; }
.table.cart + .table + .table .table-row:first-child .table-cell { padding: 16px 20px 14px 0; }

.table.cart + .table,
.table.cart + .table + .table { border-top: 1px solid #cccccc; width: 100%; }

.table.cart + .table + .table .table-row:last-child .table-cell { border-bottom: 1px solid #cccccc; padding-bottom: 14px; }
.table.cart + .table .table-cell:nth-child(2),
.table.cart + .table .table-cell:last-child,
.table.cart + .table + .table .table-cell:last-child { text-align: left; width: 120px; }
.table.cart + .table select { width: 150px; }

.table.cart + .table + .table .code .table-cell { border-bottom: 1px solid #cccccc; }
.table.cart + .table + .table .code + .table-row .table-cell { padding-top: 16px; }

.table + .form-action { margin-top: 4px; margin-right: 20px; }


@media (max-width: 1259px){
	.table.cart .table-cell { padding-right: 0; }
	.table.cart .table-head .quantity { width: 25%; }
	.table.cart .table-head .price-cart { width: 25%; }
	.table.cart .table-head .price-cart + .price-cart { display: none; }
	

	.table.cart .table-row { display: block; }
	.table.cart .table-cell { display: inline-block; border: none; }
	
	.table.cart .table-head .table-row { border-bottom: 1px solid #cccccc; position: relaitve; }
	.table.cart .table-head .table-cell { border: none; width: calc(25% - 10px); }
	
	.table.cart .table-body .table-cell { padding: 10px 10px 0 0; text-align: right; }
	
	.table.cart .table-body .table-row { position: relative; }
	
	.table.cart .product-details .table-cell { border: none; }
	.table.cart .product-details .table-row:first-child { border-top: none; }
	.table.cart .product-details .table-row .table-cell:first-child { width: 45%; }
	
	.table.cart .table-body .table-row .table-cell:nth-child(2) { width: 30%; }
	.table.cart .table-body .table-row .table-cell:nth-child(3) { width: calc(75% - 10px); }
	.table.cart .table-body .table-row .table-cell:nth-child(4) { width: calc(25% - 10px); }
	
	.table.cart .table-body .table-row .table-cell:nth-child(3) span,
	.table.cart .table-body .table-row .table-cell:nth-child(4) span { padding-left: 20px; }
	
	
	.table.cart .table-body .table-row > .table-cell.right { width: auto; position: absolute; left: 160px; top: 50%; }
	
	
	.table.cart + .table .table-row .table-cell { padding: 10px 20px 0 0; }
	
	
	.table.cart + .table .form-row { margin-left: 10px; }
	
	.table.cart + .table select,
	.table.cart + .table .form-cols,
	.table.cart + .table .form-label { width: auto; display: block; text-align: left; }
	.table.cart + .table .table-cell:nth-child(2),
	.table.cart + .table .table-cell:last-child,
	.table.cart + .table + .table .table-cell:last-child { text-align: left; width: auto; }
	
	.table + .form-action { margin-bottom: 20px; }
}

/* ------------------------------------------------------------ *\
	Tooltips
\* ------------------------------------------------------------ */

[data-tooltip] { position: relative; }
 
[data-tooltip]:after { display: none; position: absolute; bottom: 28px; left: 50%; z-index: 9999; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
[data-tooltip]:after { content: attr(data-tooltip); background: #000000; color: #ffffff; min-width: 150px; max-width: 300px; padding: .5em; margin-top: .75em; }
 
[data-tooltip]:hover:after { display: block; }
 
[data-tooltip-hide-on-hover]:after { pointer-events: none; }
 
[data-tooltip]:after { display: block; opacity: 0; visibility: hidden; }
 
[data-tooltip]:hover:after { opacity: 1; visibility: visible; }
 
 
[data-tooltip]:after { background: #666666; }
[data-tooltip]:after { text-align: center; color: #ffffff; border-radius: 0; padding: .5em; font-weight: normal; font-size: 12px; line-height: 18px; width: 220px; }

[data-tooltip]:before { display: none; content: ' '; width: 17px; height: 9px; background-image: url(../images/ico-tooltip_arrow.png); position: absolute; bottom: 19px; left: 50%; z-index: 9999; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
[data-tooltip]:hover:before { display: block; }

@media (max-width: 1259px){
	[data-tooltip]:after,
	[data-tooltip]:before { left: unset; right: 50%; }
}

/* ------------------------------------------------------------ *\
	breadcrumb
\* ------------------------------------------------------------ */

.breadcrumb { font-size: 12px; margin-top: 35px; margin-bottom: 20px; color: #666666; }
.breadcrumb a { vertical-align: middle;  }
.breadcrumb a:hover { color: #1d1d1b; }


@media (max-width: 1259px){
	.breadcrumb { margin-top: 25px; margin-bottom: 10px; }
}

/* ------------------------------------------------------------ *\
	headlines
\* ------------------------------------------------------------ */

.headline { margin-top: 24px; margin-bottom: 5px; }

.headline h1,
.headline h2,
.headline h3,
.headline h5,
.headline h6 { max-width: 100%; margin: 0 auto; font-weight: normal; text-transform: none; }

.headline span { display: inline; position: relative; }
  
.headline .first-head span { font-size: 40px; }
.headline .second-head span { font-size: 20px; }
.headline .third-head span,
.headline .fourth-head span { font-size: 20px; }


.headline .first-head span,
.headline .second-head span { color: #1d1d1c; }
.headline .third-head span,
.headline .fourth-head span { color: #666666; }

.headline .first-head,
.headline .second-head { margin-top: 5px; }
.headline .second-head { margin-bottom: 30px; }

.headline .first-head + .second-head { margin-top: 8px; }

.row .headline .second-head { margin-bottom: 5px; margin-top: -14px; }

.row.headline + .row .headline { margin-top: 4px; }

.row.form .headline { border-bottom: 1px solid #1d1d1c; padding-left: 20px; margin-bottom: 20px; text-transform: uppercase; }
.row.form + .row.form .headline { margin-top: 48px; }

@media (max-width: 1259px){
	.headline .first-head span { font-size: 26px; }
	.headline .second-head { margin-bottom: 10px; }
	.row.form .headline { padding-left: 0px; }
}

/* ------------------------------------------------------------ *\
	login
\* ------------------------------------------------------------ */

.row.form + .row.form hr { margin-top: 12px; }

.row.login .headline { border-bottom: 1px solid #1d1d1c; padding-left: 20px ;margin-bottom: 20px; text-transform: uppercase; }
.row.login + .row.login .headline { margin-top: 48px; }

.row.login .link-password { float: right; display: inline-block; padding: 2px 20px 13px 20px; underline; font-size: 14px; color: #666666; }

@media (max-width: 1259px){
	.login-form { display: flex; flex-direction: column; }
	
	.login-form .row.login { display: contents; }
	.login-form .row.login > .col { order: 1; }
	.login-form .row.login .col + .col { order: 3; }
	.login-form .row.login + .row.login > .col { order: 2; }
	.login-form .row.login + .row.login .col + .col { order: 4; }
	
	.row.login .col + .col { margin-top: 20px; }
	.row.login + .row.login .col + .col { margin-top: 0; }
}

/* ------------------------------------------------------------ *\
	links
\* ------------------------------------------------------------ */

ul.list-links { list-style-type: none; padding-top: 13px; padding-bottom: 14px; }

ul.list-links li { border-top: 1px solid #cccccc; position: relative; }
ul.list-links li:last-child { border-bottom: 1px solid #cccccc; }
ul.list-links li a { padding: 17px 20px 16px 46px;  }

ul.list-links li i { position: absolute; top: 13px; left: 12px; }

@media (max-width: 1259px){
	ul.list-links { list-style-type: none; padding-top: 3px; padding-bottom: 4px; }
	ul.list-links li a { padding: 7px 10px 6px 36px;  }
	ul.list-links li i { position: absolute; top: 3px; left: 2px; }
}

/* ------------------------------------------------------------ *\
	masonry
\* ------------------------------------------------------------ */

.masonry { position: relative; margin-bottom: 20px; }
.masonry .brand { position: absolute; bottom: 20px; left: 0; text-align: center; background: #ffffff; min-width: 100px; height: 50px; }
.masonry .brand-image { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; text-align: center; }
.masonry .brand img { position: relative; max-width: 100px; max-height: 24px; }


@media (max-width: 1259px){
	.masonry { margin-bottom: 10px; }
	.masonry > img { display: block; width: 100%; }
}

/* ------------------------------------------------------------ *\
	list-brand
\* ------------------------------------------------------------ */

.list-brand { list-style-type: none; font-size: 0; margin-left: -20px; margin-top: 20px; margin-bottom: -20px; }
.list-brand li { display: inline-block; margin-left: 20px; text-align: center; margin-bottom: 20px; }
.list-brand li > a { display: block; border: 1px solid #ffffff; position: relative; width: 236px; height: 236px; }
.list-brand li > a:hover { display: block; border: 1px solid #dc0000; }
.list-brand li img { position: absolute; top: 0; right: 0; bottom: 0; left: 0;  margin: auto; }
.list-brand .brand-title { color: #666666; font-size: 14px; margin-top: 13px; }

@media (max-width: 1259px){
	.list-brand { margin-left: -10px; margin-top: 10px; margin-bottom: -10px; }
	.list-brand li { margin-left: 10px; margin-bottom: 10px; }
	.list-brand li > a { width: calc(100vw / 2 - 15px); height: 236px; }
}

/* ------------------------------------------------------------ *\
	checkout-nav
\* ------------------------------------------------------------ */

.checkout-nav { list-style-type: none; text-transform: uppercase; margin-bottom: 26px; }
.checkout-nav ul { font-size: 0; }
.checkout-nav li { display: inline-block; font-size: 14px; background: #eeeeee; color: #1d1d1b; width: calc(25% - 15px); position: relative; }

.checkout-nav li + li { margin-left: 20px; }
.checkout-nav a { display: block; padding: 7px 20px 6px 46px; position: relative; }
.checkout-nav li:hover,
.checkout-nav li.current { background: #1d1d1b; color: #ffffff; }

.checkout-nav li .holder { position: absolute; top: 10px; left: 20px; width: 17px; height: 17px; display: inline-block; background: #1d1d1b; color: #ffffff; text-align: center;  }
.checkout-nav li span { font-size: 12px; font-weight: bold; position: absolute; top: 0; right: 0; bottom: 0; left: 0; line-height: 18px; margin: 0 auto; }

.checkout-nav li:hover  .holder,
.checkout-nav li.current .holder { background: #ffffff; color: #1d1d1b; }

@media (max-width: 1259px){
	.checkout-nav li { display: block; width: 100%; }
	.checkout-nav li + li { margin-left: 0; margin-top: 1px; }
}


/* ------------------------------------------------------------ *\
	filter-nav
\* ------------------------------------------------------------ */

.filter-nav ul { list-style-type: none; text-transform: uppercase; }
.filter-nav li { position: relative; }
.filter-nav ul li a { border-bottom: 1px solid #1d1d1b; }
.filter-nav a { display: block; padding: 7px 0 5px 45px; }
.filter-nav a i { position: absolute; top: 4px; right: 10px; }
.filter-nav .ico-remove { position: absolute; top: 2px; left: 12px; cursor: pointer; }

.filter-nav .filter-box { display: none; text-transform: none; padding-left: 20px; }
.filter-nav li.active .filter-box { display: block; }
.filter-nav li.active .ico-link { transform: rotate(90deg); }

.filter-nav .filter-box ul li { border: none; }
.filter-nav .filter-box .form-row + .form-row { margin-top: 5px; }

.filter-nav .filter-box { margin-top: 12px; margin-bottom: 23px; }

.main-filter { border-bottom: 1px solid #1d1d1b; text-transform: uppercase; position: relative; display: none; }
.main-filter a { display: block; padding: 7px 0 5px 45px; }
.main-filter a i { position: absolute; top: 4px; right: 10px; }
.main-filter .ico-remove { position: absolute; top: 2px; left: 12px; cursor: pointer; }

@media (max-width: 1259px){
	.main-filter { display: block; }
	.filter-nav { display: none; }
	
	.main-filter.open + .filter-nav { display: block; }
	.main-filter.open .ico-link { transform: rotate(90deg); }
}

/* ------------------------------------------------------------ *\
	list-checkboxes
\* ------------------------------------------------------------ */

ul.list-checkboxes { font-size: 0; margin-left: -10px; margin-right: 20px; margin-top: 20px; margin-bottom: -1px; }
.list-checkboxes li { display: inline-block; font-size: 14px; margin-left: 10px; }


.checkbox-color input { display: none; }
.checkbox-color label { width: 32px; height: 32px; background: #ffffff; border: 1px solid #cccccc; margin-bottom: -2px; display: block; }
.checkbox-color label span { width: 20px; height: 20px; display: block; margin-left: 5px; margin-top: 5px; }

.checkbox-color label span.double { width: 10px; display: block; margin-left: 0; float: left; }
.checkbox-color label span.double.one { margin-left: 5px; }
.checkbox-color label span.double.two { margin-right: 5px; }

.checkbox-color label span.tripple { width: 10px; height: 10px; display: block; margin-left: 0; margin-top: 0; float: left; }
.checkbox-color label span.tripple.one { margin-left: 5px; margin-top: 5px; height: 20px; }
.checkbox-color label span.tripple.two { margin-right: 5px; margin-top: 5px; }
.checkbox-color label span.tripple.three { margin-right: 5px; }

.checkbox-color label span.quad { width: 10px; height: 10px; display: block; margin-left: 0; margin-top: 0; float: left; }
.checkbox-color label span.quad.one { margin-left: 5px; margin-top: 5px; }
.checkbox-color label span.quad.two { margin-right: 5px; margin-top: 5px; }
.checkbox-color label span.quad.three { margin-left: 5px; }
.checkbox-color label span.quad.four { margin-right: 5px; }

.checkbox-color input:checked ~ label { border-color: #dc0000; } 


.checkbox-groessen input { display: none; }
.checkbox-groessen label{ border: 1px solid #cccccc; background: #ffffff; height: 33px; display: block; line-height: 18px; padding: 7px 10px 0 10px; margin-bottom: 10px; }
.checkbox-groessen input:checked ~ label { border-color: #dc0000; color: #dc0000; } 


/* ------------------------------------------------------------ *\
	Range Slider
\* ------------------------------------------------------------ */

.range-slider { border-radius: 0; height: 5px; margin: 28px 20px 20px 0; background: #cccccc; }
.range-slider .ui-slider-range { background: #999999; height: 5px; }
.range-slider .ui-slider-handle { width: 14px; height: 22px; background: url(../images/ico-controller.png) no-repeat center; border: 0; border-radius: 0; margin-left: -7px; margin-top: -3px; }

.range-dropdowns .select { width: 120px; text-align-last: right; text-align: right; -ms-text-align-last: right; -moz-text-align-last: right; }

.range-dropdowns span { margin: 0 4px; }

@media (max-width: 1259px){
	.range-dropdowns .select { width: calc(50vw - 40px); } 
}

/* ------------------------------------------------------------ *\
	btn
\* ------------------------------------------------------------ */

.btn button,
.btn { background: #dc0000; font-size: 14px; text-transform: uppercase; display: inline-block; color: #ffffff; position: relative; }

.btn:hover,
.btn button:hover { background: #1d1d1b; }

.btn button { padding: 8px 10px 7px 9px; }
.btn a { padding: 5px 10px 4px 9px; font-size: 14px; }

.btn { float: right; margin-top: 20px; margin-bottom: 20px; }

.btn + .btn { margin-right: 20px; }

.btn i { float: left; margin-left: -2px; margin-right: 10px; }

.form-action .btn { margin-top: 16px; }

.form-action:after { clear: both; content: ''; display: block; }


/* ------------------------------------------------------------ *\
	form
\* ------------------------------------------------------------ */

.form-label,
.form-cols,
.form-col { display: inline-block; }

.form-row { display: block; font-size: 0; }

.form-row + .form-row { margin-top: 8px; }

.form-label { font-size: 14px; vertical-align: top; padding-top: 5px; margin-right: 16px; text-align: right; width: 196px; }

.form-col + .form-col,
.form-cols + .form-cols { margin-left: 10px; }

.form-col { padding-bottom: 2px; }

.row.form .form-row .form-label { width: 460px; }
.main-content .row.form .form-row .form-label { width: 140px; }
.row.form .form-row .form-label.after { width: auto; margin-left: 10px; }


.row.login .form-row .form-label { width: 324px; }

.form-row.hidden { display: none; }

input,
select,
textarea { padding-left: 9px; font-size: 14px; }

input,
select { vertical-align: middle; height: 33px; border: 1px solid #1d1d1b; background: #ffffff; }

.form-row.payone, 
.form-row.payone iframe { height: 33px; }

.form-controls input + button { vertical-align: middle; background: #1d1d1b; }
.form-controls input + button:hover { background: #dc0000; }

.custom-multiselect select { padding-left: 0; }
.custom-multiselect select option { padding: 3px 0 3px 9px; }

.form-spacer { height: 10px; }

textarea { vertical-align: top; padding-left: 7px; padding-top: 6px; height: 104px; border: 1px solid #1d1d1b; }

.form-full input,
.form-full select,
.form-full textarea { width: 780px; }

.form-xxxlarge input,
.form-xxxlarge select,
.form-xxxlarge textarea { width: 300px; }

.form-login input,
.form-login select,
.form-login textarea { width: 260px; }

.form-xxlarge input,
.form-xxlarge select,
.form-xxlarge textarea { width: 225px; }

.form-xlarge input,
.form-xlarge select,
.form-xlarge textarea { width: 145px; }

.form-medium input,
.form-medium select,
.form-medium textarea { width: 135px; }

.form-small input,
.form-small select,
.form-small textarea { width: 80px; }

.form-xsmall input,
.form-xsmall select,
.form-xsmall textarea { width: 65px; }

.form-full .form-label.after,
.form-full .radio-content,
.form-full.custom-checkbox label { width: 780px; }

.form-xxxlarge .form-label.after,
.form-xxxlarge .radio-content,
.form-xxxlarge.custom-checkbox label { width: 300px; }

.form-xxlarge .form-label.after,
.form-xxlarge .radio-content,
.form-xxlarge.custom-checkbox label { width: 225px; }

.form-xlarge .form-label.after,
.form-xlarge .radio-content,
.form-xlarge.custom-checkbox label { width: 145px; }

.form-medium .form-label.after,
.form-medium .radio-content,
.form-medium.custom-checkbox label { width: 145px; }

.form-small .form-label.after,
.form-small .radio-content,
.form-small.custom-checkbox label { width: 80px; }

.form-xsmall .form-label.after,
.form-xsmall .radio-content,
.form-xsmall.custom-checkbox label { width: 65px; }

hr { border: none; border-top: 1px solid #cccccc; }

.custom-textarea { margin-top: 4px; }
.custom-textarea.large textarea { height: 300px; }

.custom-multiselect select { height: 150px; vertical-align: top; }

.custom-select { margin-right: 1px; }

.custom-checkbox .form-controls { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.custom-checkbox label { font-size: 14px; }
.custom-checkbox .form-controls label { min-height: 28px; padding-top: 5px; padding-left: 28px; padding-bottom: 0; display: inline-block; vertical-align: middle; }

.custom-checkbox input { display: none; }
.custom-checkbox span { background-color: #ffffff; border: 1px solid #797979; position: absolute; top: 7px; left: 0; height: 16px; width: 16px; }
.custom-checkbox span:after { content: " "; position: absolute; display: none; border: solid #dc0000; }
.custom-checkbox input:checked ~ span:after { display: block; }
.custom-checkbox input:checked ~ span { border: 1px solid #dc0000; }
.custom-checkbox span:after { left: 4px; top: 1px; width: 5px; height: 10px; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.custom-checkbox a { text-decoration: underline; color: #dc0000; }


.custom-checkbox input:checked[disabled] ~ span:after { display: block; border-color: #1d1d1b; }
.custom-checkbox input[disabled] ~ span { opacity: 0.7; border-color: #1d1d1b; }

.custom-radio { margin-top: 2px; }
.custom-radio input { display: inline-block; width: 16px; height: 16px; }
.custom-radio .form-label { padding-top: 0; }
.custom-radio .form-label.after { text-align: left; padding-left: 0; vertical-align: middle; }

.custom-radio .radio + .radio { margin-top: 5px; }
.radio-content { font-size: 14px; display: inline-block; margin: 13px 0 15px 0; padding: 11px 20px 13px 480px; width: 100%; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.radio-content.hidden { display: none; }
.radio-content p { display: inline-block; }

.radio-content.full { padding: 11px 0 13px 0; }

.custom-checkbox-spacer { display: block; margin-top: -5px; }

.form-action { text-align: right; display: block; margin-top: 4px; }

.form-action .note { display: block; text-align: right; margin-top: 15px; }
.form-action.note-button { display: inline-block; }

.form-spacer { display: block; height: 20px; }

@media (max-width: 1259px){
	.form-cols { display: block; margin-top: 0; }
	.form-col { margin-left: 0; }
	.form-col + .form-col { margin-left: 10px; }
	.form-label { width: auto; text-align: left; margin-left: 0; margin-right: 0; }
	
	.row.form .form-row .form-label { width: 100%; }
	.row.form .form-row:not(.custom-radio) .form-label.after { width: auto; margin-left: 0; }
	
	.form-row + .form-row { margin-top: 3px; }

	
	.form-medium { width: calc(50% - 5px); }
	.form-small { width: calc(25% - 7.5px); }
	.form-xsmall { width: calc(25% - 7.5px); }
	.form-xxlarge { width: calc(75% - 2.5px); }
	
	.form-xlarge { width: calc(50% - 5px); }
	.form-full,
	.form-login,
	.form-xxxlarge,
	.form-full input,
	.form-full select,
	.form-full textarea,
	.form-xxxlarge input,
	.form-xxxlarge select,
	.form-xxxlarge textarea,
	.form-login input,
	.form-login select,
	.form-login textarea,
	.form-xxlarge input,
	.form-xxlarge select,
	.form-xxlarge textarea,
	.form-xlarge input,
	.form-xlarge select,
	.form-xlarge textarea,
	.form-medium input,
	.form-medium select,
	.form-medium textarea,
	.form-small input,
	.form-small select,
	.form-small textarea,
	.form-xsmall input,
	.form-xsmall select,
	.form-xsmall textarea { width: 100%; }

	.form-full .form-label.after,
	.form-full .radio-content,
	.form-full.custom-checkbox label,
	.form-xxxlarge .form-label.after,
	.form-xxxlarge .radio-content,
	.form-xxxlarge.custom-checkbox label,
	.form-xxlarge .form-label.after,
	.form-xxlarge .radio-content,
	.form-xxlarge.custom-checkbox label,
	.form-xlarge .form-label.after,
	.form-xlarge .radio-content,
	.form-xlarge.custom-checkbox label,
	.form-medium .form-label.after,
	.form-medium .radio-content,
	.form-medium.custom-checkbox label,
	.form-small .form-label.after,
	.form-small .radio-content,
	.form-small.custom-checkbox label,
	.form-xsmall .form-label.after,
	.form-xsmall .radio-content,
	.form-xsmall.custom-checkbox label { width: calc(100% - 32px); }
	
	.custom-radio input { width: 16px; }
	.radio-content { margin: 3px 0 5px 0; padding: 1px 10px 3px 10px;  }

}

/* ------------------------------------------------------------ *\
	footer
\* ------------------------------------------------------------ */

.footer { background: #eeeeee; color: #666666; display: block; margin-top: 20px; }

.footer .footer-inner { padding: 31px 0 31px 0; border-bottom: 1px solid #cccccc; text-align: center; }

.footer .list-logos { list-style-type: none; font-size: 0; }
.footer .list-logos li { display: inline-block; font-size: 14px; vertical-align: bottom; }
.footer .list-logos li + li { margin-left: 40px; }

.footer .copyright { text-align: center; padding: 16px 0 35px 0; border-top: 1px solid #cccccc; }

.footer .sitemap { margin-top: 17px; margin-bottom: 11px; }
.footer .sitemap-head { color: #1d1d1b; margin-bottom: 9px; text-transform: uppercase; }
.footer .nav-sitemap { list-style-type: none; }

.footer .nav-sitemap li { position: relative; }
.footer .nav-sitemap li a { display: block; padding: 0 0 4px 0;  }
.footer .nav-sitemap li:hover { color: #dc0000; }
.footer .nav-sitemap li i { position: absolute; left: 0; top: 0; }

.footer .contact { display: block; }
.footer .contact i { margin-right: 10px; }

.footer .contact + .contact { margin-top: 15px; }

.footer .list-social { list-style-type: none; font-size: 0; margin-top: 37px; }
.footer .list-social li { display: inline-block; font-size: 14px; }
.footer .list-social li + li { margin-left: 10px; }

@media (max-width: 1259px){
	.footer { margin-top: 10px; }
	.footer .footer-inner { padding: 11px 0 11px 0; }
	.footer .list-logos li { margin-top: 10px; margin-bottom: 10px; }
	.footer .list-logos li + li { margin-left: 20px; }
	.footer .sitemap .col { display: none; }
	.footer .sitemap .col:last-child { display: block; text-align: center; }
	.footer .list-social { margin-top: 17px; }
	.footer .contact + .contact { margin-top: 5px; }
	.footer .sitemap { margin-top: 7px; }
	.footer .copyright { padding: 6px 0 15px 0; }
}


/* ------------------------------------------------------------ *\
	ico
\* ------------------------------------------------------------ */

.ico-search { width: 32px; height: 32px; background-image: url(../images/ico-search.png); }
.ico-login { width: 48px; height: 48px; background-image: url(../images/ico-login.png); }
.ico-cart { width: 48px; height: 48px; background-image: url(../images/ico-cart.png); }

a:hover .ico-login,
a.current .ico-login { background-image: url(../images/ico-login_current.png); }
a:hover .ico-cart,
a.current .ico-cart { background-image: url(../images/ico-cart_current.png); }

.ico-nav { width: 32px; height: 32px; background-image: url(../images/ico-nav.png); }
.ico-nav.close { width: 32px; height: 32px; background-image: url(../images/ico-close.png); }

@media (max-width: 1259px){
	.ico-search { width: 32px; height: 32px; background-image: url(../images/ico-search_mobile.png); }
	.ico-login { width: 32px; height: 32px; background-image: url(../images/ico-login_mobile.png); }
	.ico-cart { width: 32px; height: 32px; background-image: url(../images/ico-cart_mobile.png); }

	a:hover .ico-login,
	a.current .ico-login { background-image: url(../images/ico-login_current_mobile.png); }
	a:hover .ico-cart,
	a.current .ico-cart { background-image: url(../images/ico-cart_current_mobile.png); }
}


.ico-breadcrumb { width: 20px; height: 20px; background-image: url(../images/ico-breadcrumb.png); }
.ico-breadcrumb_next { width: 20px; height: 20px; background-image: url(../images/ico-breadcrumb_next.png); }


.ico-vorkasse { width: 200px; height: 50px; background-image: url(../images/ico-vorkasse.png); }
.ico-paypal { width: 200px; height: 50px; background-image: url(../images/ico-paypal.png); }
.ico-visa { width: 154px; height: 50px; background-image: url(../images/ico-visa.png); }
.ico-mastercard { width: 64px; height: 50px; background-image: url(../images/ico-mastercard.png); }
.ico-americanexpress { width: 56px; height: 50px; background-image: url(../images/ico-americanexpress.png); }
.ico-klarna { width: 90px; height: 50px; background-image: url(../images/ico-klarna.png); }
.ico-giropay { width: 216px; height: 50px; background-image: url(../images/ico-giropay.png); }

.ico-ec { width: 31px; height: 48px; background-image: url(../images/ico-ec.png); }
.ico-billsafe { width: 120px; height: 48px; background-image: url(../images/ico-billsafe.png); }

.ico-facebook { width: 48px; height: 48px; background-image: url(../images/ico-facebook.png); }
.ico-twitter { width: 48px; height: 48px; background-image: url(../images/ico-twitter.png); }
.ico-instagram { width: 48px; height: 48px; background-image: url(../images/ico-instagram.png); }
.ico-youtube { width: 48px; height: 48px; background-image: url(../images/ico-youtube.png); }

.ico-phone { width: 16px; height: 16px; background-image: url(../images/ico-phone.png); }
.ico-mail { width: 16px; height: 16px; background-image: url(../images/ico-mail.png); }

.ico-link { width: 32px; height: 32px; background-image: url(../images/ico-link.png); }
.ico-download { width: 32px; height: 32px; background-image: url(../images/ico-download.png); }
.ico-remove { width: 32px; height: 32px; background-image: url(../images/ico-remove.png); }

.ico-prev { width: 32px; height: 32px; background-image: url(../images/ico-prev.png); }
.ico-next { width: 32px; height: 32px; background-image: url(../images/ico-next.png); }
.ico-tooltip { width: 16px; height: 16px; background-image: url(../images/ico-tooltip.png); }
.ico-zoom { width: 32px; height: 32px; background-image: url(../images/ico-zoom.png); }

.ico-delivery { width: 16px; height: 16px; background-image: url(../images/ico-delivery.png); }
.ico-cart_small { width: 16px; height: 16px; background-image: url(../images/ico-cart_small.png); }


.ico-handwash { width: 48px; height: 48px; background-image: url(../images/ico-handwash.png); }
.ico-nobleach { width: 48px; height: 48px; background-image: url(../images/ico-nobleach.png); }
.ico-caredry { width: 48px; height: 48px; background-image: url(../images/ico-caredry.png); }
.ico-iron { width: 48px; height: 48px; background-image: url(../images/ico-iron.png); }
.ico-nodryer { width: 48px; height: 48px; background-image: url(../images/ico-nodryer.png); }