/**********************/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
.container *, .page-container *:before, .page-container *:after { box-sizing: border-box;
outline: medium none;}
* { margin: 0;
padding: 0;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body{width: 100%; display: inline-block;}
a, a:hover { text-decoration: none}
img { border: none; max-width:100%;}
ul { list-style: none}
input{ display:none;}
ul.lev1.cat-res{ display:none;}
#social h2{ display:none;}
.container{
background:#fff;width: 100%;   max-width:1379px; width:100%;
overflow:hidden;font-family: 'Roboto', sans-serif;
margin:auto;text-align: center;color: #000000;
}
/*header */
#header{
width: 100%;
position: relative;
z-index: 1;

text-align: center;
padding: 0 0 0px;
display: inline-block;
}
.header-center {
width: 100%;
display:inline-block;
text-align: center;

margin: auto;background: url(img/back-head1.png) 0 0 repeat-x ;
z-index:1;
position: relative;
padding:0px 0px 0px;

position: relative;
margin: 0 auto;
text-align: center;
}

#header .warraper {
width: 100%;
display:inline-block;
max-width:1250px;
text-align: center;
margin: auto;
position: relative;
position: relative;
margin: 0 auto;
text-align: center;
}

#header .logo {
float: left;
margin:0px;
padding:10px 0 0;
position: relative;
display: inline-block;
text-align:left;
}
#header .logo a {
float:none;

margin:-5px 0 0;
padding:0px;
z-index: 99;
position: relative;
display: inline-block;
}
.banner{
width: 100%;
display: inline-block;
margin: -245px auto 0;
position: relative;
z-index: 0;
}
.x-head-right{
display: inline-block;

text-align:right;
float: right;
}
#social {
float: right;
display: inline-block;
margin: 0px 0 0;
padding: 00px 20px;

position: relative;
z-index: 99;
overflow: visible;
text-align: center;
width: 100%;
}

#social .address{
list-style: none;
float: none;
position: relative;
display: inline-block;
margin-top: 0px;
text-align: center;

width: 100%;

}
#social .address a {
color: #ffffff;
letter-spacing:1.6px;
display: inline-block;
background:url(img/border-a.png) right 0 no-repeat;

padding:0px 45px 0;
font:bold 16px/125px 'Open Sans', sans-serif;
position: relative;
float: none;
margin: 0 0 0px;
}
#social .address li:first-child a {background:url(img/border-a.png) 0 0 no-repeat, url(img/border-a.png) right 0 no-repeat;}
#social .address li:first-child a { margin-left:0}
#social .address li a:hover {
background:#090803; }
#social .address li {
display: inline-block;
float: none !important;
position: relative;
margin: 0 0px;
padding: 0 0px;
}
#social .address li:first-child {
background: none;
}
/*produc */
.product{
max-width: 100%;
width: 100%;

margin: 0px auto 0;
text-align: center;
overflow: visible;
display: inline-block;
position: relative;
}
.product .warraper  {
overflow: visible;
padding:0;
max-width: 1250px;
display: inline-block;
margin: 0 auto;
width: 100%;
position: relative;
z-index: 99;
}
#CentralArea{
float: right;
font:400 15px/25px 'Open Sans', sans-serif;
color: #222222;
width: 100%;
position: relative;
z-index: 0;
margin: 0px 0 0;
padding: 0px 0 0px;
}
#CentralArea .top{
float: left;
width: 100%;
z-index:5;
background:#090803;
padding:00px 20px 20px 0;
border-radius:0 0 100px 0px;
position: relative;
}

