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

/* General reset */
body {margin: 0;}
.wrapper form,.wrapper  fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
.wrapper img {
	border-style: none;
	vertical-align:top;
}
.wrapper ul {list-style: none;}
.wrapper ul li{vertical-align:top;}
.wrapper a,
.wrapper a:visited,
.wrapper a:link {
	color: #000;
	text-decoration: none;
}
.wrapper p {margin: 0 0 18px;}
.wrapper strong {font-weight: 700;}
.wrapper {
	font: 15px/20px 'Fira Sans', sans-serif;
	color: #4f4f4f;
}
.container {
	max-width: 1390px;
	padding: 0 15px;
	margin:0 auto;
}
.container:after {
	content:"";
	display:block;
	clear:both;
}
.open-check {display:none;}

/* Common styles */
.wrapper h2 {
	font-size: 26px;
	line-height: 32px;
	margin: 0 0 25px;
	text-align: left;
	font-weight: 500;
}
.wrapper h3{
	font-size: 20px;
	line-height: 24px;
	text-transform: none;
	font-weight: 400;
	margin: 0 0 20px;
}
.wrapper h2 {
    margin: 0 0 23px;
}
.wrapper h3 {
	margin: 0 0 21px;
}
/* End common styles */
/* Header */
#header {
	margin: 0 0 70px;
	padding: 26px 0 0;
}
.header-middle {
	width:100%;
	overflow:hidden;
}
#header .logo {
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	margin:0;
	width: 352px;
	margin: 0 110px 10px 0;
}
#header .logo a, 
#header .logo span {
	width:352px;
	height:44px;
	background: url(https://www.situ24.com/pic/situlogo.jpg) no-repeat 0 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display:block;
}
.top-menu  {
	float: left;
	padding: 22px 0 0;
	margin: 0;
}
.top-menu li {
	float: left;
	font-size:12px;
	line-height:14px;
	padding: 0 17px;
	border-right: 1px solid #c4c6c8;
}
.top-menu li:last-child {border: none;}
/*navigation*/
#nav{
	width: 100%;
	z-index: 10;
	position:relative;
	background: #525251;
	border-bottom: 1px solid #e0e1e3; 
	border-top: 1px solid #e0e1e3; 
}
#nav:after {
	content:"";
	display:block;
	clear:both;
}
.open-check {display:none;}
#topnav {
	list-style:none;
	margin:0;
	padding: 12px 0 0;
	font-size:0px;
	line-height:0px;
	position:relative;
}
#topnav:after {
	content:"";
	display:block;
	clear:both;
}
#topnav > li {
	display:inline-block;
	vertical-align:top;
	font-size: 18px;
	line-height: 20px;
	margin: 0 0 13px;
	border-right: 2px solid #b9bdc0;
}
#topnav > li:last-child {border: none;}
#topnav > li >  a,
#topnav > li >  label {
	padding: 0 14px 0 17px;
	font-weight: 500;
	display:block;
	cursor: pointer;
	color: #fff !important;
	text-decoration: none;
	position:relative;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
#topnav > li >  label:before {
	content: '';
	position: absolute;
	top:-5px;
	left: 0;
	width:100%;
	background: #fff;
	height: 5px;
	opacity:0;
	z-index:5;
	visibility: hidden;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
#topnav > li >  label:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width:100%;
	background: #fff;
	height: 80px;
	opacity:0;
	visibility: hidden;
	z-index: 5;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-box-shadow: 0 40px 40px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 40px 40px rgba(0, 0, 0, 0.3);
	box-shadow: 0 40px 40px rgba(0, 0, 0, 0.3);
}
#topnav > li >  .open-check:checked ~ label {
	background: #fff;
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
}
#topnav > li >  .open-check:checked ~ label:after,
#topnav > li >  .open-check:checked ~ label:before {
	opacity: 1;
	visibility: visible;
}
#topnav > li >  label .fa {display:none;}
#topnav > li >  .open-check + a {display:none;}
#topnav > li > a:hover,
#topnav > li > label:hover { color: #ffb502 !important;}
.children-holder {
}
.children {
	position:absolute;
	top: 100%;
	left:0;
	z-index: 100;
	width:100%;
	text-align:left;
	background: #fff;
	width:100%;
	list-style: none;
	display:block;
	padding: 60px 80px 37px 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 5;
	overflow:hidden;
	opacity:0;
	visibility: hidden;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.2);
	box-shadow: 0 30px 30px rgba(0, 0, 0, 0.2);
}
#topnav > li > .open-check:checked ~ .children-holder .children {
	opacity:1;
	visibility: visible;
}
.children:after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height: 37px;
	background: #fff;
}

.children > li {
	margin: 0 0 20px;
	display:inline-block;
	vertical-align:top;
	width: 19.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	padding: 0 10px 0 20px; 
}
.children > li:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	height: 1000px;
	width: 1px;
	background: #e2e3e5;
}
.children2 {
	list-style: none;
	padding: 10px 0 0;
	margin:0;
}
.children2 li {
	position:relative;
	margin: 0 0 10px;
}
.children > li > a,
.children2 > li > a {
	text-decoration:none;
	position:relative;
	font-size:14px;
	line-height:16px;
	color: #3a444e !important;
}
.children > li > a {
	font-size:15px;
	line-height:17px;
	font-weight: 600;
}
.children2 > li > a {
	font-size:13px;
	line-height:15px;
}
.children > li > a:before,
.children2 > li > a:before {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height: 1px;
	background: #3a444e;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: transform .2s ease-in-out;
	-moz-transition: transform .2s ease-in-out;
	-ms-transition: transform .2s ease-in-out;
	-o-transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
}
.children > li > a:hover:before,
.children2 > li > a:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.children > li > label{display:none;}

