.wrapper{
  overflow: hidden;
}


/*===== MENU =====*/
.menu a{
  font-weight: 600;
  color:#222222;
  font-size: 15px;
  display: block;
  padding: 10px 25px;
  border-top: 1px solid #e8e8e7;
  -webkit-transition: background 0.24s ease;
  -moz-transition: background 0.24s ease;
  -ms-transition: background 0.24s ease;
  -o-transition: background 0.24s ease;
  transition: background 0.24s ease;
}

.menu a:hover{
  background-color: #eeeeee;
}


/*===== MENU =====*/

/*===== NAV =====*/
.nav ul {
  display: flex;
}

.nav a{
  font-weight: 600;
  font-size: 17px;
  padding: 10px 10px 10px 10px;
  margin-right: 50px;
  color:white;
  font-weight: 200;
  text-decoration: none;
  position: relative;
  display: inline-block;
}

.nav a:after{
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 1px dotted #d92b8c;
  display: block;
  left: 0;
  bottom: 0;
  -webkit-transition: width 0.25s ease;
  -moz-transition: width 0.25s ease;
  -ms-transition: width 0.25s ease;
  -o-transition: width 0.25s ease;
  transition: width 0.25s ease;
}

.nav a:hover:after{
  width: 0;
}

.nav_in .hide_show_menu{
  font-weight: 600;
  font-size: 14px;
}

.nav_in .hamburger__box{
  margin-right: 3px;
}

.main_nav li > a{
  padding-right: 75px;
  position: relative;
}

.main_nav li > a img{
  position: absolute;
  top: 17px;
  left: 0;
}


.nav{
  position: relative;
}