.product .discription .tab{
float: left;
width: 100%;
margin:0;
overflow:visible;
}
.discription .tt_tab ul { margin: 0 0 15px 15px;}
.discription .tt_tab li {
line-height: 30px;
font-size: 20px;
padding-left: 20px;
background: url(img/bg-li.png) 5px 9px no-repeat;}
.product .discription h4 { font-size: 18px;
margin-bottom: 15px;}
.product .discription h5 { font-size: 16px;
margin-bottom: 15px;}
.section1 {
float: left;
height: auto;
width: 100%;
display: inline-block;
padding:0px 0 0;
}
.section1 .section{
width: 100%;
z-index:0;
margin:-1px 0 0;
border:solid 1px #000000;
position: relative;
display: inline-block;
padding:25px 30px 15px ;
text-align: center;
}
.discription .tab { float: left;
color: #000;
width: 100%}
.discription .tab h2 { background: none}
.tab input { display: none;}
.tab label:hover { cursor: pointer;}
.discription a { font-weight: bold;
color: #000}

#LeftPanel .lcat{
padding: 0;
margin: 0 !important;
position: relative;
margin-bottom: 25px;
float: left;
width: 100%;
}
.product-image-box{
padding: 0px;
margin-top: 0px;padding:20px 0 0px 20px;
text-align: center;
width: 100%;
position: relative;
display: inline-block;
text-align: center;
float: left;
}
.product-image-container{
max-width:500px;
margin: 0px auto 0;
position: relative;
background:#fff;
-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 3px 10px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 3px 10px 0px rgba(0, 0, 0, 1);
display: inline-block;
text-align: center;
float:left;
width:42%;
height:500px;
}
.product-more-views {
float:right;position: relative;
width: 55%;
padding: 0px 0 ;border: solid 1px #841617;
padding: 10px;
text-align: left;
}
.w-section{width: 100%;display:inline-block; padding: 0 40px;
background: #841617;}
#rwos1:checked ~ ul #lwos1, #rwos1:checked ~ ul #lwos2, #rwos1:checked ~ ul #lwos3, #rwos1:checked ~ ul #lwos4 { display: inline-block ;}
#rwos2:checked ~ ul #lwos2, #rwos2:checked ~ ul #lwos3, #rwos2:checked ~ ul #lwos4, #rwos2:checked ~ ul #lwos5 { display: inline-block ;}
#rwos3:checked ~ ul #lwos3, #rwos3:checked ~ ul #lwos4, #rwos3:checked ~ ul #lwos5, #rwos3:checked ~ ul #lwos6 { display: inline-block ;}
#rwos4:checked ~ ul #lwos4, #rwos4:checked ~ ul #lwos5, #rwos4:checked ~ ul #lwos6, #rwos4:checked ~ ul #lwos7 { display: inline-block ;}
#rwos5:checked ~ ul #lwos5, #rwos5:checked ~ ul #lwos6, #rwos5:checked ~ ul #lwos7, #rwos5:checked ~ ul #lwos8 { display: inline-block ;}
#rwos6:checked ~ ul #lwos6, #rwos6:checked ~ ul #lwos7, #rwos6:checked ~ ul #lwos8, #rwos6:checked ~ ul #lwos9 { display: inline-block ;}
#rwos7:checked ~ ul #lwos7, #rwos7:checked ~ ul #lwos8, #rwos7:checked ~ ul #lwos9, #rwos7:checked ~ ul #lwos10 { display: inline-block ;}
#rwos8:checked ~ ul #lwos8, #rwos8:checked ~ ul #lwos9, #rwos8:checked ~ ul #lwos10, #rwos8:checked ~ ul #lwos11 { display: inline-block ;}
#rwos9:checked ~ ul #lwos9, #rwos9:checked ~ ul #lwos10, #rwos9:checked ~ ul #lwos11, #rwos9:checked ~ ul #lwos12 { display: inline-block ;}
#rwos10:checked ~ ul #lwos10, #rwos10:checked ~ ul #lwos11, #rwos10:checked ~ ul #lwos12, #rwos10:checked ~ ul #lwos13{ display: inline-block ;}
#rwos11:checked ~ ul #lwos11, #rwos11:checked ~ ul #lwos12, #rwos11:checked ~ ul #lwos13, #rwos11:checked ~ ul #lwos14 { display: inline-block ;}
#rwos12:checked ~ ul #lwos12, #rwos12:checked ~ ul #lwos13, #rwos12:checked ~ ul #lwos14, #rwos12:checked ~ ul #lwos15 { display: inline-block ;}
.product-more-views .w-section .x-button {
box-shadow: none;
position: absolute;
height: 11px;
width: 20px;
z-index: 1000;
cursor: pointer;
margin: auto;
display: none;
}
.w-section div {
display: none;
padding: 0 0px;
}

#rwos1:checked ~ label.r1, #rwos2:checked ~ label.r2, #rwos3:checked ~ label.r3 {
display: block;
}
.product-more-views ul li{ display: none; }
#rwos1:checked ~ ul #lwos1, #rwos1:checked ~ ul #lwos2, #rwos1:checked ~ ul #lwos3{ display: inline-block ;}
#rwos2:checked ~ ul #lwos2, #rwos2:checked ~ ul #lwos3, #rwos2:checked ~ ul #lwos4 { display: inline-block ;}
#rwos3:checked ~ ul #lwos3, #rwos3:checked ~ ul #lwos4, #rwos3:checked ~ ul #lwos5 { display: inline-block ;}
#rwos4:checked ~ ul #lwos4, #rwos4:checked ~ ul #lwos5, #rwos4:checked ~ ul #lwos6 { display: inline-block ;}
#rwos5:checked ~ ul #lwos5, #rwos5:checked ~ ul #lwos6, #rwos5:checked ~ ul #lwos7 { display: inline-block ;}
#rwos6:checked ~ ul #lwos6, #rwos6:checked ~ ul #lwos7, #rwos6:checked ~ ul #lwos8 { display: inline-block ;}
#rwos7:checked ~ ul #lwos7, #rwos7:checked ~ ul #lwos8, #rwos7:checked ~ ul #lwos9 { display: inline-block ;}
#rwos8:checked ~ ul #lwos8, #rwos8:checked ~ ul #lwos9, #rwos8:checked ~ ul #lwos10 { display: inline-block ;}
#rwos9:checked ~ ul #lwos9, #rwos9:checked ~ ul #lwos10, #rwos9:checked ~ ul #lwos11 { display: inline-block ;}
#rwos10:checked ~ ul #lwos10, #rwos10:checked ~ ul #lwos11, #rwos10:checked ~ ul #lwos12{ display: inline-block ;}
#rwos11:checked ~ ul #lwos11, #rwos11:checked ~ ul #lwos12, #rwos11:checked ~ ul #lwos13 { display: inline-block ;}
#rwos12:checked ~ ul #lwos12, #rwos12:checked ~ ul #lwos13, #rwos12:checked ~ ul #lwos14 { display: inline-block ;}

