@charset "UTF-8";
@import url("reset.css");

@font-face {
    font-family: Proxima Nova;
    src: url(../font/proximanova-regular.eot) format("embedded-opentype"), 
     url(../font/proximanova-regular.woff) format("woff"), 
     url(../font/proximanova-regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Proxima Nova;
    src: url(../font/proximanova-bold.eot) format("embedded-opentype"), 
     url(../font/proximanova-bold.woff) format("woff"), 
     url(../font/proximanova-bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: Proxima Nova;
    src: url(../font/proximanova-black.eot) format("embedded-opentype"), 
     url(../font/proximanova-black.woff) format("woff"), 
     url(../font/proximanova-black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}
@font-face {
    font-family: currency;
    src: url(../font/currency.eot) format("embedded-opentype"),
     url(../font/currency.woff) format("woff"), 
     url(../font/currency.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: currency;
    src: url(../font/currency-bold.eot) format("embedded-opentype"),
     url(../font/currency-bold.woff) format("woff"), 
     url(../font/currency-bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

*, *:before, *:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin:0;
  padding:0;
  -webkit-transition:all 0.3s ease;
  -khtml-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {clear: both;}
.clear {clear: both;}

html {
  font-family:Proxima Nova,Arial;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -khtml-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  width: 100%;
  height: 100%;
  font: 14px Proxima Nova,Helvetica, Tahoma, Arial, Geneva, sans-serif;
  letter-spacing: .1px;
  font-weight:100;
  direction: ltr;
  background: #fff;
  //background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7f53ac), to(#657ced));
  //background-image: linear-gradient(to right, #7f53ac 0, #657ced 100%);
  
  letter-spacing: .009rem;
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: subpixel-antialiased;
  overflow-x:hidden;
}
:root { background:#fcfcfc; }

p{
  margin-bottom: 10px;
  color:inherit; /* #171717 */
  font-size:16px;
  line-height:21px;
}
span{
  margin-bottom:20px;
  color:#171717;
  font-size:18px;
  line-height:23px;
  letter-spacing:0px;
}

h1 {
  font-size: 26px;
  font-family:sans;
  font-style:italic;
  margin-bottom: 10px;
  font-weight:700;  
}
h2 {
  //clear: both;
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: normal;
}
h3 {
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: normal;
}
h4 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .005px;
  line-height: 19px;
  padding: 0 0 0 12px;
  position: relative;
  text-transform: none;
  margin:0px 0 8px;
}
h4:before{
  background: #4e91fe;
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  border-radius:10px;
  left: 0;
  position: absolute;
  top: 2px;
}

h6{
  font-size: 16px;
  font-weight:100;
  font-style:italic;
  font-family:sans;
  line-height: 15px;
  //padding: 0 0 0 12px;
  position: relative;
  margin:0px 0 2px;
}
/*
h6:before {
  background: #e1e1e1;
  content: '';
  display: block;
  height: 5px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 5px;
  border-radius:10px;
}
*/

/*h6,*/
.h6 {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 15px;
  padding: 0 0 0 8px;
  position: relative;
  text-transform: uppercase;
  margin:0px 0 2px;
}

/*h6:before,*/
.h6:before {
  background: #4e91fe;
  content: '';
  display: block;
  height: 10px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 3px;
}

a {
  color: #000;
  text-decoration: none;
}
a:hover{
  //position:relative;
  //top:1px;
  color: #e84d07;
}
a:active{
  //position:relative;
  //top:1px;
}

label {
  cursor: pointer;
}

li {
  list-style-type: none;
}
ul {
    margin-left: 0;
    padding-left: 0;
}

img {
  //width:100%;
  height:auto;
  border:none;
  border:0;
}
img:not([width]):not([height]) {
  border: none !important;
  border: 0 !important;
}
img.with {
  mix-blend-mode: multiply;
}

hr{
  width:100%;
  height:1px;
  //background:#e9e9e9;
  background:#f9f9f9;
  border:none;
  margin:20px 0 20px;
}

table,tr,td{
  background:transparent;
}
input {
  line-height: normal;  
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -o-border-radius:50px;
    border-radius:50px;
  border:1px solid #f1f1f1;
  padding:10px 20px;
  background:transparent;
    -webkit-box-sizing: border-box;
     -webkit-appearance: button;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}
input:focus {
  border:1px solid #aaa;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
    border:1px solid #f4f4f4;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

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

audio {
  width:100%;
  height:30px;
  border:none;
  border-radius:0;
}

button:focus{outline:none}
input:focus{outline:none}
select:focus{outline:none}
audio:focus{outline:none}
textarea{
  outline:none;
  resize:none;
  font-family:Proxima Nova,Helvetica, Tahoma, Arial, Geneva, sans-serif;
  font-size:18px;
  -webkit-border-radius:15px;
  border-radius:15px;
  border:1px solid #f1f1f1;
  padding:10px 20px;

    border: none;
    -webkit-box-sizing: border-box;
  -webkit-appearance: button;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}
textarea:focus{outline:none;resize:none}

input::-webkit-input-placeholder {
  display: block;
  font-weight: 100;
  font-size:14px;
  text-overflow:ellipsis;
}
e[type="button"] {
  cursor:hand;
  cursor:pointer;
}


.select {
  position: relative;
  display: inline-block;
  width: auto;
  float:left;
  white-space: nowrap;
  text-decoration: none;
  font-size:12px;
  margin-right:30px;
}
.select select {
  display: inline-block;
  width: auto;
  height:40px;
  cursor: pointer;
  padding: 1px 30px 1px 15px;
  margin-left:10px;
  outline: 0;
  border: 0;
  border-radius:0px;
  //background: #4e91fe;
  background: #4e91fe;
  color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select select::-ms-expand {
  display: none;
}
.select select:hover,
.select select:focus {
  color: #000;
  background: #ccc;
}
.select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select__arrow {
  position: absolute;
  top: 18px;
  right: 10px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #fff transparent transparent transparent;
}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
  border-top-color: #000;
}
.select select:disabled ~ .select__arrow {
  border-top-color: #ccc;
}

::placeholder {
    color: #7f4f4f4;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #7f4f4f4;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #7f4f4f4;
}

/* @end — Общий стиль */

.left{
  float:left;
}
.right{
  float:right;
}

.flex {
  display: flex;
}
.items-center {
  align-items: center;
}

.wrap{
  width:100%;
  max-width: 1122px;
  margin:0 auto;
}




.row{margin-right:15px;margin-left:15px}
.col-md-3, .col-md-4, .col-md-8{position:relative;min-height:1px;padding-right:10px;padding-left:10px;}
.col-md-3, .col-md-4, .col-md-8{float:left}

.col-md-3{width:50%;display:block;}
.col-md-4{width:100%;display:none;}
.col-md-8{width:100%;margin-bottom:30px;}

@media (min-width:748px){
  .col-md-3{width:33.3333333333%;}
}
@media (min-width:1024px){
  .col-md-3{width:25%;}
  //.col-md-3{width:33.3333333333%;}
  .col-md-4{width:20%;display:block;background:#fff;}
  .col-md-6{width:66.6666666667%;}
  .col-md-7{width:70%;}
  .col-md-8{width:80%;}
  //.row{margin-right:15px;margin-left:15px}
}




.cookiesale {
  position:relative;
  //background:#4a40fd;
  background:transparent url('../images/7ce12d3a9a3a34bb7b6870d84527be66.svg') no-repeat right bottom;
  background-size:12%;
  display:block;
  width:100%;
  //max-width:200px;
  padding:20px;
  padding-left:50px;
  color:#000;
  line-height:18px;
  clear:both;
  //text-align:center;
  //border:2px dashed rgb(255,0,0,.2);
  //border:2px dashed #f1f1f1;
  border:1px dashed #e1e1e1;
  border-radius:3px;
  margin-bottom:20px;
}
.cookiesale p {
  width:100%;
  padding:5px;
  float:left;
  font-size:14px;
  font-weight:100;
  line-height:19px;
  color:#000;
}
.cookiesale_close {
  position:absolute;
  top:10px;
  right:10px;
  background:url('../images/close_.png') no-repeat center center;
  width:14px;
  height:14px;
  background-size:100%;
  -webkit-transition: width .7s, height .7s, -webkit-transform .7s;
  transition: width .7s, height .7s, transform .7s;
  cursor:pointer;
  vertical-align:middle;
}
.cookiesale_close:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.cookiesale button{
  width:auto;
  padding:10px 40px;
  color:#fff;
  //background:#251db3;
  background:#41364f;
  border-radius:20px;
  margin:auto;
  border:none;
}
.cookiesale button:hover {
  background:#251da9;
}


.span50{
  display:block;
  width:50%;
  float:left;
}
.span50l{
  display:block;
  width:50%;
  float:left;
  padding-right:30px;
  border-right:1px solid #fafafa;
}
.span50r{
  display:block;
  width:50%;
  float:right;
  padding-left:30px;
}
@media (max-width:756px){
  .span50{
    width:100%;
  }
  .span50l{
    width:100%;
    padding-right:0px;
    border-right:0;
    float:none;
  }
  .span50r{
    width:100%;
    padding-left:0px;
    float:none;
  }
}


/* @group Верхняя строка */
#top_background{
  display:none;
  position: relative;
  width: 100%;
  height:40px;
  line-height:40px;
  overflow: hidden;
  //background:#da2e24;
  background:#010101;
  //background:#e94a34;
  //background:#deff00;
  //background:#4e91fe;
  //background: linear-gradient(313.26deg, #4e91fe 0%, #5830B7 20%, #773EBF 40%, #944DC7 60%, #AF5DD0 80%, #4e91fe 100%);
  //z-index:2;
  z-index:0;
}
#top{
  display:none;
  margin:0px auto;
  width: 100%;
  max-width: 1122px; /* 1102px */
  padding:0px 10px;
  height:auto;
  color:#fff;
  //text-transform:uppercase;
  z-index: 0;
}
@media (min-width:1024px){
  #top_background{
    display:block;
  }
  #top{
    display:block;
  }
}
#top a{
  color:#fff;
}

.lang{
  float:left;
  display:flex;
  padding-right:20px;
}
/*
.lang .ru{
  display:block;
  position:relative;
  top:12px;
  background:url('../images/lang_ru.png') no-repeat center center;
  width:16px;
  height:16px;
  border-radius:20px;
}
.lang .ua{
  display:block;
  position:relative;
  top:12px;
  background:url('../images/lang_ua.png') no-repeat center center;
  //background-size:100%;
  width:16px;
  height:16px;
  border-radius:20px;
}
*/
.lang li{
  padding-right:10px;
}
.lang li a{
  font-size:12px;
  font-style:normal !important;
  color:rgba(255,255,255,1) !important;
  //white-space: nowrap;
  //text-indent: -9999px;
}
.lang li a i{
  font-style:normal !important;
}
.lang li:hover{
  color:transparent !important;
  opacity:.9;
}
.lang li.selected{
  color:transparent !important;
  //border-bottom:2px solid #fff;
  opacity:.7;
}

.ad_top_on_off{
  position:realtive;
  display:block;
  width:100%;
  padding:8px 10px;
  background:#e1e1e1;
  color:#000;
  text-align:center;
  margin-bottom:5px;
  display: block;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#menu{
  display:block;
  float: left;
  max-width: auto;
  color: #fff;
  margin-left:0px;
}
#menu li{
  display: block;
  float: left;
  list-style: none;
  margin-right:10px;
}
#menu li div{
  font-size: 12px;
  color: #aaa;
}
#menu li a{
  margin-right: 5px;
  font-size: 12px;
  display: block;
  float: left;
  color: #fff;
  text-decoration: none;
  text-transform:none;
  //text-transform:uppercase;
}
#menu li a:hover{
  color: #ccc;
}
#menu li.selected a, #menu li:hover a{
  text-decoration: none;
  color:#aaa;
}

.online{
  float: left;
  margin-top:16px;
  margin-right:8px;
}
.online i{
  font-size: 12px;
  color: #fff;
  white-space: nowrap; 
  text-indent:-9999px;
  width:8px;
  height:8px;
  border-radius:10px;
}
.online i.on{
  display:block;
  background:lime;
}
.online i.off{
  display:block;
  background:#da2e24;
}

.account{
  float: right;
  text-align: right;
  font-size: 12px;
  color: #fff;
  margin-right:0px;
}
.account i{
  font-style:normal;
}
.account a{
  margin-left:10px;
  color: #fff !important;
}
.account a:hover{
  color:#aaa !important;
}
.account .avatar{
  position:relative;
  top:10px;
  display:block;
  float:left;
  width:20px;
  height:20px;
  border-radius:50px;
}
.account .login{
  margin-left: 10px;
}
.account .logout{
  margin-left: 10px;
  line-height:1.7;
}

.contact{
  display:block;
  float:right;
  //background:url(../images/phone_white.png) no-repeat left center;
  padding:0 40px 0 15px;
  font-size: 12px;
  font-weight:700;
  letter-spacing: 1px;
  line-height:41px;
  text-align: left;
  color: #fff;
  margin-right:0px;
}
.contact a:hover{
  opacity:.5;
}

header{
  display:block;
  width: 100%;
  height:60px;
  overflow:visible;
  background:#fff;
    //background: linear-gradient(to left, #fff, #fff);
    top:0;
  //position: -webkit-sticky;
  //position: -moz-sticky;
  //position: -ms-sticky;
  //position: -o-sticky;
  //position: sticky;
    position: relative;
  z-index:1;
  //z-index:0;
  //-webkit-box-shadow:0 20px 20px -25px rgba(0,36,100,0.3);
  //-moz-box-shadow:0 20px 20px -25px rgba(0,36,100,0.3);
  //box-shadow:0 20px 20px -25px rgba(0,36,100,0.3);
}
@media (max-width:1024px){
  header{
    //position: fixed;
    position: relative;
  }
}
@media (max-width:768px){
  header{
    height:50px;
  }
}
#header {
  margin:0px auto;
  max-width: 1122px;
  padding:0 10px;
  width: 100%;
  //overflow: hidden;
  clear: both;
  z-index: 1;
}

#catalog{
  position:relative;
  display:block;
  width: 100%;
  height:50px;
  overflow:visible;
  background:#fefefe;
    top:0;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  border-top:0px solid #fafafa;
  border-bottom:0px solid #fafafa;
  z-index:1;
  //z-index:0;
  -webkit-box-shadow: 0 20px 20px -25px rgba(0,36,100,0.3);
  -moz-box-shadow: 0 20px 20px -25px rgba(0,36,100,0.3);
  box-shadow: 0 20px 20px -25px rgba(0,36,100,0.3);
}
#catalog .block {
  margin:0px auto;
  max-width: 1122px;
  padding:0 10px;
  width: 100%;
  clear: both;
  z-index: 1;
}
@media (max-width:1000px){
  #catalog{
    display:none;
  }
}


#blog_menu{
  display:flex;
  width:100%;
  margin:0 auto;
  padding-bottom:20px;
  overflow:hidden;
}
#blog_menu ul{
  height:200px;
  padding:0 0px;
  overflow:hidden;
}
#blog_menu ul li img{
  width:100%;
}
#blog_menu ul:nth-child(2){
  padding:0 10px;
}

@media (max-width:1024px){
  #blog_menu{
    display:block;
    width:100%;
    margin:0 auto;
    overflow:hidden;
  }
  #blog_menu ul:nth-child(2){
    padding:0 0px;
  }
}

#blog{
  list-style: none;
}



.post_content{
display:block;
width:100%;
margin-bottom:30px;
padding-bottom:20px;
//border-bottom:1px solid #f9f9f9;
clear:both;
}
.post_content h1,
.post_content em,
.post_content p{
display:block;
width:100%;
max-width:600px;
margin:0 auto 20px;
}
.post_content h2{
display:block;
width:100%;
max-width:600px;
margin:0 auto 10px;
}
.post_content h3{
display:block;
width:auto;
max-width:200px;
text-align:center;
margin:0 auto 10px;
border-top:1px solid #f1f1f1;
border-bottom:1px solid #f1f1f1;
padding:20px 0;
}

