body { margin:0px; padding:0px; font-family: 'Poppins', sans-serif; color:#888; background:#fff; }
header, nav, aside, main {display:block; margin:0px; padding:0px;}
.resButton {cursor:pointer; position:absolute; top:10px; left:10px; z-index:10; width:25px; height:20px; border:0px;  background:url(/images/resWhite.png) no-repeat; background-size:20px auto; text-indent:-6000px; display:none; }
a {color:#000;}

#cpBox { font-size:10px; font-family:Arial, Helvetica, sans-serif; margin:auto 0px 0px 0px; width:100%; bottom:0px; position: fixed; text-align:center; color:#FFFFFF; background-color:#000000; padding:5px; z-index:999999;}
#cpBox a { color:#FFFFFF;}
.cpBoxClose { cursor:pointer; color:#FFFFFF; text-decoration:underline;}
.cpBoxClose:hover { color:#CCCCCC;}

#search input[type=text], #sort select {border-radius: 5px;}

.systemError {border:1px solid red; padding:15px; color:#fff; background:#eb4034; margin:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.systemOk {border:1px solid green; padding:15px; color:#fff; background:#5bba41; margin:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.wrap-990 {width:100%; max-width:990px; display:table; margin:0px auto; }
.wrap-1200 {width:100%; max-width:1200px; display:table; margin:0px auto; }
iframe {width:100%; max-width:650px; height:200px; display:table; margin:5px auto;}

.wrap-990 h3 { font-weight:400; font-size:1.6em;}

.mP {height:500px;}
.mP a {display:table; margin:35px auto; padding:15px 20px; font-size:1.2em; text-decoration:none; text-transform:uppercase; background:red; color:#fff;}
.mP .ok { color:green; line-height:50px; font-size:1.2em; text-transform:uppercase; margin:35px auto;}
.mP img { display:table; margin:45px auto; }

#symsysMsgOverlay {position:fixed; background-color:rgba(0, 0, 0, 0.7); width:100%; height:100%; top:0; left:0; z-index:9;}
#symsysMsg { position:fixed; background:#fff; color:#222; border:1px solid #ccc; width:100%; max-width:350px; display:table; text-align:center; padding:15px; border-radius:1px 1px 1px 1px; -moz-border-radius:1px 1px 1px 1px; -webkit-border-radius:1px 1px 1px 1px;  -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45); -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);   position: fixed;  top: 50%; left: 50%; transform: translate(-50%, -50%); }
#symsysMsg button { cursor:pointer; color:#fff; background:#000; font-weight:200; border:0px;  padding:10px 12px; font-size:1.1em;  border-radius:1px 1px 1px 1px; -moz-border-radius:1px 1px 1px 1px; -webkit-border-radius:1px 1px 1px 1px;  }
#symsysMsg .false {background:#999; margin-left:15px;}


.sM { position:absolute; margin:1px auto auto 0px; padding:0px 5px; z-index:9; }
.sM li {display:inline-table; margin:0px; padding:7px 3px 3px 3px; }
.sM li img {width:20px; height:auto;}

.systemMenu {background:#000; text-align:right; margin:0px; padding:0px 5px; }
.systemMenu li {display:inline-table; margin:0px; padding:7px 3px 3px 3px; }
.systemMenu li img {width:20px; height:auto;}

#loginUser { padding:15px 35px 15px 15px; margin:50px 0px 200px 0px; }
#loginUser a {font-size:0.8em; color:#888;}
#loginUser .registration {text-decoration:none; display:table; margin:5px 0px 5px auto; background:#555; text-transform:uppercase; color:#fff; padding:8px 12px; font-weight:400;}

#pr { padding:15px 35px 15px 15px; margin:50px 0px 200px 0px;}
#pr .error {color:red; text-align:left; width:130px;    margin-right:10px; font-size:0.65em;  }


.sizes table {width:100%; margin-bottom:45px;}
.sizes table td {padding:5px; border-top:1px solid #888; text-align:center;}
.sizes h3 {color:#666; font-weight:400; text-align:center; line-height:70px;}




.captcha {text-align:center;}
.captcha img {display:inline;}
#rC {width:20px; height:auto; cursor:pointer;}

.pl {display:none;}
.pl button { display:inline-table; margin:auto; border:0px; padding:8px 12px; color:#fff; background:#000; font-size:1em; cursor:pointer;}
.pl input {font-size:1em; padding:5px 10px; border:1px solid #666; width:30px;}
.plList { margin:20px 0px; font-size:0.9em; text-transform:uppercase;}

.wrap {max-width:990px; display:table; margin:auto;}
#reg label, #loginUser label, #pr label  { width:120px; text-align:right; padding:0px 10px 0px 0px; display:inline-block; font-size:0.85em; color:#333;}
#loginUser label, #pr label  { width:50px; }
#reg label b {color:red; margin-left:2px;}
#reg form { display:table; color:#333;}
#reg form p, #reg form div {display:table; }
.discount button, #reg input[type=submit], #loginUser input[type=submit], #pr input[type=submit], #toBasket input[type=submit] { text-transform:uppercase; display:table; margin:15px auto 15px 135px; border:0px; line-height:35px; padding:8px 12px; color:#fff; background:#000; font-size:1em; cursor:pointer;}
.discount button {float:right; margin:0px; line-height:31px;}
.discount {display:table; margin:5px auto; text-align:center; text-transform:uppercase; }
.discount .error {color:red; font-size:0.85em; padding:8px; display:none;}
.discount .ok {color:green; font-size:0.85em; padding:8px; }
#loginUser input[type=submit] {margin:15px 0px 15px auto; text-transform:uppercase;}
#toBasket input[type=submit] {display:inline-table; text-transform:uppercase;}
.discount input, #reg input[type=text], #reg input[type=password], #reg select, #loginUser input[type=text], #loginUser input[type=password], #pr input[type=text], #toBasket input[type=text]  {font-size:1em; padding:5px 10px; line-height:35px; border:1px solid #444 !important; }
#reg h4 {color:#aaa; font-weight:400; border-bottom:1px dotted #ccc; padding:0px 0px 10px 0px}
#reg #strength_score { display:block; border:1px solid #eee; width:180px; padding:3px 3px 3px 10px; font-size:0.8em; color:#333333; margin:15px auto 15px 135px; }
#reg .error {color:red; text-align:left;   margin-right:10px; font-size:0.65em;  }
#reg select {line-height:35px; width:180px;}
#reg .shipment, #reg .firm, #reg .user, #reg .isFirm {padding:3px 10px;}
#reg .shipment {}
#fn, #ln, #street, #number, #city, #firm, #fstreet, #fnumber, #fcity { text-transform:capitalize;  }
.tiny {font-size:0.70em !important; color:#888; display:table; padding:8px; text-indent:5px;}
.quantity {color:#888; font-size:0.8em; text-transform:none; }
.quantity input { width:3em; padding:4px;}

#bC {display:table; width:100%; max-width:990px; margin:8px auto 35px auto; padding:0px; text-align:left;}
#bC li {display:inline-table; margin:0px 5px;  }
#bC li a {font-size:0.75em; color:#888; text-transform:capitalize; }
#bC li a::before {
  content: "› ";
}

#sort { text-align:center; font-size:0.75em; color:#999; margin:5px 15px; }
#sort select {margin:0px 5px; font-size:0.95em; color:#333;  padding:5px 29px 5px 12px; border:1px solid #999; background:#fff;  background:url('/images/selectarrow.png') no-repeat right center #fff;     appearance:none;   -moz-appearance:none;  -webkit-appearance:none;}

.panel-22, .panel-28 { background: #333;   width:100%; height:50px; display:table; margin:0px auto; padding:0px; }
.panel-22 .logo, .panel-28  .logo {  float:left; width:190px; height:auto;  margin:5px 25px;   }
.panel-28  .logo {   width:150px; height:auto;     }
.panel-22 .yt, .panel-28 .yt { position:absolute;  width:25px; height:auto;  top:40px; right:15px;  z-index:999;  }

.panel-28  { height:150px;}

.panel-22 nav ul, .panel-28 nav ul {    float:right; padding:0px; margin-top:0px;  }
.panel-22 nav ul li, .panel-28 nav ul li {display:inline-table;  margin:0px  30px;}          
.panel-22 nav ul li a, .panel-28 nav ul li a { line-height:80px; display:table;  color:#fff; text-decoration:none; text-transform:uppercase; font-size:1em; text-align:left; font-weight:300; }



.panel-2 nav ul { background: #111; line-height:85px; margin:0px; padding:0px 0px 0px 100px; display:block;}
.panel-2 nav ul li {display:inline; margin:auto 15px;}
.panel-2 nav ul li a {color:#fff; text-decoration:none; text-transform:capitalize; }
.panel-2 p { margin:0px; padding:0px;}

.mainPageLogo { position:absolute;   width:65px; height:auto;  top:10px; left:15px;   z-index:9;  }

.panel-25 {display:table; margin-bottom:-20px;  background:url('/images/down.png') no-repeat center bottom #fff; background-size:25px auto; width:100%; height:280px; padding:0px;  -webkit-box-shadow: inset 0px -8px 14px -4px rgba(0,0,0,0.67); box-shadow: inset 0px -8px 14px -4px rgba(0,0,0,0.67); }
.panel-25 ul {display:table; width:100%; text-align:center; margin:-50px auto; padding:0px; position:absolute;}
.panel-25 ul li { -webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.67); box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.67); background:#fff; display:inline-table; color:#000; padding:120px 15px 0px 15px; font-size:1.3em; text-transform:capitalize; text-align:center;  width:270px; height:150px; margin:0px 20px 0px 20px;}
.panel-25 ul li:nth-child(1) {background:url('/images/icon1.png') no-repeat center 50px #fff;}
.panel-25 ul li:nth-child(2) {background:url('/images/icon2.png') no-repeat center 50px #fff;}
.panel-25 ul li:nth-child(3) {background:url('/images/icon3.png') no-repeat center 50px #fff;}
.panel-25 li a {text-decoration:none; color:#000; display:block;}
.panel-25 li a:hover {text-decoration:underline; color:#888;}
.panel-25 li strong {color:#555; font-size:0.75em; font-weight:400;}


.panel-30 {display:block; margin:0px;    padding:35px 0px;   }
.panel-30 ul {display:table; width:100%; text-align:center; margin:0px auto; padding:0px; }
.panel-30 ul li {  border:4px solid #000; color:#000; font-weight:600; display:inline-table;  padding:120px 15px 0px 15px; font-size:0.9em; text-transform:capitalize; text-align:center;  width:270px; height:80px; margin:0px 20px 0px 20px;}
.panel-30 ul li:nth-child(1) {background:url('/images/icon1.png') no-repeat center 50px; clip-path: polygon(10% 0, 90% 0, 100% 100%, 0 100%);}
.panel-30 ul li:nth-child(2) {background:url('/images/icon2.png') no-repeat center 50px; clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);}
.panel-30 ul li:nth-child(3) {background:url('/images/icon3.png') no-repeat center 50px; clip-path: polygon(10% 0, 90% 0, 100% 100%, 0 100%); cursor:pointer;}
.panel-30 ul li:nth-child(3):hover { border:4px solid #555; color:#555;}
.panel-30 li a {text-decoration:none; color:#fff; display:block;}
.panel-30 li a:hover {text-decoration:underline; color:#888;}
.panel-30 li strong {color:#555; font-size:0.75em; font-weight:400;}


.panel-31  { height:600px;  position: relative;   }
.panel-31 .layer-1 {position:absolute;    height:100%; width:50%; left:0; opacity:0.5; background:url(/images/box2.jpg) no-repeat center center; background-size:auto 100%;  }
.panel-31 .layer-2 { position:absolute;  height:100%; clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%); background:#fff; width:61%; right:0; color:#000; }
.panel-31 .box-wrap { padding-left:20%; padding-right:10%; display: table; height:100%;}
.panel-31 h3 {font-weight:300; text-indent:0px; font-size:2.2em;  padding:0px; margin:0px 0px 25px 0px; max-width:350px; text-transform:uppercase; text-align:left;}
.panel-31 .layer-2 .box-wrap div {  font-size:0.9em;  display: table-cell; height:100%; vertical-align: middle; }

.panel-32  { height:600px;  position: relative;  }
.panel-32 .layer-1 {position:absolute;   height:100%; width:50%; right:0; opacity:0.5; background:url(/images/box1.jpg) no-repeat center center; background-size:auto 100%;  }
.panel-32 .layer-2 { position:absolute; height:100%; clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%); background:#333; width:61%; left:0; color:#fff; }
.panel-32 .box-wrap { padding-right:20%; padding-left:10%; display: table; height:100%; }
.panel-32 h3 {font-weight:300; text-indent:0px; font-size:2.2em; color:#ccc; padding:0px; margin:0px 0px 25px 0px; max-width:350px; text-transform:uppercase; text-align:left;}
.panel-32 .layer-2 .box-wrap div {  font-size:0.9em;  display: table-cell; height:100%; vertical-align: middle; }


.hpdown:hover, .sM li:hover, .product .pGallery .n:hover, .product .pGallery .p:hover, .homeProducts a:hover, .panel-24 a:hover ,.product .pGallery .big:hover, .product .fullScreen .close:hover, .product .pGallery .all img:hover, .mainPageLogo:hover, section a:hover, nav a:hover, input[type=submit]:hover, button:hover, aside ul li a:hover, .products li:hover, .systemMenu li a:hover, #rC:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  filter: alpha(opacity=50);  -moz-opacity: 0.5; -khtml-opacity: 0.5;  opacity: 0.5; }              

.firmMain { display:none; background:#000; margin:0px; padding:0px; color:#fff; text-transform:capitalize; font-weight:200;}
.firmMain div {background:url('/images/firma.jpg') no-repeat center bottom; background-size:100%; display:table; margin:0px auto; width:100%; padding-bottom:500px; max-width:990px;}
.firmMain h2 {margin-bottom:30px; font-size:1.8em; background:url('/images/h1.png') no-repeat center top; color:#676767; border-bottom:1px solid #676767; padding:50px 0px 40px 0px; text-align:center; font-weight:200;}

#slideshow-box {position:relative; padding:0px; margin:0px;}

.points { position:absolute; width:5px; z-index:2; top:40%; left:10px;  }
.points div { width:5px; height:35px; background:#fff; margin:5px; float:left; }
.points .this { background:#000;}

.mainPage {background:url(/images/h1.png) no-repeat 0px 5px ; background-size: 40px auto; text-align:center; display:table; margin:30px auto; text-transform:capitalize; text-indent:50px;   line-height:50px;  font-weight:500; font-size:1.4em; color:#000; }


.panel-23 {  position:absolute; z-index:10;  top:60px; right:0px; margin-left:-185px;  }

#search {  height:20px; display:table;  padding:0px; margin:20px 5px 10px 30px; }
#search input { border:none; font-family:'Open Sans';  background:#fff; font-size:0.9em; padding:8px 15px; line-height:20px; font-weight:400;  color:#000; width:250px; }
#search .submit {  float:right;  cursor:pointer; background:url(/images/search.png) no-repeat 5px 3px ; background-size: 30px auto;  margin:0px 0px; display:block; width:55px; height:50px; overflow:hidden; text-indent:-2000px;}
#slideshow #search {position:absolute; z-index:1; border:0px; margin-top:410px; margin-left:-220px; left:50%;}
.search-wrap { max-width:480px; width:100%; margin:0px auto 20px auto; display:table;}

.panel-27 {  position:absolute; z-index:10;  top:60px; right:0%;  }
#search {  height:20px; display:table;  padding:0px; margin:20px 5px 10px 30px; }
#search input { border:none; font-family:'Open Sans';  background:#fff; font-size:0.9em; padding:8px 15px; line-height:20px; font-weight:400;  color:#000; width:250px; }
#search .submit {  float:right;  cursor:pointer; background:url(/images/search.png) no-repeat 5px 3px ; background-size: 30px auto;  margin:0px 0px; display:block; width:55px; height:50px; overflow:hidden; text-indent:-2000px;}
#slideshow #search {position:absolute; z-index:1; border:0px; margin-top:410px; margin-left:-220px; left:50%;}
.search-wrap { max-width:480px; width:100%; margin:0px auto 20px auto; display:table;}

.mp {margin-bottom:50px !important;}

#slideshow { margin:0px;    width: 100%;    height: 600px;   padding: 0px;  overflow:hidden;   z-index:1;  overflow:hidden; }
#slideshow  div { height:600px;  background-size:auto 100%; background-position:right top; background-size: cover; background-attachment: fixed; width:100%;  position: absolute;   top: 0px;   left: 0px;   right: 0px;    bottom: 0px;  overflow:hidden;}
#slideshow  div img { width:100%; height:auto; margin-top:-200px;  }
#slideshow-box .cover { position:absolute; z-index:9999;  width:100%; height:80px; bottom:-1px; background:#fff; clip-path: polygon(100% 0, 0% 100%, 100% 100%); }
#slideshow-box .text { position:absolute; width:100% !important; text-transform:capitalize; font-size:1.8em; display:table; text-align:center; width:10px; z-index:9; bottom:120px; left:0px; color:#fff;  }
#slideshow-box .text img  {margin-bottom:30px; }
.headline { text-decoration:none; font-weight:300; color:#fff; text-transform:uppercase; padding:25px; position:absolute; width:350px; height:120px; line-height:120px; z-index:9; top:50%; right:5%; text-align:center; margin-bottom:-80px;  background:rgba(0, 0, 0, 0.7); clip-path: polygon(30px 0, 100% 0, 100% 100%, 0% 100%); font-size:2.5em; position:absolute; }
.headline:hover { background:rgba(0, 0, 0, 1.0); }





#sliderBar {  display:table; width:100%; max-width:950px; margin:40px auto; }
.left, .right {float:left; cursor:pointer; margin-top:45px;}
.right {float:right;}
.contentSlider {  overflow:hidden;  max-width:900px;}
.sliderIthems {display:flex;  padding:0px 15px;}
.sliderIthems a {text-decoration:none; background-size:260px auto; background-position:center center;  height:160px; width: auto; display: block; min-width: 260px; display:table; margin:0px 15px; }
.s1 {margin-top:-200px;}

.lang   { background:#333; line-height:20px; margin:0px; padding:0px; display:block; text-align:right; padding-right:15px;}
.lang   li {display:inline; margin:auto 3px;}
.lang   li a {color:#fff; text-decoration:none; font-size:0.75em;}

//.content {display: flex;}
.p2 {width:100%;}
.p3 {width:350px;}
main { width:100%; padding-top:20px;}
main h1 {  text-align:center; display:table; margin:10px auto 30px auto; text-transform:uppercase; text-indent:40px; background: url('/images/down.png') no-repeat left 18px; background-size:25px auto;   line-height:50px;  font-weight:400; font-size:1.4em; color:#000; }

.gallery {margin:25px 0px; padding:0px; text-align:center;}
.gallery li { display:inline-block; overflow:hidden; width:100%; max-width:300px; margin:0px; padding:0px; height:150px; }
.gallery li img { margin-top:-5%;}



aside {padding:1.3em; background:#fff;  }
aside h2 { color:#ccc; margin:0px; text-align:left; font-size:1em; font-weight:400; line-height:35px; text-transform:capitalize;}
aside {font-size:0.85em;}
aside ul {margin:0px; padding:0px;}
aside ul li {display:inline-table; margin:0px;}
aside ul li a { font-size:0.85em; color:#000; border-right:1px solid #888;  display:table;   text-transform:capitalize; padding:8px 8px;   text-decoration:none; }
aside .active {background:#000; color:#fff;  }
.panel-20  { margin:0px; padding:0px; }
.panel-20 ul { margin:0px; padding:0px; }
.panel-20 ul li { margin:0px; padding:0px; display:inline-table; width:25%;}
.panel-20 ul li a {  margin:0px; padding:0px;  display:block; background:#555; text-align:center; font-weight:300; text-transform:uppercase;}

.hpdown {display:table; margin:0px auto; width:40px; height:auto; cursor:pointer;}
//.homeProducts {padding:80px 0px 0px 0px; margin:30px auto 0px auto; text-align:center; background: url('/images/down.png') no-repeat center top;}
.homeProducts {padding:10px 0px 0px 0px; margin:30px auto 0px auto; text-align:center; }
.homeProducts li {display:inline-table; width:100%; max-width:238px; min-height:10%; height:250px; margin:0px 3% 3% 3%;}
.homeProducts a {text-decoration:none; display:table; width:100%; height:160px; padding-top:160px; background-position:center 10px; background-size:95% auto; background-repeat:no-repeat; }
.homeProducts strong {font-size:1.1em; display:table; width:100%; line-height:50px; padding:10px 0px 0px 0px; margin:30px 0px 0px 0px; background:#333;  text-transform:uppercase; clip-path: polygon(0 10px, 100% 0, 100% 100%, 0% 100%); color:#fff; font-weight:300;}

.homeProducts li:nth-child(1) a { background-image: url('../images/c1.jpg'); }
.homeProducts li:nth-child(2) a  { background-image: url('../images/c2.jpg'); }
.homeProducts li:nth-child(3) a { background-image: url('../images/c3.jpg'); }

.products {padding:25px 0px 0px 0px; margin:0px; text-align:center;}
.products a {text-decoration:none; }
.products li {display:inline-table; width:100%; max-width:238px; min-height:10%; height:250px; margin:0px 3% 3% 3%;}
.products .thumb {width:100%; height:160px; background-position:center 10px; background-size:95% auto; background-repeat:no-repeat; }
.products h6 {font-size:1.1em; line-height:50px; padding:10px 0px 0px 0px; margin:30px 0px 0px 0px; background:#333;  text-transform:uppercase; clip-path: polygon(0 10px, 100% 0, 100% 100%, 0% 100%); color:#fff; font-weight:300;}
.products .price {color:#000; font-size:1.3em; text-transform:lowercase; }
.products .oldPrice {color:#888; font-size:0.8em; }
.products .promo {color:#666; font-size:0.8em; }

.articles {padding:2% 0px 0px 0px; margin:0px; text-align:center; min-height:80vh; }
.articles a {text-decoration:none;}
.articles li {display:inline-table; width:100%; max-width:20%; min-height:10%; height:340px; margin:1%;}
.articles .thumb {width:100%; height:150px; background-position:center center; background-size:100% auto; border:1px solid #eee;}
.articles strong {text-transform:capitalize; color:#333; font-weight:600; font-size:0.8em; padding-top:15px; display:table; margin:0px auto;}
.articles h6 {font-size:0.85em; padding:0px; margin:0px; line-height:155%; text-transform:capitalize; color:#333; font-weight:400; padding-top:15px;}


.article {padding:1%;  min-height:80vh;}
.article h2 {text-align:right; text-transform:capitalize; color:#000;}
.article h3 {text-align:left; text-transform:capitalize; font-size:0.75em; font-weight:600; color:#000;}
.article .pData {display:table; width:98%;  margin:2% 0%; background:#eee;  text-transform:capitalize; padding:1%;}
.article .pData p { display:inline-table; width:100%; max-width:230px; font-size:0.75em; text-align:left;} 
.article .pData strong {margin-right:5px;}
.article iframe {display:table; margin:20px auto; width:100%; height:600px; max-width:990px;}

section nav  ul { background: none; text-align:center;}
section nav ul li {display:inline-table; margin:auto 15px;}
section nav ul li a {color:#333; display:table; text-align:center; padding:5px; text-decoration:none; text-transform:capitalize;}
.active {background:#bbb; }
section {padding:0px 0px 0px 0px;  }
main { background:#fff; color:#333; }

.product {padding:0px 5px;}
.product select, .product input[type=number] {font-size:1em; padding:5px 10px; background:#fff; border:1px solid #666; margin:5px; }
.product input[name=quantity] {width:50px;}
.options {padding:0px; font-size:1em; text-align:right;}
.product h2 {text-align:right; text-transform:uppercase; color:#000;}
.product h3 {text-align:left; text-transform:uppercase; font-size:0.95em; font-weight:400; color:#444;}

.product .pData h3 {  text-align:center; display:table; margin:30px auto 30px auto; text-transform:uppercase; text-indent:40px; background: url('/images/down.png') no-repeat left 18px; background-size:25px auto;   line-height:50px;  font-weight:400; font-size:1.2em; color:#000; }

.product .pData {display:table; width:98%; margin:5% 0%;    padding:1%;}
.product .pData p { display:inline-table; width:100%; font-weight:300;  font-size:1em; text-align:left;}
.product .pData strong {margin-right:5px; color:#888;}
.product .pData li {font-size:0.85em;}

.product .pDataRight { margin:1px;   float:right; width:240px;   text-transform:uppercase; text-align:left; }
.product .pDataRight p { display:inline-table; width:100%; max-width:230px; font-size:0.75em; text-align:left;}
.product .pDataRight strong {margin-right:5px; color:#888;}
.lb-number {display:none !important;}
.product .pGallery {width:70%; float:left; margin-right:5%; position: relative;}
.product .pGallery .all {  overflow-x: auto; overflow-y: hidden;  white-space: nowrap; } 
.product .pGallery .all img {cursor:pointer;}
.product .pGallery .all .this {border:2px solid #000;}
.product .pGallery .close { display:none; }

.product .pGallery .n, .product .pGallery .p {cursor:pointer; display:table; text-align:center; line-height:35px; height:38px; padding:0px; font-size:1.6em; width:15px; color:#fff; background:#000; position:absolute; z-index:9; margin:0px auto 0px auto; top:40%; }
.product .pGallery .n { right:0px;}

.product .fullScreen  .n, .product .fullScreen  .p { top:50%;  font-size:3em; width:30px; line-height:55px; height:60px; margin-top:-25px;}

.product .price { color:#000; font-size:1.3em; }  
.product .oldPrice { color:#999; }
.product .shipments li { font-size:0.75em; text-align:left;} 
.product #bC {margin-bottom:25px; }
 .prev,  .next { cursor:pointer; border:1px solid red; z-index:10; position:absolute; width:15px; height:100%; }
 
 

 

.big {width:100%; height:auto; display:table; margin:1% auto; cursor:pointer;}
.small {display:inline-table; width:100%; height:auto; margin:0px 3px; max-width:120px; }

.product .fullScreen {position:fixed; background-color:rgba(0, 0, 0, 0.95); width:100%; height:100%; top:0; left:0; z-index:10; }
.product .fullScreen .big {display:table; margin:1% auto; width:auto; height:100%;  max-height:80%; max-width:90%; cursor:auto;}
.product .fullScreen .big:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: alpha(opacity=100);  -moz-opacity: 1; -khtml-opacity: 1;  opacity: 1; }
.product .fullScreen .all { position:absolute; background:#000; padding:0.5%; bottom:0px; width:100%; overflow-x: scroll;  overflow-y: hidden;  white-space: nowrap;  text-align:center;   }
.product .fullScreen .all img {display:inline-table; display:inline-table;  width:100%; height:auto; max-height:90px; margin:0px 3px; max-width:auto; }
.product .fullScreen .close {display:table; position:absolute; z-index:10; top:1%; right:1%; cursor:pointer;}
.product .fullScreen .all .this {border:2px solid #fff;}

#basket  table, #basket .steps, #basket .basketNavi { margin:10px auto; width:80%; text-transform:capitalize;}
#basket  .steps { text-align:center;  font-size:1.2em; line-height:80px; font-weight:400; color:#999;}
#basket  table td {text-align:center; border-bottom:1px solid #ccc;}
#basket  table td img {width:100px; height:auto;}
#basket .empty {text-align:center; color:#999; font-size:1.6em; height:400px; line-height:150px;}
#basket .sum { text-align:center;  border-bottom:none; font-size:1.2em; font-weight:600; color:#666; line-height:70px; text-transform:capitalize; }
#basket .delete {display:table; margin:8px 0px 8px auto; text-transform:capitalize; color:#fff; background:#000; padding:8px 12px; line-height:20px; border:0px; cursor:pointer;}
#basket .basketNavi  {text-align:center; }
#basket .basketNavi a {width:120px; margin:50px 10px; display:inline-table;  text-transform:capitalize; text-decoration:none; padding:12px 16px; background:#888; color:#fff;}
#basket .goNext { background:#000 !important; } 
#basket #loginUser {  margin: 5px 0px 5px 0px; }
#basket .shipment {margin:0px; padding:0px; margin:10px auto; width:50%; text-transform:capitalize;}
#basket .shipment h4 { color:#000; text-transform:capitalize; border-bottom:1px solid #000; line-height:40px;}
#basket .shipment ul li { display:block; line-height:30px;  }
#basket .shipment textarea { width:95%; height:150px; border:1px solid #888; padding:8px; display:table; margin:5px auto; font-family:'Open Sans'; color:#333;}
#basket .shipment input[type=text] { width:250px; line-height:30px; border:1px solid #888; padding:8px; display:table; margin:5px ; font-family:'Open Sans'; color:#333;}
#basket .summary {margin:0px auto 50px auto !important; width:100%; }
#basket .summary td {text-align:left; padding:5px; border-bottom:none; line-height:25px; padding-bottom:20px; font-size:0.9em;}
#basket .summary .sum {  text-align:center; border-bottom:none;   font-weight:600; color:#666; line-height:35px; text-transform:capitalize; }

#userMenu {display:table; width:100%; margin:15px auto; padding:0px; max-width:990px; border-bottom:1px solid #ccc;}
#userMenu li {display:inline-table; padding:0px; margin:0px 10px 0px 0px;}
#userMenu li a {display:table; text-decoration:none; padding:0px 12px; text-transform:capitalize; font-size:0.85em; background:#ccc; color:#666; line-height:35px;}
#userMenu li .this { background:#000; color:#fff !important; }

#basketMenu {display:table; width:100%; margin:25px auto; padding:0px; max-width:990px; text-align:center;}
#basketMenu li {cursor:pointer; display:inline-table; padding:0px; margin:0px 10px 0px 0px; padding:0px 15px; text-transform:capitalize; font-size:1em; background:#ccc; color:#666; line-height:45px;}
#basketMenu .this { background:#000; color:#fff !important; }
#basketMenu li:hover { background:#000; color:#fff !important; }

#bm2 {display:none;}

.uOList { margin:15px auto; display:table; max-width:990px; width:100%; min-height:600px; }
.uOList table { width:100%; margin:15px auto; }
.uOList table td {padding:12px; border-bottom:1px solid #ccc; text-align:center; text-transform:lowercase;}
.uOList table th {padding:12px; color:#888; font-weight:300; border-bottom:1px solid #ccc; text-transform:lowercase; text-align:center;}
.uOList table td a {color:#666;}
.uOList .nO {width:100%; display:table; line-height:100px; margin:15px auto; text-align:center; }
.uOList .uO, .uOList .uO td { text-transform:uppercase !important; }
.uOList .uO h4 {line-height:50px; text-align:center; font-weight:600; color:#888; border-bottom:1px solid #ccc; background:#ddd; padding:0px 15px;}
.uOList .uO .summary {text-align:right; padding-right:15px; color:#666;}
.uOList .uO td:nth-child(3)  {text-align:right;}
                                                                                                         
footer {margin:0px; padding:0px;}

.panel-8 {background:#000; color:#666; text-align:center; line-height:35px; margin:0px; padding:0px; display:table; width:100%;  }
.panel-8 a {color:#666; text-decoration:none;}
.panel-24 {background:#111; margin:0px 0px 0px 0px; padding:0px; display:table; width:100%;  }
.panel-24 ul { margin:0 0  0 3em; padding:1em; float:left;  }
.panel-24 a {font-size:0.80em; color:#666;  text-decoration:none; text-transform:lowercase;}
.panel-24 div {float:right; font-size:0.9em; padding:30px 15px 15px 80px; background:url(/images/flogo.png) no-repeat 0px 35px ; background-size: 50px auto;}
.panel-24 div p {margin:0px; padding:0px;}


@media only screen and (max-width: 990px) {

body {font-size:0.75em;}

.sM { position:absolute; margin:1px 0px 0px 60px; padding:0px 5px; z-index:9; }

.product .pGallery .n, .product .pGallery .p {display:none;}

.panel-22 .logo, .panel-28  .logo {  float:left; width:80px; height:auto;  margin:-3px 5px;   }


.panel-22 nav ul, .panel-28 nav ul {    float:none; display:block; width:100%; padding:3px 0px 0px 0px; margin:-15px 0px 0px 0px; background:#000;  position:absolute;  z-index:9; display:none; }
.panel-22 nav ul li, .panel-28 nav ul li {display:block;   margin:0px  0px; width:100%;}
.panel-22 nav ul li a, .panel-28 nav ul li a { line-height:25px; display:table; width:100%; text-indent:15px; background:#222; border-bottom:1px solid #666; display:table;  color:#fff; text-decoration:none;  font-size:1em; text-align:left; font-family: 'Open Sans'; }


.resButton {display:table; z-index:11;}

.wrap-1200 {width:95%;  display:table; margin:0px auto !important;  }

.wrap-990, .wrap { margin:0px auto; padding:0px 5px; width:90%; }
.wrap-990 img {width:90%; margin:5px auto;}
.wrap-990 table, .wrap table {width:90%; border:1px solid red;}



#symsysMsgOverlay {position:fixed; background-color:rgba(0, 0, 0, 0.7); width:100%; height:100%; top:0; left:0; z-index:999;}
#symsysMsg { position:fixed; background:#fff; color:#222; border:1px solid #ccc; width:100%; max-width:350px; display:table; text-align:center; padding:15px; border-radius:1px 1px 1px 1px; -moz-border-radius:1px 1px 1px 1px; -webkit-border-radius:1px 1px 1px 1px;  -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45); -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);   position: fixed;  top: 50%; left: 50%; transform: translate(-50%, -50%); }
#symsysMsg button { display:inline;cursor:pointer; color:#fff; background:#000; font-weight:200; border:0px;  padding:10px 12px; font-size:1.1em;  border-radius:1px 1px 1px 1px; -moz-border-radius:1px 1px 1px 1px; -webkit-border-radius:1px 1px 1px 1px;  }
#symsysMsg .false {background:#999; margin-left:15px;}


#slideshow-box {position:relative; padding:0px; margin:0px;}

.points { position:absolute; width:3px; z-index:2; top:5px; left:5px;  }
.points div { width:3px; height:10px; background:#fff; margin:5px; float:left; }
.points .this { background:#000;}

#slideshow { margin:0px;    width: 100%;    height: 300px;   padding: 0px;  overflow:hidden;   z-index:1;  overflow:hidden; }
#slideshow > div { height:300px;  background-size:auto 100%; background-position:right top; background-size: cover; background-attachment: fixed; width:100%;  position: absolute;   top: 0px;   left: 0px;   right: 0px;    bottom: 0px;  overflow:hidden;}
#slideshow > div img { width:100%; height:auto; margin-top:0px !important; }
#slideshow-box .cover { position:absolute; z-index:9999;  width:100%; height:10px; bottom:-1px; background:#fff; clip-path: polygon(100% 0, 0% 100%, 100% 100%); }
#slideshow-box .text { position:absolute; width:100% !important; text-transform:capitalize; font-size:1.8em; display:table; text-align:center; width:10px; z-index:9; bottom:120px; left:0px; color:#fff;  }
#slideshow-box .text img  {margin-bottom:30px;}
.headline { text-decoration:none; font-weight:300; color:#fff; text-transform:uppercase; padding:15px; position:absolute; width:200px; height:30px; line-height:30px; z-index:9; bottom:0px; right:0px; text-align:center; margin-bottom:-80px;  background:rgba(0, 0, 0, 0.7); clip-path: polygon(30px 0, 100% 0, 100% 100%, 0% 100%); font-size:1.2em; position:absolute; }
.headline:hover { background:rgba(0, 0, 0, 1.0); }


.panel-31  { height:600px;  position: relative;   }
.panel-31 .layer-1 {position:absolute;    height:100%; width:50%; left:0; opacity:0.5; background:url(/images/box2.jpg) no-repeat center center; background-size:auto 100%;  }
.panel-31 .layer-2 { position:absolute;  height:100%; clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%); background:#fff; width:61%; right:0; color:#000; }
.panel-31 .box-wrap { padding-left:20%; padding-right:10%; display: table; height:100%;}
.panel-31 h3 {font-weight:300; text-indent:0px; font-size:1.5em;  padding:0px; margin:0px 0px 25px 0px; max-width:350px; text-transform:uppercase; text-align:left;}
.panel-31 .layer-2 .box-wrap div {  font-size:0.9em;  display: table-cell; height:100%; vertical-align: middle; }

.panel-32  { height:600px;  position: relative;  }
.panel-32 .layer-1 {position:absolute;   height:100%; width:50%; right:0; opacity:0.5; background:url(/images/box1.jpg) no-repeat center center; background-size:auto 100%;  }
.panel-32 .layer-2 { position:absolute; height:100%; clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%); background:#333; width:61%; left:0; color:#fff; }
.panel-32 .box-wrap { padding-right:20%; padding-left:10%; display: table; height:100%; }
.panel-32 h3 {font-weight:300; text-indent:0px; font-size:1.5em; color:#ccc; padding:0px; margin:0px 0px 25px 0px; max-width:350px; text-transform:uppercase; text-align:left;}
.panel-32 .layer-2 .box-wrap div {  font-size:0.9em;  display: table-cell; height:100%; vertical-align: middle; }


.homeProducts {padding:20px 0px 0px 0px; margin:30px auto 0px auto; text-align:center; background-size:25px auto;}
main h1 {  text-align:center; display:table; margin:10px auto 30px auto; text-transform:uppercase; text-indent:28px; background: url('/images/down.png') no-repeat left 22px; background-size:15px auto;   line-height:50px;  font-weight:400; font-size:1.4em; color:#000; }




.uOList { margin:15px auto; display:table; max-width:990px; width:95%; min-height:600px; }
.uOList table { width:100%; margin:15px auto; }
.uOList table td {padding:5px; font-size:0.75em; border-bottom:1px solid #ccc; text-align:center; text-transform:lowercase;}
.uOList table th {padding:5px; font-size:0.75em; color:#888; font-weight:300; border-bottom:1px solid #ccc; text-transform:lowercase; text-align:center;}
.uOList table td a {color:#666;}
.uOList .nO {width:95%; display:table; line-height:100px; margin:15px auto; text-align:center; }
.uOList .uO, .uOList .uO td { text-transform:uppercase !important; }
.uOList .uO h4 {line-height:30px; text-align:center; font-weight:600; color:#888; border-bottom:1px solid #ccc; background:#ddd; padding:0px 15px;}
.uOList .uO .summary {text-align:right; padding-right:15px; color:#666;}
.uOList .uO td:nth-child(3)  {text-align:right;}

#userMenu {display:table; width:95%; margin:15px auto; padding:0px; max-width:990px; border-bottom:1px solid #ccc;}


.product .fullScreen .big {display:table; margin:1% auto; width:100%; height:auto;  max-height:auto; max-width:90%; cursor:auto; }
.product .pGallery {width:100%; float:none; margin:5px;  }

.big {width:100%; height:auto; display:table; margin:10px auto 20px -5px; cursor:pointer;}
.small {display:inline-table; width:100%; height:auto; margin:0px 3px; max-width:120px; }



.product .pDataRight { margin:1px;   float:none; width:100%;   text-transform:uppercase; text-align:left; }
.product .pDataRight p { display:inline-table; width:100%; max-width:230px; font-size:0.75em; text-align:left;}
.product .pDataRight strong {margin-right:5px; color:#888;}

.product .pDataRight h3 {text-align:left  !important; text-transform:uppercase  !important; font-size:1.2em  !important; padding:5px 8px  !important; color:#fff  !important; background:#888 !important; font-weight:400;  }
.product .pDataRight .price { color:#000  !important; background:#fff  !important; text-align:right  !important; }
.product #toBasket input[type=submit] {width:95%; margin:10px auto; display:table;}

.uOList table {width:100%; margin-bottom:45px;}
.uOList table td, .uOList table th {padding:0px;  text-align:center; font-size:0.55em !important;}



}