#rwos1:checked ~ label.r1, #rwos2:checked ~ label.r2, #rwos3:checked ~ label.r3, #rwos4:checked ~ label.r4, #rwos5:checked ~ label.r5, #rwos6:checked ~ label.r6, #rwos7:checked ~ label.r7, #rwos8:checked ~ label.r8, #rwos9:checked ~ label.r9, #rwos10:checked ~ label.r10, #rwos11:checked ~ label.r11, #rwos12:checked ~ label.r12, #rwos13:checked ~ label.r13, #rwos14:checked ~ label.r14, #rwos15:checked ~ label.r15, #rwos16:checked ~ label.r16, #rwos17:checked ~ label.r17, #rwos18:checked ~ label.r18 {display: block;}
.top-right{
float: right;
padding:48px 65px 48px 0;
width: 100%;
border-radius:0 100px 100px 0;
background: url(img/back-head.png) 0 0 repeat;
text-align:right;margin: -180px auto 0;
}
.center{
float: left;
padding:60px 00 70px;
width: 100%;

background:#eeeeee;
text-align:center;
margin: -60px auto 0;
}
.top-right .free{
display: inline-block;
float: right;
width: 53%;
}
.specifics {
float: left;
padding:  00px;
text-align: left;
margin: 0px;
width: 100%;
display: inline-block;
}
.specifics h2 , .application h2{
font-family: 'Open Sans', sans-serif;
float: left;
padding:30px 0px 10px;
margin: 0 0 0px;
font-weight:bold;
text-transform: uppercase;
color: #090803;
font-size: 20px;
width: 100%;
text-align: left;
letter-spacing:1.2px;
line-height: 30px;
}
.specifics table {
padding: 0px 0 10px;
width: 100%;
display: inline-block;
}
.specifics table:last-child {padding: 0px 0 0px;}
.application {
padding: 0px 0 0px;
width: 100%;
display: inline-block;
}
.application li {
font-family: 'Open Sans', sans-serif;background: #090803;
padding: 9px 5px;
letter-spacing:0.78px;
float: left;
font-weight: 400;
word-wrap: break-word;
width:100%;
color: #ffffff;
display: inline-block;
font-size: 13px;
text-align: left;
margin:0 0 2px;
line-height: 20px;
}
.specifics table tr {

margin-bottom:2px;

padding:0px 0;
background: #090803;
display:inline-block; width:100%;
position: relative;

}
.specifics table td:first-child {
padding-left:5px;
background:#841617;
font-weight:bold;

width: 14%;

}
.specifics table td:last-child {
width: 64%;
background:#090803;
border-left:solid 5px #fff;
min-width: 1075px;

padding-left: 20px;


}
.specifics table td {
font-family:'Open Sans', sans-serif;
padding:9px 0;
float: left;

font-weight: 400;
word-wrap: break-word;
color: #ffffff;
display:inline-block;
font-size: 13px;
text-align: left;
line-height: 20px;
}
.brand {display:inline-block; margin:15px auto 15px; padding:0;border-top: solid 1px #841617;
width:100%;position:relative;}

.brand ul{display:inline-block; margin:-51px auto 0; padding:0;
width:100%;}
.brand li {
display: inline-block;
margin: 0 32.5px;
}
.product h1 .warraper{ padding: 0 135px !important;}
.product h1{
color: #ffffff;

display: inline-block;
padding: 0px;
width: 55%;
font: 600 30px/32px 'Open Sans', sans-serif;
text-transform: uppercase;
margin: 0px auto 35px;
float: right;
text-align:left;
position: relative;
text-decoration: none;
}