@media (max-width:599px){
.post_content h1,
.post_content h2,
.post_content h3,
.post_content em,
.post_content p{
display:block;
width:100%;
max-width:100%;
margin:0 auto 10px;
}
}
.post_content h1{
margin-top:20px;
}
.post_content em{
color:#999;
font-size:12px;
font-style:normal;
margin-top:20px;
margin-bottom:30px;
}
.post_content span{
font-size:14px;
}
.post_content p{
font-size:14px;
}
.post_content p a{
font-size:14px;
//text-decoration: underline;
color:#171717;
text-decoration: none;
border-bottom: 1px dashed #919191;
}
.post_content p a:hover{
font-size:14px;
//text-decoration: underline;
border-bottom: 1px dashed #000;
font-weight:600;
color:#000;
}
.post_content img{
display:block;
width:100%;
min-width:auto;
max-width:1000px;
margin:30px auto;
}
@media (max-width:651px){
.post_content img{
display:block;
width:100%;
min-width:100%;
max-width:100%;
margin:20px auto;
}
}
@media (max-width:599px){
.post_content img{
display:block;
width:100%;
min-width:100%;
max-width:100%;
margin:20px auto;
}
}

.post_content iframe{
display:block;
margin:20px auto;
width:100%;
}
.post_content blockquote{
display:block;
margin:20px auto;
max-width:600px;
width:100%;
}

.post_link{
display:block;
width:100%;
max-width:600px;
background:#f1f1f1;
padding:30px 20px;
margin:30px auto 0;
}
.post_link a{
display:block;
width:100%;
margin:10px 0;
}



#compare{
  position:relative;
  top:0px;
  width:20px;
  height:60px;
  display:block;
  float:right;
  color: #000;
  margin-left:20px;
  opacity:1;
}
#compare img{
  position:relative;
  top:22px;
  right:3px;
  display:block;
  float:right;
  color: #000;
  width:20px;
}
@media (max-width:768px){
  #compare{
    height:50px;
  }
  #compare img{
    top:17px;
  }
}
#compare img:hover {
  -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
  transform: rotate(15deg);
  opacity:1;
}
#compare img.none {
  opacity:.3;
  cursor:default;
}
#bonus{
  position:relative;
  top:0px;
  width:25px;
  height:60px;
  display:block;
  float:right;
  color: #000;
  margin-left:20px;
}
#bonus img{
  position:relative;
  top:21px;
  right:3px;
  display:block;
  float:right;
  color: #000;
  width:20px;
}
@media (max-width:768px){
  #bonus{
    height:50px;
  }
  #bonus img{
    top:17px;
  }
}
#bonus img:hover {
  -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
  transform: rotate(15deg);
  opacity:1;
}
small.dbrd_tab_nav {
  //background-color:#deff00;
  //background-color:#4e91fe;
  background-color:#e94a34;
  color:#000;
  padding:0 0px;
  //height:8px;
  height:5px;
  width:100%;
  line-height:21px;
  text-align:center;
  display:block;
  font-weight:700;
  font-size:14px;
  position:absolute;
  top:-2px;
  right:3px;
  
  opacity: 1;
  -webkit-animation-delay: 1s;
  -ms-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: show;
  -ms-animation-name: show;
  -moz-animation-name: show;
  -o-animation-name: show;
  animation-name: show;
  -webkit-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  
  -webkit-border-radius:20px;
  -khtml-border-radius:20px;
  -moz-border-radius:20px;
  -ms-border-radius:20px;
  -o-border-radius:20px;
  border-radius:20px;
}



#cart_informer{
  position:relative;
  top:0px;
  width:20px;
  height:60px;
  display:block;
  float:right;
  color: #fff;
  margin-left:20px;
  -webkit-transition: width .7s, height .7s, -webkit-transform .7s; /* For Safari 3.1 to 6.0 */
  transition: width .7s, height .7s, transform .7s;
  cursor:pointer;
  opacity:1;
}
#cart_informer img {
  position:relative;
  right:0px;
  max-width:20px;
  height:19px;
  top:19px;
  vertical-align:middle;
}
@media (max-width:768px){
  #cart_informer{
    height:50px;
  }
  #cart_informer img{
    top:15px;
  }
}
#cart_informer img.none {
  opacity:.3;
  cursor:default;
}
#cart_informer img:hover {
  -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
  transform: rotate(15deg);
  opacity:1;
}
#cart_informer small.dbrd_tab_nav {
  //background-color:#4CAF50;
  //background:#e94a34;
  background:#4e91fe;
  color:#000;
  padding:0 0px;
  //height:8px;
  height:5px;
  width:100%;
  line-height:21px;
  text-align:center;
  display:block;
  font-weight:700;
  font-size:14px;
  position:absolute;
  top:-2px;
  right:2px;
  
  opacity: 1;
  -webkit-animation-delay: 1s;
  -ms-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: show;
  -ms-animation-name: show;
  -moz-animation-name: show;
  -o-animation-name: show;
  animation-name: show;
  -webkit-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  
  //-webkit-border-radius:20px;
  //-khtml-border-radius:20px;
  //-moz-border-radius:20px;
  //-ms-border-radius:20px;
  //-o-border-radius:20px;
  border-radius:20px;
}

.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  top:0;
  bottom:0;
  background-color: #fff;
  min-width: 500px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100;
}
.dropdown:hover .dropdown-content {
  display: block;
}







/* @group Меню каталога*/
#menu-checkbox {
  display: none;
}
.toggle-button {
  text-align: center;
  display: block;
  cursor: pointer;
  background-color: #f1f1f1;
  color: #fff;
  z-index:99999;
}
.toggle-button:after {
  content: attr(data-open);
  display: block;
  margin: 0px 0;
  padding: 20px 30px;
}
#menu-checkbox:checked + #catalog_menu[role="navigation"] .ulcat {
  display: block;
}
#menu-checkbox:checked + #catalog_menu[role="navigation"] .toggle-button:after {
  content: attr(data-close);
}
.ulcat {
  display: none;
  padding: 0;
  margin: 0;
}
.ulcat li {
  display: block;
  width: 100%;
}
.ulcat a {
  display: block;
  text-decoration: none;
}
.ulcat a:hover {
  text-decoration: underline;
}
.toggle-button {
  text-align: center;
  display: block;
  cursor: pointer;
  background-color: #000;
  font-size:14px;
  font-weight:700;
  color: #fff;
}
.toggle-button:after {
  content: attr(data-open);
  display: block;
  margin: 0px 0;
  padding: 15px 30px;
}
#menu-checkbox:checked + #catalog_menu[role="navigation"] .main-menu {
  display: block;
}
#menu-checkbox:checked + #catalog_menu[role="navigation"] .toggle-button:after {
  content: attr(data-close);
}


#article_pics{
  display:flex;
  width:100%;
  padding:0 0px;
  clear:both;
  overflow:hidden;
  margin-top:0px;
}
#article_pics li{
  position:relative;
  width:50%;
  overflow:hidden;
  padding:0 0px;
  opacity:1;
}
#article_pics li img{
  opacity:1;
}
#article_pics li img:hover{
  opacity:.7;
}

#article_pics li .pixel {
  position:absolute;
  width:100%;
  height:15vh;
  bottom:5px;
  left:0px;
  right:0px;
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);
}
#article_pics li .gd-name{
  position:absolute;
  bottom:2rem;
  left:2rem;
  //background: linear-gradient(134.72deg, #e94a34 0%, #FF2C9D 100%);
  //background: linear-gradient(313.26deg, #4e91fe 0%, #5830B7 20%, #773EBF 40%, #944DC7 60%, #AF5DD0 80%, #4e91fe 100%);
  //background: rgba(0,0,0,1);
  width:auto;
  float:left;
  //padding:5px 15px;
  color:#fff;
  //text-transform:uppercase;
  //font-size:12px;
  font-size:16pt;
  font-family:sans;
  font-style:italic;
  font-weight:400;
  letter-spacing: 1px;
  border-radius:50px;
}
@media (max-width:1024px){
  #article_pics{
  position:relative;
  top:-10px;
    display:block;
    width:100vw;
    padding:0px;
    margin-top:0px;
  }
  #article_pics li {
    width:50vw;
    height:100%;
    max-height:40vh;
    float:left;
    padding:0;
    margin:0px 0;
  }
  #article_pics li .pixel {
    height:50%;
    bottom:0px;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 100%);
  }
}
@media (max-width:768px){
  #article_pics{
    display:block;
    width:100%;
    margin-top:0px;
  }
  #article_pics li:nth-child(1) {
    width:100%;
    height:100%;
    max-height:20vh;
    float:none;
    padding:0;
    margin:0px auto;
    border-radius:0px;
  }
  #article_pics li {
    width:100%;
    height:100%;
    max-height:20vh;
    float:none;
    padding:0;
    margin:4px auto;
    border-radius:0px;
  }
  #article_pics li .pixel {
    height:100%;
    bottom:0px;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 100%);
  }
  #article_pics li .gd-name{
    font-size:1.4rem;
    bottom:1rem;
    left:1rem;
  }
}





#article_three_pics{
  display:flex;
  width:100%;
  padding:0 4px;
  clear:both;
  overflow:hidden;
}
#article_three_pics li{
  position:relative;
  width:33vw;
  overflow:hidden;
  padding:0 4px;
}
#article_three_pics li img{
  opacity:1;
}
#article_three_pics li img:hover{
  opacity:.7;
}
#article_three_pics li .pixel {
  position:absolute;
  width:100%;
  height:15vh;
  bottom:5px;
  left:4px;
  right:8px;
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 100%);
}
#article_three_pics li .gd-name{
  position:absolute;
  bottom:2rem;
  left:2rem;
  //background: linear-gradient(134.72deg, #e94a34 0%, #FF2C9D 100%);
  //background: linear-gradient(313.26deg, #4e91fe 0%, #5830B7 20%, #773EBF 40%, #944DC7 60%, #AF5DD0 80%, #4e91fe 100%);
  //background: rgba(0,0,0,1);
  width:auto;
  float:left;
  //padding:5px 15px;
  color:#fff;
  //text-transform:uppercase;
  //font-size:12px;
  font-size:2vw;
  font-family:sans;
  font-style:italic;
  font-weight:400;
  letter-spacing: 1px;
  border-radius:50px;
}
@media (max-width:1024px){
  #article_three_pics{
    display:block;
    width:100vw;
    padding:0px;
  }
  #article_three_pics li {
    width:50vw;
    height:100%;
    max-height:40vh;
    float:left;
    padding:0;
    margin:0;
  }
}
@media (max-width:768px){
  #article_three_pics{
    display:block;
    width:100vw;
  }
  #article_three_pics li {
    width:100vw;
    height:100%;
    max-height:40vh;
    float:left;
    padding:0;
    margin:0;
  }
  #article_three_pics li .gd-name{
    font-size:1.4rem;
    bottom:1rem;
    left:1rem;
  }
}





#article__three_pics{
  display:flex;
  width:100%;
  padding:0 4px;
  clear:both;
  overflow:hidden;
}
#article__three_pics li{
  position:relative;
  width:33vw;
  overflow:hidden;
  padding:0 4px;
}
#article__three_pics li img{
  opacity:1;
}
#article__three_pics li img:hover{
  opacity:.7;
}
#article__three_pics li .gd-button{
  position: absolute;
  left: 50%;
  bottom: 2rem;
  display:block;
  margin:0 auto;
  z-index:1;
    transform: translate(-50%, -0px);
    -o-transform: translate(-50%, -0px);
    -moz-transform: translate(-50%, -0px);
    -webkit-transform: translate(-50%, -0px);

  width:auto;
  color:#fff;
  font-size:14px;
  //text-transform:uppercase;
  font-weight:400;
}
#article__three_pics li .gd-b{
  position: absolute;
  left: 50%;
  top: 1rem;
  display:block;
  margin:0 auto;
  z-index:1;
    transform: translate(-50%, -0px);
    -o-transform: translate(-50%, -0px);
    -moz-transform: translate(-50%, -0px);
    -webkit-transform: translate(-50%, -0px);

  width:auto;
  color:#fff;
  font-size:10px;
  text-transform:uppercase;
  font-weight:400;
  letter-spacing:1px;
}
#article__three_pics li .gd-name{
  position: absolute;
  left: 50%;
  top: 50%;
  display:block;
  margin:0 auto;
  z-index:1;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);

  width:auto;
  color:#fff;
  font-size:1.7rem; /* 2.5vw */
  font-family:sans;
  //font-style:italic;
  font-weight:400;
}
@media (max-width:1024px){
  #article__three_pics{
    display:block;
    width:100%;
    padding:0px;
  }
  #article__three_pics li {
    width:50%;
    height:100%;
    max-height:40vh;
    float:left;
    padding:0;
    margin:0;
  }
}
@media (max-width:768px){
  #article__three_pics{
    display:block;
    width:100%;
    padding:0 0px;
  }
  #article__three_pics li {
    width:100%;
    height:100%;
    max-height:40vh;
    float:left;
    padding:0;
    margin:2px 0;
  }
  #article__three_pics li .gd-name{
  font-size:1.7rem;
  }
}


.cat_2 {
  position: relative;
  display:flex;
  width:100%;
  margin-top:5px;
  margin-bottom:50px;
  padding:0 4px;
  clear:both;
  overflow:hidden;
}
@media (max-width:1024px){
  .cat_2 {
    position: relative;
    display:block;
    width:100%;
    margin-top:5px;
    margin-bottom:50px;
    padding:0 4px;
    clear:both;
    overflow:hidden;
  }
}
.cat_2 a{
  opacity:1;
}
.cat_2 li{
  position: relative;
  width:100%;
  height:150px;
  text-align:center;
  margin:0 5px;
  background:#fafafa;
  opacity:1;
}
.cat_2 li:hover{
  background:#f1f1f1;
  opacity:1;
}
@media (max-width:1024px){
  .cat_2 li{
    position: relative;
    width:100%;
    height:150px;
    text-align:center;
    margin:5px 0;
    background:#fafafa;
    opacity:1;
  }
}
.cat_2 li .gd-button{
  position: absolute;
  left: 50%;
  bottom: 10px;
  display:block;
  margin:0 auto;
  z-index:1;
    transform: translate(-50%, -0px);
    -o-transform: translate(-50%, -0px);
    -moz-transform: translate(-50%, -0px);
    -webkit-transform: translate(-50%, -0px);

  width:auto;
  color:#000;
  font-size:12px;
  //text-transform:uppercase;
  font-weight:400;
}
.cat_2 li .gd-b{
  position: absolute;
  left: 50%;
  top: 10px;
  display:block;
  margin:0 auto;
  z-index:1;
    transform: translate(-50%, -0px);
    -o-transform: translate(-50%, -0px);
    -moz-transform: translate(-50%, -0px);
    -webkit-transform: translate(-50%, -0px);

  width:auto;
  color:#000;
  font-size:12px;
  //text-transform:uppercase;
  font-weight:400;
  letter-spacing:.1px;
}
.cat_2 li .gd-name{
  position: absolute;
  left: 50%;
  top: 50%;
  display:block;
  margin:0 auto;
  z-index:1;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);

  width:auto;
  color:#000;
  font-size:1.7rem; /* 2.5vw */
  font-family:sans;
  //font-style:italic;
  font-weight:400;
}





.advantages{
  display:flex;
  width:100%;
  margin:30px auto 50px;
}
.advantage{
  width:25vw;
  padding:0 10px;
  text-align:left;
  font-size:1.15vw;
  font-family:sans;
  font-style:italic;
  line-height:1;
  color:#777;
}
.advantage:hover{
  color:#000;
}
.advantage i{
  display:block;
  float:left;
  background:url('../images/lidotSummary.png') no-repeat center center;
  background-size:70%;
  width:16px;
  height:12px;
  line-height:1;
  margin-right:3px;
  opacity:.3;
}