.hold-toogle {
	float: left;
	display:none;
}
.toogle-menu {
	z-index:61;
	height:17px;
	position:relative;
	cursor: pointer;
	display:none;
	padding: 0 35px 0 0;
	color: #3c434d ;
	line-height: 17px;
}
.toogle-menu > span {
	position:absolute;
	right:0;
	height:4px;
	width:35px;
	background: #3c434d ;
}
.toogle-menu .t {
	top: 0;
}
.toogle-menu .c {
	top: 9px;
}
.toogle-menu .b {
	top: 18px;
}
.navigation-main {
	display:block;
	padding-top: 4px;
}
.close-menu {display:none;}
#topnav > li > .open-check ~ .children-holder .children > li:nth-of-type(1),
#topnav > li > .open-check ~ .children-holder .children > li:nth-of-type(2),
.children > li > .open-check ~ .children2 > li:nth-of-type(1),
.children > li > .open-check ~ .children2 > li:nth-of-type(2) {
	display:none;
}
.overlay {display:none;}
.close-children {
	position:absolute;
	top:20px;
	right: 20px;
	width: 27px;
	height: 27px;
	cursor: pointer;
	background: url(https://www.situ24.com/pic/zuruck.gif) no-repeat 0 0;
}
.category-img {
	position:absolute;
	top:20px;
	left: 0;
	height: 105px;
	width: 120px;
	text-align:center;
	padding: 25px 10px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 2px solid #ededed;
}
.category-img img {
	max-width: 100%;
	max-height: 100%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*end navigation*/
/* End navigation */
/* Search */
.search-box {
	width: 487px;
	background: #d6dadb;
	border: 1px solid #ebedec;
	outline: none 0;
	position:relative;
	overflow:hidden;
	margin:0 0 10px 5px;
	padding: 4px;
	float: right;
}
.search-box .search-link {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5;
}
.search-box .btn-search {
	background: none;
	border: none;
	outline: none 0;
	position:absolute;
	top:5px;
	right:5px;
	height: 40px;
	border: 1px solid #c3c3c3;
	background: #7b7b7b;
	width: 65px;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	outline: none 0;
	padding:0;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.search-box .btn-search:hover,
.search-box .search-link:hover ~ .btn-search{color: #545251;}
.search-box .btn-search .fa {
	font-size: 30px;
	line-height: 37px;
	color: #3b444c;
	position:relative;
}
.search-box input,
.search-box .input {
	border: none;
	width:100%;
	height: 42px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:15px;
	line-height:17px;
	padding: 12px 75px 13px 8px;
	background: #fff;
	border: 1px solid #cccdcf;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	outline: none 0;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.search-box .input {
	display:block;
	color: #e1e1e1;
}
/* End search */
/* End header */
/* Main */
#main {
	overflow:hidden;
}
.product-box {
	margin: 0 0 20px;
	position:relative;
	overflow:hidden;
	width:auto;
}
.product-images {
	float:left;
	width: 33.3%;
}
.product-description {
	padding: 0 0 0 26px;
	width:66.6%;
	float: left;
	display: table;
	-webkit-box-sizing: border-box;	
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
	font-size: 18px;
	line-height: 28px;
	color: #3c454d;
}
.description-text,
.contact-info {
	display: table-cell;
	width: 50%;
	position:relative;
	vertical-align: top;
}
.description-text {
	padding: 41px 40px 45px 20px;
	position:relative;
}
.description-text:before,
.description-text:after {
	content: '';
	position:absolute;
	top:-1px;
	right:0;
	width: 25px;
	height: 1px;
	background: #fff;
	z-index:5;
}
.description-text:after {
	top:auto;
	bottom: -1px;
}
.product-description h1 {
	font-size:26px;
	line-height:36px;
	margin: 0 0 37px;
	font-weight: 400;
}
.product-description h2 {
	font-size:13px;
	line-height:16px;
	color: #848484;
	text-align: left;
	margin: 0 0 15px;
	text-transform: none;
}
.product-description h3 {
	font-size:13px;
	line-height:15px;
	text-align: left;
	margin: 0 0 14px;
	color: #000;
	font-weight: 700;
	padding: 7px 0 0;
}

.product-description ul {
	margin: 0 0 15px;
	padding:0 0 0 5px;
}
.product-description ul li{
	position:relative;
	padding: 0 0 0 20px;
	margin: 0;
	position:relative;
}
.product-description ul li:before {
	content:"";
	position:absolute;
	top:11px;
	left:0px;
	width: 4px;
	height: 4px;
	background: #000;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.product-description .art-nr {
	position:absolute;
	bottom:25px;
	left:20px;
	font-size: 15px;
	line-height: 18px;
}
.contact-info {
	padding: 0 53px 33px;
	background: #f0eade;
}
.product-description .contact-info ul {
	padding:45px 30px 40px 60px;
	margin: 0 -53px 36px;
	background: #feb600;
	color: #fff;
	font-size:0px;
	line-height:0px;
}
.product-description .contact-info ul li {
	font-size:14px;
	line-height:20px;
	letter-spacing: -0.5px;
	display:inline-block;
	vertical-align:top;
	width: 50%;
	padding:0 11px 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 1px;
}
.product-description .contact-info ul li .contact-number {
	display:inline-block;
	vertical-align:top;
	position:relative;
}
.product-description .contact-info ul li .contact-number:before {content:'505.000';}
.product-description .contact-info ul li:before {
	content: "\f00c";
	font-family: FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	position: absolute;
	top: 0;
	left: 0px;
	font-size: 12px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: none;
	width:auto;
	height:auto;
}
.contact-info .support-box {
	padding: 0 0 0 35px;
	font-size:18px;
	line-height:22px;
	position:relative;
	margin: 0 0 26px;
}
.contact-info .support-box:before {
	content:'';
	position:absolute;
	top:0;
	left:-25px;
	width: 50px;
	height: 55px;
	background: url(../images/bg-support.gif) no-repeat 0 0;
}
.contact-info .support-box .support-phone {
	display:block;
	font-size:14px;
	line-height:20px;
	letter-spacing: 1px;
	padding: 13px 0;
}
.contact-info .support-box .support-phone:before {content: 'Weitere Angaben finden Sie unter "Rechtliche Informationen des Verkäufers".';}
.contact-info .support-box .support-text:before {content: 'Wir beraten Sie persönlich Mo - Fr von 7 - 20 Uhr & Sa von 8 - 17 Uhr.';}
.contact-info .support-email {
	display:block;
	padding: 18px 30px 17px 106px;
	position:relative;
	background: #feb600;
	font-size:18px;
	line-height:20px;
}
.contact-info .support-email:before {content: 'Kontaktieren Sie uns';}
.contact-info .support-email:after {
	position:absolute;
	top: 18px;
	left: 44px;
	content: "\f003";
	font-family: FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	font-size:18px;
	line-height:20px;
}
/* product gallery */
.open-check {display:none;}
.fade-gallery {
	margin: 0 0 30px;
	font-size:0px;
	line-height:0px;
	white-space: nowrap;
	overflow:hidden;
	position:relative;
}
.fade-gallery .thumbnail-hold-img {
	overflow:hidden;
	width:100%;
}
.fade-gallery label {cursor:pointer;}
.fade-gallery .thumbnail {
	display:inline-block;
	vertical-align:top;
	padding: 0 5px;
	width: 20%;
	font-size:15px;
	line-height:20px;
	white-space:normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: -20%;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.fade-gallery .open-check:checked ~ .thumbnail {margin-left: 0;}
.fade-gallery label.next, 
.fade-gallery label.prev {
	cursor: pointer;
	font-size: 40px;
	height:100%;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	z-index: 5;
	display:none;
	color: #4f5249;
	width:25px;
	text-align:center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.fade-gallery label.prev {
	background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	-moz-background-size: contain;
}
.fade-gallery label.next {
	background:#fff url(../images/bg-next.jpg) no-repeat 50% 50%;
	background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	-moz-background-size: contain;
}
.fade-gallery .switcher {
	position:relative;
	padding:0 25px;
}
.fade-gallery .switcher:after,
.fade-gallery .switcher:before {
	content:"";
	display:block;
	clear:both;
	width:25px;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:#fff;
	z-index:1;
}
.fade-gallery .switcher:before {
	left:auto;
	right:0;
}
.fade-gallery label.prev  {
	right: auto;
	left: 0;
}

.fade-gallery .hold-img .fa{
	font-size:100px;
	color: #e9f01d;
}
.thumbnail label {
	height:66px;
	position:relative;
	display:inline-block;
	vertical-align:top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: border-color .2s ease-in-out;
	-moz-transition: border-color .2s ease-in-out;
	-ms-transition: border-color .2s ease-in-out;
	-o-transition: border-color .2s ease-in-out;
	transition: border-color .2s ease-in-out;
}
.thumbnail label:before {
	content:'';
	position:absolute;
	top: 0;
	left:0;
	width:100%;
	height: 100%;
	border: 2px solid #f3c657;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index:5;
	opacity:0;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
.thumbnail label img {
	max-width: 100%;
	max-height: 100%;
	position: relative;
	top: 50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform: translateY(-50%);
	transform:translateY(-50%);
}
.fade-gallery .holder-img {
	width:100%;
	z-index:1;
	margin:0 0 22px;
	position:relative;
}
.fade-gallery .holder-img img {
	display:block;
	width:100%;
	height:auto;
	position:absolute;
	top:-99999px;
	left:-99999px;
	opacity:1;
}
.fade-gallery > .open-check:nth-of-type(1):checked ~ .holder-img img:nth-of-type(1),
.fade-gallery > .open-check:nth-of-type(2):checked ~ .holder-img img:nth-of-type(2),
.fade-gallery > .open-check:nth-of-type(3):checked ~ .holder-img img:nth-of-type(3),
.fade-gallery > .open-check:nth-of-type(4):checked ~ .holder-img img:nth-of-type(4),
.fade-gallery > .open-check:nth-of-type(5):checked ~ .holder-img img:nth-of-type(5),
.fade-gallery > .open-check:nth-of-type(6):checked ~ .holder-img img:nth-of-type(6),
.fade-gallery > .open-check:nth-of-type(7):checked ~ .holder-img img:nth-of-type(7),
.fade-gallery > .open-check:nth-of-type(8):checked ~ .holder-img img:nth-of-type(8),
.fade-gallery > .open-check:nth-of-type(9):checked ~ .holder-img img:nth-of-type(9),
.fade-gallery > .open-check:nth-of-type(10):checked ~ .holder-img img:nth-of-type(10),
.fade-gallery > .open-check:nth-of-type(11):checked ~ .holder-img img:nth-of-type(11),
.fade-gallery > .open-check:nth-of-type(12):checked ~ .holder-img img:nth-of-type(12),
.fade-gallery > .open-check:nth-of-type(13):checked ~ .holder-img img:nth-of-type(13),
.fade-gallery > .open-check:nth-of-type(14):checked ~ .holder-img img:nth-of-type(14),
.fade-gallery > .open-check:nth-of-type(15):checked ~ .holder-img img:nth-of-type(15){
	position:relative;
	left:0;
	top:0;
}
.thumbnail:hover label:before,
.fade-gallery > .open-check:nth-of-type(1):checked ~ .switcher .thumbnail:nth-of-type(1) label:before,
.fade-gallery > .open-check:nth-of-type(2):checked ~ .switcher .thumbnail:nth-of-type(2) label:before,
.fade-gallery > .open-check:nth-of-type(3):checked ~ .switcher .thumbnail:nth-of-type(3) label:before,
.fade-gallery > .open-check:nth-of-type(4):checked ~ .switcher .thumbnail:nth-of-type(4) label:before,
.fade-gallery > .open-check:nth-of-type(5):checked ~ .switcher .thumbnail:nth-of-type(5) label:before,
.fade-gallery > .open-check:nth-of-type(6):checked ~ .switcher .thumbnail:nth-of-type(6) label:before,
.fade-gallery > .open-check:nth-of-type(7):checked ~ .switcher .thumbnail:nth-of-type(7) label:before,
.fade-gallery > .open-check:nth-of-type(8):checked ~ .switcher .thumbnail:nth-of-type(8) label:before,
.fade-gallery > .open-check:nth-of-type(9):checked ~ .switcher .thumbnail:nth-of-type(9) label:before,
.fade-gallery > .open-check:nth-of-type(10):checked ~ .switcher .thumbnail:nth-of-type(10) label:before,
.fade-gallery > .open-check:nth-of-type(11):checked ~ .switcher .thumbnail:nth-of-type(11) label:before,
.fade-gallery > .open-check:nth-of-type(12):checked ~ .switcher .thumbnail:nth-of-type(12) label:before,
.fade-gallery > .open-check:nth-of-type(13):checked ~ .switcher .thumbnail:nth-of-type(13) label:before,
.fade-gallery > .open-check:nth-of-type(14):checked ~ .switcher .thumbnail:nth-of-type(14) label:before,
.fade-gallery > .open-check:nth-of-type(15):checked ~ .switcher .thumbnail:nth-of-type(15) label:before {
	opacity:1;
}
.fade-gallery .open-check:checked + .thumbnail:nth-last-of-type(1) .prev,
.fade-gallery .open-check:checked + .thumbnail:nth-last-of-type(1) .next,
.fade-gallery .open-check:checked + .thumbnail:nth-last-of-type(2) .prev,
.fade-gallery .open-check:checked + .thumbnail:nth-last-of-type(2) .next,
.fade-gallery .open-check:checked + .thumbnail:nth-last-of-type(3) .prev,
.fade-gallery .open-check:checked + .thumbnail:nth-last-of-type(3) .next,
.fade-gallery .open-check:checked + .thumbnail:nth-last-of-type(4) .next,
.fade-gallery .open-check:checked + .thumbnail:nth-last-of-type(5) .next {
	display:none;
}
.fade-gallery label[for="modal"] {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:2;
	font:14px/18px "Open Sans",sans-serif;
}
.fade-gallery label[for="modal"] > span:first-child {
	position:absolute;
	top:50%;
	left:50%;
	color:#fff;
	background:rgba(134,134,132,0.8);
	padding:2px 5px;
	height:auto;
	z-index:2;
	opacity:0;
	
	margin:-9px 0 0 -78px;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
.fade-gallery label[for="modal"]:hover > span:first-child {opacity:1;}
.product-description {
	-ms-transform: scale(1); /* IE 9 */
	-webkit-transform: scale(1); /* Safari */
	transform: scale(1);
	-webkit-transition: transform .3s ease-in-out;
	-moz-transition: transform .3s ease-in-out;
	-ms-transition: transform .3s ease-in-out;
	-o-transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
}

.product-images {
	-webkit-transition: width .2s ease-in-out;
	-moz-transition: width .2s ease-in-out;
	-ms-transition: width .2s ease-in-out;
	-o-transition: width .2s ease-in-out;
	transition: width .2s ease-in-out;
}

.fade-gallery label.prev .fa,
.fade-gallery label.next .fa {
	font-size: 30px;
	position:absolute;
	top:50%;
	left: 50%;
	margin: -15px 0 0 -7px;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}
.fade-gallery label.prev:hover .fa,
.fade-gallery label.next:hover .fa {
	color: #a1c801;
}
.fade-gallery .close {
	position:absolute;
	display:none;
	top:0;
	z-index:2;
	right:0;
	width:32px;
	height:32px;
	background: url(../images/bg-close-children.gif) no-repeat 50% 50%;
	padding:4px 0 6px;
	text-align:center;
	border: 1px solid #485158;
	text-align:center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.fade-gallery > .empty-marker {
	position:absolute;
	top: -99999px;
	left: -99999px;
}
.fade-gallery > .empty-marker:nth-of-type(1):empty ~ .switcher .thumbnail:nth-of-type(1),
.fade-gallery > .empty-marker:nth-of-type(2):empty ~ .switcher .thumbnail:nth-of-type(2),
.fade-gallery > .empty-marker:nth-of-type(3):empty ~ .switcher .thumbnail:nth-of-type(3),
.fade-gallery > .empty-marker:nth-of-type(4):empty ~ .switcher .thumbnail:nth-of-type(4),
.fade-gallery > .empty-marker:nth-of-type(5):empty ~ .switcher .thumbnail:nth-of-type(5),
.fade-gallery > .empty-marker:nth-of-type(6):empty ~ .switcher .thumbnail:nth-of-type(6),
.fade-gallery > .empty-marker:nth-of-type(7):empty ~ .switcher .thumbnail:nth-of-type(7),
.fade-gallery > .empty-marker:nth-of-type(8):empty ~ .switcher .thumbnail:nth-of-type(8),
.fade-gallery > .empty-marker:nth-of-type(9):empty ~ .switcher .thumbnail:nth-of-type(9),
.fade-gallery > .empty-marker:nth-of-type(10):empty ~ .switcher .thumbnail:nth-of-type(10),
.fade-gallery > .empty-marker:nth-of-type(11):empty ~ .switcher .thumbnail:nth-of-type(11),
.fade-gallery > .empty-marker:nth-of-type(12):empty ~ .switcher .thumbnail:nth-of-type(12) {
	display:none;
}

.fade-gallery  .empty-marker:nth-of-type(6):not(:empty) ~ .switcher input.open-check:nth-of-type(1):checked ~ .holder-next label:nth-of-type(2),
.fade-gallery  .empty-marker:nth-of-type(7):not(:empty) ~ .switcher input.open-check:nth-of-type(2):checked ~ .holder-next label:nth-of-type(3),
.fade-gallery  .empty-marker:nth-of-type(8):not(:empty) ~ .switcher input.open-check:nth-of-type(3):checked ~ .holder-next label:nth-of-type(4),
.fade-gallery  .empty-marker:nth-of-type(9):not(:empty) ~ .switcher input.open-check:nth-of-type(4):checked ~ .holder-next label:nth-of-type(5),
.fade-gallery  .empty-marker:nth-of-type(10):not(:empty) ~ .switcher input.open-check:nth-of-type(5):checked ~ .holder-next label:nth-of-type(6),
.fade-gallery  .empty-marker:nth-of-type(11):not(:empty) ~ .switcher input.open-check:nth-of-type(6):checked ~ .holder-next label:nth-of-type(7),
.fade-gallery  .empty-marker:nth-of-type(12):not(:empty) ~ .switcher input.open-check:nth-of-type(7):checked ~ .holder-next label:nth-of-type(8){
	display:block;
}
.fade-gallery  .empty-marker:nth-of-type(1):not(:empty) ~ .switcher input.open-check:nth-of-type(2):checked ~ .holder-prev label:nth-of-type(1),
.fade-gallery  .empty-marker:nth-of-type(2):not(:empty) ~ .switcher input.open-check:nth-of-type(3):checked ~ .holder-prev label:nth-of-type(2),
.fade-gallery  .empty-marker:nth-of-type(3):not(:empty) ~ .switcher input.open-check:nth-of-type(4):checked ~ .holder-prev label:nth-of-type(3),
.fade-gallery  .empty-marker:nth-of-type(4):not(:empty) ~ .switcher input.open-check:nth-of-type(5):checked ~ .holder-prev label:nth-of-type(4),
.fade-gallery  .empty-marker:nth-of-type(5):not(:empty) ~ .switcher input.open-check:nth-of-type(6):checked ~ .holder-prev label:nth-of-type(5),
.fade-gallery  .empty-marker:nth-of-type(6):not(:empty) ~ .switcher input.open-check:nth-of-type(7):checked ~ .holder-prev label:nth-of-type(6),
.fade-gallery  .empty-marker:nth-of-type(7):not(:empty) ~ .switcher input.open-check:nth-of-type(8):checked ~ .holder-prev label:nth-of-type(7),
.fade-gallery  .empty-marker:nth-of-type(8):not(:empty) ~ .switcher input.open-check:nth-of-type(9):checked ~ .holder-prev label:nth-of-type(8),
.fade-gallery  .empty-marker:nth-of-type(9):not(:empty) ~ .switcher input.open-check:nth-of-type(10):checked ~ .holder-prev label:nth-of-type(9),
.fade-gallery  .empty-marker:nth-of-type(10):not(:empty) ~ .switcher input.open-check:nth-of-type(11):checked ~ .holder-prev label:nth-of-type(10),
.fade-gallery  .empty-marker:nth-of-type(11):not(:empty) ~ .switcher input.open-check:nth-of-type(12):checked ~ .holder-prev label:nth-of-type(11),
.fade-gallery  .empty-marker:nth-of-type(12):not(:empty) ~ .switcher input.open-check:nth-of-type(13):checked ~ .holder-prev label:nth-of-type(12){
	display:block;
}



#main .open-modal:checked ~ .product-box .product-images {width:100%;}
#main .open-modal:checked ~ .product-box .fade-gallery .holder-img img {max-height: 1100px;}
#main .open-modal:checked ~ .product-box .fade-gallery .close {display:block;}
#main .open-modal:checked ~ .product-box .fade-gallery label[for="modal"] > span:first-child {display:none;}
#main .open-modal:checked ~ .product-box .product-description {
	position:absolute;
	top:0;
	right:0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
/*end product gallery*/

.page-navigation {
	font-size:0px;
	line-height:0px;
	border-top: 1px solid #dcdddd;
	border-bottom: 1px solid #dcdddd;
	padding: 14px 0 15px;
	margin: 0 0 45px;
	background: #bebebd;
}
.page-navigation li {
	display:inline-block;
	vertical-align:top;
	font-size:18px;
	line-height:20px;
	width: 25%;
	text-align:center;
	border-right: 1px solid #dcdddd;
	padding: 20px 10px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.page-navigation li:last-child {border: none;}
.page-navigation li label {cursor: pointer;}
.anchor-radio {opacity:0;}
.img-wrap {
	margin: 0 0 49px;
}
.img-wrap img {
	display:block;
	width:100%;
	height:auto;
}
.data-row {
	margin: 0 -13px 59px -14px;
	overflow:hidden;
}
.data-row .col {
	float: left;
	width: 50%;
	padding:0 13px 0 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.data-row h3 {
	font-size:20px;
	line-height:26px;
}
.data-row .col.col-indent {
	padding-top: 55px;
}
.data-row .hold-img {
	margin: 0 0 15px;
}
.data-row .hold-img img {
	display:block;
	width:100%;
	height:auto;
} 
.data-row .colored-box {
	padding: 34px 33px 30px;
	background: #f0eade;
}
.data-row .colored-box ul {
	font-size:18px;
	line-height:20px;
	padding:0;
	margin: 0 0 10px;
}
.data-row .colored-box ul li {
	position: relative;
	padding: 0 0 0 25px;
	margin: 0 0 10px;
	position: relative;
}
.data-row .colored-box ul li:before {
	content: "\f00c";
	font-family: FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	position: absolute;
	top: 3px;
	left: 0px;
	font-size: 14px;
}
.data-row .item-img {
	height: 260px;
}
.data-row .item-img img {
	max-width: 100%;
	max-height: 100%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.data-row .title {
	display:block;
}
.info-box {
	background: #d8d6d3;
	padding: 35px 85px 15px 190px;
	position:relative;
	margin: 0 0 58px;
}
.info-box:before {
	content: '';
	position:absolute;
	top:41px;
	left:67px;
	width: 56px;
	height: 56px;
	background: url(../images/bg-info-box.jpg) no-repeat 0 0;
} 
.info-box .title {
	display:block;
}
.tech-box {
	overflow:hidden;
	margin: 0 0 43px;
	max-height: 0;
	border-bottom: 1px solid #000;
	-webkit-transition: max-height .2s ease-in-out;
	-moz-transition: max-height .2s ease-in-out;
	-ms-transition: max-height .2s ease-in-out;
	-o-transition: max-height .2s ease-in-out;
	transition: max-height .2s ease-in-out;
}
.tech-box table {
	width:100%;
	font-size:12px;
	line-height:14px;
	margin: 0 0 10px;
}
.tech-box table th {
	padding: 10px 8px;
	background: #ebecee;
	text-align: left;
}
.tech-box table td {
	border-bottom: 1px solid #c4c8cb;
	border-right: 4px solid #fff;
	padding: 5px 8px 2px; 
}
.tech-box table tr:last-child td {border-bottom: none;}
.tech-box table th:first-child,
.tech-box table td:first-child {
	width: 20%;
}
.btn-download {
	display:inline-block;
	vertical-align:top;
	padding: 22px 40px 17px 65px;
	border: 2px solid #c3c7ca;
	position:relative;  
}
.hold-download {
	margin: 0 0 70px;
}
.btn-download:before {
	content: '';
	position:absolute;
	top: 12px;
	left: 21px;
	width: 26px;
	height: 31px;
	background: url(../images/bg-pdf.gif) no-repeat 0 0;
}
.title-holder {
	padding: 0 50px 0 0;
	position:relative;
}
.title-holder .open-box-label {
	position:absolute;
	top:0;
	right:0;
	width: 40px;
	height: 40px;
	border: 1px solid #6d7278;
	text-align:center;
	cursor: pointer;
}
.title-holder .open-box-label .fa {
	font-size:30px;
	line-height:40px;
	-webkit-transition: transform .2s ease-in-out;
	-moz-transition: transform .2s ease-in-out;
	-ms-transition: transform .2s ease-in-out;
	-o-transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
}
#open-box:checked ~ .tech-box {
	max-height: 2000px;
}
#open-box:checked ~ .title-holder .open-box-label .fa {
	-webkit-transform: rotateY(180grad);
	-moz-transform: rotateY(180grad);
	-ms-transform: rotateY(180grad);
	-o-transform: rotateY(180grad);
	transform: rotate(200grad);
}
.impressionen-list {
	overflow:hidden;
	padding:0;
	margin: 0 -13px 75px -14px;
}
.impressionen-list li {
	float: left;
	width: 25%;
	padding: 0 13px 0 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.impressionen-list li img {
	display:block;
	width:100%;
	height:auto;
}
.manual-list {
	font-size:0px;
	line-height:0px;
	padding:0;
	margin: 0 -13px 75px -14px;
}
.manual-list li {
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	line-height:20px;
	width: 25%;
	padding: 0 13px 0 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.manual-list .hold-img {
	display:block;
	margin: 0 0 32px;
}
.manual-list .hold-img img {
	display:block;
	width:100%;
	height:auto;
}
.manual-list .step-label {
	display:block;
	color: #a70a21;
	font-weight:500;
}
.wrapper .banner-box{
	margin: 0 0 110px;
}

.open-check {display:none;}
.brand-list {
	margin: 0 0 74px;
	font-size:0px;
	line-height:0px;
	white-space: nowrap;
	overflow:hidden;
	position:relative;
	padding: 5px 75px 5px;
	border-bottom: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
}
.brand-list:after,
.brand-list:before {
	content:'';
	position:absolute;
	top:0;
	right:0;
	height: 100%;
	width: 75px;
	background: #fff;
	z-index:1;
}
.brand-list:before {
	right:auto;
	left:0;
}
.best-sellers  h2{
	margin: 0 0 26px;
}
.grey-box .brand-list:after,
.grey-box .brand-list:before {background: #f5f9fa;}
.brand-list li {
	display:inline-block;
	vertical-align:top;
	padding: 0;
	width: 16.66%;
	font-size:15px;
	line-height:19px;
	white-space:normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: -16.66%;
	position:static;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.brand-list label.next, .brand-list label.prev {
    cursor: pointer;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 50%;
    z-index: 5;
	display:none;
	height: 62px;
	width: 17px;
	padding: 4px;
	margin: -20px 0 0;
	background: url(../images/angle-left.jpg) no-repeat 0 0;
	-webkit-box-sizing: border-box;	
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
.brand-list label.next{
}
.brand-list label.next:hover, 
.brand-list label.prev:hover {opacity: 0.7;}
.brand-list label.prev  {
	right: auto;
	left: 20px;
}
.brand-list label.next .fa, 
.brand-list label.prev .fa{
	font-size: 40px;
}
.brand-list .open-check:checked ~ li {
	margin-left: 0 !important;
}
.brand-list .open-check:checked + li label {
	display:block;
}
.brand-link {
	display:block;
	color: #4f4f4f !important;
	font-weight: 400;
	white-space: normal;
	position:relative;
	padding: 0 20px 0 8px;
	text-decoration: none;
	background: #fff;
	position:relative;
}
.brand-link:before {
	content: '';
	position:absolute;
	top: 10px;
	bottom: 10px;
	left:0;
	width: 2px;
}
.brand-link .hold-img {
	display:block;
	height: 100px;
	width: 170px;
	margin:0 auto;
	text-align:center;
}
.brand-link .hold-img img {
	max-width: 100%;
	max-height: 100%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.brand-link .text-wrap {
	display:block;
	height: 53px;
	overflow:hidden;
	margin: 0 0 3px;
	color:#686868;
	font-size: 14px;
	line-height: 18px;
}
.brand-list .product-price {
	overflow:hidden;
	width:100%;
	position:relative;
	display:block;
	font-size:25px;
	line-height:30px;
	letter-spacing: -1px;
}
.brand-list .product-price .old-price {
	font-size:18px;
	line-height:21px;
	text-decoration: line-through;
	white-space: nowrap;
}
.brand-list .product-price .new-prise {
	color: #e84621;
	white-space: nowrap;
}
.brand-list .open-check:nth-last-of-type(1):checked + li label.next,
.brand-list .open-check:nth-last-of-type(2):checked + li label.next,
.brand-list .open-check:nth-last-of-type(3):checked + li label.next,
.brand-list .open-check:nth-last-of-type(4):checked + li label.next,
.brand-list .open-check:nth-last-of-type(5):checked + li label.next,
.brand-list .open-check:nth-last-of-type(6):checked + li label.next {display:none;}

/* Shop page */
.wrapper .categories-list, .wrapper .icons-list{
	text-align:center; 
	font-size: 0;
	line-height: 0;
	margin: 0 -14px 64px -13px;
	padding:0;
}
.categories-list li, .wrapper .icons-list li{
	display:inline-block;
	vertical-align:top;
	width: 33.33%;
	padding: 0 14px 0 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 16px;
}
.categories-list li a, .banner-box a, .icons-list li a {
    display: block;
    width: 100%;
    overflow: hidden;
	position:relative;
}
.categories-list li a:before, .banner-box a:before {
	position: absolute;
	top: 0;
	left: -10%;
	width: 150%;
	height: 100%;
	background: rgba(255, 255, 255, 0.2);
	content: '';
	-webkit-transition: -webkit-transform .6s;
	transition: transform .8s;
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, 100%, 0);
	opacity: 0;
	visibility: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 2;
}

.categories-list li a:hover:before, .banner-box a:hover:before {
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, -100%, 0);
	opacity: 1;
	visibility: visible;
}
.categories-list li img, .banner-box img{
	display:block;
	max-width: 100%;
	height: auto;
}
.wrapper .banner-box{
	margin: 0 0 129px;
}
.wrapper .icons-list{
	padding: 36px 0 32px;
	background: #ebecee;
	margin-bottom: 7px;
}
.wrapper .icons-list li{
	width: 20%;
}
.holder{
	overflow:hidden;
}
/*slider*/

.slide-gallery {
	position:relative;
	color: #373735;
	margin: 0 0 60px;
}
.slide-gallery input {
	display: none;
}
#slide1:checked ~ .slides-wrap .gallery-list { margin-left:0; }
#slide2:checked ~ .slides-wrap .gallery-list { margin-left:-100%; }
#slide3:checked ~ .slides-wrap .gallery-list { margin-left:-200%; }

#auto:checked ~ .slides-wrap .gallery-list {
	animation: slide 30000ms infinite;
}

.gallery-holder {
	width: 100%;
	overflow: hidden;
	position:relative;
}
.gallery-list {
	width: 300%;
	line-height: 0;
	list-style:none;
	margin:0;
	padding:0;
}

.gallery-list li {
	width: 33.3%;
	float: left;
	position:relative;
	margin: 0 !important;
	background: #f8f8f8;
	font-size:18px;
	line-height:20px;
	color: #fff;
}
.gallery-list li:before {display:none;}
.gallery-list li .hold-img {
	position:relative;
	overflow:hidden;
}
.gallery-list li img {
	display:block;
	width:100%;
	height:auto;
	position:relative;
}

.gallery-list li .title-holder {
	position:absolute;
	bottom: 70px;
	left:0;
	right:0;
	z-index: 3;
	padding: 0 70px;
}
.gallery-list li .title-holder .title {
	display:block;
	font-size:28px;
	line-height:30px;
	margin: 0 0 19px;
	text-transform: uppercase;
}
.gallery-list li .title-holder .hold-btn {
	padding: 6px 0 0;
}
.gallery-list li .title-holder .btn {
	display:inline-block;
	vertical-align:top;
	padding: 7px 10px;
	background: #ededef;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	text-align:center;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.gallery-list li .title-holder .btn:hover {
	background: #d5d5d5;
	color: #333;
}
/* start autoplay */
.autoplay {
	position:absolute;
	right:0;
	bottom:0;
	color: #fff;
	text-align:center;
	height: 10px;
	width: 28px;
	padding: 5px 10px;
	background: rgba(0,0,0,0.7);
	opacity:0;
	visibility: hidden;
	-webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
	transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
}
#slide1:checked ~ .slides-wrap .gallery-holder .autoplay,
#slide2:checked ~ .slides-wrap .gallery-holder .autoplay,
#slide3:checked ~ .slides-wrap .gallery-holder .autoplay,
#slide4:checked ~ .slides-wrap .gallery-holder .autoplay,
#slide5:checked ~ .slides-wrap .gallery-holder .autoplay {
	opacity:1;
	visibility: visible;
}
#slide1:checked ~ .slides-wrap .gallery-holder .pause,
#slide2:checked ~ .slides-wrap .gallery-holder .pause,
#slide3:checked ~ .slides-wrap .gallery-holder .pause,
#slide4:checked ~ .slides-wrap .gallery-holder .pause,
#slide5:checked ~ .slides-wrap .gallery-holder .pause {
	opacity:0;
	visibility: hidden;
}
.autoplay label {
	position:absolute;
	top:0;
	left:0;
	height: 100%;
	width:100%;
	font-size:12px;
	line-height:17px;
	cursor:pointer;
}
@keyframes slide1 {
	0%, 30% { margin-left:0; }
	33%, 60%	{ margin-left:-100%; }
	63%, 90%	{ margin-left:-200%; }
	100%	{ margin-left:0; }
}
@keyframes slide2 {
	0%, 30%	{ margin-left:-100%; }
	33%, 60%	{ margin-left:-200%; }
	63%, 90%	{ margin-left:0; }
	100%	{ margin-left:-100%; }
}
@keyframes slide3 {
	0%, 30% { margin-left:-200%; }
	33%, 60%	{ margin-left:0; }
	63%, 90%	{ margin-left:-100%; }
	100%	{ margin-left:-200%; }
}

#auto1:checked ~ .slides-wrap .gallery-list {
	animation:none;
	-webkit-animation: slide1 30000ms linear infinite;
	-moz-animation: slide1 30000ms linear infinite;
	-o-animation: slide1 30000ms linear infinite;
	animation: slide1 30000ms linear infinite;
}
#auto2:checked ~ .slides-wrap .gallery-list {
	animation:none;
	-webkit-animation: slide2 30000ms linear infinite;
	-moz-animation: slide2 30000ms linear infinite;
	-o-animation: slide2 30000ms linear infinite;
	animation: slide2 30000ms linear infinite;
}
#auto3:checked ~ .slides-wrap .gallery-list {
	animation:none;
	-webkit-animation: slide3 30000ms linear infinite;
	-moz-animation: slide3 30000ms linear infinite;
	-o-animation: slide3 30000ms linear infinite;
	animation: slide3 30000ms linear infinite;
}
#auto4:checked ~ .slides-wrap .gallery-list {
	animation:none;
	-webkit-animation: slide4 30000ms linear infinite;
	-moz-animation: slide4 30000ms linear infinite;
	-o-animation: slide4 30000ms linear infinite;
	animation: slide4 30000ms linear infinite;
}
#auto5:checked ~ .slides-wrap .gallery-list {
	animation:none;
	-webkit-animation: slide5 30000ms linear infinite;
	-moz-animation: slide5 30000ms linear infinite;
	-o-animation: slide5 30000ms linear infinite;
	animation: slide5 30000ms linear infinite;
}
/* end autoplay */
/* start switchers */
.switchers {
	position:absolute;
	bottom: 15px;
	left:0;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 30px;
}
.switchers label {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 5px;
	cursor: pointer;
}
.switchers label:before {
	content: '';
	position:absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	border: 1px solid #3a4149;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: -5px 0 0 -5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.switchers label:hover {
	background-color: #3a4149;
}
#slide1:checked ~ .switchers label:nth-child(1),
#slide2:checked ~ .switchers label:nth-child(2),
#slide3:checked ~ .switchers label:nth-child(3),
#slide4:checked ~ .switchers label:nth-child(4),
#slide5:checked ~ .switchers label:nth-child(5) {
	background-color: #3a4149;
}
#auto1:checked ~ .switchers label:nth-child(1),
#auto2:checked ~ .switchers label:nth-child(2),
#auto3:checked ~ .switchers label:nth-child(3) {
	animation: switch1 30000ms infinite;
}
#auto1:checked ~ .switchers label:nth-child(2),
#auto2:checked ~ .switchers label:nth-child(3),
#auto3:checked ~ .switchers label:nth-child(1) {
	animation: switch2 30000ms infinite;
}
#auto1:checked ~ .switchers label:nth-child(3),
#auto2:checked ~ .switchers label:nth-child(1),
#auto3:checked ~ .switchers label:nth-child(2) {
	animation: switch3 30000ms infinite;
}



@keyframes switch1 {
	0%, 30%, 100%	{ background-color:#3a4149; }
	33%, 60%	{ background: none; }
	63%, 90%	{ background: none; }
}
@keyframes switch2 {
	0%, 30%, 100%	{ background:none; }
	33%, 60%	{ background-color:#3a4149; }
	50%, 70%	{ background:none; }
}
@keyframes switch3 {
	0%, 30%, 100%	{ background:none; }
	33%, 60%	{ background:none; }
	63%, 90%	{ background-color:#3a4149; }
}


.pause {
	position:absolute;
	right:0;
	bottom:0;
	color: #fff;
	text-align:center;
	height: 10px;
	width: 28px;
	padding: 5px 10px;
	background: rgba(0,0,0,0.7);
	opacity:0;
	visibility: hidden;
	-webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
	transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
}
.slide-gallery:hover .pause {
	opacity:1;
	visibility: visible;
}
.pause label {
	position:absolute;
	top:0;
	left:0;
	height: 100%;
	width:100%;
	font-size:12px;
	line-height:17px;
	cursor: pointer;
}
#slide1:checked ~ .slides-wrap .pause label:nth-child(1),
#slide2:checked ~ .slides-wrap .pause label:nth-child(2),
#slide3:checked ~ .slides-wrap .pause label:nth-child(3),
#slide4:checked ~ .slides-wrap .pause label:nth-child(4),
#slide5:checked ~ .slides-wrap .pause label:nth-child(5) {
	animation:none;
	z-index:3;
}
#auto1:checked ~ .slides-wrap .pause label:nth-child(1),
#auto2:checked ~ .slides-wrap .pause label:nth-child(2),
#auto3:checked ~ .slides-wrap .pause label:nth-child(3),
#auto4:checked ~ .slides-wrap .pause label:nth-child(4),
#auto5:checked ~ .slides-wrap .pause label:nth-child(5) {
	animation: pause1 30000ms infinite;
}
#auto1:checked ~ .slides-wrap .pause label:nth-child(2),
#auto2:checked ~ .slides-wrap .pause label:nth-child(3),
#auto3:checked ~ .slides-wrap .pause label:nth-child(4),
#auto4:checked ~ .slides-wrap .pause label:nth-child(5),
#auto5:checked ~ .slides-wrap .pause label:nth-child(1) {
	animation:none;
	animation: pause2 30000ms infinite;
}
#auto1:checked ~ .slides-wrap .pause label:nth-child(3),
#auto2:checked ~ .slides-wrap .pause label:nth-child(4),
#auto3:checked ~ .slides-wrap .pause label:nth-child(5),
#auto4:checked ~ .slides-wrap .pause label:nth-child(1),
#auto5:checked ~ .slides-wrap .pause label:nth-child(2) {
	animation:none;
	animation: pause3 30000ms infinite;
}
#auto1:checked ~ .slides-wrap .pause label:nth-child(4),
#auto2:checked ~ .slides-wrap .pause label:nth-child(5),
#auto3:checked ~ .slides-wrap .pause label:nth-child(1),
#auto4:checked ~ .slides-wrap .pause label:nth-child(2),
#auto5:checked ~ .slides-wrap .pause label:nth-child(3) {
	animation:none;
	animation: pause4 30000ms infinite;
}
#auto1:checked ~ .slides-wrap .pause label:nth-child(5),
#auto2:checked ~ .slides-wrap .pause label:nth-child(1),
#auto3:checked ~ .slides-wrap .pause label:nth-child(2),
#auto4:checked ~ .slides-wrap .pause label:nth-child(3),
#auto5:checked ~ .slides-wrap .pause label:nth-child(4) {
	animation:none;
	animation: pause5 30000ms infinite;
}