.product-more-views ul li{ display: inline-block;}
.product-image-container { display: none;}
.product-image-box input { display: none;}
.product-image-box .product-more-views label{
width:110px;
height:110px;
margin: 0px 12.5px;
padding: 0;
overflow: hidden;

display: inline-block;
cursor: pointer;
text-align: center;
position: relative;
background: #fff;

}
.bloc1:last-child {
padding-bottom: 0;
border-left: none;
}
#CentralArea h4{color: #000000;
text-transform: capitalize;
font: 700 15px/20px 'Open Sans', sans-serif;
padding: 0px;
text-align: left;
}
#CentralArea h5{color: #000000;
text-transform:  capitalize;
font:700  16px/20px'Open Sans', sans-serif;
padding: 0px;
text-align: left;
}
.product-image-box label:hover { cursor: pointer;}
#gal1:checked ~ .product-more-views ul li #lg1, #gal2:checked ~ .product-more-views ul li #lg2, #gal3:checked ~ .product-more-views ul li #lg3, #gal4:checked ~ .product-more-views ul li #lg4, #gal5:checked ~ .product-more-views ul li #lg5, #gal6:checked ~ .product-more-views ul li #lg6, #gal7:checked ~ .product-more-views ul li #lg7, #gal8:checked ~ .product-more-views ul li #lg8, #gal9:checked ~ .product-more-views ul li #lg9, #gal10:checked ~ .product-more-views ul li #lg10, #gal11:checked ~ .product-more-views ul li #lg11, #gal2:checked ~ .product-more-views ul li #lg12 { opacity: 1;filter: 1;}
#gal1:checked ~ #content1, #gal2:checked ~ #content2, #gal3:checked ~ #content3, #gal4:checked ~ #content4, #gal5:checked ~ #content5, #gal6:checked ~ #content6, #gal7:checked ~ #content7, #gal8:checked ~ #content8, #gal9:checked ~ #content9, #gal10:checked ~ #content10, #gal11:checked ~ #content11, #gal12:checked ~ #content12 { display: inline-block;}
.product-more-views img { bottom: 0;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;}
.product-image-container img { bottom: 0;
left: 0;
margin: auto;
max-height: 90%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;}
#CentralArea .top-1 {
float: left;background: #fff;
width: 100%;
padding:0px 0 0px;
position: relative;
}
.w-section div {
display: none;
padding: 0 0px;
}
.product-more-views .w-section .next {

right: 10px;

background: url(img/next.png) center 0 no-repeat;
border: none;
}
#rwos1:checked ~ label.r1, #rwos2:checked ~ label.r2, #rwos3:checked ~ label.r3 {
display: block;
}
.product-more-views .w-section .prev {


left: 10px;
background: url(img/prev.png) center 0 no-repeat;
border: none;
}
.product-more-views .w-section .x-button{
box-shadow: none;
position: absolute;
height: 30px;

width: 40px;
z-index: 1000;bottom: 0px;top:0;
cursor: pointer;
margin: auto;
display: none;
}
.product-more-views ul li{ display: none; height: 110px;}
.product-image-container { display: none;}
#rwos1:checked ~ ul #lwos1, #rwos1:checked ~ ul #lwos2, #rwos1:checked ~ ul #lwos3{ display: inline-block ;}
#rwos2:checked ~ ul #lwos2, #rwos2:checked ~ ul #lwos3, #rwos2:checked ~ ul #lwos4 { display: inline-block ;}
#rwos3:checked ~ ul #lwos3, #rwos3:checked ~ ul #lwos4, #rwos3:checked ~ ul #lwos5 { display: inline-block ;}
#rwos4:checked ~ ul #lwos4, #rwos4:checked ~ ul #lwos5, #rwos4:checked ~ ul #lwos6 { display: inline-block ;}
#rwos5:checked ~ ul #lwos5, #rwos5:checked ~ ul #lwos6, #rwos5:checked ~ ul #lwos7 { display: inline-block ;}
#rwos6:checked ~ ul #lwos6, #rwos6:checked ~ ul #lwos7, #rwos6:checked ~ ul #lwos8 { display: inline-block ;}
#rwos7:checked ~ ul #lwos7, #rwos7:checked ~ ul #lwos8, #rwos7:checked ~ ul #lwos9 { display: inline-block ;}
#rwos8:checked ~ ul #lwos8, #rwos8:checked ~ ul #lwos9, #rwos8:checked ~ ul #lwos10 { display: inline-block ;}
#rwos9:checked ~ ul #lwos9, #rwos9:checked ~ ul #lwos10, #rwos9:checked ~ ul #lwos11 { display: inline-block ;}
#rwos10:checked ~ ul #lwos10, #rwos10:checked ~ ul #lwos11, #rwos10:checked ~ ul #lwos12{ display: inline-block ;}
#rwos11:checked ~ ul #lwos11, #rwos11:checked ~ ul #lwos12, #rwos11:checked ~ ul #lwos13 { display: inline-block ;}
#rwos12:checked ~ ul #lwos12, #rwos12:checked ~ ul #lwos13, #rwos12:checked ~ ul #lwos14 { display: inline-block ;}
.product-more-views ul {
list-style: none;
padding:0px 0px;background:#841617;
width: 100%;	background:#090803;

display: inline-block;
margin: auto;
text-align:center;
}
#rwos1:checked ~ label.r1, #rwos2:checked ~ label.r2, #rwos3:checked ~ label.r3, #rwos4:checked ~ label.r4, #rwos5:checked ~ label.r5, #rwos6:checked ~ label.r6, #rwos7:checked ~ label.r7, #rwos8:checked ~ label.r8, #rwos9:checked ~ label.r9, #rwos10:checked ~ label.r10, #rwos11:checked ~ label.r11, #rwos12:checked ~ label.r12, #rwos13:checked ~ label.r13, #rwos14:checked ~ label.r14, #rwos15:checked ~ label.r15, #rwos16:checked ~ label.r16, #rwos17:checked ~ label.r17, #rwos18:checked ~ label.r18 {display: block;}
#CentralArea .top2 {
float: left;
width: 100%;
padding:30px 0;
position: relative;
}
.product .discription .tab{ float: left;width:100%; padding:0 10px 0 30px}
.discription .tt_tab ul { margin: 0 0 15px 15px;}
.discription .tt_tab li {
line-height: 30px;
font-size: 20px;
padding-left: 20px;}
.product .discription h3 { font-size: 20px;	margin-bottom: 15px;}
.product .discription h4 { font-size: 18px;	margin-bottom: 15px;}
.product .discription h5 { font-size: 16px;	margin-bottom: 15px;}
.product .discription p {
margin: auto;
padding: 0px 0 20px 0;

font: 400 14px/20px 'Open Sans', sans-serif;
color: #000000;
letter-spacing:0.28px;
text-align: left;
}
#tabe1:checked ~ ul li #lt1, #tabe2:checked ~ ul li #lt2, .tabe ul.tabe-titel li:hover label {
background:#000000;
color:  #fff;
}
#tabe1:checked ~ #content-1, #tabe2:checked ~ #content-2 {
display: inline-block;
margin: 0px 0 0;

}
.product .discription .tabe-titel1 {
position: relative;
padding: 00 0 10px;

display: inline-block;
width: 100%;
float: left;
text-align: center;
}
.bottom{
display: inline-block;
width: 100%;
margin: auto;
background: #fff;
}
.tabe label {
color: #000000;
letter-spacing:0.8px;
background: url(img/bg-label.png) left 0 repeat;
padding: 0 20px;
float: left;
-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
box-shadow:         inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
position: relative;
border-radius:5px 5px 0 0 ;
text-transform: uppercase;
text-align: center;
width: 100%;
display: inline-block;
margin: 0px 0px 0px 0;
z-index: 1;
font: 900 20px/50px 'Open Sans', sans-serif;
}
.product .discription .tabe-titel1 li {
list-style: none;
display: inline-block;


padding: 0;
margin: 0 2px 0 0;
float: left;
text-align: center;
}
.tabe .section {
width: 100%;
z-index: 0;
margin: 0px 0 0;
background: #fff url(img/bg-content.png) 0 0 repeat-x;
position: relative;
display: none;
padding: 20px 0px 0;
text-align: left;
}
.product .discription .section h2{ font:bold 14px/20px 'Open Sans', sans-serif;
color: #000000;
padding: 0px 0 0px 0;
width:100%;
text-align:left;
}
.product .discription .tab p{
margin:0px 0;
padding: 0 0 20px;
letter-spacing:
0.28px;
font: 400 14px/20px 'Open Sans', sans-serif;
color: #ffffff;
text-align: left;
}