#catalog_menu {
  //position:relative;
  display:block;
  width:100%;
  //max-width: 1122px;
  max-width:1122px;
  margin:0 auto;
  padding:0 10px;
  overflow:hidden;
  float:left;
  text-align: left;
  margin-bottom:0px;
}
@media (max-width:1000px){
  #catalog_menu {
    display:none;
  }
}

.ulcat {
  list-style: none;
}
.licat {
  min-height:1px;
  width:100%;
  background:#f1f1f1;
  color:#000;
  padding:0px 20px;
  display: block;
  float:left;
  vertical-align: middle;
  text-align:left;
}
.acat {
  width:100%;
  margin-top:0px;
  padding: 0px 0px 0 0;
  color:#000;
  font-size:14px;
  font-weight:400;
  text-decoration:none;
  //text-transform:uppercase;
  display: inline-block;
}
a.acat{
  color:#000;
}
a:hover.acat {
  color:#111;
  text-decoration:none;
}

.licat i {
  border: solid #777;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 2px;
  margin-top:22px;
  margin-left:10px;
  vertical-align:middle;
  float:right;
}
.licat i.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.licat i.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.licat i.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.licat i.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

div.asub{
  color:#000;
  font-size:14px;
}
a.asub{
  color:#000;
  font-size:14px;
}
.text-bold {
  color: #000;
  text-decoration: none;
  display: block;
  font-size: 16px;
  font-weight:700;
  overflow:hidden;
  line-height:1.2;
  padding-bottom:4px;
}
#catalog_menu .licat> .ulsub {
  display: none;
}
#catalog_menu .licat small{
  position:relative;
  top:-2px;
  background:#4e91fe;
  padding:0 5px;
  border-radius:5px;
  font-size:10px;
  color:#fff;
  opacity:.7;
}

.backdrop {
  position: fixed;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.75);
  opacity: 0;
  transition: opacity 0.3s ease;
}
#catalog_menu:hover + .backdrop {
  left: 0;
  opacity: 1;
}

#catalog_menu .licat:hover > .ulsub {
  display: none;
  width: 100%;
  //max-width: 100vw;
  min-height:100%;
  height:auto;
  margin:0 auto;
  padding: 30px 30px 30px;
  background:#fff;
  position: absolute;
  left: 0;
  right:0;
  top: 100%;
  text-align: left;
  overflow: hidden;
  z-index:99999;
  -webkit-box-shadow:0 20px 40px -25px rgba(0,36,100,0.3);
  -moz-box-shadow:0 20px 40px -25px rgba(0,36,100,0.3);
  box-shadow:0 20px 40px -25px rgba(0,36,100,0.3);
}
#catalog_menu .licat > .ulsub > .lisub {
  display: inline;
  float: left;
  padding-right:0px;
  overflow:hidden;
  //width:16.66666666666667%;
  width:25%;
  padding:0 10px 10px;
  line-height:16px;
  font-weight:100;
  text-transform:none;
}
#catalog_menu .licat > .ulsub > .lisub small{
  position:relative;
  top:-2px;
  background:#000;
  padding:0 8px;
  border-radius:20px;
  font-size:10px;
  color:#fff;
  opacity:1;
}
@media (max-width:1024px){
  #catalog_menu .licat> .ulsub> .lisub {
    width:25%;
  }
}
@media (max-width:876px){
  #catalog_menu .licat> .ulsub> .lisub {
    width:33.33333333333333%;
  }
}
#catalog_menu .licat> .ulsub> .lisub> .ulsub .lisub {
  overflow:hidden;
  display:inline-block;
  width:100%;
}
#catalog_menu .licat> .ulsub> .lisub> .ulsub .lisub a{
  text-decoration:none;
  font-size: 14px;
  text-transform:none;
  line-height:1;
}
#catalog_menu .licat> .ulsub> .lisub> .ulsub .lisub a:hover{
  color:#ccc;
}

@media screen and (min-width: 1000px) {
  .toggle-button {
    display: none;
    }
  #catalog_menu {
    width:auto;
    max-width:auto;
    //z-index:99999;
    padding:0px 0;
    overflow:visible;
    float:none;
    z-index:2;
  }
  #catalog_menu .licat:hover > .ulsub {
    display:block;
  }
  .licat {
    min-width:1px;
    width:auto !important;
    background:transparent;
    padding:0px 0px 0 0;
    margin:0 15px;
    height:50px;
    line-height:53px;
    display: block;
    float:left;
    text-align:left;
    text-transform:uppercase;
  }
  .licat:hover {
    border-bottom:2px solid #4e91fe;
  }
  .licat a:hover {
    color:#777;
  }
  .licat img {
    width:20px;
    height:20px;
    vertical-align: middle;
    margin-right:5px;
    margin-top:11px;
  }
  .licat img, .licat a {
    float:left;
    display:block;
  }
  .acat {
    //width:100%;
    padding: 0px 0px 0 0;
    color:#000;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    //text-transform:uppercase;
    display: block;
    float:left;
  }
  a.acat{
    color:#000;
  }
  .ulcat {
    display: block;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
/* @end — Меню каталога*/
















/* @group Меню каталога*/

#catalog_sidemenu {
  display:none;
  position:relative;
  //top:-25px;
  width:100%;
  max-width:1230px;
    padding:0 10px;
  overflow:hidden;
  //max-height:500px;
  float:left;
  background:#f1f1f1;
  text-align: left;
  margin-bottom:0px;
}
@media (max-width:1024px){
  #catalog_sidemenu {
    display:none;
  }
}

#catalog_sidemenu .ulcat {
  list-style: none;
}
#catalog_sidemenu .licat {
  min-height:1px;
  width:100%;
  background:#f1f1f1;
  color:#000;
  padding:0px 20px;
  display: block;
  float:left;
  vertical-align: middle;
  text-align:left;
}
#catalog_sidemenu .acat {
  width:100%;
  margin-top:0px;
  padding: 0px 0px 0 0;
  color:#000;
  font-size:14px;
  font-weight:400;
  text-decoration:none;
  //text-transform:uppercase;
  display: inline-block;
}
#catalog_sidemenu a.acat{
  color:#000;
}
#catalog_sidemenu a:hover.acat {
  color:#111;
  text-decoration:none;
}

#catalog_sidemenu .licat i {
  border: solid #777;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 2px;
  margin-top:6px;
  float:right;
}
#catalog_sidemenu .licat i.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
#catalog_sidemenu .licat i.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
#catalog_sidemenu .licat i .up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
#catalog_sidemenu .licat i .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#catalog_sidemenu a.asub{
  color:#000;
  font-size:14px;
}
#catalog_sidemenu .text-bold {
  color: #000;
  text-decoration: none;
  display: block;
  font-size: 16px;
  font-weight:700;
  overflow:hidden;
  line-height:1.2;
  padding-bottom:4px;
}
#catalog_sidemenu .licat> .ulsub {
  display: none;
}
#catalog_sidemenu .licat small{
  position:relative;
  top:-2px;
  background:#e84d07;
  padding:0 5px;
  border-radius:5px;
  font-size:10px;
  color:#fff;
  opacity:.7;
}

#catalog_sidemenu .backdrop {
  position: fixed;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.75);
  opacity: 0;
  transition: opacity 0.3s ease;
}
#catalog_sidemenu:hover + .backdrop {
  left: 0;
  opacity: 1;
}

#catalog_sidemenu .licat:hover> .ulsub {
  display: none;
  width: 910px;
  //width: 100%;
  min-height:100%;
  height:auto;
  padding: 30px 30px 30px;
  background:#fff;
  position: absolute;
  left: 100%;
  right:0;
  top: 0;
  text-align: left;
  overflow: hidden;
  z-index:99999;
  -webkit-box-shadow:0 20px 40px -24px rgba(0,0,0,0.3);
  -moz-box-shadow:0 20px 40px -24px rgba(0,0,0,0.3);
  box-shadow:0 20px 40px -24px rgba(0,0,0,0.3);
}
#catalog_sidemenu .licat> .ulsub> .lisub {
  display: inline;
  float: left;
  padding-right:0px;
  overflow:hidden;
  //width:16.66666666666667%;
  width:32%;
  margin-right:1%;
  margin-bottom:10px;
  line-height:16px;
  font-weight:100;
}
#catalog_sidemenu .licat> .ulsub> .lisub small{
  position:relative;
  top:-2px;
  background:#e84d07;
  padding:0 5px;
  border-radius:5px;
  font-size:10px;
  color:#fff;
  opacity:.7;
}
@media (max-width:1024px){
  #catalog_sidemenu .licat> .ulsub> .lisub {
    width:25%;
  }
}
@media (max-width:876px){
  #catalog_sidemenu .licat> .ulsub> .lisub {
    width:33.33333333333333%;
  }
}
#catalog_sidemenu .licat> .ulsub> .lisub> .ulsub .lisub {
  overflow:hidden;
  display:inline-block;
  width:100%;
}
#catalog_sidemenu .licat> .ulsub> .lisub> .ulsub .lisub a{
  text-decoration:none;
  font-size: 14px;
  line-height:1;
}
#catalog_sidemenu .licat> .ulsub> .lisub> .ulsub .lisub a:hover{
  color:#ccc;
}

@media screen and (min-width: 1000px) {
  #catalog_sidemenu .toggle-button {
    display: none;
    }
  #catalog_sidemenu {
    background:#fff;
    //width:1000px;
    //z-index:99999;
    padding:20px 0;
    overflow:visible;
    z-index:2;
  }
  #catalog_sidemenu .licat:hover > .ulsub {
    display:block;
  }
  #catalog_sidemenu .licat {
    min-height:1px;
    min-width:1px;
    width:100% !important;
    background:transparent;
    line-height:1.6;
    height:34px;
    padding:7px 15px 7px 15px;
    border-bottom:0px solid #f1f1f1;
    display: block;
    float:left;
    text-align:left;
  }
  #catalog_sidemenu .licat:hover {
    //background:#fcfcee;
    background:rgba(255,244,115,.4);
  }
  #catalog_sidemenu .licat img {
    width:20px;
    height:20px;
    vertical-align: middle;
    margin-right:5px;
  }
  #catalog_sidemenu .licat img, .licat a {
    float:left;
    display:block;
  }
  #catalog_sidemenu .acat {
    //width:100%;
    padding: 0px 0px 0 0;
    color:#000;
    line-height:1.6;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    //text-transform:uppercase;
    display: block;
    float:left;
  }
  #catalog_sidemenu a.acat{
    color:#000;
  }
  #catalog_sidemenu .ulcat {
    display: block;
  }
}
/* @end — Меню каталога*/









#user_wrapper{
  display:block;
  position:relative;
  width:100%;
  height:auto;
  background:#fafafa;
  padding:20px;
  margin:0;
}
#user_wrapper .avatar{
  width:200px;
  height:200px;
  border:0;
  border-radius:2px;
  overflow:hidden;
}
#user_wrapper .avatar img{
  width:100%;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
}
#user_wrapper .avatar img:hover{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
}
#user_status{
  display:block;
  position:relative;
  width:100%;
  height:auto;
  background:#fff;
  padding:0px 20px;
  margin:0;
}
#user_status .status{
  width:200px;
  height:auto;
  overflow:hidden;
  text-align:center;
  border-right:1px solid #fafafa;
  padding:30px 0;
}
#user_status .status p.status_active{
  display:block;
  font-size:16px;
  font-style:italic;
  font-family:sans;
  font-weight:700;
  width:auto;
  background:#ff0;
  margin:4px 0;
}
















.mailing{
  display:block;
  width:100%;
  max-width:100%;
  padding:0px 10px;
  margin:20px auto 30px;
  text-align:center;
  clear:both;
}
.mailing h3{
  font-size:22px;
  font-family:sans;
  font-style:italic;
  font-weight:100;
}
.mailing h5{
  max-width:822px;
  margin:10px auto;
  padding:0 10vw;
  font-weight:100;
  color:#717171;
}
.mailing .input {
  position:relative;
  width:80%;
  margin:0 auto;
}
.mailing input[name=mailing_email] {
  position:relative;
  left:0;
  width:100%;
  height:40px;
  padding:0px 20px;
  margin:0px 0;
  text-align:left;
  border:1px solid #f1f1f1;
  border-radius:30px;
  font-size:14px;
  background:#f1f1f1;
}
.mailing input[name=mailing_email]::-webkit-input-placeholder {
  font-size:14px;
  //font-family:sans;
  //font-style:italic;
  color:#818181;
}
.mailing input[name=mailing_email]:hover {
  background:#f9f9f9;
  border:1px solid #f9f9f9;
}
.mailing input[name=mailing_email]:focus {
  background:#f9f9f9;
  border:1px solid #f9f9f9;
}
.mailing input[name=mailing_email_submit] {
  position:absolute;
  top:5px;
  right:5px;
  width:30px !important;
  height:30px !important;
  line-height:0px;
  text-align:center;
  border:0;
  border-radius:30px;
  font-size:16px;
  background:#e1e1e1;
  color:#000;
  cursor:pointer;
  padding:0;
  margin:0;
}
.mailing input[name=mailing_email_submit]:hover {
  background:#171717;
  color:#fff;
}
@media (min-width:768px){
  .mailing .input {
    position:relative;
    width:24vw;
    margin:0 auto;
  }
  .mailing input[name=mailing_email] {
    position:relative;
    left:0;
    width:100%;
    height:40px;
    padding:0px 20px;
    margin:0px 0;
    text-align:left;
    border:1px solid #f1f1f1;
    border-radius:30px;
    font-size:1.3vw;
    background:#f1f1f1;
  }
  .mailing input[name=mailing_email]::-webkit-input-placeholder {
    font-size:1.3vw;
    //font-family:sans;
    //font-style:italic;
    color:#818181;
  }
  .mailing input[name=mailing_email_submit] {
    position:absolute;
    top:5px;
    right:5px;
    width:30px !important;
    height:30px !important;
    line-height:0px;
    text-align:center;
    border:0;
    border-radius:30px;
    font-size:16px;
    background:#e1e1e1;
    color:#000;
    cursor:pointer;
    padding:0;
    margin:0;
  }
}





footer {
  display: block;
  width:100%;
  margin:0 auto;
  background-color: #000;
}
.footer {
  display: flex;
  flex-flow: row wrap;
  padding: 30px 30px 0px 30px;
  color: #fff;
  width:100%;
  max-width:1122px;
  width:100%;
  margin:0 auto;
  background-color: #000;
}
.footer > * {
  flex:  1 100%;
}
.footer__addr {
  margin-right: 1.25em;
  margin-bottom: 2em;
}
.footer__logo {
  font-family: 'Pacifico', cursive;
  font-weight: 400;
  text-transform: lowercase;
  font-size: 1.5rem;
}
.footer__addr h2 {
  margin-top: 1.3em;
  font-size: 15px;
  font-weight: 400;
}
.nav__title {
  font-weight: 400;
  font-size: 15px;
}
.footer address {
  font-style: normal;
  color: #d1d1d1;
}
.footer__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  max-width: max-content;
  background-color: rgb(255, 255, 255, 0.1);
  border-radius: 100px;
  color: #d1d1d1;
  line-height: 0;
  margin: 0.6em 0;
  font-size: 1rem;
  padding: 0 1.3em;
}
.footer ul {
  list-style: none;
  padding-left: 0;
}
.footer li {
  line-height: 1.7;
}
.footer a {
  text-decoration: none;
}
.footer__nav {
  display: flex;
  flex-flow: row wrap;
}
.footer__nav > * {
  flex: 1 50%;
  margin-right: 1.25em;
}
.nav__ul a {
  color: #d1d1d1;
}
.nav__ul--extra {
  column-count: 2;
  column-gap: 1.25em;
}
.legal {
  display: flex;
  flex-wrap: wrap;
  color: #919191;
}
.legal p{
  font-size:12px !important;
}
@media screen and (min-width: 40.375em) {
  .footer__nav > * {
    flex: 1;
  }
  .nav__item--extra {
    flex-grow: 2;
  }
  .footer__addr {
    flex: 1 0px;
  }
  .footer__nav {
    flex: 2 0px;
  }
}