@keyframes pause1 {
	0%, 30%, 100%	{ z-index:3;opacity:1;}
	33%, 60%	{ z-index:0;opacity:0;}
	63%, 90%	{ z-index:0;opacity:0; }
}
@keyframes pause2 {
	0%, 30%, 100%	{ z-index:0;opacity:0;}
	33%, 60%	{ z-index:3;opacity:1;}
	63%, 90%	{ z-index:0; opacity:0;}
}
@keyframes pause3 {
	0%, 30%, 100%	{ z-index:0;opacity:0;}
	33%, 60%	{ z-index:0;opacity:0;}
	63%, 90%	{ z-index:3;opacity:1; }
}
.controls {
	width: 100%;
	height: 24px;
	position:absolute;
	top: 50%;
	margin: -12px 0 0;
	left:0;
}
.controls label { 
	display: none;
	cursor:pointer;
	height: 24px;
	width: 20px;
	position:relative;
}
.controls label:hover {
	opacity: 0.8;
}
#slide1:checked ~ .slides-wrap .gallery-holder .autoplay label,
#slide2:checked ~ .slides-wrap .gallery-holder .autoplay label,
#slide3:checked ~ .slides-wrap .gallery-holder .autoplay label,
#slide4:checked ~ .slides-wrap .gallery-holder .autoplay label,
#slide5:checked ~ .slides-wrap .gallery-holder .autoplay label {
	z-index:1;
	opacity:0;
}
#slide1:checked ~ .slides-wrap .gallery-holder .autoplay label:nth-child(1),
#slide2:checked ~ .slides-wrap .gallery-holder .autoplay label:nth-child(2),
#slide3:checked ~ .slides-wrap .gallery-holder .autoplay label:nth-child(3),
#slide4:checked ~ .slides-wrap .gallery-holder .autoplay label:nth-child(4),
#slide5:checked ~ .slides-wrap .gallery-holder .autoplay label:nth-child(5) {
	z-index:3;
	opacity:1;
}
#auto1:checked ~ .controls label:nth-child(2),
#auto2:checked ~ .controls label:nth-child(2),
#auto3:checked ~ .controls label:nth-child(2),
#slide1:checked ~ .controls label:nth-child(2), 
#slide2:checked ~ .controls label:nth-child(3), 
#slide3:checked ~ .controls label:nth-child(1) {
	float: right;
	display: block;
}
#auto1:checked ~ .controls label:nth-child(2):before,
#auto2:checked ~ .controls label:nth-child(2):before,
#auto3:checked ~ .controls label:nth-child(2):before,
#slide1:checked ~ .controls label:nth-child(2):before, 
#slide2:checked ~ .controls label:nth-child(3):before, 
#slide3:checked ~ .controls label:nth-child(1):before {
	position:absolute;
	top: 50%;
	left:2px;
	width:100%;
	text-align:center;
	font-size: 21px;
	line-height:1;
	font-family: 'FontAwesome';
	content: "\f054";
	margin: -10px 0 0;
	color: #fff;
}
#auto1:checked ~ .controls label:nth-child(3),
#auto2:checked ~ .controls label:nth-child(3),
#auto3:checked ~ .controls label:nth-child(3),
#slide1:checked ~ .controls label:nth-child(3),
#slide2:checked ~ .controls label:nth-child(1),
#slide3:checked ~ .controls label:nth-child(2) {
	float: left;
	display: block;
}
#auto1:checked ~ .controls label:nth-child(3):before,
#auto2:checked ~ .controls label:nth-child(3):before,
#auto3:checked ~ .controls label:nth-child(3):before,
#slide1:checked ~ .controls label:nth-child(3):before,
#slide2:checked ~ .controls label:nth-child(1):before,
#slide3:checked ~ .controls label:nth-child(2):before {
	position:absolute;
	top: 50%;
	left:-1px;
	width:100%;
	text-align:center;
	font-size: 21px;
	line-height:1;
	font-family: 'FontAwesome';
	content: "\f053";
	margin: -10px 0 0;
	color: #fff;
}
.slides-wrap {
	position:relative;
	overflow:hidden;
}
/* Animation */