.product .discription.disc-product .section li{
margin:0px 0;
padding: 5px 0px;
letter-spacing:
0.28px;
font: 400 14px/20px 'Open Sans', sans-serif;
color: #ffffff;
text-align: left;
}
.product .discription.disc-product ul{ width:100%;
margin:auto;
padding:0 0 0px;
display:inline-block;}
.product .discription .b-desc li:before {
content: '- ';
}
.discription.disc-product{
display: inline-block;
width: 100%;
margin:50px auto 20px;
}

.shipping {
width: 100%;
background: url(img/bg-promo.png) center 0 no-repeat;
display: inline-block;

text-align: center;
position: relative;
z-index: 9999;
padding: 32px 0 26px;
margin: 0 0 0px;overflow: hidden;
}
.shipping:before {
content: "";
width:100%;
height:105px;
left: 0;
right:0;
margin: auto;
top: -34px;
background: url(img/bg-pro.png) center bottom no-repeat;
position: absolute;
}
#x-main-fcat {
width: 100%;
display:inline-block;background: url(img/back-head.png) 0 0 repeat;
overflow: visible;
-webkit-box-shadow: 0px 5px 10px 0px rgba(9, 8, 3, 1);
-moz-box-shadow:    0px 5px 10px 0px rgba(9, 8, 3, 1);
box-shadow:         0px 5px 10px 0px rgba(9, 8, 3, 1);
margin:-205px 0 0px;
text-align: center;
position: relative;
padding:225px 35px 30px;
}
#x-main-fcat a {
display: inline-block;
position: relative;
z-index: 5;
}
#x-main-fcat a:hover { opacity:0.9}
#x-main-fcat a.x-first img {
margin-left: 0;
}
#x-main-fcat a img   {
display: inline-block;
float: left;
margin: 0px 0 0px 20px;
}
.product .discription .tab-titel1{
position: relative;
padding: 00 0 0px;

display: inline-block;
width: 100%;
float: left;
text-align: center;
}
.product .discription .tab-titel1 li {
list-style: none;
display: inline-block;

padding: 0;
margin: 0 5px 0 0;
float: left;
max-width:160px;
width:100%;
text-align: center;
}
.product .discription .tab-titel1 li:last-child{max-width:135px;}
.product .discription .tab-titel1 li:last-child {margin-right:0;}
.product .discription .tab-titel1 li:first-child{ margin-left:0}
.discription .tab {color: #4e4a47;}
.discription .tab h2 { background: none}
.product .discription.disc-product{ border:none;}
.tab .section {
width: 100%;
z-index: 0;
border:solid 1px #841617;
margin:0px 0 0;
height: 180px;
overflow-y: scroll;

position: relative;

display:none;
padding:30px 25px 10px;
text-align: left;
}
.tab input { display: none;}
.tab ul.tab-titel { display: inline-block;
width: 100%;
list-style: none;
background: url(img/futured.jpg) left bottom no-repeat;
background-size: 100%;
}
.tab ul.tab-titel li { float: left; width: 100%;list-style: none;}
#tab1:checked ~ ul li #lt1,
#tab2:checked ~ ul li #lt2,
#tab3:checked ~ ul li #lt3,
#tab4:checked ~ ul li #lt4,
#tab5:checked ~ ul li #lt5,
#tab6:checked ~ ul li #lt6,
#tab7:checked ~ ul li #lt7,
.tab ul.tab-titel li:hover label {
background:#090803; border:solid 1px #841617;border-bottom:none;

}
.hi-mob {
display:none;
width: 100%;
margin-bottom: 5px;
}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6 ,#tab7:checked ~ #content7{
display: inline-block;margin: -1px 0 0;

}

.tab .hi-mob label{
width: 100%;

}
#tab11:checked ~ .hi-mob #lt1,
#tab12:checked ~ .hi-mob #lt2,
#tab13:checked ~ .hi-mob #lt3,
#tab14:checked ~ .hi-mob #lt4,
#tab15:checked ~ .hi-mob #lt5,
#tab16:checked ~ .hi-mob #lt6,
#tab17:checked ~ .hi-mob #lt7 {
background:#841617  url(img/moin.png) 98% center no-repeat;
border-bottom:none;

}
.tab label {
color: #ffffff;
letter-spacing:1.2px;
background:#841617;

padding: 0 0px;
float: left;
width: 100%;
position: relative;
text-transform:uppercase;
text-align: center;
width: 100%;
display: inline-block;
margin: 0px 0px 0px 0;
z-index: 1;
font:bold 20px/60px 'Open Sans', sans-serif;
}
.tab label:first-child{ margin-left:0}
.tab label li:last-child{ margin-right:0}
.discription a { font-weight: bold;	color: #4e4a47}
.bottom-1 {
display: inline-block;
width: 100%;
margin: auto;
padding:0px 0 0px;
position: relative;
z-index: 1;
}
#LeftPanel {
width: 100% !important;
max-width: 225px !important;
float: left;
display: inline-block;
position: relative;
z-index: 5;
padding: 0 20px;
background: #090803;
overflow: visible;
}
#LeftPanel .lcat {
padding: 0px 0 0 0px;
position: relative;
position: relative;



margin-bottom: 0px;
}
.bottom-1 .discription {
display: inline-block;
width: 100%;
margin: auto;
padding: 0px 0px 0px 0px;

}
.lcat h2 {
color: #ffffff;
width: 100%;
text-align: left;
margin:0 0 0px ;
padding: 0 0 0 00px;
letter-spacing:0.8px;
display: inline-block;
background: url(img/bg-titel-panel.png) 0 bottom no-repeat;
text-transform: uppercase;
font:bold 20px/55px 'Open Sans', sans-serif;
position: relative;
float: none;
}
.lcat #LeftPanel1 {
padding:15px 0 40px 0px;

margin:0px 0 0;
}
.lcat #LeftPanel1 .lev1 {
padding:0px;