#footer {
  display:none; /* block */
  position:relative;
  background:#010101;
  margin:30px auto 0;
  //max-width: 1122px;
  width: 100%;
  min-height: 1px;
  height: auto;
  padding:0 10px;
  padding-top: 0px;
  color:#fff;
  overflow: hidden;
  clear: both;
}
#footer a{
  color:#fff;
}
#footer .copy{
  color:#919191;
  padding:10px 0 20px;
  text-align:center;
}

/* Social Panel */
.social-panel {
  margin:30px 0 30px;
  text-align:center;
}
.social-panel ul {
  margin:20px 0 0;
  padding:0;
  clear:both;
}
.social-panel ul li{
  display: inline-block;
}
.social-panel ul li a{
    font-size: 12px;
    line-height: 2;
    color: #000;
    letter-spacing: 0.01px;
    padding: 0 5px;
    font-weight: 600;
}
.social-panel ul li a:hover{
    color: #999;
}



#logo{
  display:block;
  //padding-left:5px;
  float: left;
  //max-width: 18vw;
  width: auto;
  height:60px;
  //margin-right:40px;
  opacity:1;
}
#logo img{
  position:relative;
  top:10px;
  height:100%;
  max-height:44px;
  vertical-align:middle;
}
#logo:hover{
  opacity:.5;
}
@media (max-width:768px){
  #logo img{
    top:5px;
    height:100%;
    max-height:40px;
  }
}

.icon_catalog{
  display:block;
  position:relative;
  top:-41px;
  right:-270px;
  width:20px;
  height:0px;
  float:left;
  cursor:pointer;
  z-index:9;
  opacity:.4;
}
.icon_catalog:hover{
  display:block;
}
.icon_catalog:hover + #catalog_menu + .backdrop {
  left: 0;
  opacity: 1;
}
.icon_catalog:hover {
  opacity:1;
}

/* Search */
/*
.openBtn {
  position:relative;
  top:18px;
  display:block;
  float:right;
    background: url('../ic-search.ecb81821.svg') no-repeat center center;
  background-size:80%;
  width:25px;
  height:25px;
    border: none;
  border-radius:50px;
    padding: 0px;
    cursor: pointer;
  opacity:.3;
}
.openBtn:hover {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
  opacity:1;
}
.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255, 0.97);
  z-index:100;
}
.overlay-content {
    position: relative;
    top: 46%;
    width:100%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}
@media (min-width:980px){
  .overlay-content {
    position: relative;
    top: 46%;
    width: 60%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
  }
}
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 2rem;
    font-weight:100;
    cursor: pointer;
    color: #000;
}
.overlay .closebtn:hover {
    color: #ccc;
}
.overlay input[type=text] {
    padding: 15px;
    font-size: 2rem;
    border: none;
    float: left;
    width: 100%;
  height:60px;
    background: transparent;
  border-radius:0px;
  border-bottom:0px solid #000;
}
.overlay input[type=text]::placeholder {
  font-size:2rem;
}
.overlay button {
  position:absolute;
    bottom:0;
    width: 100%;
    padding: 15px;
    background: #000;
    font-size: 2rem;
    color:#fff;
    border: none;
    cursor: pointer;
  clear:both;
}
.overlay button:hover {
    background: #bbb;
}
*/
/* Search (The End) */

/* Modal Search */
.openBtn {
  position:relative;
  top:18px;
  display:block;
  float:right;
    background: url('../ic-search.ecb81821.svg') no-repeat center center;
  background-size:80%;
  width:25px;
  height:25px;
    border: none;
  border-radius:50px;
    padding: 0px;
    cursor: pointer;
  opacity:.3;
}
@media (max-width:768px){
  .openBtn {
    top:13px;
  }
}
.openBtn:hover {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
  opacity:1;
}
.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.7);
}
.overlay-content {
    position: relative;
    top: 46%;
    width: 90%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}
@media (min-width:980px){
  .overlay-content {
    position: relative;
    top: 46%;
    width: 60%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
  }
}
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 2rem;
    font-weight:100;
    cursor: pointer;
    color: #fff;
}
.overlay .closebtn:hover {
    color: #ccc;
}
.overlay input[type=text] {
  position: relative;
    padding: 15px;
    font-size: 1rem;
    border: none;
    float: left;
  border-radius:0px;
    width: 100%;
    background:#f9f9f9;
  color:#000;
  font-weight:100;
}
.overlay input[type=text]::placeholder {
  font-size:1rem;
  color:#999;
  font-weight:100;
}
.overlay button {
  position: absolute;
  right:0px;
    float: left;
    width: 50px;
  height:50px;
    padding: 0;
  background:rgba(241,241,241,.3) url('../images/search.svg') no-repeat center center;
  background-size:40%;
  border-radius:50px;
    font-size: 17px;
    border: none;
    cursor: pointer;
}
.overlay button:hover {
  background:#aaa url('../images/search.svg') no-repeat center center;
  background-size:40%;
}
/* Modal Search (The End) */


#search{
  position:relative;
  top:12px;
  float:left;
}
#search .input_search{
  width: 20vw;
  //background:rgba(255,255,255,1) url(../images/search.svg) no-repeat left center;
  background:#fff;
  background-size:5%;
  height: 34px;
  font-size:16px;
  padding:4px 10px 4px 15px;
  font-size: 14px;
  display: block;
  float: left;
  border:1px solid #e4e4e4;
  border-top-right-radius:50px;
  border-bottom-right-radius:50px;
  border-top-left-radius:50px;
  border-bottom-left-radius:50px;
  z-index:100;
}
@media (max-width:768px){
  #search .input_search{
    display: none;
  }
}
#search .input_search:focus{
  position:relative;
  right:0px;
  width: 30vw;
  background:#fff;
  border:1px solid #aaa;
}
#search .input_search:hover{
  background:#fff;
}
#search .button_search {
  display:none;
  width:20px;
  height: 34px;
  color:#fff;
  font-size:16px;
  padding:4px 0px;
  background:#4e91fe;
  border-style: none;
  cursor: pointer;
  cursor: hand;
  float: left;
  margin-left:0px;
  border:none;
  border-top-left-radius:50px;
  border-bottom-left-radius:50px;
  border-top-right-radius:50px;
  border-bottom-right-radius:50px;
  z-index:100;
}
#search .button_search:hover {
  //background:#3e8e41;
  background:#0170ff;
}

.column {
  display:block;
  padding: 0px;
}
.column.side {
  display:none;
  width: 15%;
  border-right:0px solid #fafafa;
  padding-bottom:20px;
  float: left;
}
.column.middle {
  display:block;
  width: 100%;
  float: left;
  padding-left:0px;
  margin-bottom:0px; /* 30 */
  background:#fff;
}
@media (min-width:1100px){
  .column.side {
    display:block;
  }
  .column.middle {
    display:block;
    width: 85%;
  }
}
@media (max-width:1024px){
  .column.side, .column.middle {
    width: 100%;
    padding-top:10px;
    padding-left:0px;
    margin-bottom:0px;
    border-right:0px solid #fafafa;
  }
}





#snackbar {
  display:block;
    position: absolute;
    visibility: hidden;
    min-width: 40%;
  height:40px;
  line-height:40px;
  top:48%;
    left:50%;
  margin:0 auto;
    background-color:rgba(0,0,0,.7);
    color: #fff;
    text-align: center;
    border-radius: 60px;
    //padding: 16px;
    z-index: 1;
  
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@media (max-width:756px){
  #snackbar {
    display:none;
  }
}
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 0px; opacity: 1;}
}
@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom:0px; opacity: 1;}
}
@-webkit-keyframes fadeout {
    from {bottom: 0px; opacity: 1;}
    to {bottom: 0; opacity: 1;}
}
@keyframes fadeout {
    from {bottom: 0px; opacity: 1;}
    to {bottom: 0; opacity: 1;}
}


.centered{
  position: absolute;
  left: 50%;
  top: 50%;
  display:block;
  margin:0 auto;
  z-index:1;
  //width: 100vw;
  width: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
@media (max-width:756px){
  .centered{
    position: relative;
    left: 10px;
    top: 0%;
    display:block;
    margin:0 auto;
    z-index:1;
    //width: 100vw;
    width: auto;
    transform: translate(-0%, -0%);
    -webkit-transform: translate(-0%, -0%);
    -o-transform: translate(-0%, -0%);
    -moz-transform: translate(-0%, -0%);
  }
}

.centered-description{
  position: absolute;
  left: 50%;
  top: 50%;
  display:block;
  margin:0 auto;
  z-index:1;
  //width: 100vw;
  width: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}


#main {
  position:relative;
  margin:0px auto;
  max-width: 1122px;
  width: 100%;
  padding:0 10px;
  background:transparent;
  overflow:hidden;
  z-index:0;
}
@media (max-width:1024px){
  #main {
    padding:0 15px;
    margin:0px auto 0;
  }
}


#main .main_description h1 {
  font-size:28px;
  letter-spacing:.1px;
  text-align:center;
  color:#000;
}
#main .main_description {
  position: relative;
  display:block;
  width:100%;
  margin-top:5px;
  margin-bottom:20px;
  padding:0 4px;
  clear:both;
  overflow:hidden;
}
#main .main_description ul {
  position: relative;
  display:flex;
  width:100%;
  margin-top:5px;
  margin-bottom:20px;
  padding:0 4px;
  clear:both;
  overflow:hidden;
}
@media (max-width:1024px){
  #main .main_description ul {
    position: relative;
    display:block;
    width:100%;
    margin-top:5px;
    margin-bottom:20px;
    padding:0 4px;
    clear:both;
    overflow:hidden;
  }
}
#main .main_description li{
  position: relative;
  width:100%;
  text-align:left;
  margin:0 5px;
}
@media (max-width:1024px){
  #main .main_description li{
    position: relative;
    width:100%;
    text-align:left;
    margin:5px 0;
    background:#fafafa;
    opacity:1;
  }
}

#content {
  float: none;
  width: 100%;
  background:#fff;
  //max-width: 75%;
  padding-top:30px;
  padding-left:0px;
  margin-bottom:30px;
}

#left {
  display: block;
  width: 100%;
  //max-width: 25%;
  float:none;
  border-right:1px solid #fafafa;
  //overflow:hidden;
  margin-bottom:20px;
}
@media (min-width:1024px){
  #content {
    float: right;
    width: 75%;
    //max-width: 75%;
    padding-top:30px;
    padding-left:30px;
    margin-bottom:30px;
  }
  #left {
    display: block;
    width: 25%;
    float:left;
    border-right:1px solid #fafafa;
    //overflow:hidden;
    margin-bottom:20px;
  }
}
#left > .block{
  display:block;
  border-top:1px solid #fafafa;
  padding:20px 15px;
  clear:both;
}
.side > .block{
  display:block;
  border-top:1px solid #fafafa;
  padding:20px 5px 0;
  clear:both;
}
.sticky{
    top: 60px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  background:#fff;
  padding:10px;
  z-index:0;
}
.social{
  display:block;
  padding:15px 0 0;
  overflow:hidden;
}
.social li{
  max-width:30px;
  display:inline-block;
  margin-left:4px;
}
.social li img{
  width:100%;
}
.pay{
  display:block;
  padding:15px 0 0;
  overflow:hidden;
}
.pay li{
  display:inline-block;
  margin-left:4px;
}
.footer{
  //font-size:14px;
  color:#777;
}
.menu{
  margin-bottom:15px;
}
.menu a{
  margin-top:2px;
  font-size:14px;
}
.copy{
  font-size:12px;
  color:#777;
}



/* Five Products */
.col-5-p {
  display:block;
  position: relative;
    float:left;
    width:50%;
    padding:0 10px;
    margin:0 0%;
  margin-bottom:20px;
    height:390px;
  overflow:hidden;
}
@media (min-width:768px){
  .col-5-p {
    position: relative;
    float:left;
    width:33%;
    margin:0;
    padding:0 1px;
    margin-bottom:.2%;
    height:390px;
    overflow:hidden;
  }
}
@media (min-width:1024px){
  .col-5-p {
    position: relative;
    float:left;
    width:20%;
    margin:0;
    padding:0 0px;
    border-left:0px solid #fafafa;
    border-right:0px solid #fafafa;
    border-bottom:0px solid #fafafa;
    margin-bottom:0px;
    height:390px;
    overflow:hidden;
  }
  .col-5-p:nth-child(5n) {
    border-left:;
  }
}

.col-5-p .ads {
  opacity:1;
  width:20%;
}
.col-5-p .ads:hover {
  opacity:.7
}

.col-5-p .image {
  position:relative;
  top:0;
    width:100%;
  max-width:100%;
  //height:310px;
  height:280px;
  background:#fff;
  padding:0px;
  overflow:hidden;
  text-align:center;
  clear:both;
    //-webkit-filter: grayscale(0);
  //transition: all 1s ease-out;
  opacity:1;
}
.col-5-p .image:hover {
  //opacity:.9;
    //-webkit-filter: grayscale(20%);
    //filter: grayscale(20%);
}
.col-5-p .image img {
  display:block;
  text-align:center;
  margin:0 auto;
    height:100%;
  //width:100%;
  min-width:1px;
    transition: 1s;
}
.col-5-p .image img:hover {
  transform: scale(0.97);
}
@media (max-width:468px){
  .col-5-p .image img {
    display:block;
    text-align:center;
    margin:0 auto;
    height:auto;
    width:100%;
    min-width:1px;
    transition: 1s;
  }
}


.col-5-p .product_info .products---size{
  display:none;
}
.col-5-p:hover .product_info .products---size{
  display:block;
  float:left;
  border:0px solid #848484;
  width:auto;
  height:auto;
  font-size:11px;
  font-weight:700;
  //line-height:30px;
  margin-right:5px;
  margin-bottom:5px;
  text-align:center;
}
.col-5-p .product_info {
  position:relative;
  bottom:0%;
  width:100%;
  height:100px;
  //margin-top:1px;
  padding:10px 10px;
  background:#fff;
  vertical-align:top;
  overflow:hidden;
  z-index:1;
}
.col-5-p:hover .product_info {
  position:absolute;
  bottom:0%;
  width:100%;
  min-height:100px;
  max-height:100%;
  height:auto;
  //margin-top:1px;
  padding:10px 10px;
  background:#fff;
  vertical-align:top;
  overflow:hidden;
}
.col-5-p:hover.disabled .product_info {
  display:block;
  position:relative;
}

.col-5-p a {
  color:#000;
}
.col-5-p a:hover {
  color:red;
}
.col-5-p h3 {
  font-size: 11px;
  font-weight: 400;
  text-transform:uppercase;
}
.col-5-p  span{
  margin-bottom:0px;
  color:#000;
  line-height:23px;
  letter-spacing:0px;
}
.col-5-p .product-brand{
  font-size:12px;
  font-weight:600;
  line-height:1;
  padding:0;
  margin:0;
  text-align:left;
  text-transform:uppercase;
  clear:both;
}
.col-5-p .small {
  font-size:11px;
  color:#848484;
  line-height:14px;
  //height:30px;
  overflow:hidden;
  font-weight:400;
  text-transform:none;
  display:block;
  clear:both;
}
.col-5-p .product-title{
  font-size:12px;
  color:#000;
  margin-top:4px;
  line-height:14px;
  overflow:hidden;
  font-weight:400;
  text-transform:none;
  display:block;
  clear:both;
}
.col-5-p .price{
  display:block;
  float:left;
  position:relative;
  top:3px;
  margin-bottom:10px;
  font-size:14px;
  color:#000;
  line-height:15px;
  height:16px;
  overflow:hidden;
  font-weight:400;
  text-align:left;
}
.col-5-p .blue{
  display:block;
  float:left;
  position:relative;
  top:5px;
  margin-bottom:10px;
  font-size:14px;
  //color:#4e91fe;
  color:#e94a34;
  line-height:15px;
  height:16px;
  overflow:hidden;
  font-weight:600;
  text-align:left;
}
.col-5-p .red{
  display:block;
  float:left;
  position:relative;
  top:5px;
  margin-bottom:10px;
  font-size:14px;
  color:#000;
  line-height:15px;
  height:16px;
  overflow:hidden;
  font-weight:600;
  text-align:left;
}
.col-5-p .strikethrough {
  display:block;
  float:left;
    position: relative;
  top:3px;
  margin-bottom:10px;
    font-size: 14px;
  color: #000;
  white-space: nowrap;
  margin-left:10px;
}
.col-5-p .strikethrough:before {
    border-bottom: 1px solid #484848;
    position: absolute;
  left:-5px;
  right:-5px;
    content: "";
    width: 120%;
    height: 50%;
    transform: rotate(-7deg);
}