.nav .caret_rotate {
  position: absolute;
  left: 30%;
  top: -9px;
  color: #f96f13;
  border-bottom: 9px dashed;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.nav .caret_rotate a {
  text-transform: none;
  text-align: center;
}

.nav_wrap {
  position: relative;
  height: 58px;
}
.nav_wrap .caret {
  position: absolute;
  right: -15px;
  top: 8px;
}

.nav_wrap > ul {
  width: 100%;
  padding-right: 150px;
}

.nav_wrap  ul{
 margin: 0;
 padding: 0;
}

.main_nav > ul li.active, .main_nav > ul li.active:hover, .main_nav > ul li a:hover, .main_nav .nav__drop_btn:hover {
  color: #f96f13;
}

.main_nav > li {
  display: inline-block;
}

.nav_wrap > ul li:first-child a {
  padding-left: 0;
}

.main_nav  > li a i{
  font-size: 11px;
  margin-left: 7px;
  display: inline-block;
  position: absolute;
  top:22px;
  right: -15px;
}


.main_nav li a, .nav_wrap .nav__drop_btn {
  font-weight: 500;
  font-size: 14px;
  display: block;
  text-align: left;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

.main_nav li:last-child a{
  padding-right: 0;
}

.main_nav > li:hover span:before{ 
  visibility: visible;
  opacity: 1;
}

.main_nav > li a span:before{
  content: "";
  position: absolute;
  bottom: 0;
  left:0;
  width: 100%;
  height: 2px;
  background-color: #ff9945;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.main_nav li a span{ 
  padding: 17px 0px 21px 0px;
  display: block;
  position: relative;
}

.main_nav .dropdown li{
  display: block;
}


.nav_wrap .nav__drop_btn {
  border: none;
  background-color: transparent;
  outline: none;
}

.dropdown{
  position: relative;
}

.nav__drop_list{
  position: absolute;
  top:100%;
  left:0;
}

.nav_wrap .dropdown:hover .nav__drop_list{
  visibility:visible;
  opacity: 1;
}

.nav_wrap .nav__drop_list {
  left: 0;
  text-align: left;
  font-weight: 400;
  box-shadow: none;
  border-radius: 0;
  border: none;
  min-width: 200px;
  margin: 0;
  background: #445c8e;
  visibility:hidden;
  opacity: 0;
  font-size: 13px;
  -webkit-transition: opacity 0.15s ease;
  -moz-transition: opacity 0.15s ease;
  -ms-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
.nav_wrap .nav__drop_list a {
  font-weight: 400;
  color: #c8d3e9;
  padding: 0;
  display: block;
  padding: 10px 25px !important;
  border-bottom: 1px solid #4d679d;
}
.nav_wrap .nav__drop_list a:hover {
  color: white;
  background: #4d679d;
}


.nav_wrap .nav__drop_btn > span {
  display: inline-block;
  position: relative;
}

@media (max-width: 1199px) {
 .main_nav li a, .nav_wrap .nav__drop_btn{padding: 17px 35px 22px 33px;}
 .main_nav > li:nth-child(6n){
  display: none;
}
  .nav a{font-size: 16px;}
}

@media (max-width: 991px) {
  .nav{display: none;}
  .nav_wrap > ul {
    display: none;
  }
}

/*===== NAV =====*/


/*===== head =====*/
.logo{
  margin-right: 80px;
}

.logo a{
  display: inline-block;
}

.logo img{
  width: 86px;
}


.head{
  position: absolute;
  left: 0;
  right: 0;
  top: 20px;
  z-index: 2;
}

.header-inverse{
  top:0;
  background-color: #222;
}

.header-inverse .logo img{
    width: 65px;
}
.header-inverse .nav a {
      font-size: 16px;
}

.header-inverse .head__phone{    font-size: 17px;}

.header-inverse .head{
  position: relative;
  top:0;
  padding-top: 8px;
  padding-bottom: 12px;
}

.head .row{
  justify-content: space-between;
  align-items: center;
}

.head__phone{
  font-size: 20px;
  font-weight: 800;
  color:white!important;
}

.head__right{
  text-align: right;
}

.head_in{
  display: flex;
  justify-content: left;
    align-items: center;
}

@media (max-width: 1199px) {
  .head__phone{font-size: 18px;}

}


@media (max-width: 767px) {
   .logo img{width: 60px;}
  .head__phone{font-size: 17px;}
}
/*===== head =====*/

/*===== section1 =====*/
.section1{
  background: #1c141d url(/user/upload/images/design/section1.png) no-repeat top right;
  height: 990px;
}

.section1 > .container{
  height: 100%;
}

.section1__title{
  font-size: 60px;
  font-weight: 800;
  color:white;
  margin-bottom: 50px;
  -moz-transform: scale(1) translateX(0px) translateY(30px);
  -webkit-transform: scale(1) translateX(0px) translateY(30px);
  -o-transform: scale(1) translateX(0px) translateY(30px);
  -ms-transform: scale(1) translateX(0px) translateY(30px);
  transform: scale(1) translateX(0px) translateY(30px);
  opacity: 0;
  animation: section1__title 2s forwards ease;
  animation-delay: 0.3s;
}


.section1__title span{
  color:#ee1f92;
  text-shadow: 0 0 30px rgba(238, 31, 146, 0.9), 0px 0px 13px rgba(217,43,140,0);
}

.section1__subtitle{
  color:#dfdff3;
  font-size: 17px;
  line-height: 1.55;
  opacity: 0;
  animation: section1__title 2s forwards ease;
  animation-delay: 1.4s;
}

.section1__in{
  height: 100%;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.section1__price{
  display: flex;
  align-items: center;
  justify-content: left;
  margin-top: 50px;
  opacity: 0;
  margin-bottom: 35px;
  animation: section1__title 2s forwards ease;
  animation-delay: 2s;
}

.section1__btn .btn {
  opacity: 0;
  animation: section1__title 2s forwards ease;
  animation-delay: 2.3s;
  margin-top: 40px;
}

.section1__oldprice{
  color:#fa1a97;
  font-size: 27px;
  text-decoration: line-through;
  font-weight: 200;
  margin-right: 20px;
}

.section1__newprice{
  font-size: 37px;
  font-weight: 800;
  color:white;
}

.section1__newprice span{
  font-size: 26px;
}

.section1__info{
  font-size: 15px;
  color:#e3248f;
  margin-top: 20px;
  animation: opacity 1s forwards ease;
  animation-delay: 3s;
  opacity: 0;
  letter-spacing: 0.04em;
}

.section1__right{
  position: absolute;
  right: 140px;
  top:-20px;
  opacity: 0;
  -moz-transform: scale(1) translateX(60px) translateY(-60px);
  -webkit-transform: scale(1) translateX(60px) translateY(-60px);
  -o-transform: scale(1) translateX(60px) translateY(-60px);
  -ms-transform: scale(1) translateX(60px) translateY(-60px);
  transform: scale(1) translateX(60px) translateY(-60px);
    animation: section1__right 2s forwards ease;
  animation-delay: 1s;
}




@-webkit-keyframes opacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}



@-webkit-keyframes section1__title {
  0% {
-moz-transform: scale(1) translateX(0px) translateY(30px);
-webkit-transform: scale(1) translateX(0px) translateY(30px);
-o-transform: scale(1) translateX(0px) translateY(30px);
-ms-transform: scale(1) translateX(0px) translateY(30px);
transform: scale(1) translateX(0px) translateY(30px);
    opacity: 0;
  }

  100% {
    -moz-transform: scale(1) translateX(0px);
-webkit-transform: scale(1) translateX(0px);
-o-transform: scale(1) translateX(0px);
-ms-transform: scale(1) translateX(0px);
transform: scale(1) translateX(0px);
    opacity: 1;
  }
}




@-webkit-keyframes section1__right {
  0% {
  -moz-transform: scale(1) translateX(60px) translateY(-60px);
  -webkit-transform: scale(1) translateX(60px) translateY(-60px);
  -o-transform: scale(1) translateX(60px) translateY(-60px);
  -ms-transform: scale(1) translateX(60px) translateY(-60px);
  transform: scale(1) translateX(60px) translateY(-60px);
    opacity: 0;
  }

   70% {
    opacity: 1;
   }


  100% {
  -moz-transform: scale(1) translateX(0px) translateY(-0px);
  -webkit-transform: scale(1) translateX(0px) translateY(-0px);
  -o-transform: scale(1) translateX(0px) translateY(-0px);
  -ms-transform: scale(1) translateX(0px) translateY(-0px);
  transform: scale(1) translateX(0px) translateY(-0px);
    opacity: 1;
  }
}


.glowing{
  animation: glow 5s infinite ease;
}


@-webkit-keyframes glow {
  0% {
   text-shadow: 0 0 30px rgba(238, 31, 146, 0.9), 0px 0px 13px rgba(217,43,140,0);
 }
 3% {
   text-shadow: 0 0 30px rgba(238, 31, 146, 0.0), 0px 0px 13px rgba(217,43,140,0);
 }
6% {
 text-shadow: 0 0 30px rgba(238, 31, 146, 0.9), 0px 0px 13px rgba(217,43,140,0);
}
40% {
 text-shadow: 0 0 30px rgba(238, 31, 146, 0.9), 0px 0px 13px rgba(217,43,140,0);
}
43% {
 text-shadow: 0 0 30px rgba(238, 31, 146, 0.0), 0px 0px 13px rgba(217,43,140,0);
}
46% {
 text-shadow: 0 0 30px rgba(238, 31, 146, 0.9), 0px 0px 13px rgba(217,43,140,0);
}
49% {
 text-shadow: 0 0 30px rgba(238, 31, 146, 0.0), 0px 0px 13px rgba(217,43,140,0);
}
51% {
 text-shadow: 0 0 30px rgba(238, 31, 146, 0.9), 0px 0px 13px rgba(217,43,140,0);
}
 100% {
   text-shadow: 0 0 30px rgba(238, 31, 146, 0.9), 0px 0px 13px rgba(217,43,140,0);
 }
}
@keyframes glow {
  0% {
   text-shadow: 0 0 30px rgba(238, 31, 146, 0.9), 0px 0px 13px rgba(217,43,140,0);
 }
 3% {
   text-shadow: 0 0 30px rgba(238, 31, 146, 0.0), 0px 0px 13px rgba(217,43,140,0);
 }
6% {
 text-shadow: 0 0 30px rgba(238, 31, 146, 0.9), 0px 0px 13px rgba(217,43,140,0);
}
40% {
 text-shadow: 0 0 30px rgba(238, 31, 146, 0.9), 0px 0px 13px rgba(217,43,140,0);
}
43% {
 text-shadow: 0 0 30px rgba(238, 31, 146, 0.0), 0px 0px 13px rgba(217,43,140,0);
}
46% {
 text-shadow: 0 0 30px rgba(238, 31, 146, 0.9), 0px 0px 13px rgba(217,43,140,0);
}
49% {
 text-shadow: 0 0 30px rgba(238, 31, 146, 0.0), 0px 0px 13px rgba(217,43,140,0);
}
51% {
 text-shadow: 0 0 30px rgba(238, 31, 146, 0.9), 0px 0px 13px rgba(217,43,140,0);
}
 100% {
   text-shadow: 0 0 30px rgba(238, 31, 146, 0.9), 0px 0px 13px rgba(217,43,140,0);
 }
}

@media (max-width: 1599px){
  .section1__right {
    right: 0px;
  }
}

@media (max-width: 1199px){
  .section1{
    height: 820px;
  }
  
  .section1__right img{
    width: 500px;
  }

  .section1__title{
    font-size: 47px;
    margin-top: 20px;
  }
  .section1__subtitle{
    font-size: 16px;
  }

  .section1__title{
    margin-bottom: 25px;
  }
    .section1{background-position: -600px 0px;}
}

@media (max-width: 991px){
  .section1__right {
    right: -120px;
  }

  .section1__subtitle br{display: none;}
}

@media (max-width: 767px){
  .section1__right {
    right: -200px;
  }
}


@media (max-width: 550px){
  .section1__btn .btn{margin-top: 0;}
  .section1__right img{
        width: 400px;
  }
  .section1{
    height: 1020px;
    background-image: none;
    justify-content: start;

background: rgb(28,20,29); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(28,20,29,1) 0%, rgba(135,27,85,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(28,20,29,1) 0%,rgba(135,27,85,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(28,20,29,1) 0%,rgba(135,27,85,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c141d', endColorstr='#871b55',GradientType=0 ); /* IE6-9 */

  }
  .section1__in{
    padding-top: 90px;
    justify-content: start;
  }
  .section1__right{
    bottom: -70px;
    top: auto;
    right: 0px;
  }
  .section1__left {max-width: 100%;}
  .section1__title{font-size: 35px; text-align: center;}
  .section1__subtitle{font-size: 14px; text-align: center;}
  .section1__price{
    display: none;
  }
  .section1__info{display: none;}

  .section1__btn{text-align: center; margin-top: 20px;}

  .section1__price{
    margin-top: 20px`    justify-content: center;
  }
}

@media (max-width: 400px){
  .section1__title{ font-size: 30px;}
  .section1__right{right: -90px;}
  .section1__newprice{font-size: 30px;}
}

/*===== section1 =====*/

/*===== section2 =====*/
.section2{
  padding-top: 155px;
  padding-bottom: 130px;
  background-color: #161017;
}


.section2__title{
  margin-bottom: 45px;
  font-size: 50px;
  font-weight: 800;
  line-height: 1.25;
  color:white;
  text-transform: uppercase;
}

.section2__left{
  padding-right: 50px;
}

.section2__title span{
  color:#ee1f92;
}

.section2__items{
  flex-direction: row;
}

.section2__item{
  color:white;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  position: relative;
  margin-bottom: 40px;
}

.section2__item_in{
  padding-left: 65px;
  position: relative;
}

.section2__item_icon{
  width: 45px;
  position: absolute;
  top: 0;
  left:0;
}

.section2__info{
  margin-top: 20px;
  color:white;
  font-size: 17px;
  font-weight: 200;
}


@media (max-width: 1199px){
  .section2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .section2 >.container >.row{flex-direction: column-reverse;}
  .section2__right{margin-bottom: 40px;}
  .section2__left{padding-right: 00px;}
}


@media (max-width: 550px){
  .section2 .section2__right{
    padding-left: 25px;
    padding-right: 25px;
  }
  .section2__title {
   font-size: 35px;
  }
  .section2__item{
    font-size: 14px;
    margin-bottom: 23px;
  }
  .section2__info{
    margin-top: 15px;
    font-size: 15px;
  }
}

@media (max-width: 350px){
  .section2 .section2__right{
    padding-left: 0px;
    padding-right: 0px;
  }
}
/*===== section2 =====*/


/*===== products__list =====*/
.products__list .product__item {
  margin-bottom: 60px;
}

.product__img_in, .product__item_in {
  position: relative;
}
.product__img_in{
  border-radius: 7px;
  overflow: hidden;
}

.product__hover_img{
  position: absolute;
  z-index: 50;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.45s ease;
-moz-transition: all 0.45s ease;
-ms-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
transition: all 0.45s ease;
}

.product__link:hover .product__hover_img{
  visibility:visible;
  opacity: 1;
}

.product__btn {
  display: block;
  height: 100px;
  position: absolute;
  left:0;
  bottom:-100px;
  width: 100%;
  font-weight: 600;
  z-index: 70;
  color:white;
  font-size: 15px;
  text-transform: uppercase;
  text-align: center;
  background-color: red;
  display: flex;
  justify-content: center;
  align-items: start;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(228,30,141,1) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(228,30,141,1) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(228,30,141,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e41e8d',GradientType=0 );
  -webkit-transition: transform 0.35s ease;
  -moz-transition: transform 0.35s ease;
  -ms-transition: transform 0.35s ease;
  -o-transition: transform 0.35s ease;
  transition: transform 0.35s ease;
}

.product__link:hover .product__btn{
  -moz-transform: scale(1) translateY(-100px);
  -webkit-transform: scale(1) translateY(-100px);
  -o-transform: scale(1) translateY(-100px);
  -ms-transform: scale(1) translateY(-100px);
  transform: scale(1) translateY(-100px);
}

.product__link span{
  display: inline-block;
  border-bottom: 1px solid white;
  margin-top: 45px;
}

.product__link{
  display: block;
}



.stiker {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 70;
}

.stiker img {
  display: inline-block;
}



.product__title {
  font-size: 16px;
  color: #222;
  letter-spacing: 0.04em;
  font-weight: 600;
  margin-bottom: 2px;
  text-transform: uppercase;
  margin-top: 12px;
}

.product__info {
  margin-top: 10px;
}
.product__price {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color:#e3248f;
}

.product__button{
  display: flex;
  justify-content: flex-end;
}

.product__info .product__price {
  padding-top: 8px;
}
.product__price-main {
  display: inline-block;
}

@media (max-width: 1199px){
  .products__list .product__item {
      margin-bottom: 40px;
  }
}
@media (max-width: 767px){
  .product__btn {
  font-size: 13px;
}
  .products__list{
      margin-right: -5px;
    margin-left: -5px;
  }
  .products__list .product__item {
    margin-bottom: 50px;
    padding-right: 5px;
    padding-left: 5px;
  }
  .product__info > .row{
      flex-direction: column;
      align-items: center;
  }

  .product__info{margin-top: 0px}

  .product__title {text-align: center; font-size: 13px;}
  .product__symbol_right{font-size: 13px;}
  .product__button{
    justify-content: center;
  }
  .product__price{padding-bottom: 8px; text-align:center;}
}
/*===== products__list =====*/

/*===== section3 =====*/
.section3{padding: 75px 0 70px;}
.section3 li span{
  display: inline-block;
  border-bottom:1px dotted #222;
}

.section3 .tabs ul li.active{
  color:#ee1f92;
}

.section3 .tabs ul li:hover{
  color: #e3248f;
}

.section3 .tabs ul li.active span{
  border-bottom: none;
}

.section3 .tabs ul{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  margin-top: 20px;
}

.section3 .tabs ul li{
  font-weight: 600;
  font-size: 19px;
  color:#222;
  padding-left: 20px;
  padding-right: 20px;
}

body.fixed .section3 .tabs__caption{
  position: fixed;
  padding: 20px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 100;
  background-color: #1c141d;
}
body.fixed .section3 .tabs ul li{
  color:white;
  font-size: 16px;
}

body.fixed .section3 .tabs ul li span{
  border-bottom: 1px dotted white;
}

body.fixed .section3 .tabs ul .active{
  color: #ff1c9a;
}

body.fixed .section3 .tabs ul .active span{
  border-bottom: none;
}

@media (max-width: 1199px){
  .section3{padding: 60px 0;}
}

@media (max-width: 767px){
  .section3 .tabs ul{
    margin-bottom: 20px;
    margin-top: 10px;
  }
.section3{padding: 40px 0;}
body.fixed .section3 .tabs ul li, .section3 .tabs ul li{font-size: 14px;}
.section3 .tabs ul li{padding-left: 10px;padding-right: 10px;}
}
/*===== section3 =====*/

/*===== footer =====*/
.footer{
  background: #1f141f;
  overflow: hidden;
}

.footer .container{
  position: relative;
}

.footer .container:after{
  position: absolute;
  content:"";
  left:0;
  top:0;
  background: url(/user/upload/images/design/footer.png) 0 0;
  width: 303px;
  height: 444px;
}

.footer_in{
  padding: 90px 0;
  text-align: center;
  position: relative;
  z-index: 2;
}

.footer__title{
  text-transform: uppercase;
  color:white;
  font-weight: 800;
  font-size: 47px;
}

.footer__subtitle{
  font-size: 19px;
  color:#ee1f92;
}

.footer input:not(:disabled):not([type="submit"]), .footer textarea{
  color: #fff;
  border-bottom: 1px solid #757575;
  width: 300px
}

.footer input:not(:disabled):not([type="submit"]):focus{
  border-bottom-color: white;
}

.footer__bottom{
  margin-top: 50px;
  padding-left: 25px;
  padding-right: 25px;
}

.footer__bottom_phone{
  margin-bottom: 20px;
}

.footer__bottom .btn{
  margin-left: 20px;
}


@media (max-width: 1199px){
.footer .container:after{opacity: 0.2;}
.footer_in {padding: 70px 0;}
}


@media (max-width: 767px){
.footer .container:after{opacity: 0.2;}
.footer__title {font-size: 35px;}
.footer__subtitle{font-size: 15px;    margin-top: 10px;}
.footer_in{ padding: 50px 0;}
.footer input:not(:disabled):not([type="submit"]), .footer textarea{    width: 250px; font-size: 14px;}
.footer__bottom{margin-top: 25px;}
}


/*===== footer =====*/

.footer__dev {
  color: #757575;
  margin-bottom: 25px;
  text-align: center;
}

.footer__dev a{
  color:#8b8b8b;
}

.footer a:hover {
  color: #ffffff;
}


.card {
  margin-top: 20px;
  margin-bottom: 50px;
}

.card__title{
  font-size: 24px;
  margin-top: 0;
  font-weight: 600;
  text-transform: uppercase;
}

.card__left {
  margin-bottom: 30px;
  padding-left: 0;
}

.card__articul_in{
  background-color: #f5f5f5;
  font-size: 14px;
  padding: 5px 15px;
  margin-top: 5px;
  display: inline-block;
}


.card__variant{
  margin-top: 20px;
  letter-spacing: 0.02em;
}

.card__pricing{
    padding-top: 20px;
}

.card__price {
  font-size: 55px;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-top: -9px;
  margin-bottom: 10px;
  color: #e3248f;
}

.card__price-main{
  position: relative;
  padding-right: 47px;
  display: inline-block;
}

.card__quantity{
  color: #00bd00;
  margin-top: 12px;
}

.quantity_status-no{
  color:#f02828;
}

.card__price-main .card__symbol_right{
  position: absolute;
  bottom: 11px;
  right: 0;
  font-size: 20px;
}

.card__price-sale{
  text-decoration: line-through;
  font-size: 29px;
  display: inline-block;
  margin-right: 10px;
  font-weight: 400;
}

.card__price-old .card__price-main{
  color:#e62a2a;
}

.card__btn{margin-bottom: 10px;}
.card__btn .btn-card{
  margin-right: 15px;
  margin-bottom: 10px;
}

.card__btn .btn{
  padding: 14px 45px 15px;
}

.btn-card.active{display: none;}
.btn-card-basket{display: none; margin-right: 15px;}
.btn-card-basket.active{display: inline-block;}


.card__plus{
  background-color: #f8f8f8;
  margin-top: 15px;
}

.card__plus_item {
  font-size: 16px;
  color: #353535;
  line-height: 1.3;
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
  letter-spacing: 0.04em;
}

.card__plus .card__plus_itemIn span{
  font-size: 14px;
  text-align: left;
  color: #797979;
  display: inline-block;
}

.card__plus_itemIn .plus__icon{
  background-position: 0 -3px;
}

.card__plus_itemIn {
    position: relative;
    display: inline-block;
    padding-left: 65px;
    padding-right: 20px;
}


.card__detail_title{
  font-size: 15px;
  letter-spacing: 0.02em;
  font-weight: 600;
}

.card__detail_tab{
  display: table;
  width: 100%;
  margin-top: 7px;
}

.card__detail_row{
  display: table-row;
}

.card__detail_col{
  display: table-cell;
  width: 50%;
  border-bottom: 1px dotted #c6c6c6;
  padding: 10px 0 12px;
  font-size: 14px;
}

.card__detail_row:last-child .card__detail_col{
  border:none;
}

.card__tab{width: 100%;}

.card__tab td{
    display: table-cell;
    width: 50%;
    border-bottom: 1px dotted #c6c6c6;
    padding: 10px 0 12px;
    font-size: 14px;
}

.card__anons{
  margin-top: 20px;
  line-height: 1.55;
}

.card__photo_wrap{
  position: relative;
}

.card__photo{
  padding-left: 200px;
  padding-right: 10px;
}

.card__photo-full .card__photo{
  padding-left: 0px;
  padding-right: 0;
}
.card__photo-full .card__slider{display: none;}

.card__slider{
  width: 170px;
  height: 100%;
  position: absolute;
  left:15px;
  top: 0;
}

.card__slider_item{

  padding-bottom: 20px;
  outline: none;
}

.card .slick-next {
  bottom: -18px;
  top: auto;
  left: 0;
  width: 100%;
  background: #f5f5f5;
  height: 35px;
  z-index: 10;
}


.card .slick-arrow:hover{background-color: #f5f5f5;}
.card .slick-arrow:focus{background-color: #f5f5f5;}
.card .slick-prev {
  bottom: auto;
  top: 17px;
  left: 0;
  width: 100%;
  background: #f5f5f5;
  height: 35px;
  z-index: 10;
}

.card .slick-slider{
  position: static;
  height: 100%!important;
}

.card__slider .slick-list{
  height: 100%!important;
  position: relative;
}

.card__slider .active_arrow .slick-list{
  padding-top: 50px;
  padding-bottom: 20px;
}


.card__slider .active_arrow .slick-list:before {
  content: "";
  width: 100%;
  height: 70px;
  background-color: white;
  position: absolute;
  bottom: 25px;
  left: 0;
  z-index: 10;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.card__slider .active_arrow .slick-list:after {
    content: "";
    width: 100%;
    height: 44px;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 10;
/*    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );*/
}

.card .slick-slide{
  opacity: 0.7;
}

.card .slick-slide:hover{
   opacity: 1;
}

.card .slick-center, .card .slick-current{
  opacity: 1;
}


.card .toggle_list{
  margin-top: 30px;
}



.card .toggle_btn-style{
  font-size: 16px;
  background-color: #f6f6f6;
  font-weight: 500;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.card .section2__items {margin-top: 20px;}
.card .section2__item{
  color:#222;
}

.card__photo_mobile{display: none;}
.card__photo_mobile .slick-slide img{
    max-width: 100%;
}

.catalog_ling{
  padding-top: 20px;
}

.catalog_ling a{
  color: #000000;
  display: inline-block;
  background: #f8f8f8;
  padding: 6px 17px;
  font-size: 14px;
  letter-spacing: 0.04em;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.catalog_ling a:hover{
  background: #e3248f;
  color:white;
}

body .card__photo_mobile .slick-arrow{
  position: absolute;
}
body .card__photo_mobile .slick-arrow{
 background:transparent;
 border:none;
}

body .card__photo_mobile .slick-next:before {
background: url(/views/base_template/js/slick-1.8.1/arrow2.png) no-repeat -41px -1px;
  width: 41px;
  height: 41px;
}

body .card__photo_mobile .slick-prev:before {
  background: url(/views/base_template/js/slick-1.8.1/arrow2.png) no-repeat 0 -1px;
 width: 41px;
  height: 41px;
}

body .card__photo_mobile .slick-next, body .card__photo_mobile .slick-prev{width: 55px;}

body .card__photo_mobile .slick-arrow:focus, body .card__photo_mobile .slick-arrow:hover{background:transparent;}


  .slider-nav{margin-top: 10px;}

.card__informers_mob{display: none;}
@media (max-width: 1599px){
  .card__left .toggle_list{display: none;}
  .card__informers_mob{display: block;}
}

@media (max-width: 1599px){
  .card__plus_item{width: 100%;}
  .card__plus_item:last-child{
    display: none;
  }
}

@media (max-width: 1199px){
  .card__slider{
    height: auto;
    position: relative;
    margin-top: 20px;
    width:100%;
  }

  .card__photo{padding-left: 15px;}
      .card .slick-next, .card .slick-prev{
  width: 30px;
  height: 100%;
  bottom:0;
  top: 50%;
  }

.card .slick-prev{border-right: 5px solid white;}
.card .slick-next{border-left: 5px solid white;}

.card__slider .active_arrow .slick-list:after{display:none;}
.card__slider .active_arrow .slick-list:after{display:none;}

  
.card__slider .active_arrow .slick-list:before {
  display:none;
}

.card__slider .active_arrow .slick-list{
  padding-top:0;
  margin-top: 20px;
    padding-left: 30px;
  padding-right: 30px;
}

.card__slider .slick-prev:before{
  -moz-transform: scale(1) rotate(-90deg);
  -webkit-transform: scale(1) rotate(-90deg);
  -o-transform: scale(1) rotate(-90deg);
  -ms-transform: scale(1) rotate(-90deg);
  transform: scale(1) rotate(-90deg);
}

.card__slider .slick-next:before{
  -moz-transform: scale(1) rotate(-90deg);
  -webkit-transform: scale(1) rotate(-90deg);
  -o-transform: scale(1) rotate(-90deg);
  -ms-transform: scale(1) rotate(-90deg);
  transform: scale(1) rotate(-90deg);
}
.card .slick-next{right:0;    left: auto;}

  .card__slider_item, .card__slider .active_arrow .slick-list{padding-bottom: 0px;}

}

@media (max-width: 991px){
  .reviews{
    padding: 0px 0px 30px 0px;
    border-right: 0;
    margin-right: 0px;
    min-height: auto;
  }


}


@media (max-width: 991px){
  .card .slick-slider{position:relative;}
}

@media (max-width: 767px){
  .card__left{margin-bottom: 30px;padding-left: 15px;}
  .card{margin-top: 15px;}
    .card__photo_mobile{display: block;}
  .card__photo_wrap{display: none;}
  .card__title, .card__pricing{text-align: center;}
  .card__anons{text-align: center;}
  .card__price{font-size: 45px;}
  .card__variant{    text-align: center;
    justify-content: center;}
    .card__articul{text-align: center;  }
}



@media (max-width: 400px){
  .card__title{font-size:   20px;}
  .card__plus_itemIn{padding-left: 20px;}
  .card__plus .card__plus_itemIn span{text-align: center;}

}
/*===== card =====*/
/*===========card__attrs========*/
.card__attrs{
  margin-top: 25px;
  margin-bottom: 30px;
}

.card__attrs li{
  padding: 10px 0;
  border-bottom: 1px dotted lightgrey;
  color: #111;
  font-size: 14px;
}

.card__attrs span{
  font-weight: 600;
}

.card__attrs_cell {
  font-size: 15px;
}

.card__attrs_cell:nth-child(1){
  font-weight: 600;
}

/*===========card__attrs========*/


/*================= adaptive_tabs=================*/
.table_size__title{
  font-size: 15px;
  font-weight: 600;
  color: white;
  background-color: #222;
  padding: 9px 16px 10px;
}

.adaptive_table {
/*  border: 1px solid #ccc;*/
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.adaptive_table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.adaptive_table tr {
      border-bottom: 1px dotted #a0a0a0;
  padding: .35em;
}

.adaptive_table td:first-child{
  font-weight: 600;
  color: #222222;
}


.adaptive_table th,
.adaptive_table td {
     padding: 9px 15px;
}

.adaptive_table th {
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .adaptive_table.sm {
    border: 0;
  }

  .adaptive_table th, .adaptive_table td{
    padding: 7px 15px;
  }
  .adaptive_table.sm caption {
    font-size: 1.3em;
  }
  
  .adaptive_table.sm thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .adaptive_table.sm tr {
    display: block;
    margin-bottom: .625em;
  }
  
  .adaptive_table.sm td {
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  .adaptive_table.sm td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .adaptive_table.sm td:last-child {
    border-bottom: 0;
  }
}
/*================= adaptive_tabs=================*/


/*===== filters =====*/
.mobile_nav .filters{
  border: none;
}

.mobile_nav-mod{
  background-color: white;
}

.filters{
  border: 4px solid #efefef;
  padding: 30px 33px 35px 33px;
}

.filter__row{
  margin-bottom: 20px;
}

.filter__item_title{
  letter-spacing: 0.04em;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}

.filter__item{
  padding-bottom: 25px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #e2e2e2;
}



.filter__item:last-child{
  border-bottom: none;
  margin-bottom: 0;
}


.filter_price__input {
  padding: 4px 0px!important;
  width: 70px;
  margin-left: 15px;
}

.filter__item img{display: inline-block;}

.filter_color{
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

 .filter__type_item{
  font-size: 13px;
  color:#222;
  text-transform: uppercase;
  padding-right: 3px;
  text-align: center;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 7px;
  cursor: pointer;
}

.filter__type_item label{cursor: pointer;}

.filter__type_item.filter__type_item-metka label{
  padding: 4px 10px;
  display: block;
  border:2px solid #dcdcdc;
  border-radius: 4px;
}

.filter__type_item.filter__type_item-metka input {
  display: none; 
}

.filter__type_item input[type=checkbox]:checked + label, .filter__type_item input[type=radio]:checked + label, .filter__type_item.filter__type_item-metka:hover label {
 border-color: #222;
 color:#222;
} 



.filter__type_item.filter__type_item-img label{
  padding: 4px 4px;
  display: block;
  border:2px solid white;
  border-radius: 50%;
  font-size: 0;
}

.filter__type_item.filter__type_item-img input {
  display: none; 
}

.filter__type_item input[type=checkbox]:checked + label, .filter__type_item.filter__type_item-img:hover label, .filter__type_item input[type=radio]:checked {
 border-color: #222;
 color:#222;
} 

.mob_filter__bt {    margin-bottom: 20px;}

.preloader_wrap{position: relative;}

.filter_preloader{
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  padding-top: 100px;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  background: rgba(255, 255, 255, 0.4);
  z-index: 100;
  display: none;
}

.dot-loader {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 50%;
  background-color: #222;
  position: relative;
  -webkit-animation: 1.2s grow ease-in-out infinite;
  animation: 1.2s grow ease-in-out infinite;
}

.dot-loader--2 {
  -webkit-animation: 1.2s grow ease-in-out infinite 0.15555s;
  animation: 1.2s grow ease-in-out infinite 0.15555s;
  margin: 0 20px;
}
.dot-loader--3 {
  -webkit-animation: 1.2s grow ease-in-out infinite 0.3s;
  animation: 1.2s grow ease-in-out infinite 0.3s;
}

@-webkit-keyframes grow {
  0%, 40%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes grow {
  0%, 40%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}


.slider_price {
  margin: 0 10px;
}

.mob_filter{display: none;}
/*===== filters =====*/

@media (max-width: 1599px){
  .listing__left {padding-right: 20px;}
  .filter_price__input{margin-left: 0; margin-top: 3px;}
  .filters{padding: 25px 30px 30px 30px;}
  .products__list .product__item{    margin-bottom: 35px;}
    .listing__left {width: 25%;}
  .listing__right {width: 75%;}
}



@media (max-width: 1199px){
  .listing__left {display: none;}
  .listing__right {width: 100%;}
  .mob_filter{display: inline-block;}
}
/*===== filters =====*/


/*===========card__links========*/
.product_links{margin-top: 20px;}

.product_links__title{
     letter-spacing: 0.04em;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

.product_links_item{
  display: inline-block;
  width: 60px;
  height: 60px;
  padding: 5px;
  border: 2px solid gainsboro;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  overflow: hidden;
}

.product_links_item:hover, .product_links_item.active{
  border-color: #222222;
}

/*===========card__links========*/