margin:0px 0 0;
}
.lcat .lev1 li {
position: relative;
z-index: 10;
padding: 0px 0px;
}
.lcat .lev1 li span, .lcat .lev1 > li > a {
color: #ffffff;
text-align: left;
border-bottom:solid 1px #282525;
padding: 9px 0;
letter-spacing:0.28px;
font-weight: 400;
margin: 0 0 00px;
line-height:20px;
font-family:'Open Sans', sans-serif;
font-size: 14px;
display: inline-block;
width: 100%;
}

.lcat .lev1 li span, .lcat .lev1 > li > a:hover{
color:#841617;
}

.bottom-right{
display: inline-block;

padding:45px 20px 35px 0;
background: #090803;
float: right;
margin: auto;
width: 82%;
max-width:1020px;
}
#x-side-news  {
margin: 50px auto 0;
display: inline-block;
padding: 59px 55px ;
width: 100%;
border-radius: 0 100px 100px 0;
background: url(img/back-head.png) 0 0 repeat;
text-align: center;
}
#x-side-news h2 {
color: #ffffff;
letter-spacing: 1.5px;
padding:11px 0px 11px 70px;
position: relative;
display:inline-block;
margin: 0px 0 0;
float: left;
text-align: left; background: url(img/bg-titel-news.png) 0 center no-repeat;
text-transform: uppercase;

font: bold 25px/30px 'Open Sans', sans-serif;
}
#x-side-news .bottom-news {
margin-top: 4px;
display: inline-block;
position: relative;
z-index: 5;
overflow: hidden;
width: 61%;
padding: 0px;
float: right;
}
#x-side-news p {
width: 80%;
color: #fff;

text-align: left;
float: left;
font: 16px/22px 'Open Sans', sans-serif;
padding: 0px 0 0px;
margin: 0;
}
#x-side-news a#x-side-news-bttn {
color: #841617;
float:right;
text-transform:uppercase;
background:#ffffff;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.2);
margin: 0px 0 0px;

width: 100%;
max-width: 100px;
font: bold 15px/40px 'Open Sans', sans-serif;

border-radius:20px;
padding: 0 0px;
cursor: pointer;
display: inline-block;

text-align: center;
}
#x-side-news a#x-side-news-bttn:hover{ color:#000}
/****zoom*/
.product-image-container label {cursor:pointer}
@keyframes lightbox {
from {
opacity: 0;
transform: scale(0); }
to {
opacity: 1;
transform: scale(1); } }
@keyframes lightboxout {
from {
transform: scale(1.5); }
to {
background: rgba(0, 0, 0, 0);
transform: scale(1); } }
#zoom input { display:none}
#zoom label {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 100;
animation-name: lightboxout;
animation-duration: 0.5s;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.6);
animation-name: lightboxout;
animation-duration: 0.5s;
display:none;
cursor:pointer;
}
#zoom label > div {
background: #fff;
position: static;
position: relative;
box-sizing: content-box;
top: 0px;
max-height: 80vh;
width: 100%;
height: auto;
max-width: 60vw;
margin: auto;
margin-top: 10vh;
padding: 10px;
box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.4);
border-radius: 6px 6px 0px 0px; }
#zoom label > div img {
max-height: 80vh;
transform: none;
top: auto;
max-width:100%}
#zoom [type=checkbox]:checked ~ label {
display:block;
animation-name: lightbox;
animation-duration: 0.5s;
text-align:center
}
#zoom label > div::after {
text-align:center;
background: #fff;
border-radius: 0px 0px 6px 6px;
color: #666;
content: "Click to close";
font-size: 16px;
padding: 5px 0px;
position: absolute;
top: 100%;
width: 100%;
left: 0px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); }
/**zoom*/
/*****************
Footer
***********************/
#footer {
position: relative;
background:#fff;
width: 100%;
overflow: visible;
text-align:center;background:#090803;
padding:00px 0 0px;
display: inline-block;

}


.x-foot-tins {
width: 100%;

height: auto;
margin: 0px auto;
text-align: center;
display: inline-block;

}
#x-foot-copy p b {
font-weight: 600;
}

#x-foot-copy a span:hover{color: #fff !important;}
#x-foot-subm {
position: relative;
float:right;
border-bottom:solid 1px #841617;
overflow: hidden;
padding: 60px 0 ;
margin-top: 0px;
text-align: center;
width: 100%;
display: inline-block;
}
.pay{ width:100%; margin:auto; padding:40px 0 30px; display:inline-block}

#x-foot-subm a  {
color: #fff;
text-align: left;
padding:0 37.5px 0;
font:600 16px/20px 'Open Sans', sans-serif;
display: inline-block;
}
#bloc-right {
display: inline-block;
width: 30%;
margin: auto;
padding: 0px 0 0;
float: right;
}
#x-foot-copy, #x-foot-copy *   {
color: #841617;


text-align:center;
font: 400 12px/20px 'Open Sans', sans-serif;
text-transform:uppercase;
display: inline-block;
}

#x-foot-copy span.x-copy-ocdo {
width: 100%;display: inline-block;
}
#x-foot-copy span.x-copy-ocdo, #x-foot-copy span.x-copy-ocdo a {
display: inline-block;
text-transform: initial;
font-size:12px;

}
#x-foot-copy span.b{ font-weight:bold; font-size:12px;}
.payment{
text-align: right;
display: inline-block;
float: right;
width: 100%;
margin: 0 0 25px;
}
#x-foot-copy {
text-align: center;
margin: 0px 0 0;
float: right;
width: 100%;
padding: 0 0 30px;
}
#x-foot-subm a:hover{
color: #841617 !important;
}
#footer a:hover , #footer a b:hover {
color: #841617 !important;
}
#leftmenu { display: none}
#menu { display: none;}
#social.leftmenu-1 { display: none;}
.shipping img.res{display:none}
.banner img.res{ display:none}
@media screen and (max-width:1249px) {
#x-main-fcat{ padding:225px 5px 20px }
#x-side-news {padding: 59px 20px;}
.brand li {

margin: 0;
width: 33%;
}

.specifics table td:last-child {

min-width: 1000px;}
.product-image-box .product-more-views label{margin: 0px 1px;}
.top-right {

padding-right:10px;}
#x-main-fcat a {
width:19%;
padding: 0px 0px 0px;
}
.bottom-right {width:81%;}