.slides-wrap .gallery-list {
	animation:none;
	-webkit-transform: translateZ(0);
	-webkit-transition: margin 800ms ease-out; 
	-moz-transition: margin 800ms ease-out; 
    -ms-transition: margin 800ms ease-out; 
     -o-transition: margin 800ms ease-out; 
        transition: margin 800ms ease-out; /* easeInOutQuart */

}

.slide-gallery {
	animation:none;
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.controls label{
	
	-webkit-transform: translateZ(0);
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}



.controls, .slides-wrap, .switchers, .switchers label {
	animation:none;
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

/*end slider*/

/* Footer */	
#footer p{
	margin: 0 0 6px;
}				
#footer {
	padding: 42px 0 0;
}
#footer .footer-top{
	padding: 38px 20px 0;
	margin: 0;
	color: #4f4f4f;
	letter-spacing: -1px;
	text-transform:uppercase;
	font-size: 0;
	line-height: 0;
}
#footer .footer-list{
	background: #ebecee;
	padding: 38px 20px 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
}
#footer .footer-top li, #footer .footer-list li{
	display:inline-block;
	vertical-align:top;
	width: 25%;
	padding: 0 55px 0 25px;  
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 13px;
	line-height: 18px;
}
#footer .footer-top>li:nth-child(1), 
#footer .footer-list>li:nth-child(1){
	padding: 0 30px 0 97px;
}
#footer .footer-top>li:nth-child(2), 
#footer .footer-list>li:nth-child(2) {
	padding: 0 65px 0 95px;
}
#footer .footer-top>li:nth-child(3), 
#footer .footer-list>li:nth-child(3){
	padding: 0 100px 0 21px; 
}
#footer .footer-top li{
	font-size: 16px;
	line-height: 18px;
	margin: 0 0 23px;
}
#footer .footer-list>li{
	margin: 0 0 31px;
}
#footer .footer-list a{
	display:block;
	text-decoration: underline;
	margin: 0 0 6px
	}