.col-5-p .image .wishlist {
  display:block;
  position:absolute;
  top:20px;
  right:20px;
  width:16px;
  height:16px;
  z-index:1;
  opacity:.03;
}
.col-5-p:hover .image .wishlist {
  display:block;
  opacity:.7;
}
.col-5-p:hover .image .wishlist:hover {
  opacity:1;
}

.col-5-p .image .metki-minprice {
  display:block;
  position:absolute;
  bottom:20px;
  left:20px;
  z-index:1;
  opacity:1;
}
.col-5-p:hover .image .metki-minprice {
  display:block;
}
.col-5-p .metki-minprice div {
  color:#fff;
  text-transform:none;
  text-align:left;
  font-size:10px;
  font-weight:400;
  letter-spacing:1px;
  width:auto !important;
  height:auto;
  padding:2px 8px;
  //text-indent: -9999px;
  border-left:0px solid #4e91fe;
  border-top-right-radius:20px;
  border-top-left-radius:20px;
  border-bottom-right-radius:20px;
  border-bottom-left-radius:20px;
  //background:#fff;
  background:#e94a34;
  //background: linear-gradient(313.26deg, #4e91fe 0%, #5830B7 20%, #773EBF 40%, #944DC7 60%, #AF5DD0 80%, #4e91fe 100%);
  //color:#000;
}
.col-5-p .metki {
  display:none;
  position:absolute;
  top:20px;
  left:20px;
  z-index:1;
  opacity:1;
}
.col-5-p:hover .metki {
  display:block;
}
.col-5-p .metki div {
  color:#fff;
  text-transform:none;
  text-align:left;
  font-size:10px;
  font-weight:400;
  letter-spacing:.5px;
  width:auto !important;
  height:auto;
  padding:2px 8px;
  margin-bottom:4px;
  //text-indent: -9999px;
  border-left:0px solid #4e91fe;
  border-top-right-radius:20px;
  border-top-left-radius:20px;
  border-bottom-right-radius:20px;
  border-bottom-left-radius:20px;
}
.col-5-p .metki div.sale {
  background-color:rgba(1,1,1,.4);
  //background:#fff;
  color:#fff;
}
.col-5-p .metki div.popularr {
  background-color:rgba(1,1,1,.4);
  //background:#fff;
  color:#fff;
}
/* Five Products THE END */


/*
.breadcrumbs{
  display: flex;
  flex-direction: row;
  //justify-content: center;
  //align-items: center;
  width:100%;
  color:#ddd;
  font-size:12px;
  //text-transform:uppercase;
  font-weight:100;
  margin-top:20px;
}
.breadcrumbs li{
  margin:0 10px;
}
.breadcrumbs li:nth-child(1){
  margin:0 10px 0 0;
}
.breadcrumbs a{
  color: #999;
}
.breadcrumbs a:hover{
  color:#313436;
  text-decoration:underline;
}
@media only screen and (max-width: 851px) {
  .breadcrumbs{
    display: none;
  }
}
*/
.breadcrumbs{
  position:relative;
  top:20px;
  display:flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: center;
  width:100%;
  height:auto;
  margin:0 auto;
  //text-align:center;
  margin-bottom: 30px;
  font-size: 12px;
  color: #999;
  overflow:hidden;
}
.breadcrumbs span{
  font-size:12px;
}
.breadcrumbs i{
  color: #000;
  //text-align:center !important;
  padding:0 4px;
  font-family:sans;
  font-style:italic;
  opacity:.7;
}
.breadcrumbs a{
  color: #000;
  //text-align:center !important;
  padding:0 4px;
  font-family:sans;
  font-style:italic;
  opacity:.7;
}
.breadcrumbs a:hover{
  opacity:1;
}
/*
.breadcrumbs a:first-child::before {
    content: "› ";
}
.breadcrumbs a::after {
    content: " /";
}
.breadcrumbs a:last-child::after {
    content: "";
}
*/
@media only screen and (max-width: 1000px) {
  .breadcrumbs{
    justify-content: center;
  }
}



.files{
  width:100%;
}
.files li{
  display:inline-block;
  line-height:1.5;
  vertical-align:middle;
  margin-top:2px;
  margin-bottom:2px;
}
.files li img{
  vertical-align:top;
  margin-right:5px;
}

#all_brands {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 30px;
  clear:both;
  overflow:hidden;
}
#all_brands li {
  display:block;
  float:left;
  width: 19%;
  padding:0 .5%;
  background:#fafafa;
  margin:.5%;
}
#all_brands li img {
  width: 100%;
  opacity:1;
}
#all_brands li img:hover {
  width: 100%;
  opacity:.3;
}


/* @group Brands */
#brands {
  clear: both;
  margin-bottom: 10px;
  margin-top: 10px;
}
#brands a {
  color: #ec0060;
  font-size: 12px;
  margin-right: 10px;
}
#brands img{
  vertical-align: middle;
}
#brands a:hover {
  color: #000;
} 
#brands a.selected {
  background-color: #ec0060;
  color: #fffeff;
  padding: 2px 2px 2px 2px;
}
/* @end */

/* Хлебные крошки */
#path{
  position:absolute;
  top:20px;
  display:flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: center;
  width:100%;
  height:auto;
  margin:0 auto;
  text-align:center;
  margin-bottom: 20px;
  font-size: 12px;
  color: #999;
  overflow:hidden;
}
#path span{
  font-size: 12px;
}
#path a{
  color: #000;
  text-align:center !important;
  padding:0 4px;
  font-size: 12px;
  font-family:sans;
  font-style:italic;
  opacity:.7;
}
#path a:hover{
  opacity:1;
}
/* @end */


/* seller */
.seller {
  display:block;
  position:relative;
  width:100%;
  //background:#f1f1f1;
  padding:0px 20px 0;
  overflow:hidden;
  font-size:16px;
}
.seller li.seller_logo{
  display:block;
  float:left;
  max-width:20%;
  width:100%;
  height:100%;
}
.seller li{
  display:block;
  float:left;
}
.seller li .strong{
  font-size:20px;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:10px;
  max-width:80%;
  //width:100%;
}
.seller li.body{
  display:block;
  max-width:80%;
  width:100%;
  float:left;
  //background:#f1f1f1;
  overflow:hidden;
}
.seller img{
  width:70px;
  -webkit-border-radius:100px;
  -moz-border-radius:100px;
  -o-border-radius:100px;
  border-radius:100px;
  margin:15px auto 0;
}
.product .seller{
  float:right;
}
.product .seller img{
  width:50px;
}
/* seller THE END */

/* @group Товар подробно */
.slidecontainer {
    width: 100%;
}
.slidecontainer input.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    border-radius: 50px;
    background: #d3d3d3;
    outline: none;
    opacity: .7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}
.slidecontainer .slider:hover {
    opacity: 1;
}
.slidecontainer .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 37px;
    height: 21px;
    border: 0;
    background: url('../images/header_scooter.png');
    cursor: pointer;
}
.slidecontainer .slider::-moz-range-thumb {
    width: 37px;
    height: 21px;
    border: 0;
    background: url('../images/header_scooter.png');
    cursor: pointer;
}

.product_wrapper{
  position:relative;
  display:block;
  overflow:hidden;
  clear:both;
  z-index:0;
}
.card_product{
  position:relative;
  display:block;
  float:left;
  width:100%;
  padding:0 0rem 0 0;
  //background:#fff;
  overflow:hidden;
}
@media (min-width:1024px){
  .card_product{
    display:block;
    float:left;
    width:60%;
    padding:0 0rem 0 0;
    //background:#fff;
    overflow:hidden;
  }
}
.card_product .image{
  display:block;
  float:left;
  width:100%;
  background:#fff;
  overflow:hidden;
}
.card_product .image img{
  width:100%;
  //max-width:400px;
  //max-height:600px;
  float:left;
  display:block;
  //padding:2rem;
}
.card_product .images{
  display:block;
  float:left;
  width:100%;
  overflow:hidden;
}
.card_product .images img{
  width:20%;
  float:left;
  display:block;
  padding:1rem;
}
.product---other-options{
  display:block;
  float:left;
  width:100%;
  overflow:hidden;
  text-align:center;
  padding-top:10px;
}
.product---other-options span{
  font-size:12px;
  color:#171717;
  //font-style:italic;
  //font-family:sans;
}

.product---other-options main {
  margin: 5px 0;
}
.product---other-options main div {
  vertical-align:top;
  color: black;
  padding:0 10px;
  max-width: 70px;
  overflow:hidden;
}
.other-options-flex-center {
  display: flex;
  justify-content: center;
}
.other-options-flex-center img {
  width:100%;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
  opacity:1;
}
.other-options-flex-center img:hover{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  opacity:1;
  
  //animation: shake 0.7s; /* Встряска */
  //animation-iteration-count: infinite;
}

.economi{
  display:block;
  width:100%;
  margin:0 auto;
  text-align:center;
  text-transform:uppercase;
  font-size:10px;
  font-weight:100;
  //color:#e94a34;
  color:#717171;
  line-height:0;
  padding-bottom:20px;
}

.spansize{
  display:block;
  width:auto;
  text-align:right;
  font-size:10px;
  font-weight:100;
  color:#414141 !important;
  line-height:0;
  padding-bottom:0px;
  margin-top:10px;
  margin-bottom:10px;
  cursor:pointer;
}
.spansize:hover{
  color:#000 !important;
}

.select_size {
  position: relative;
  display: block;
  top:0px;
  margin-bottom: 15px;
  width:100%;
  clear:both;
}
.select_size select {
  display: block;
  width:100%;
  cursor: pointer;
  padding: 10px 20px;
  margin:0 auto;
  border: 1px solid #e4e4e4;
  border-radius: 40px;
  //background: #e4e4e4;
  background: #fff;
  color: #000;
  font-size:14px;

  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
}
.select_size option {
  font-weight:700;
}
.select_size select::-ms-expand {
  display: none;
}
.select_size select:hover,
.select_size select:focus {
  color: #000;
  background: #f4f4f4;
}
.select_size select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select_size__arrow {
  position: absolute;
  top: 17px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
}
.select_size select:hover ~ .select_size__arrow,
.select_size select:focus ~ .select_size__arrow {
  border-top-color: #000;
}
.select_size select:disabled ~ .select_size__arrow {
  border-top-color: #d1d1d1;
}

button.wishlist{
  background:#eee;
  width:40px;
  height:40px;
  border:none;
  border-radius:50px;
  cursor:pointer;
}
button.wishlist:hover{
  background:#e1e1e1;
}
button.wishlist .icon{
  background:url('../ic-wishlist-empty.4ac1139a.svg') no-repeat center center;
  background-size:50%;
  width:40px;
  height:40px;
}

.supplement_product{
  display:block;
  width:100%;
  margin-top:20px;
  overflow:hidden;
}
.supplement_product a{
  text-decoration: underline;
}
.supplement_product a:hover{
  text-decoration: none;
}

.tags{
  margin-top:20px;
  clear:both;
}
.tags li {
  display:block;
  float:left;
  margin-right:10px;
}
.tags li a{
  padding:2px 8px;
  //margin-right:14px;
  background:#f4f4f4;
  border-radius:20px;
  //font-style:italic;
  //font-family:sans;
}
.tags li a:hover{
  background:#171717;
  color:#fff;
}


.product_wrapper .description{
  position:relative;
  display:block;
  float:left;
  width:100%;
  padding:3rem 1rem 0;
  //padding-left:3rem;
  overflow:hidden;
  background:transparent;
  
  right: 0%;
  top: 50%;
  display:block;
  margin:0 auto;
  z-index:1;
    transform: translate(-0%, -0%);
    -webkit-transform: translate(-0%, -0%);
    -o-transform: translate(-0%, -0%);
    -moz-transform: translate(-0%, -0%);
}
@media (min-width:1024px){
  .product_wrapper .description{
    position: absolute;
    display:block;
    float:left;
    width:40%;
    padding:1rem 10px 0 3rem;
    //padding-left:3rem;
    overflow:hidden;
    background:transparent;

    transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    -o-transform: translate(-0%, -50%);
    -moz-transform: translate(-0%, -50%);
  }
}
.product_wrapper .description h2{
  text-align:center;
  text-transform:uppercase;
  font-size:16px;
  font-weight:700;
  line-height:1;
}
.product_wrapper .description h1{
  display:block;
  width:90%;
  margin:0 auto;
  text-align:center;
  text-transform:none;
  font-size:16px;
  font-weight:100;
  //font-style:italic;
  //font-family:sans;
  line-height:1.2;
}
.product_wrapper .description .span_category{
  display:block;
  width:90%;
  margin:0 auto;
  text-align:center;
  text-transform:none;
  font-size:12px;
  font-weight:100;
  color:#999;
  line-height:1.5;
}
.product_wrapper .description .delivery_days{
  display:block;
  width:90%;
  margin:0px auto;
  padding:20px 0 0;
  text-align:center;
  text-transform:none;
  font-size:14px;
  font-weight:100;
  color:#000;
  clear:both;
  line-height:1.5;
}
.product_wrapper .description .flex-center{
  text-align:center;
  text-transform:none;
  font-size:20px;
  font-weight:700;
  //line-height:4;
}
.product_wrapper .description .flex-center .strikeprice {
    position: relative;
  width:auto;
  color: #000;
  font-weight:100;
  //white-space: nowrap;
  //margin-left:10px;
}
.product_wrapper .description .flex-center .strikeprice:before {
    border-bottom: 1px solid #484848;
    position: absolute;
  left:-0px;
  right:-0px;
    content: "";
    width: 100%;
    height: 50%;
    transform: rotate(-7deg);
}



.product .image {
  text-align: center;
  width: 300px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  float: left;
  padding: 5px;
  margin-right: 20px;
}
.product .image img{
  max-width: 300px;
}
.product .images {
  float: left;
  clear: left;
  width: 300px;
  margin-right: 20px;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.product .images img{
  text-align: center;
  width: 50px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  float: left;
  padding: 5px;
  margin: 4px 10px 10px 0px;
}


.product .variants {
  float: left;
  font-size: 12px;
}
.variants span {
  font-size: 12px;
  color:#999;
}
.product .variant_name {
  float: left;
  margin-right: 10px;
  font-size: 12px;
}
.product .variant_radiobutton {
  margin-right: 5px;
  margin-left: 0px;
}
#back_forward {
  font-size: 14px;
  margin-bottom: 20px;
  clear: both;
}
#back_forward a.prev_page_link{
  margin-right: 20px;
}


.product_contact_us{
  display:block;
  text-align:center;
  border-top:1px solid #f1f1f1;
  margin:30px 0 30px;
  padding:30px 0 0px;
}
.product_contact_us .contact_phone{
  display:block;
  font-size:14px;
  font-weight: 400;
  margin:15px 0 0;
}
.product_contact_us .contact_email{
  display:block;
  font-size:14px;
  font-weight: 400;
  margin:0px 0 0;
}
.product_contact_us h6{
  font-size:16px;
  font-weight: 600;
  font-style:italic;
  font-family:sans;
  letter-spacing:0;
  padding: 0px;
  position: relative;
  text-transform: none;
  margin:0px 0 0px;
}
.product_contact_us h6:before {
  background:transparent;
  content: '';
  display: block;
  height: 0px;
  left: 0;
  position: absolute;
  top: 0px;
  width: 0px;
}