.product .discription .tab-titel1 li{max-width: 140px;}

#x-main-fcat a img {
margin: 0;
margin-left: 0px;
}
}
@media screen and (max-width:1200px) {#social .address a {padding:0 30px}.banner {margin: -229px auto 0;}.specifics table td:last-child {

min-width: 960px;}.bottom-right {
width: 80%;
}.tab label { font-size:18px; letter-spacing:0.5}.product .discription .tab-titel1 li {
max-width: 130px;
}#x-side-news .bottom-news{width: 68%;}}
@media screen and (max-width:1140px) {#social .address li:{padding:0 25px;}.#social .address a {letter-spacing: 0;}.product-image-box .product-more-views label {
width: 100px;
height: 100px;}
.product-more-views ul li{ height :100px;}
.bottom-right {
width: 79%;
}
.product .discription .tab-titel1 li {
max-width: 120px;
}
.specifics table td:last-child {

min-width: 900px;}}
@media screen and (max-width:1090px) {.bottom-right {
width: 77%;
}
#x-side-news h2{ font-size:20px}
#x-side-news p{ font-size:14px}
.tab label {
font-size: 16px;}
.product .discription .tab-titel1 li {
max-width: 110px;
}
#x-side-news .bottom-news {
width: 68%;
}
#x-side-news {
padding: 59px 5px;
}
.specifics table td:last-child {

min-width: 850px;}
.banner {margin: -221px auto 0;}
}
@media screen and (max-width:1010px) {.bottom-right {
width: 76%;
}
#x-side-news p {
width: 76%;font-size: 13px;}
.product .discription .tab-titel1 li {
max-width: 100px;
}
.tab label {
font-size: 14px;}
#social .address a {
padding: 0 25px;
}
.specifics table td:last-child {

min-width: 800px;}
.banner {margin: -213px auto 0;}}
@media screen and (max-width:990px) {.banner {margin: -211px auto 0;}.product-image-box .product-more-views label {
width: 90px;
height: 90px;

}
.product-more-views ul li {
    height: 90px;
}
}
@media screen and (max-width:959px) {
.x-head-right {
width: 100%;text-align: center;
}
.specifics table td:last-child {
min-width: 650px;
}

#x-foot-main  , #x-foot-subm , #x-foot-copy, .logo-foot{width: 100%; text-align:centre; float:none}
#x-foot-copy, #x-foot-copy *{text-align:center;}

.top-right{width:100%;margin: 30px 0 0;max-width:100%}
#x-head-menu{ display:none;}
.header-center:before {
display:none;
}
#header .logo {
float: none;}
#social .address a , #social a{
font-size: 14px;
background:none;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
padding: 0 0px;
margin: 0;
border: none !important;
color: #fff;
line-height: 30px;

letter-spacing: 0;
}
#social .address li:first-child a {background:none;}
ul.lev1.cat-res{ display: inline-block;}

.product h1{ width:100%; text-align:center;}
.product-image-box{ width:100%}

.product .warraper {padding: 0px 5px 0 ;}
#social .address a:hover, #social a:hover {
background:none !important;color: #000 !important;}
#social h2{
color: #fff;
width: 100%;
text-align: left;
padding: 0 0 0 0px;
display: inline-block;
letter-spacing: 0.8px;

text-transform: uppercase;
font: 900 20px/30px'Open Sans', sans-serif;
position: relative;
float: none;
}
#social ul li {
margin: 0 !important;
text-transform: capitalize;
display: block !important;
float: left !important;
width: 100% !important;
padding:0 !important;
text-align: left !important;
background: none !important;
}
#leftmenu:checked ~ #social{
display: inline-block;
float: none;
margin: 5px 0 0;
padding: 10px;
background: url(img/back-head.png) 0 0 repeat;
max-width: 300px;
position: absolute;
left: 0;

right: 0;
margin: auto;
height: 300px;

overflow-y: scroll;
}

#LeftPanel{ display:none}
.bottom-right{width:100%;}
ul.address li label {
display: inline-block !important;
width: 20px !important;
background: url(img/x-head-mnav-icod.png) 0 0 no-repeat;
background-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
height: 20px;
}
#leftmenu:checked ~ #social .address {
display: block;
width: 100%;
box-shadow:none;
background: none;
border-radius: 0;
padding:0px;
}
.product-more-views ul li {
width: auto;
}
#menu label:after { background-image: url("img/x-head-mnav-icod.png");
background-position: right center;
background-repeat: no-repeat;
color: #000;
content: "";
height: 30px;
position: absolute;
right: 5px;
top: 2px;
width: 30px;}
#leftmenu:checked ~ #menu label:after { background-image: url("img/x-head-mnav-icou.png");	z-index: 2;}
#header .wrapper { padding-bottom: 10px;}
#social .address {
display: none;
}
#menu label{
color: #fff;
background:url(img/back-head1.png) 0 0 repeat-x;
position: relative;font-family:'Barlow', sans-serif;
font-size: 14px;
font-weight: bold;
height:30px;
line-height: 30px;
padding: 0 25px;
text-align: left;
text-transform: uppercase;
width: 100%;
max-width: 300px;
display: inline-block;
float: none;
margin:auto 0;

}
#social a.a1 , #social a.a2 , #social a.a3 , #social a.a4{
background: none;
}
.banner {
margin: -50px auto 0;
}
#header { }
.header-center .wrapper {
padding-bottom: 10px;

}
.product-image-container{max-width: 100%;}
.specifics {
width: 100%;
}