#footer .pay-box{
	width: 208px;
	margin: 21px 0 0;
	border-top: 1px solid #c7c8cd;
	border-right: 1px solid #c7c8cd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0;
	line-height: 0;
	text-align:center;
	padding: 0;
}
#footer .pay-box li{
	width: 50%;
	font-size: 13px;
	line-height:18px;
	border-left: 1px solid #c7c8cd;
	border-bottom: 1px solid #c7c8cd;
	padding: 3px 5px 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#footer .contact{
	display:block;
	margin: 0 0 4px;
}

#footer .footer-bottom{
	border-top: 1px solid #c9cbce;
	padding: 13px 0;
	text-align: center; 
	font-style: italic;
	margin:0;
}
#footer .footer-bottom li{
	display:inline-block;
	vertical-align:top; 
	padding: 0 3px;
}
#footer .footer-bottom li a{
	color: #4b5660;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition:  color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	transition:  color .2s ease-in-out;
}
#footer .footer-bottom li a:hover{
	color:#000;
}
#footer .copy-box{
	font-size: 12px;
	line-height: 18px;
	text-align:center;
	padding: 11px; 
	background: #3b444d;
	border-top: 5px solid #fff;
	color: #c6c4c4;
}
#footer .copy-box a {color: #787c85 !important;}
#threendy_copyright {
	padding: 10px 0 0;
}