table.size, .size td, .size th {  
  border: 1px solid #f1f1f1;
  text-align: center;
}
.size tr:nth-child(1) {  
  background:#000;
  color:#fff;
}
.size tr:nth-child(1):hover {
  background:#000;
  color:#fff;
}
.size tr:hover {  
  border: 1px solid #f1f1f1;
  background:#f1f1f1;
  text-align: center;
}
table.size {
  border-collapse: collapse;
  width: 100%;
}
.size th, .size td {
  padding: 10px;
}
/* Size Modal THE END */

/* @end — Товар подробно*/

/*
.variants label {
  display: inline-block; 
  width: 40px; 
  height: 40px; 
  line-height: 36px; 
  text-align:center;
  vertical-align:middle;
  white-space: nowrap; 
  border:0px solid #000;
  background:#f0f2f5;
  cursor: pointer; 
  margin:5px 7px 15px 0;
}
.variants label:hover { 
  background:#202020;
  border:2px solid #202020;
  color:#fff;
}
.variants label checked { 
  width: 40px; 
  height: 40px; 
  line-height: 36px;
  text-align:center;
  vertical-align:middle;
  color: #fff; 
  background: #171717; 
  border:2px solid #171717; 
}
.variants label input { display: block; }
*/


/* Products */
.rovv h3 {
    font-style:italic;
  font-family:sans;
  text-align:center;
  margin-bottom:30px;
}
.rovv .h2 {
  font-size:26px;
  font-weight:600;
    font-style:italic;
  font-family:sans;
  letter-spacing:.1px;
  text-align:center;
  margin-bottom:10px;
  color:#000;
}
.rovv .h2 b {
    //font-style:normal;
  font-family:Proxima Nova,Helvetica, Tahoma, Arial, Geneva, sans-serif;
}
.rovv .h5 {
  margin-top:30px;
    font-style:normal;
  font-size:12px;
  font-weight:400;
  letter-spacing:1.5px;
  text-align:center;
  margin-bottom:4px;
  color:#999;
  text-transform:uppercase;
}

.rovv h3 {
    font-style:italic;
  font-family:sans;
  text-align:center;
  margin-bottom:30px;
}
.rovv h2 {
  font-size:26px;
  font-weight:600;
    font-style:italic;
  font-family:sans;
  letter-spacing:.1px;
  text-align:center;
  margin-bottom:10px;
  color:#000;
}
.rovv h2 b {
    //font-style:normal;
  font-family:Proxima Nova,Helvetica, Tahoma, Arial, Geneva, sans-serif;
}
.rovv h5 {
  margin-top:30px;
    font-style:normal;
  font-size:12px;
  font-weight:400;
  letter-spacing:1.5px;
  text-align:center;
  margin-bottom:4px;
  color:#999;
  text-transform:uppercase;
}
.rovv:after {
    content: "";
    display: table;
  width: 100%;
    clear: both;
}
.columns {
  position: relative;
    float:left;
    width:50%;
    //width:29.33333333333333%;
    padding:0 4px;
    margin:0 0%;
  margin-bottom:20px;
    height:390px;
  overflow:hidden;
}
@media (min-width:768px){
  .columns {
    position: relative;
    float:left;
    width:33%;
    //width:29.33333333333333%;
    //padding:0px;
    margin:0;
    padding:0 1px;
    margin-bottom:.2%;
    height:390px;
    overflow:hidden;
  }
}
@media (min-width:1024px){
  .columns {
    position: relative;
    float:left;
    width:25%;
    //width:29.33333333333333%;
    //padding:0px;
    margin:0;
    padding:0 0px;
    border-left:1px solid #fafafa;
    border-right:0px solid #fafafa;
    border-bottom:1px solid #fafafa;
    margin-bottom:0px;
    height:390px;
    overflow:hidden;
  }
  .columns:nth-child(5n) {
    border-left:;
  }
}
.rovv .disabled{
  opacity:.3;
}

.columns .ads {
  opacity:1;
  width:20%;
}
.columns .ads:hover {
  opacity:.7
}

.columns .image {
  position:relative;
  top:0;
  width:100%;
  max-width:100%;
  //height:310px;
  height:280px;
  background:#fff;
  padding:0px;
  overflow:hidden;
  text-align:center;
  clear:both;
  //-webkit-filter: grayscale(0);
  //transition: all 1s ease-out;
  opacity:1;
}
.columns .image:hover {
  //opacity:.9;
    //-webkit-filter: grayscale(20%);
    //filter: grayscale(20%);
}
.columns .image .a-image{
  position:absolute;top:0;left:0;width:100%;height:100%;outline:transparent;background:rgba(0,0,0,.05);
}
.columns .image img {
  display:block;
  text-align:center;
  margin:0 auto;
  height:100%;
  //width:100%;
  min-width:1px;
  transition: 1s;
  transform: scale(0.95);
}
.columns .image img:hover {
  transform: scale(0.9);
}

@media (max-width:468px){
  .columns .image img {
    display:block;
    text-align:center;
    margin:0 auto;
    height:auto;
    width:100%;
    min-width:1px;
    transition: 1s;
  }
  .columns .image img:hover {
    transform: scale(0.9);
    animation: shake 0s;
  }
}


.columns .product_info .products---size{
  display:none;
}
.columns:hover .product_info .products---size{
  display:block;
  float:left;
  border:0px solid #848484;
  width:auto;
  height:auto;
  font-size:11px;
  font-weight:700;
  //line-height:30px;
  margin-right:5px;
  margin-bottom:5px;
  text-align:center;
}
.columns .product_info {
  position:relative;
  bottom:0%;
  width:100%;
  height:100px;
  //margin-top:1px;
  padding:10px 10px;
  background:#fff;
  vertical-align:top;
  overflow:hidden;
  z-index:1;
}
.columns:hover .product_info {
  position:absolute;
  bottom:0%;
  width:100%;
  min-height:100px;
  max-height:100%;
  height:auto;
  //margin-top:1px;
  padding:10px 10px;
  background:#fff;
  vertical-align:top;
  overflow:hidden;
}
.columns:hover.disabled .product_info {
  display:block;
  position:relative;
}
@media (max-width:768px){
  .columns {
    margin-bottom:10px;
    height:410px;
    overflow:hidden;
  }
  .columns .product_info {
    height:120px;
    padding:0px 0px;
  }
  .columns:hover .product_info {
    padding:0px 0px;
  }
}

.columns a {
  color:#000;
}
.columns a:hover {
  color:red;
}
.columns h3 {
  font-size: 11px;
  font-weight: 400;
  text-transform:uppercase;
}
.columns  span{
  margin-bottom:0px;
  color:#000;
  line-height:23px;
  letter-spacing:0px;
}
.columns .product-brand{
  font-size:12px;
  font-weight:600;
  line-height:1;
  padding:0;
  margin:0;
  text-align:left;
  text-transform:uppercase;
  clear:both;
}
.columns .small {
  font-size:11px;
  color:#848484;
  line-height:14px;
  //height:30px;
  overflow:hidden;
  font-weight:400;
  text-transform:none;
  display:block;
  clear:both;
}
.columns .product-title{
  font-size:12px;
  color:#000;
  margin-top:4px;
  line-height:14px;
  overflow:hidden;
  font-weight:400;
  text-transform:none;
  display:block;
  clear:both;
}
.columns .price{
  display:block;
  float:left;
  position:relative;
  top:3px;
  margin-bottom:10px;
  font-size:14px;
  color:#000;
  line-height:15px;
  height:16px;
  overflow:hidden;
  font-weight:400;
  text-align:left;
}
/*
.columns .blue{
  display:block;
  float:left;
  position:relative;
  top:5px;
  margin-bottom:10px;
  font-size:14px;
  color:#4e91fe;
  line-height:15px;
  height:16px;
  overflow:hidden;
  font-weight:600;
  text-align:left;
}
.columns .red{
  display:block;
  float:left;
  position:relative;
  top:5px;
  margin-bottom:10px;
  font-size:14px;
  color:red;
  line-height:15px;
  height:16px;
  overflow:hidden;
  font-weight:600;
  text-align:left;
}
.columns .strikethrough {
  display:block;
  float:left;
    position: relative;
  top:3px;
  margin-bottom:10px;
    font-size: 14px;
  color: #000;
  white-space: nowrap;
  margin-left:10px;
}
.columns .strikethrough:before {
    border-bottom: 1px solid #484848;
    position: absolute;
  left:-5px;
  right:-5px;
    content: "";
    width: 120%;
    height: 50%;
    transform: rotate(-7deg);
}

.columns .image .metki-minprice {
  display:block;
  position:absolute;
  bottom:10px;
  left:0px;
  z-index:1;
  opacity:1;
}
.columns:hover .image .metki-minprice {
  display:block;
}
.columns .metki-minprice div {
  color:#fff;
  text-transform:none;
  text-align:left;
  font-size:10px;
  font-weight:400;
  letter-spacing:1px;
  width:auto !important;
  height:auto;
  padding:4px 5px;
  margin-bottom:4px;
  //text-indent: -9999px;
  border-left:0px solid #4e91fe;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  background:#fff;
  color:#000;
}
.columns .image .metki {
  display:none;
  position:absolute;
  top:10px;
  left:0px;
  z-index:1;
  opacity:1;
}
.columns:hover .image .metki {
  display:block;
}
.columns .metki div {
  color:#fff;
  text-transform:none;
  text-align:left;
  font-size:10px;
  font-weight:400;
  letter-spacing:1px;
  width:auto !important;
  height:auto;
  padding:4px 5px;
  margin-bottom:4px;
  //text-indent: -9999px;
  border-left:0px solid #4e91fe;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
}
.columns .metki div.sale {
  //background-color:rgba(1,1,1,.3);
  background:#fff;
  color:#000;
}
.columns .metki div.popularr {
  //background-color:rgba(1,1,1,.3);
  background:#fff;
  color:#000;
}
*/

.columns .blue{
  display:block;
  float:left;
  position:relative;
  top:5px;
  margin-bottom:10px;
  font-size:14px;
  //color:#4e91fe;
  color:#e94a34;
  line-height:15px;
  height:16px;
  overflow:hidden;
  font-weight:600;
  text-align:left;
}
.columns .red{
  display:block;
  float:left;
  position:relative;
  top:5px;
  margin-bottom:10px;
  font-size:14px;
  color:#000;
  line-height:15px;
  height:16px;
  overflow:hidden;
  font-weight:600;
  text-align:left;
}
.columns .strikethrough {
  display:block;
  float:left;
    position: relative;
  top:3px;
  margin-bottom:10px;
    font-size: 14px;
  color: #000;
  white-space: nowrap;
  margin-left:10px;
}
.columns .strikethrough:before {
    border-bottom: 1px solid #484848;
    position: absolute;
  left:-5px;
  right:-5px;
    content: "";
    width: 120%;
    height: 50%;
    transform: rotate(-7deg);
}
@media (max-width:768px){
  .columns .product-brand{
    font-size:14px;
  }
  .columns .small {
    font-size:12px;
  }
  .columns .product-title{
    font-size:14px;
  }
  .columns .price{
    font-size:14px;clear:both;
  }
  .columns .blue{
    font-size:14px;clear:both;
  }
  .columns .red{
    font-size:14px;clear:both;
  }
  .columns .strikethrough {
    font-size: 14px;clear:both;
    top:-5px;
  margin-left:0px;
  }
}

.columns .image .wishlist {
  display:block;
  position:absolute;
  top:20px;
  right:20px;
  width:16px;
  height:16px;
  z-index:1;
  opacity:.03;
}
.columns:hover .image .wishlist {
  display:block;
  opacity:.7;
}
.columns:hover .image .wishlist:hover {
  opacity:1;
}

.columns .image .metki-minprice {
  display:block;
  position:absolute;
  bottom:20px;
  left:20px;
  z-index:1;
  opacity:1;
}
.columns:hover .image .metki-minprice {
  display:block;
}
.columns .metki-minprice div {
  color:#fff;
  text-transform:none;
  text-align:left;
  font-size:10px;
  font-weight:400;
  letter-spacing:1px;
  width:auto !important;
  height:auto;
  padding:2px 8px;
  //text-indent: -9999px;
  border-left:0px solid #4e91fe;
  border-top-right-radius:20px;
  border-top-left-radius:20px;
  border-bottom-right-radius:20px;
  border-bottom-left-radius:20px;
  //background:#fff;
  background:#e94a34;
  //background: linear-gradient(313.26deg, #4e91fe 0%, #5830B7 20%, #773EBF 40%, #944DC7 60%, #AF5DD0 80%, #4e91fe 100%);
  //color:#000;
}
.columns .metki {
  display:none;
  position:absolute;
  top:20px;
  left:20px;
  z-index:1;
  opacity:1;
}
.columns:hover .metki {
  display:block;
}
.columns .metki div {
  color:#fff;
  text-transform:none;
  text-align:left;
  font-size:10px;
  font-weight:400;
  letter-spacing:.5px;
  width:auto !important;
  height:auto;
  padding:2px 8px;
  margin-bottom:4px;
  //text-indent: -9999px;
  border-left:0px solid #4e91fe;
  border-top-right-radius:20px;
  border-top-left-radius:20px;
  border-bottom-right-radius:20px;
  border-bottom-left-radius:20px;
}
.columns .metki div.sale {
  background-color:rgba(1,1,1,.4);
  //background:#fff;
  color:#fff;
}
.columns .metki div.popularr {
  background-color:rgba(1,1,1,.4);
  //background:#fff;
  color:#fff;
}
/* End Products */