.specifics table td:first-child {

min-width: 180px;width: 20%;

}

.product-more-views {   width: 100%;
max-width:100%; float:none ; display:inline-block}
.product-image-container {
max-width: 100%;
width: 100%;
margin: 0 0 20px;
float: none;
}
.top-right .free {

width: 100%;
text-align: center;
}
.product-more-views ul {
text-align: center;
}
#social {
display: none;
}
#menu  {
display: block;
text-align: center;
margin:0px 0 0;
}
#promo {

margin:20px 0 0;
padding: 30px 0;
}
.product-image-box {

padding: 0 10px;
}
#CentralArea .top{padding: 20px 0px 20px 0; border-radius:0;}
.tab .section:before{ display:none;}
.product h1 .warraper{padding: 0 10px !important;}
.tab .section{ height:auto;overflow-y: none;}
}
@media only screen and (max-width: 859px) {
.specifics table td:last-child {
min-width: 570px;
}
.banner {
margin: 0;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.specifics table td:last-child {
min-width: 480px;
}
#x-side-news {
padding:27px 35px 27px 5px;
}
#x-side-news p{ line-height:16px}
#x-side-news .bottom-news {
width: 100%;
margin: 20px 0 0;
}
.tab label{ line-height:45px; padding:0 10px}
.product .discription .tab { padding:0;}
.bottom-right{ padding:45px 5px;}
.product .discription .tab-titel1{ display:none}
.product h1 {font-size:20px; line-height:20px;}
#tab1:checked ~ #content1 {
display: none;
}
#x-foot-subm a{ padding:0 15px}

#tab11:checked ~ #content1, #tab12:checked ~ #content2, #tab13:checked ~ #content3, #tab14:checked ~ #content4, #tab15:checked ~ #content5, #tab16:checked ~ #content6, #tab17:checked ~ #content7 {
display: inline-block; margin:-5px 0 5px;
}

#tabe1:checked ~ #content-1 {
display: none;
}
.tab .section{padding: 20px 10px;}
#tabe-11:checked ~ #content-1, #tabe-12:checked ~ #content-2 {
display: inline-block; margin:0px;
}
#tabe-11:checked ~ .hi-mob #lt1, #tabe-12:checked ~ .hi-mob #lt2{
background: #000 url(img/moin.png) 98% center no-repeat;
border-bottom: none;
}
.tab label , .tabe label{ text-align:left; margin:0 0 5px; color:#fff; background:#841617 url(img/plus.png) 98% center no-repeat;}
.product .discription .tabe-titel1{ display: none !important;}
.hi-mob {
display: inline-block;
width: 100%;
margin-bottom: 0px;
}
.product-image-box {
height: auto;
max-width: 100%;
}
.product-image-container { width: 100%;
max-width: 100%;
height: 300px !important;
}
.product-more-views {position: relative;
width: 100%;
max-width:100%;
margin: auto;
text-align: center;}
.product-more-views ul li { width: auto; margin-top:0px;height:90px}
.tab ul.tab-titel li { width: 100%}
.tab ul.tab-titel li label { width: 100%;margin: 0;	}
}
@media only screen and (max-width: 680px) {
#x-foot-subm a {
padding: 0 10px;
}
.specifics table td:last-child {
min-width: 400px;
}
.specifics table td:first-child { background:none;}
.shipping img.res {
display: inline-block;
}
.shipping img.big {
display: none;
}
.shipping:before {

background-size: 100%;
}
.product-more-views .w-section .prev{left: 10px;}
.product-more-views .w-section .next{right: 10px;}
.product-image-box .product-more-views label {
width: 90px;
height: 90px;}
.top-right {
  
  
    padding: 20px 5px 20px;
}

}
@media only screen and (max-width: 650px) { .shipping {
width: 100%;
background: url(img/bg_promo-res.png) center 0 repeat; padding:30px 0}
.specifics table td:last-child {
min-width: 350px;
}
}
@media only screen and (max-width: 550px) {
.shipping:before {
top:-55px
}#x-foot-subm {padding: 10px 0;}
#x-foot-subm a{text-align: center;font:600  13px/25px'Open Sans', sans-serif;
display: block;border:none}
#x-main-fcat a {
width: 33%;}

.specifics table td:last-child {
min-width: 260px;width: 60%;
}
.shipping img.big{display:none}
.shipping img.res{display:inline-block}}
@media only screen and (max-width: 500px) {.product-more-views ul li { margin: 0 0px 2px}}
@media only screen and (max-width: 480px) {
.banner img.big{ display:none}
.brand ul{ margin:0}
.banner img.res{ display:inline-block; margin:20px 0 20px}
.specifics table td{line-height: 16px;font-size: 13px;border:none}



.specifics table td:last-child {
min-width: 170px;border:none;
width: 50%;
}
#x-side-news p {
width: 100%;
margin:0 0 10px

}
.product-image-box .product-more-views label {
width:80px;
height:80px;

}
.product-more-views ul li{height:80px; margin:1px 0;}
#x-main-fcat a {
width:32%;
}#x-side-news a#x-side-news-bttn{ margin:0px 0 0; float:left}
#x-side-news {

border-radius: 0;
}
}
@media only screen and (max-width: 380px) {.specifics table td:last-child {
    min-width: 130px;
   
    width: 42%;
}}

.x-hide, [data*="https://www.sunandfuninoc.com/SAMPLES/x-img-"]  { display: none !important;}