@media (max-width: 1440px) {
	.container {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		max-width: inherit;
		width: 97vw;
	}
}
@media (max-width: 1310px) {
	.search-box {
		width: 400px;
	}
}
@media (max-width: 1250px) {
	.search-box {
		width: 260px;
	}
}
@media (max-width: 1200px){
	.brand-list li {
		width: 20%;
		margin-left: -20%;
	}
	.brand-list .open-check:nth-last-of-type(6):checked + li label.next {display: block;}

	#header .logo {
		width: 250px;
		margin: 0 40px  10px 0;
	}
	#header .logo a, 
	#header .logo span {
		width: 250px;
		height: 31px;
	}
	.top-menu {
		padding: 9px 0 0;
	}
	
	.wrapper .banner-box {
 		margin: 0 0 70px;
	}
	.wrapper .icons-list li{
		padding: 0 10px;
	}
	.icons-list li img{
		-ms-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	#footer .footer-top, #footer .footer-list {
	    padding: 38px 0 0;
	}
	#footer .footer-top li{
		font-size: 14px;
		line-height: 18px;
	}
	#footer .footer-top>li:nth-child(1), 
	#footer .footer-list>li:nth-child(1),
	#footer .footer-top>li:nth-child(2), 
	#footer .footer-list>li:nth-child(2),
	#footer .footer-top>li:nth-child(3), 
	#footer .footer-list>li:nth-child(3),
	#footer .footer-top>li, 
	#footer .footer-list>li{
		padding: 0 28px;
	}
	
}
@media (max-width: 1100px) {
	.product-description {
		display:block;
		overflow:hidden;
	}
	.description-text, .contact-info {
		float: left;
		display:block;
		width: 60%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.contact-info {
		width: 40%;
		padding: 0 20px 15px;
	}
	.product-description .contact-info ul {
		padding: 20px 10px 10px 20px;
		margin: 0 -20px 20px;
	}
	.contact-info .support-box {
		padding: 0;
		margin: 0 0 4px;
	}
	.contact-info .support-box:before {display:none;}
	.product-description .contact-info ul li {
		display:block;
		width:100%;
		margin: 0 0 10px;
		padding: 0 0 0 20px;
	}
	.contact-info .support-box .support-phone {
		padding: 16px 0;
	}
	.contact-info .support-email:after {
		left: 13px;
		top: 12px;
	}
	.contact-info .support-email {
		padding: 18px 10px 17px 35px;
		font-size: 16px;
		line-height: 18px;
		text-align:center;
	}
}
@media (max-width: 1000px){
	#header .logo {
		margin: 0 20px 10px 64px;
	}
	.top-menu li {
		padding: 0 10px; 
	}
	.brand-list li {
		width: 25%;
		margin-left: -25%;
	}
	.brand-list .open-check:nth-last-of-type(5):checked + li label.next {display: block;}

	.product-images,
	.product-description {
		float: none; 
		width:100%;
		padding:0;
	}
	.fade-gallery .holder-img {
		width: 60%;
		margin:0 auto 15px;
	}
	#main .open-modal:checked ~ .product-box .product-images {width:100%;}
	#main .open-modal:checked ~ .product-box .fade-gallery .holder-img img {max-height: inherit;}
	.fade-gallery .close,
	#main .open-modal:checked ~ .product-box .fade-gallery .close {display: none;}
	.fade-gallery label[for="modal"] > span:first-child,
	#main .open-modal:checked ~ .product-box .fade-gallery label[for="modal"] > span:first-child {display:none;}
	#main .open-modal:checked ~ .product-box .product-description {
		position: static;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	.slide-gallery {
		margin: 0 0 20px;
	}
	#header {
		padding: 18px 0 0;
		margin: 0 0 20px;
	}
		/*navigation*/
	#nav {
		padding: 0;
		position:static;
		background: none;
		border: none;
	}
	#topnav {
		position:static;
		float: none;
		margin:0;
		padding:0;
	}
	#topnav:after {display:none;}
	#topnav > li > .open-check ~ .children-holder .children > li:nth-of-type(1), 
	#topnav > li > .open-check ~ .children-holder .children > li:nth-of-type(2), 
	.children > li > .open-check ~ .children2 > li:nth-of-type(1), 
	.children > li > .open-check ~ .children2 > li:nth-of-type(2) {
		display:block;
	}
	.hold-toogle {	
		display:block;
		position:absolute;
		top: 21px;
		left: 16px;
	}
	.toogle-menu {display:block;}
	.menu-holder {
		position:fixed;
		top:0;
		left:-700px;
		height: 100%;
		overflow:hidden;
		overflow-y:auto;
		width: 696px;
		background: #f1f2f4;
		z-index: 1005;
		-webkit-transition: left .2s ease-in-out;
		-moz-transition: left .2s ease-in-out;
		-ms-transition: left .2s ease-in-out;
		-o-transition: left .2s ease-in-out;
		transition: left .2s ease-in-out;
	}
	#nav .open-check:checked ~ .menu-holder {left:0;}
	#topnav > li {
		display:block;
		padding:0;
		position:static;
		margin:0;
		text-align:left;
		float: none;
		border: none;
	}
	#header #topnav > li:before {display:none;}
	#header #topnav > li > a,
	#header #topnav > li > label,
	.children > li > a,
	.children > li > label,
	.children2 li a,
	.children2 li label,
	#header ul#topnav > li > a,
	#header #topnav > li > a, 
	#header #topnav > li > a:link, 
	#header #topnav > li > a:visited{
		color: #ffffff !important;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		padding: 15px 30px 15px 10px;
		border-bottom: 1px solid #dadae5;
		display:block;
		cursor: pointer;
		text-transform: none;
		font-size:14px;
		line-height:18px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#header #topnav > li:hover > a,
	#header #topnav > li:hover > label,
	.children > li:hover > a,
	.children > li:hover > label,
	.children2 > li:hover > a,
	.children2 > li:hover > label {
		color: #3d444e !important;
		background: #f1f2f4;
	}
	.children > li > label.back-label,
	.children2 li label.back-label {padding: 15px 10px 15px 30px;}
	.children > li > a {
		margin:0;
		font-weight: normal;
	}
	#topnav > li > label,
	.children > li > label,
	.children2 li label {
		position:relative;
	}
	#topnav > li > label .fa,
	.children > li > label .fa,
	.children2 li label.back-label .fa {
		position:absolute;
		right: 10px;
		top: 50%;
		font-size:20px;
		margin: -10px 0 0;
		display:block;
	}
	.children > li > label.back-label .fa,
	.children2 li label.back-label .fa {
		right:auto;
		left: 10px;
	}
	#topnav > li > a:hover {
		color: #575757;
		background: #fff;
	}
	#header #topnav > li > .open-check + a,
	#header .children > li > .open-check + a {display:none;}
	.close-menu {
		display:block;
		padding: 15px 10px;
		color: #3c454e;
		background: #ebecee;
		text-transform: uppercase;
		font-weight:bold;
		cursor:pointer;
		font-size:14px;
		line-height:16px;
		position:relative;
		text-align: center;
	}
	.close-menu .fa {
		float:left;
		font-size: 20px;
		margin: -2px 0 0;
	}
	.children,
	.children2,
	#topnav > li:hover .children {
		opacity:1;
		visibility: visible;
		display:block;
		position:absolute;
		top: 46px;
		bottom:0;
		margin: 0;
		z-index:20;
		background: #f1f2f4;
		border:none;
		padding:0;
		width: 100%;
		left:100%;
		overflow:hidden;
		overflow-y:auto;
		-webkit-transition: left .2s ease-in-out;
		-moz-transition: left .2s ease-in-out;
		-ms-transition: left .2s ease-in-out;
		-o-transition: left .2s ease-in-out;
		transition: left .2s ease-in-out;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.children2 {top:0;}
	.children2 li {
		margin:0;
		width:100%;
		display:block;
		padding:0;
	}
	.children > li {
		width:100%;
		float: none;
		padding:0;
		margin:0;
		position:static;
	}
	.children-holder {position:static;}
	#topnav > li > .open-check:checked ~ .children-holder .children,
	.children > li .open-check:checked ~ .children2{left:0;}
	.children > li > a:before, 
	.children2 li a:before,
	.children2 li:before,
	#topnav > li > a:before {display:none;}
	.overlay {
		display:block;
		position: fixed;
		top:0;
		right: 100%;
		width:100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		z-index: 1000;
		-webkit-transition: right .2s ease-in-out;
		-moz-transition: right .2s ease-in-out;
		-ms-transition: right .2s ease-in-out;
		-o-transition: right .2s ease-in-out;
		transition: right .2s ease-in-out;
	}
	#nav .open-check:checked ~ .overlay {
		right: 0;
	}
	.children > li:before {display:none;}
	.category-img,
	.close-children,
	.children::before,
	.children::after {display:none;}
	#topnav > li >  .open-check:checked ~ label:after,
	#topnav > li >  .open-check:checked ~ label:before {display:none;}
	/*navigation end*/
	
	.contact-info .support-email{
		font-size: 18px;
		line-height: 20px;
		padding: 13px 40px;
	}
	.wrapper .categories-list{
		margin-bottom: 25px;
	}
	.wrapper .banner-box {
    	margin: 0 0 25px;
	}
	.wrapper .icons-list{
		padding: 10px 0;
		margin: 0 0 30px;
	}
	.wrapper .icons-list li{
		width: auto;
		padding: 0 4px;
	}
	#footer{
		padding: 0;
	}
	#footer .footer-top{
		padding: 0;
	}
	#footer .footer-top>li, #footer .footer-list>li{
		width: 50%;
	}
	#footer .footer-top>li:nth-child(1), 
	#footer .footer-list>li:nth-child(1),
	#footer .footer-top>li:nth-child(2), 
	#footer .footer-list>li:nth-child(2),
	#footer .footer-top>li:nth-child(3), 
	#footer .footer-list>li:nth-child(3),
	#footer .footer-top>li, 
	#footer .footer-list>li{
		padding: 0 60px;
	}
	.data-row .col.col-indent {
		padding-top: 0;
	}
	.data-row {
		margin-bottom: 20px;
	}
}
@media (max-width: 900px) {
	.search-box {
		width:100%;
		margin: 0 0 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.top-menu {
		float: right;
	}
	.brand-list li {
		width: 33.3%;
		margin-left: -33.3%;
	}
	.brand-list .open-check:nth-last-of-type(4):checked + li label.next {display: block;}
}

@media (max-width: 768px){
	.brand-list li {
		width: 50%;
		margin-left: -50%;
	}
	.brand-list .open-check:nth-last-of-type(3):checked + li label.next {display: block;}
	.impressionen-list,
	.manual-list {
		margin: 0 -6px 20px -7px; 
	} 
	.impressionen-list li,
	.manual-list li {
		float: none;
		display:inline-block;
		vertical-align:top;
		width: 49.5%;
		padding: 0 6px 0 7px;
		margin: 0 0 10px;
	}
	.manual-list li {
		margin: 0 0 20px;
	}
	.manual-list .hold-img {
		margin: 0 0 15px;
	}
	.hold-download {
		margin: 0 0 20px;
	}
	.info-box {
		padding: 20px 15px 7px 70px;
		margin: 0 0 20px;
	}
	.info-box::before {
		width: 30px;
		height: 30px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		top: 50%;
		left: 15px;
		margin: -15px 0 0; 
	}
	.contact-info {
		padding: 0 20px;
	}
		.contact-info .support-email{
		margin: 0 -20px;
	}
	.page-navigation, .img-wrap{
		overflow:hidden;
	}
	.page-navigation, .img-wrap img{
		height: 100%;
		width: auto;
	}
	.data-row {
		margin: 0 0 25px;
	}
	.data-row .col {
		float: none;
		width:100%;
		padding:0;
	}
	.wrapper h2{
		font-size: 24px;
		line-height: 28px;
	}
	.wrapper .icons-list li{
		padding: 0 25px;
	}
	#footer .footer-top>li:nth-child(1), 
	#footer .footer-list>li:nth-child(1),
	#footer .footer-top>li:nth-child(2), 
	#footer .footer-list>li:nth-child(2),
	#footer .footer-top>li:nth-child(3), 
	#footer .footer-list>li:nth-child(3),
	#footer .footer-top>li, 
	#footer .footer-list>li{
		padding: 0 30px;
	}
	.wrapper .banner-box {
    	margin: 0 -15px 20px;
	}
	#footer .copy-box, 
	#footer .footer-list,
	#footer .footer-bottom{
		margin: 0 -15px;
	}
	.wrapper .icons-list{
		margin: 0 -15px 20px;
	}
	.holder{
		overflow:visible;
	}
	.description-text, .contact-info {
		float: none;
		width:100%;
	}
	.description-text::before, 
	.description-text::after {display:none;}
	.description-text {
		border-right: none;
	}
	.brand-list {
		margin: 0 0 20px;
	}
	.btn-download {
		padding: 11px 17px 10px 54px;
	}
	.btn-download::before {
		top: 5px;
		left: 12px;
	}
	.page-navigation {
		padding: 3px 0;
	}
	.page-navigation li {
		padding: 8px 5px 6px;
		font-size:15px;
		line-height:18px;
	}
}
@media (max-width: 730px) {
	.menu-holder {
		width: 280px;
		left: -300px;
	}
}
@media (max-width: 600px){
	.product-box{
		margin: 0 0 38px;
	}
	.page-navigation li {
		width: 100%;
		border-bottom: 1px solid #dcdddd;
		border-right: none;
		border-left: none;
		text-align: left;
		font-size: 18px;
		line-height: 20px;
		padding: 16px 14px;
	}
	.brand-list li {
		width: 100%;
		margin-left: -100%;
	}
	.brand-list .open-check:nth-last-of-type(3):checked + li label.next {display: block;}
	.brand-link {
		padding: 0 10px;
		text-align:center;
	}
	.brand-link::before {display:none;}
	.header-middle{
		overflow:visible;
	}
	#header .logo {
		float: none;
		margin:0 auto;
		width: 218px;
		display:block;
		padding: 0 0 0 64px;
		margin: 0 0 16px;
	}
	#header .logo a, #header .logo span {
		width: 218px;
		height: 27px;
	}
	.top-menu {
		float: none;
		text-align:center;
		margin: 0 -15px 20px;
		padding: 15px 0 10px;
		border-top: 2px solid #ebecee;
		border-bottom: 2px solid #ebecee;
	}
	.top-menu li {
		font-size: 14px;
		line-height: 16x;
		float: none;
		display:inline-block;
		vertical-align:top;
		padding: 0 10px;
	}
	.contact-info .support-box .support-phone {font-size: 18px;}
	.fade-gallery {
    	margin: 0 0 25px;
	}
	.wrapper h2{
		font-size: 30px;
		line-height: 33px;
		margin: 0 0 20px;
	}
	.wrapper .categories-list{
		margin-bottom: 0;
	}
	.categories-list li{
		width: 70%;
		margin: 0 0 20px;
	}
	.brand-list{
		padding: 5px 50px 5px;
	}
	.brand-list:after, .brand-list:before{
		width: 50px;
	}
	#footer .pay-box{
		margin: 20px auto 0;
	}
	.wrapper .icons-list {
	    margin: 0 -15px 0;
		padding: 0;
	}
	.wrapper .icons-list li{
		padding: 0;
	}
	.icons-list li img {
    -ms-transform: scale(0.65);
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
	}
	#footer .footer-top {
		margin: 0 -15px;
		letter-spacing: normal;
	}
	#footer .footer-top > li, #footer .footer-list > li {
    	width: 100%;
	}
	#footer .footer-top > li{
		background: #fdf7e7;
		margin: 0;
		text-align: left;
		border-top: 2px solid #c9cace;
		font-size: 16px;
		line-height: 20px;
	}
	#footer .footer-top>li:nth-child(1){
		border: none;
	}
	#footer .footer-top>li:nth-child(1), 
	#footer .footer-top>li:nth-child(2), 
	#footer .footer-top>li:nth-child(3), 
	#footer .footer-top>li{ 
		padding: 20px 28px 21px;
	}
	#footer .footer-bottom li{
		width: 100%;
		background: #ebecee;
		border-top: 2px solid #c9cace;
		padding: 7px 30px;
		text-align: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#footer .footer-bottom {
		padding: 0;
		border-top: none;
	}
	.fade-gallery .thumbnail {
		width: 33.33%;
		margin-left: -33.33%;
		text-align:center;
	}
	.thumbnail label {
		height: 45px;
	}
	.fade-gallery .holder-img {
		width: 100%;
	}
	.fade-gallery  .empty-marker:nth-of-type(3):not(:empty) ~ .switcher input.open-check:nth-of-type(1):checked ~ .holder-next label:nth-of-type(2),
	.fade-gallery  .empty-marker:nth-of-type(4):not(:empty) ~ .switcher input.open-check:nth-of-type(2):checked ~ .holder-next label:nth-of-type(3),
	.fade-gallery  .empty-marker:nth-of-type(5):not(:empty) ~ .switcher input.open-check:nth-of-type(3):checked ~ .holder-next label:nth-of-type(4),
	.fade-gallery  .empty-marker:nth-of-type(6):not(:empty) ~ .switcher input.open-check:nth-of-type(4):checked ~ .holder-next label:nth-of-type(5),
	.fade-gallery  .empty-marker:nth-of-type(7):not(:empty) ~ .switcher input.open-check:nth-of-type(5):checked ~ .holder-next label:nth-of-type(6),
	.fade-gallery  .empty-marker:nth-of-type(8):not(:empty) ~ .switcher input.open-check:nth-of-type(6):checked ~ .holder-next label:nth-of-type(7),
	.fade-gallery  .empty-marker:nth-of-type(9):not(:empty) ~ .switcher input.open-check:nth-of-type(7):checked ~ .holder-next label:nth-of-type(8),
	.fade-gallery  .empty-marker:nth-of-type(10):not(:empty) ~ .switcher input.open-check:nth-of-type(8):checked ~ .holder-next label:nth-of-type(9),
	.fade-gallery  .empty-marker:nth-of-type(11):not(:empty) ~ .switcher input.open-check:nth-of-type(9):checked ~ .holder-next label:nth-of-type(10),
	.fade-gallery  .empty-marker:nth-of-type(12):not(:empty) ~ .switcher input.open-check:nth-of-type(10):checked ~ .holder-next label:nth-of-type(11){
		display:block;
	}
	.description-text {
		padding: 34px 15px 45px;
		margin: 0 0 26px;
	}
	.product-description h1 {
		font-size: 26px;
		line-height: 36px;
		margin: 0 0 37px;
	}
	.page-navigation,
	.img-wrap {
		margin: 0 0 20px;
	}
	.data-row .col.col-indent{
		margin: 0 0 18px;
	}
	.data-row .colored-box {
		padding: 32px 15px;
	}
	.data-row .colored-box ul {
		font-size:18px;
		line-height:28px;
		margin: 0;
	}
	.data-row .colored-box ul li{
		margin: 0;
	}
	.data-row h3 {
		margin: 0 0 16px;
	}
	.data-row .item-img {
		height: 200px;
		text-align:center;
	}
	.title-holder .open-box-label {
		height: 30px;
		width: 30px;
	}
	.title-holder .open-box-label .fa {
		line-height: 30px;
	}
	.switchers {
		display:none;
	}
	.container {
		width: 94vw;
	}
}  
@media (max-width: 500px) {
	.impressionen-list, .manual-list {
		margin: 0 0 15px;
	}
	.impressionen-list li, .manual-list li {
		display:block;
		width:100%;
		padding:0;
	}
	.img-wrap {display:none;}
}

/* JS */

.data-row .delivery {
	margin-right: 13px;
	margin-left: 14px;
    padding: 14px 13px 5px 13px;
	background: #d8d6d3;
}