.tiny_products {
  position:relative;
  list-style: none;
  display: block;
  margin-top:10px;
  margin-bottom:20px;
  overflow:hidden;
  clear:both;
}
.tiny_products .product a {
  color:#000;
}
.tiny_products h6{
  font-size:23px;
  font-weight:900;
  text-align:left;
  text-transform:uppercase;
  padding-bottom:10px;
}
.tiny_products .product{
  position:relative;
  display: -moz-inline-box; 
  display: inline; 
  float:left;
  *zoom: 1; 
  *display: inline;
  word-spacing:normal;
  vertical-align:top;
  background:transparent;
  border:0px;
  margin-bottom:20px;
  overflow:hidden;
}
.tiny_products .product:hover{
  //background:#f9f9f9;
  //-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  //-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  //box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

.tiny_products .disabled{
  opacity:.3;
}

.tiny_products .product .image {
  position: relative;
  top:0;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 100%;
  height:400px;
  //height:100%;
  //line-height:420px;
  border:none;
  padding:0 0px;
  margin-bottom:0px;
  background-color: transparent;
  z-index:0;
}
.tiny_products .product .image img{
  vertical-align: top;
  width: 100%;
  //height:100%;
  margin:auto;
  object-fit: cover;
}

.tiny_products .product .product_info .products---size{
  display:none;
}
.tiny_products .product:hover .product_info .products---size{
  display:block;
  float:left;
  border:1px solid #848484;
  width:30px;
  height:30px;
  font-size:11px;
  line-height:30px;
  margin-right:5px;
  margin-bottom:5px;
  text-align:center;
}
.tiny_products .product .product_info {
  position:absolute;
  bottom:0%;
  width:100%;
  //height:100px;
  height:auto;
  padding:10px 0px 0;
  background:#fff;
  vertical-align:bottom;
  overflow:hidden;
}
.tiny_products .product:hover .product_info {
  position:absolute;
  bottom:0px;
  width:100%;
  //height:150px;
  height:auto;
  padding:10px 0px 0;
  background:#fff;
  vertical-align:top;
  overflow:hidden;
}

.tiny_products .product h3 {
  font-size: 11px;
  font-weight: 400;
  text-transform:uppercase;
}
.tiny_products .product h2{
  font-size:12px;
  font-weight:600;
  padding:0;
  margin:0;
  text-align:left;
  text-transform:uppercase;
  clear:both;
}
.tiny_products .product .small {
  font-size:11px;
  color:#848484;
  margin-top:4px;
  line-height:14px;
  //height:30px;
  overflow:hidden;
  font-weight:400;
  text-transform:none;
  display:block;
  clear:both;
}
.tiny_products .product .name{
  font-size:12px;
  color:#000;
  margin-top:4px;
  line-height:14px;
  overflow:hidden;
  font-weight:400;
  text-transform:none;
  display:block;
  clear:both;
}
.tiny_products .product .price{
  display:block;
  float:left;
  position:relative;
  top:3px;
  margin-bottom:10px;
  font-size:14px;
  color:#000;
  line-height:15px;
  height:16px;
  overflow:hidden;
  font-weight:400;
  text-align:left;
}
.red{
  display:block;
  float:left;
  position:relative;
  top:5px;
  margin-bottom:10px;
  font-size:14px;
  color:red;
  line-height:15px;
  height:16px;
  overflow:hidden;
  font-weight:600;
  text-align:left;
}
.strikethrough {
  display:block;
  float:left;
    position: relative;
  top:3px;
  margin-bottom:10px;
    font-size: 14px;
  color: #000;
  white-space: nowrap;
  margin-left:10px;
}
.strikethrough:before {
    border-bottom: 1px solid #484848;
    position: absolute;
  left:-5px;
  right:-5px;
    content: "";
    width: 120%;
    height: 50%;
    transform: rotate(-7deg);
}




.tiny_products .product .image .metki {
  display:none;
  position:absolute;
  top:5px;
  left:5px;
  z-index:1;
  opacity:1;
}
.tiny_products .product:hover .image .metki {
  display:block;
}
.metki div {
  color:#fff;
  text-transform:uppercase;
  text-align:left;
  font-size:10px;
  font-weight:400;
  letter-spacing:1px;
  width:auto !important;
  height:auto;
  padding:4px 5px;
  margin-bottom:4px;
  //text-indent: -9999px;
  border-left:0px solid #4e91fe;
}
.metki div.sale {
  background-color:rgba(1,1,1,.3);
}
.metki div.popularr {
  background-color:rgba(1,1,1,.3);
}







/* Кнопка */
a.bttn{
  position:relative;
  top:5px;
  width:auto;
  max-width:200px;
  display:block;
  color:#fff;
  padding:15px 20px;
  background:#000;
  cursor: pointer;
  cursor: hand;
  display: block;
  margin:20px auto;
  border-radius:2px;
  font-size:13px;
  text-align:center !important;
  overflow:hidden;
  clear:both;
  opacity:1;
}

.btn{
  position:relative;
  right:0px;
  margin:20px auto 20px;
  background:#4caf50;
  border:none;
  padding:10px 20px;
  border-radius:5px;
  color:#fff;
  font-size:16px;
  cursor:pointer;
  z-index:1;
}
#my_btn {
  display:none;
    width: 100%;
}

.button {
  float: left;
  clear: left;
  cursor: pointer; 
}
.button {
  height: 40px;
  color:#fff;
  font-size:14px;
  padding:4px 40px;
  background:#171717;
  //background-color:#4CAF50;
  //background:#4e91fe;
  border-style: none;
  cursor: pointer;
  cursor: hand;
  display: block;
  border:none;
  border-radius:50px;
}
.button:hover {
  //background:#4e91fe;
  background:#000;
}
.button:active {
  position:relative;
  top:1px;
}
.button:disabled {
  cursor:inherit;
  background:#000;
  opacity:.3;
}
.button:disabled:hover {
  background:#000;
}

a.f_button {
/*
  position: absolute;
  left: 50%;
  display:block;
  margin:0 auto;
  z-index:1;
  width: 100%;
    transform: translate(-50%, -0%);
    -webkit-transform: translate(-50%, -0%);
    -o-transform: translate(-50%, -0%);
    -moz-transform: translate(-50%, -0%);
*/
  height: 40px;
  line-height: 3;
  color:#fff;
  font-size:12px;
  text-align:center;
  text-transform:uppercase;
  padding:4px 10px;
  //background:#e94a34;
  background:#171717;
  border-style: none;
  cursor: pointer;
  cursor: hand;
  display: block;
  border:0;
  //border-radius:50px;
  clear:both;
}
a.f_button:hover {
  background:#e94a34;
}

/* @group Фильтр по свойствам */
/*
#features {
  background-color: #f0f0f0;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%;
}
#features .feature_name{
  padding: 7px;
}
#features .feature_values{
  padding: 7px;
}
#features a {
  padding-right: 6px;
  white-space: nowrap;
}
#features a.selected {
  color: #505050;
  text-decoration: none;
}
*/


/* @group Фильтр по свойствам */
.feature_values::-webkit-scrollbar {
    width: 6px;
    position:absolute;
}
.feature_values::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #f2f2f2;
}
.feature_values::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #ddd;
}
.feature_values::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
    cursor:pointer; 
  cursor:hand;
}
.feature_values::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,175,255,0.4); 
}

#features {
  width:100%;
  overflow:hidden;
  padding:0px 0px 20px;
  z-index:0;
}
#features ul {
  width: 100%;
  max-height:253px;
  overflow-y:auto;
  overflow:hidden;
}
#features ul:last-child {
  //border-top:1px solid #f4f4f4;
}
#features .feature_name{
  text-align:left;
  width:100%;
  padding: 15px 10px 0px;
  font-weight:600;
  font-size:14px;
  //text-transform:uppercase;
  color:#000;
  overflow:hidden;
}
#features ul.feature_values{
  float: left;
  //margin:10px 0;
  padding: 0px 0px 15px;
  overflow-y:auto;
}
#features ul.feature_values li{
  margin-top:0px;
  line-height:0;
  padding: 0px 0px;
  float:left;
  display:block;
  clear:both;
}
#features a {
  white-space: nowrap;
}
#features a.selected {
  //background-color: #4a4a4a;
  color: #505050;
  text-decoration: none;
}
/* @end — Фильтр по свойствам*/


._checkbox { padding:0px; margin-left:0px; }
._checkbox input[type="checkbox"] { opacity: 0; position: absolute; }
._checkbox input[type="checkbox"] + label { 
  position:relative;
  color:#000; 
  font-size:14px; 
  font-weight:100; 
  display:inline-block; 
  text-indent:0px; 
  white-space: nowrap;
  text-overflow:ellipsis;
  cursor:pointer;
  margin-left:10px;
  line-height:1;
}
._checkbox input[type="checkbox"] + label:hover {
  color:#aeaeae;
}
  @-moz-document url-prefix() {
    ._checkbox input[type="checkbox"] + label { 
      font-size:14px;
      font-weight:300;
      text-indent:-1px;
    }
  }
._checkbox input[type="checkbox"] + label > mark { 
  position:relative;
  margin-bottom:4px;
  margin-right:5px;
  display:inline-block;
  width:16px;
  height:16px;
  line-height:1;
  border:0px solid #e1e1e1;
  background:#e1e1e1;
  text-indent: 0;
  //z-index:0;

  -webkit-border-radius:40px;
  -moz-border-radius:40px;
  -khtml-border-radius:40px;
  -ms-border-radius:40px;
  border-radius:40px; 

}
._checkbox b {
  font-weight:100;
  position:relative;
  top:-8px;
}
._checkbox input[type="checkbox"] + label > mark:hover { border:1px solid #e1e1e1;background:#f1f1f1; }
._checkbox input[type="checkbox"]:checked + label > mark{
  background:#fcfcfc url('../images/grey-check.svg') no-repeat center center;
  //position:relative;
}
._checkbox input[type="checkbox"]:checked + label > mark:before {
/*
    content: '';
    position: absolute; 
  top:6px;
  left: 0px;   
    width: 9px;
    height: 3px;
    background: #171717;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);  
*/  
  background:url('../images/actions.svg') no-repeat center center;
}
._checkbox input[type="checkbox"]:checked + label > mark:after{
/*
    content: '';
    position: absolute; 
  top:4px;
  left: 4px;
    width: 13px;
    height: 3px;
    background: #171717;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);   
*/
  background:#000 url('../images/actions.svg') no-repeat center center;    
}
/* @end — Фильтр по свойствам*/


.field{
  position:relative;
  display:block;
  width:100%;
  max-width: 1122px;
  min-height:1px;
  margin:0 auto;
  padding:0 10px;
  overflow:hidden;
  clear:both;
}
.field h1{
  font-size:29px;
  text-align:left;
  padding:0px 0 10px;
}
.field span{
  font-size:12px;
  text-align:left;
  padding:0px 0 10px;
}

.fields{
  position:relative;
  display:none;
  float:left;
  width:100%;
  min-height:1px;
  height:auto;
  height:100px;
  max-height:390px;
  background:#fff;
  border-bottom:0px solid #fafafa;
  border-left:0px solid #fafafa;
  overflow:hidden;
  padding:20px 0;
}
@media (min-width:768px){
  .fields{
    position:relative;
    display:block;
    float:left;
    width:100%;
    min-height:1px;
    max-height:390px;
    background:#fefefe;
    border-bottom:1px solid #fafafa;
    border-top:1px solid #fafafa;
    overflow:hidden;
    padding:0px 0;
  }
}
@media (min-width:1024px){
  .fields{
    position:relative;
    display:block;
    float:left;
    width:50%;
    min-height:1px;
    height:100%;
    height:390px;
    max-height:390px;
    background:#fefefe;
    border-bottom:1px solid #fafafa;
    border-top:0px solid #fafafa;
    border-left:1px solid #fafafa;
    overflow:hidden;
    padding:20px 0;
  }
  .fields:hover{
    background:#fafafa;
  }
}
@media (min-width:1100px){
  .fields{
    position:relative;
    display:block;
    float:left;
    width:50%;
    min-height:1px;
    height:100%;
    height:390px;
    max-height:390px;
    background:#fff;
    border-bottom:1px solid #fafafa;
    border-top:0px solid #fafafa;
    border-left:1px solid #fafafa;
    overflow:hidden;
    padding:20px 0;
  }
  .fields:hover{
    background:#fafafa;
  }
}
.fields .description{
  position:relative;
  display:block;
  width:100%;
  text-align:center;
  padding:0 30px;
  margin:0 auto;
  overflow:hidden;
}
.fields .description h1{
  //font-size:2.4vw !important;
  font-size:24px !important;
  font-weight:700;
  font-family:sans;
  font-style:italic;
  color:#000;
  //text-transform:uppercase;
  line-height:1;
}
.fields .description p{
  font-size:1.25vw !important;
  font-family:sans;
  font-style:italic;
  color:#000;
  line-height:1.15;
}
.fields .description span{
  font-size:1.7vw !important;
  font-family:sans;
  font-style:italic;
  color:#000;
  line-height:1.15;
}
@media (min-width:768px){
  .fields .description h1{
    //font-size:2.4vw !important;
    font-size:24px !important;
    color:#000;
  }
  .fields .description span{
    font-size:1.7vw !important;
    line-height:1.15;
    color:#000;
  }
}
@media (min-width:1024px){
  .fields .description h1{
    //font-size:2vw !important;
    font-size:24px !important;
    font-weight:700;
    font-family:sans;
    font-style:italic;
    color:#000;
    //text-transform:uppercase;
    line-height:1;
  }
  .fields .description span{
    font-size:1.15vw !important;
    font-family:sans;
    font-style:italic;
    color:#000;
    line-height:1.1;
  }
}
@media (max-width:767px){
  .fields .description p{
    display:none;
  }
  .fields .description span{
    display:none;
  }
}



/* filter hide */

.half {
  float: left;
  width: 100%;
  margin-top:10px;
  margin-bottom:15px;
  padding-bottom:15px;
  border-bottom:1px solid #f1f1f1;
}
.tab_filter {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #000;
  overflow: hidden;
}
.tab_filter input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab_filter label {
  position: relative;
  display: block;
  padding: 0 0 0 0px;
  color:#717171;
  background: #fff;
  font-weight: 400;
  line-height: 3;
  cursor: pointer;
}
.tab_filter-content {
  max-height: 0;
  overflow: hidden;
  background: #fff;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}
.tab_filter-content a {
  display:inline-block;
  width:100%;
  //margin:5px 15px;
  padding:5px 15px;
  background:#fafafa;
}
/* :checked */
.tab_filter input:checked ~ .tab_filter-content {
  max-height: 100vh;
}

.tab_filter label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.tab_filter input[name=tabs] + label::after {
  content: "+";
  font-size:15px;
  font-family:Arial,Verdana;
  font-weight:100;
}
.tab_filter input[name=tabs]:checked + label::after {
  //transform: rotate(315deg);
  content: "-";
  font-size:15px;
  font-family:Arial,Verdana;
  font-weight:100;
}
/* filter hide THE END */



/* @group Сортировка */
.sort {
  position:absolute;
  bottom:0px;
  display:block;
  //background:#fff;
  width:100%;
  min-height:1px;
  color: #303030;
  font-size: 12px;
  font-weight:100;
  padding-bottom:10px; /* 25 */
  padding-left:10px;
  padding-right:10px;
  overflow:hidden;
}
.limit {
  display:block;
  float:left;
  width:auto;
  margin-top:4px;
}
.sort .limit a{
  margin-left: 5px;
  padding: 0px 8px;
  font-size: 12px;
  font-weight:400;
}
.sort .limit a:hover {
  color: #000;
  background:#dbdbdb;
  padding: 0px 8px;
  text-decoration: none;
  margin-left: 5px;
  border-radius:20px;
}
.sort .limit .selected {
  color: #fff;
  //background:#78ba31;
  //background:#4e91fe;
  background:#171717;
  padding: 0px 8px;
  text-decoration: none;
  margin-left: 5px;
  border-radius:20px;
}
.sort--position {
  display:block;
  float:right;
  width:auto;
}
.sort .sort--position a{
  margin-left: 5px;
  padding: 0px 8px;
  font-size: 12px;
  font-weight:400;
}
.sort .sort--position .selected {
  color: #777;
  //background:#e1e1e1;
  //background:#4e91fe;
  //background:#fff;
  border-bottom:1px solid #d1d1d1;
  padding: 0px 8px;
  text-decoration: none;
  margin-left: 5px;
  border-radius:0px;
}
.sort .sort--position a:hover {
  color: #000;
  background:#dbdbdb;
  padding: 0px 8px;
  text-decoration: none;
  border-radius:20px;
}

@media (min-width:768px){
  .sort {
    position:absolute;
    bottom:0;
  }
}


.custom-select {
  border:0;
  border-bottom: 1px solid #ddd;
  //border: 1px solid #ddd;
  //border-radius: 20px;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  font-size:12px;
  display: inline-block;
  margin: 0 auto;
  margin-left:10px;
  padding: 4px 10px 4px 10px;
  width: auto;
  color: #000;
}
.custom-select:hover {
  background:#f1f1f1 url('../images/faq_arrow_down.png') 95% 50% no-repeat;
  background-size:4%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .custom-select {
    background: url('../images/faq_arrow_down.png') 95% 50% no-repeat;
    background-size:4%;
  }
}
/* @end */


.subcategories{
  display:block;
  margin-top:0px;
  border-bottom:1px solid #fafafa;
  padding-bottom:0px;
}
.subcategories li span{
  font-weight:700;
  font-size:14px;
}
.subcategories li{
  display:inline-block;
  width:100%;
  //line-height:1;
  padding:15px 10px;
}

.p-show{
  display:block;
  float:left;
  width:50%;
  background: #fcfcfc;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 14px;
  line-height:30px;
  overflow: hidden;  
  
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.p-show a {
  display: block;
  float: left;
  background-color: #fff;
  margin-left: 10px;
  padding: 0px;
  width: 30px;
  height:30px;
  line-height:30px;
  text-align: center;
  border: 0px solid #000;
  border-radius:50px;
  text-decoration: none;
}
.p-show a.selected:hover,
.p-show a.selected {
  background-color: #171717;
  color: #fff;
  border:0px solid #000;
}
.p-show a:hover {
  background-color: #ddd;
  color:#000;
}
@media (max-width:768px){
  .p-show{
    display:none;
  }
}

.paginat--show{
  display:block;
  position:relative;
  width:100%;
  min-height:1px;
  overflow:hidden;
  clear:both;
}

/* @group Постраничная навигация */
.pagination {
  display:block;
  float:right;
  width:50%;
  background: #fcfcfc;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 14px;
  line-height:30px;
  overflow: hidden;  
  
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pagination div {
  display: block;
  float: left;
  background-color: #fff;
  margin-left: 10px;
  padding: 0px;
  width: 30px;
  height:30px;
  line-height:30px;
  text-align: center;
  border: 0px solid #000;
  border-radius:50px;
  text-decoration: none;
}
.pagination div.selected:hover,
.pagination div.selected {
  background-color: #171717;
  color: #fff;
  border:0px solid #000;
}
.pagination div:hover {
  background-color: #ddd;
  color:#000;
}
.pagination a {
  display: block;
  float: left;
  background-color: #fff;
  margin-left: 10px;
  padding: 0px;
  width: 30px;
  height:30px;
  line-height:30px;
  text-align: center;
  border: 0px solid #000;
  border-radius:50px;
  text-decoration: none;
}
.pagination a.selected:hover,
.pagination a.selected {
  background-color: #171717;
  color: #fff;
  border:0px solid #000;
}
.pagination a:hover {
  background-color: #ddd;
  color:#000;
}

.pagination a.next_page_link, .pagination a.prev_page_link{
  border: none;
  background: none;
}
@media (max-width:768px){
  .pagination{
    width:100%;
  }
}
/* @end */

.txt h2{
          text-align:left;
          font-size:20px;
          color:#171717;
}
.txt h3{
          text-align:left;
          font-size:18px;
          color:#171717;font-weight:600;
  padding:0;margin:0 0 5px 0;
}
.txt    ul {
  padding:0;margin:0 0 10px 0;
}
.txt    li {
    list-style: circle;
  font-size:16px;
  padding:0;margin:0 0 0px 0;
}
.txt a{
          text-decoration:none;
          color:#717171;
}
.txt a:hover{
          text-decoration:underline;
          color:#000;
}


/* @group Просмотренные товары */
#browsed_products{
  margin-top: 15px;
  margin-bottom: 10px;
  overflow: hidden;
}
#browsed_products li{
  display: block;
  float: left;
  overflow: hidden;
  border: 0px solid #f1f1f1;
  background-color: #ffffff;
  margin: 0 2% 2% 0;
  width: 31%;
  height: 100%;
}
#browsed_products li img{
  width:100%;
}
#browsed_products li a{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 100%;
  opacity:1;
}
#browsed_products li a:hover{
  opacity:.7;
}
/* @end — Просмотренные товары */


/* @group Формы */
input[type="text"],
input[type="password"]
{
  width: 100%;
  font-size: 18px;
}
.form{
  width:100%;
  margin-bottom:30px;
  overflow:hidden;
}
.form textarea {
  width:100%;
  height:100px;
  font-size: 18px;
  
  -webkit-border-radius:5px;
  border-radius:20px;
  border:1px solid #f4f4f4;
  padding:10px 20px;
}
.form input[type="text"]{
  display:block;
  margin-bottom: 10px;
}

/* @group Комментарии */
#comments h3{
    font-style:italic;
  font-family:sans;
  text-align:center;
  margin-bottom:30px;
}
.comment_list {
  margin-top: 15px;
  margin-bottom: 15px;
  list-style: none;
}
.comment_list li{
  //border-left:1px solid #f1f1f1;
  padding-left:30px;
  padding-right:30px;
  padding-top:15px;
  padding-bottom:15px;
  margin-top:15px;
  margin-bottom:15px;
  //background:#fcfcfc;
  opacity:1;
}
.comment_list li:hover{
  opacity:.9;
}
/*
.comment_list li {
  margin-bottom: 10px;
  padding: 15px;
  background:#fff;
  border:1px solid #f4f4f4;
  border-radius:5px;
}
*/
/*
.comment_list li{
  border: 1px solid #f4f4f4;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 15px;
  position: relative;
  background: #fff;
}
.comment_list li::after, .comment_list li::before {
  content: '';
  position: absolute;
  background: #fff;
  border-bottom: 1px solid #f4f4f4;
  border-right: 1px solid #f4f4f4;
  //left: 20px; 
  left: -1px; 
  //bottom: -11px;
  bottom: -1px;
  width: 20px; 
  height: 20px;
  z-index: -1; 
  //transform: rotate(45deg);
  //-webkit-transform: rotate(45deg);
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.comment_list li::before {
  z-index: 1;
  box-shadow: none;
}
*/
.comment_border{
  border: 0px solid #f4f4f4;
  border-radius: 50px;
  padding: 10px 10px 4px 20px;
  margin-bottom: 0px;
  position: relative;
  background: #f9f9f9;
}
.comment_border::after, .comment_border::before {
  content: '';
  position: absolute;
  background: #f9f9f9;
  border-bottom: 0px solid #f4f4f4;
  border-right: 0px solid #f4f4f4;
  //left: 20px; 
  left: -0px; 
  //bottom: -11px;
  top: -0px;
  width: 20px; 
  height: 20px;
  z-index: -1; 
  //transform: rotate(45deg);
  //-webkit-transform: rotate(45deg);
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.comment_border::before {
  z-index: 1;
  box-shadow: none;
}
.comment_header {
  font-size: 14px;
  //color:#919191;
}
.comment_header span {
  font-size: 14px;
  margin-top:5px;
  clear:both;
}
.comment_border i, 
.comment_header i {
  font-style:normal;
  clear:both;
  color: #000;
  font-size: 13px;
}
.i_background{
  //background:#fff;
  padding:2px 5px;
  opacity:.5;
}
.comment_border:hover > .i_background{
  opacity:1;
}
.comment_border p{
  clear:both;
  color: #000;
  font-size: 14px;
}
.comment_header p {
  color: #171717;
  font-size: 14px;
  clear:both;
}
.comment_header b {
  color: #000;
  font-size: 16px;
  margin-right:5px;
  clear:both;
}
/* @end — Комментарии*/

/* @group Форма отправки комментария */
.comment_form {
  display:block;
  padding: 0px;
  margin-top: 20px;
  width: 100%;
  overflow: hidden;
}
.comment_form h2 {
  margin-bottom: 0px;
}
.comment_form .comment_textarea {
  width: 100%;
  height: 100px;
  font-size: 12px;
}
.comment_form label {
  display: block;
  float: left;
  width: 100px;
  font-size: 18px;
  margin-top: 15px;
}

input[type="text"].input_name{
  display:flex;
  float:left;
  width: 28%;
  margin-right:1%;
  font-size: 16px;
}
textarea[name="text"].comment_textarea{
  display:block;
  float:left;
  margin-top:10px;
  width: 100%;
  font-size: 16px;
  border:1px solid #f1f1f1;
}
.comment_form .button,
.feedback_form .button,
.register_form .button,
.login_form .button{
  display: block;
  margin-top: 10px;
  margin-right: 0px;
}
/* @end — Форма отправки комментария */

/* @group Форма отправки обратной связи */
.feedback_form {
  background-color: #f3f3f3;
  border: 1px solid #e0e0e0;
  padding: 20px;
  margin-top: 20px;
  width: 90%;
  overflow: hidden;
}
.feedback_form .input_captcha, .register_form .input_captcha{
  float: left;
  width: 150px;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 15px;
  height: 36px;
}
.feedback_form .captcha, .register_form .captcha{
  float: left;
  display: block;
  margin-top: 15px;
  margin-right: 10px;
}
.feedback_form .button_send {
  font-size: 18px;
  float: right;
  margin-top: 25px;
}
/* @end — Форма отправки комментария */


/* @group Корзина */
form[name=cart] {
  display:block;
  clear:both;
}
input[name="coupon_code"]{
  display:block;
  float:left;
  width:70%;
  height:44px;
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}
a[name="apply_coupon"]{
  display:block;
  float:left;
  width:100%;
  cursor:pointer;
  text-align:left;
  font-size:12px;
  clear:both;
  margin-bottom:15px;
  color:#717171;
}
a[name="apply_coupon"]:hover{
  color:red;
}
input[name="apply_coupon"]{
  display:block;
  float:left;
  width:30%;
  height:44px;
  background:#f1f1f1;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  cursor:pointer;
}
input[name="apply_coupon"]:hover{
  display:block;
  float:left;
  width:30%;
  height:44px;
  background:#171717;
  color:#fff;
  border:#171717;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  cursor:pointer;
}

input[name="checkout"]{
  position:relative;
  display:block;
  overflow:hidden;
  margin-top:20px;
  margin-bottom:20px;
  clear:both;
}
#purchases{
  width: 100%;
}
#purchases tr{
  display:block;
  border-bottom: 1px solid #f1f1f1;
  padding:5px 0;
  overflow:hidden;
}
#purchases th{
  vertical-align: middle;
  font-size: 14px;
}
#purchases .remove{
  width:2%;
  padding-left: 0px;
  opacity:.3;
}
#purchases .remove:hover{
  opacity:1;
}
#purchases .remove img{
  width:100%;
}
#purchases .image{
  width: 10%;
  text-align: center;
  padding-left: 15px;
}
#purchases .image img{
  width:100%;
}

#purchases .name{
  width:300px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}
#purchases td.name{
  font-size: 14px;
}
#purchases td .download_attachment{
  white-space: nowrap;
  color: #3b8500;
  padding: 5px 10px 7px 10px;
  border-bottom-color: 1px dotted green;
  background-color: #ccff72;
  line-height: 30px;
}

#purchases .price{
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
  text-align: right;
}
#purchases td.price{
  font-size: 14px;
}
#purchases .amount{
  font-size: 14px;
  padding-left: 5px;
  padding-right: 5px;
}
#purchases .amount select{
  font-size:12px;
}

#purchases .coupon .name{
  font-size:14px;
}
#purchases .coupon .name input.coupon_code{
  width: 200px;
}
#purchases .coupon .name input{
  font-size:16px;
}

.styled-checkbox {
  position: relative;
  float: left;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  position:relative;
  top:-2px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: #fff;
  border:1px solid #d1d1d1;
  border-radius:20px;
}
.styled-checkbox:hover + label:before {
  background: #fff;
}
.styled-checkbox:checked + label:before {
  background: #d1d1d1;
  border:1px solid #d1d1d1;
  border-radius:20px;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 0px;
  top: -4px;
  width: 20px;
  height: 20px;
  //background:url('../images/grey-check.svg') no-repeat center center;
  //background:#717171 url('../images/verify.png') no-repeat center center;
  border-radius:0px;
}

ul#deliveries{
  margin-top: 20px;
  margin-bottom: 20px;
  list-style: none;
}
ul#deliveries b{
  font-weight:400;
  font-size:16px;
}
ul#deliveries li{
  margin-bottom: 10px;
}
ul#deliveries li .checkbox{
  float: left;
}
#deliveries .description{
  display: block;
  margin-top: 10px;
  margin-left: 0px;
  //background:#f3f5f8;
  background:#f8f8f8;
  border-left:0px solid #eee;
  padding:10px;
  padding-bottom:1px;
  margin-left:0px;
}
#deliveries .description p{
  font-size:14px !important;
  line-height:18px;
  color:#717171;
}
/* @end */


/* @group Кабинет */
#orders_history
{
  list-style: none;
}
#orders_history li
{
  margin-bottom: 10px;
}
#orders_history li a
{
  font-size: 16px;
}
/* @end — Кабинет */



/* @group Детали заказа */
table.order_info {
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #f9f9f9;
}
table.order_info td {
  padding: 10px;
  border: 1px dotted #e0e0e0;
  font-size: 14px;
}
.checkout_button {
  padding: 10px 20px 10px 20px;
  border: 1px solid #51a400;
  background-color: #d3ffa9;
  color: #2e5e00;
  font-size: 14px;
}
/* @end */


/* Сообщение с ошибкой */
.message_error{
  clear: both;
  height: auto;
  padding: 12px 20px;
  margin-bottom: 20px;
  margin-top: 10px;
  overflow: hidden;
  color: red;
  background-color: rgba(210,73,81,.07);
  //border-left: 3px solid #ff4545;
}




@media (min-width:1100px){
  #scrolltop{
    position: fixed;
    bottom: 160px;
    right: 30px;
    //background: rgba(252,252,252,.5) url('../images/top_.png') no-repeat center center;
    background: #e1e1e1 url('../images/top_.png') no-repeat center center;
    background-size:auto;
    width: 45px;
    height: 45px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index:10;
  }
  #scrolltop:hover{
    background:rgba(1,1,1,.7) url('../images/top_.png') no-repeat center center;
    background-size:auto;
  }
  #scrolltop:hover i{
    color: #fff;
    top: 5px;
  }
}
@media (max-width:1099px){
  #scrolltop{
    position: fixed;
    bottom: 10rem;
    right: 1rem;
    //background: rgba(241,241,241,.9) url('../images/top_.png') no-repeat center center;
    background: rgba(1,1,1,.7) url('../images/top_.png') no-repeat center center;
    background-size:30%;
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index:10;
  }
  #scrolltop:hover{
    //background:#e1e1e1 url('../images/top_.png') no-repeat center center;
    background:rgba(1,1,1,.7) url('../images/top_.png') no-repeat center center;
  background-size:30%;
  }
  #scrolltop:hover i{
    color: #fff;
    top: 5px;
  }
}


#login{
  display:block;
  width:98vw;
}
#login p{
  display:none;
  font-size:14px;
  line-height:1.2;
  padding-bottom:15px;
}
@media (min-width:1024px){
  #login{
    display:flex;
    width:80vw;
  }
  #login p{
    display:block;
  }
}
.login_sing_in, .login_sing_up{
  float:left;
  width:100vw;
}
.login_sing_in{
  background:#fff;
  padding:2rem 4rem;
}
.login_sing_up{
  background:#fff;
  border-left:1px solid #eee;
  padding:2rem 4rem;
}
@media (min-width:1024px){
  .login_sing_in, .login_sing_up{
    float:left;
    width:50vw;
  }
}

.release_date{
position:absolute;
top:50px;
left:0px;
right:0px;
width:70%;
padding:10px 10px;
margin:0 auto;
background:#313131;
color:#fff;
border-radius:3px;
z-index:1; 
}
@media (max-width:756px){
.release_date{
top:50px;
width:90%;
}  
}


/* Звёздный рейтинг товаров */
.rating .rater-starsOff, .rating .rater-starsOn { width: 80px; display: inline-block; background:url(../images/rating2.png) repeat-x 0 0px; height:16px; }
.rating .rater-starsOn { background-position: 0 -16px; }
/* @end */


.brand-country{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;color:#000;}
.brand-country .key{margin-right:5px;color:#777;}
.brand-country .flag{width:20px;margin-left:8px;}

::-moz-selection {
  color: #000;
  background: #f1f1f1;
}
::selection {
  color: #000;
  background: #f1f1f1;
} 




/* Снег */
.snow-container {
  position: absolute;
  height: 100%;
  width: 100%;
  max-width: 100%;
  top: 0;
  overflow: hidden;
  z-index: 200;
  pointer-events: none;
}
.snow {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-animation: snow linear infinite;
          animation: snow linear infinite;
}
.snow.foreground {
  background-image: url("../images/snow-large-075d267ecbc42e3564c8ed43516dd557.png");
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}
.snow.foreground.layered {
  -webkit-animation-delay: 7.5s;
          animation-delay: 7.5s;
}
.snow.middleground {
  background-image: url("../images/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png");
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
}
.snow.middleground.layered {
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
}
.snow.background {
  background-image: url("../images/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png");
  -webkit-animation-duration: 30s;
          animation-duration: 30s;
}
.snow.background.layered {
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
}
@-webkit-keyframes snow {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(15%, 100%, 0);
            transform: translate3d(15%, 100%, 0);
  }
}
@keyframes snow {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(15%, 100%, 0);
            transform: translate3d(15%, 100%, 0);
  }
}
/* Снег (The End) */