/*
Theme Name: sabotage26
Author: profitel
Version: 1.0
Text Domain: sabotage26
*/
*{
  box-sizing: border-box;
}
.clear{
  clear: both;
}
@font-face {
  font-family: 'HeliosCond-bold';
  src: url("./fonts/HeliosCond_bold.otf");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'HeliosCond';
  src: url("./fonts/HeliosCond.ttf");
  font-weight: normal;
  font-style: normal;
}
body{
  min-width: 320px;
  padding: 0;
  margin: 0;
  font-family: 'HeliosCond', sans-serif;
  &.term-rasprodazha{
    .shop-container .catalog .top_filters{
      display: none;
    }
    .shop-container .catalog .top_filters_two{
      display: none;
    }
  }
  &.term-shkolnyj-katalog{
    .shop-container .catalog .top_filters_two a{
      &.demisezonnaya-odezhda,&.zimnyaya-odezhda{
        display: none;
      }
    }
  }
  &.woocommerce-page{
    .tabs-block{
      display: none;
    }
  }
  .error-404{
    .page-header{
      display: none;
    }
    .ups_message{
      display: block;
      width: 100%;
      text-align: center;
      font-size: 24px;
      line-height: 100px;
      padding: 10px;
      height: 100px;
    }
  }
}
header {
  min-width: 320px;
  display: block;
  width: 100%;
  height: 176px;
  .header-content {
    display: table;
    max-width: 1280px;
    height: 134px;
    margin: 0 auto;
    .logo {
      display: table-cell;
      width: 282px;
      background: url("./img/logo.png") no-repeat;
      padding: 0;
      margin: 0;
    }
    .mobile_menu{
      display: none;
      width: 30px;
      height: 30px;
      background: url("./img/menu_w.png") no-repeat;
      background-size: contain;
      cursor: pointer;
      &.show{
        background: url("./img/close.png") no-repeat center center;
        width: 30px;
        height: 30px;
        background-size: contain;
      }
    }
    .mobile_search{
      display: none;
      background: url("./img/zoom_w.png");
      width: 30px;
      height: 30px;
      background-size: contain;
      cursor: pointer;
      float: left;
      margin: 11px;
      &.show{
        background: url("./img/close.png") no-repeat center center;
        width: 30px;
        height: 30px;
        background-size: contain;
      }
    }
    .header-block {
      display: table-cell;
      width: 998px;
      height: 134px;
      position: relative;
      nav {
        display: block;
        width: 998px;
        height: 71px;
        ul {
          width: 998px;
          height: 71px;
          padding: 0;
          margin: 0;
          li {
            list-style: none;
            display: block;
            float: left;
            height: 71px;
            margin-left: 26px;
            font-size: 23px;
            font-family: 'HeliosCond', sans-serif;
            &:first-child {
              margin-left: 0;
            }
            a {
              text-decoration: none;
              color: #636161;
              height: 31px;
              width: auto;
              display: block;
              margin-top: 24px;
              text-transform: uppercase;
              &:hover {
                border-bottom: 2px solid #636161;
              }
            }
          }
        }
      }
      .woocommerce-product-search {
        width: 586px;
        height: 52px;
        display: block;
        position: relative;
        float: left;
        .search-field {
          display: block;
          width: 566px;
          height: 43px;
          border: 2px solid #636161;
          line-height: 43px;
          font-size: 20px;
          color: #636161;
        }
        button {
          width: 43px;
          height: 45px;
          background: url("./img/search-icon.png") no-repeat;
          position: absolute;
          top: 0;
          right: 22px;
          border: 0;
          cursor: pointer;
        }
      }
      .login-block {
        display: table;
        width: 200px;
        height: 52px;
        float: left;
        position: relative;
        .user-img {
          display: block;
          width: 43px;
          height: 43px;
          background: url("./img/user-no-img.png") no-repeat;
          background-size: contain;
          position: absolute;
          left: 60px;
          top: 0;
        }
        a {
          display: block;
          font-size: 16px;
          height: 45px;
          width: auto;
          right: 35px;
          line-height: 45px;
          position: absolute;
          text-transform: uppercase;
          color: #636161;
        }
      }
      .login-block_mobile{
        display: none;
        float: left;
        width: 30px;
        height: 30px;
        margin: 11px;
        .login_mobile{
          display: block;
          width: 30px;
          height: 30px;
          background: url("./img/lock_w.png") no-repeat center;
          background-size: contain;
          &.logged{
            background: url("./img/exit.png") no-repeat center;
          }
        }
      }
      .cart-block {
        display: block;
        float: right;
        width: 212px;
        height: 52px;
        position: relative;
        .cart-img {
          display: block;
          width: 56px;
          height: 45px;
          background: url("./img/cart.png") no-repeat;
          background-size: contain;
          position: absolute;
          left: 20px;
          top: 0;
        }
        .cart-details {
          display: block;
          width: 120px;
          height: 45px;
          position: absolute;
          right: 10px;
          top: 0;
          font-size: 15px;
          .cart-quantity {
            display: inline-block;
            width: 120px;
            margin-top: 5px;
            &:before {
              display: inline-block;
              content: "в вашей корзине";
              color: #636161;
            }
            .goods{
              display: inline-block;
              margin-left: 6px;
              color: #636161;
            }
          }
        }
      }
    }
  }
  .skidka{
    height: 42px;
    width: 100%;
    display: block;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    line-height: 42px;
    font-size: 34px;
    color: #ffffff;
    font-family: 'HeliosCond-bold', sans-serif;
    background: rgba(1,140,215,1);
    background: -moz-linear-gradient(left, rgba(1,140,215,1) 0%, rgba(0,122,209,1) 16%, rgba(0,97,201,1) 28%, rgba(0,67,191,1) 50%, rgba(0,97,201,1) 72%, rgba(0,122,209,1) 85%, rgba(1,140,215,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,140,215,1)), color-stop(16%, rgba(0,122,209,1)), color-stop(28%, rgba(0,97,201,1)), color-stop(50%, rgba(0,67,191,1)), color-stop(72%, rgba(0,97,201,1)), color-stop(85%, rgba(0,122,209,1)), color-stop(100%, rgba(1,140,215,1)));
    background: -webkit-linear-gradient(left, rgba(1,140,215,1) 0%, rgba(0,122,209,1) 16%, rgba(0,97,201,1) 28%, rgba(0,67,191,1) 50%, rgba(0,97,201,1) 72%, rgba(0,122,209,1) 85%, rgba(1,140,215,1) 100%);
    background: -o-linear-gradient(left, rgba(1,140,215,1) 0%, rgba(0,122,209,1) 16%, rgba(0,97,201,1) 28%, rgba(0,67,191,1) 50%, rgba(0,97,201,1) 72%, rgba(0,122,209,1) 85%, rgba(1,140,215,1) 100%);
    background: -ms-linear-gradient(left, rgba(1,140,215,1) 0%, rgba(0,122,209,1) 16%, rgba(0,97,201,1) 28%, rgba(0,67,191,1) 50%, rgba(0,97,201,1) 72%, rgba(0,122,209,1) 85%, rgba(1,140,215,1) 100%);
    background: linear-gradient(to right, rgba(1,140,215,1) 0%, rgba(0,122,209,1) 16%, rgba(0,97,201,1) 28%, rgba(0,67,191,1) 50%, rgba(0,97,201,1) 72%, rgba(0,122,209,1) 85%, rgba(1,140,215,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#018cd7', endColorstr='#018cd7', GradientType=1 );
  }
}
/*------  ГЛАВНАЯ------*/
.centerblock{
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  .container{
    display: block;
    max-width: 1280px;
    margin: 0 auto;
    h1{
      display: none;
    }
    .main-top-block{
      display: table;
      margin-top: 10px;
      .slider{
        display: table-cell;
      }
      .right-top-block{
        display: table-cell;
        width: 443px;
        vertical-align: top;
        .tab-right{
          display: block;
          width: 443px;
          height: 256px;
          text-align: center;
          &:last-child{
            margin-top: 10px;
          }
          a{
            text-decoration: none;
            span{
              display: none;
            }
            img{
              display: block;
              width: 405px;
              height: 256px;
              margin-left: 38px;
              border: none;
            }
          }
        }
      }
    }
    .main-center-block{
      display: block;
      max-width: 1280px;
      height: 313px;
      margin-top: 10px;
      position: relative;
      .center-tab{
        display: block;
        width: 405px;
        height: 313px;
        position: absolute;
        left: 0;
        top: 0;
        a{
          text-decoration: none;
          span{
            display: none;
          }
          img{
            display: block;
            width: 405px;
            height: 313px;
            border: none;
          }
        }
        &:nth-child(2){
          left: 433px;
          top: 0;
        }
        &:last-child{
          right: 0;
          top: 0;
          left: initial;
        }
      }
    }
    .popular-line{
      height: 42px;
      width: 100%;
      margin: 10px 0;
      text-align: center;
      text-transform: uppercase;
      line-height: 42px;
      font-size: 34px;
      color: #ffffff;
      font-family: 'HeliosCond-bold', sans-serif;
      background: rgba(1,140,215,1);
      background: -moz-linear-gradient(left, rgba(1,140,215,1) 0%, rgba(0,122,209,1) 16%, rgba(0,97,201,1) 28%, rgba(0,67,191,1) 50%, rgba(0,97,201,1) 72%, rgba(0,122,209,1) 85%, rgba(1,140,215,1) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,140,215,1)), color-stop(16%, rgba(0,122,209,1)), color-stop(28%, rgba(0,97,201,1)), color-stop(50%, rgba(0,67,191,1)), color-stop(72%, rgba(0,97,201,1)), color-stop(85%, rgba(0,122,209,1)), color-stop(100%, rgba(1,140,215,1)));
      background: -webkit-linear-gradient(left, rgba(1,140,215,1) 0%, rgba(0,122,209,1) 16%, rgba(0,97,201,1) 28%, rgba(0,67,191,1) 50%, rgba(0,97,201,1) 72%, rgba(0,122,209,1) 85%, rgba(1,140,215,1) 100%);
      background: -o-linear-gradient(left, rgba(1,140,215,1) 0%, rgba(0,122,209,1) 16%, rgba(0,97,201,1) 28%, rgba(0,67,191,1) 50%, rgba(0,97,201,1) 72%, rgba(0,122,209,1) 85%, rgba(1,140,215,1) 100%);
      background: -ms-linear-gradient(left, rgba(1,140,215,1) 0%, rgba(0,122,209,1) 16%, rgba(0,97,201,1) 28%, rgba(0,67,191,1) 50%, rgba(0,97,201,1) 72%, rgba(0,122,209,1) 85%, rgba(1,140,215,1) 100%);
      background: linear-gradient(to right, rgba(1,140,215,1) 0%, rgba(0,122,209,1) 16%, rgba(0,97,201,1) 28%, rgba(0,67,191,1) 50%, rgba(0,97,201,1) 72%, rgba(0,122,209,1) 85%, rgba(1,140,215,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#018cd7', endColorstr='#018cd7', GradientType=1 );
    }
    .popular_block{
      display: block;
      width: 100%;
      max-width: 1280px;
      .popular-table{
        display: table;
        width: auto;
        margin: 0 auto;
        max-width: 1280px;
        overflow: hidden;
        .popcell{
          display: table-cell;
          height: 210px;
          &:first-child{
            a{
              margin-left: 0;
              margin-right: 4px;
            }
          }
          &:last-child{
            a{
              margin-right: 0;
              margin-left: 4px;
            }
          }
          a{
            text-decoration: none;
            margin: 0 6px;
            padding: 0;
            width: 132px;
            height: 210px;
            display: block;
            img{
              border: none;
              width: 132px;
              height: 210px;
              display: block;
            }
          }
        }
      }
    }
  }
}
/*------ НОВОСТИ / АКЦИИ ------*/
.tabs-block{
  display: table;
  width: 100%;
  max-width: 1280px;
  height: 241px;
  margin: 10px 0 0 0;
    .tab-left{
      display: table-cell;
      width: 613px;
      height: 241px;
    }
    .tab-right{
      display: table-cell;
      width: 613px;
      height: 241px;
      text-align: right;
    }
  span{
    display: none;
  }
}
.content-grid{
  display: table;
  max-width: 1280px;
  height: 300px;
  border-bottom: 1px solid #636161;
  .post-thumbnail{
    display: table-cell;
    width: 400px;
    height: 300px;
    vertical-align: top;
    .thumbnail-img{
      display: block;
      width: 372px;
      height: 244px;
      margin-top: 26px;
      a{
        text-decoration: none;
        img{
          display: block;
          max-width: 372px;
          max-height: 244px;
        }
      }
    }
  }
  .post-block{
    display: table-cell;
    width: 880px;
    height: 300px;
    vertical-align: top;
    font-family: 'HeliosCond', sans-serif;
    color: #636161;
    font-size: 20px;
    .date{
      font-size: 34px;
      margin: 26px 0 0 0;
    }
    h2{
      font-size: 25px;
      margin: 0;
      a{
        color: #636161;
        text-decoration: none;
      }
    }
    .second-header{
      margin: 26px 0;
    }
    .excerpt{
      display: block;
      max-height: 118px;
      margin-bottom: 26px;
      p{
        margin: 0;
      }
    }
  }
}
.pagination{
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  text-align: center;
  margin-top: 10px;
  .current{
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #fff;
    background: #fc225a;
    border-radius: 50%;
  }
  a{
    display: inline-block;
    width: 15px;
    text-decoration: none;
    color: #636161;
    margin: 5px;
  }
}
/*------ СТРАНИЦА------*/
.content-page{
  display: block;
  padding: 10px;
  .alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
  }

  .alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
  }

  .aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
/*------ КАБИНЕТ------*/
.woocommerce{
  display: block;
  width: 100%;
  height: auto;
  font-size: 16px;
  margin: 10px 0;
  min-height: 300px;
  .woocommerce-MyAccount-navigation{
    width: 25%;
    padding-left: 20px;
      ul {
        list-style: none;
        border-right: 1px solid #636161;
        padding: 0;
        margin: 0;
        li {
          a {
            display: inline-block;
            text-decoration: none;
            color: #636161;
            height: 30px;
            line-height: 30px;
            width: auto;
            margin-top: 10px;
            text-transform: uppercase;
            font-size: 24px;
            &:hover {
              border-bottom: 2px solid #636161;
            }
          }
        }
      }
  }
  .woocommerce-MyAccount-content{
    padding: 10px 20px;
    width: 75%;
    color: #000;
    font-size: 18px;
  }
}
/*------ SHOP------*/
.woocommerce-breadcrumb{
  margin: 0 0 10px 0;
  .container{
    font-size: 22px;
    line-height: 30px;
    a{
      text-decoration: none;
    }
  }
}
.mobile_buttons{
   width: 100%;
   display: none;
   height: 40px;
   margin: 0 auto;
   padding: 0 10px;
   .mobile_categories{
     display: table-cell;
     width: 50%;
     height: 40px;
     line-height: 40px;
     font-size: 24px;
     text-align: center;
     padding: 0 10px;
     span{
       display: block;
       height: 40px;
       width: 100%;
       margin: 20px 0;
       border: 1px solid #766e6c;
       border-radius: 5px;
       background: #fc225a;
       color: #fff;
       cursor: pointer;
     }
   }
   .mobile_filters{
     display: table-cell;
     width: 50%;
     height: 40px;
     line-height: 40px;
     font-size: 24px;
     text-align: center;
     padding: 0 10px;
     span{
       display: block;
       width: 100%;
       height: 40px;
       margin: 20px 0;
       border: 1px solid #766e6c;
       border-radius: 5px;
       background: #fc225a;
       color: #fff;
       cursor: pointer;
     }
   }
 }
.shop-container{
  display: table;
  width: 100%;
  #categories{
    display: table-cell;
    width: 420px;
    text-align: right;
    vertical-align: top;
    .woocommerce{
      margin: 0;
    }
    .cat-item-23{
      display: none;
    }
    div{
      h2{
        display: none;
      }
      .product-categories{
        display: block;
        width: 420px;
        padding: 0 30px 0 0;
        margin: 0;
        /*------1й уовень------*/
		  .cat-item-1245{
			  display: block;
			  font-size: 25px;
			  list-style: none;
			  text-transform: uppercase;
			  a{
				display: block;
				width: 100%;
				height: 45px;
				padding-right: 5px;
				line-height: 45px;
				text-decoration: none;
				color: #766e6c;

				background: rgba(196,192,191,1);
				background: -moz-linear-gradient(left, rgba(196,192,191,1) 0%, rgba(201,197,196,1) 14%, rgba(208,205,205,1) 31%, rgba(245,244,244,1) 100%);
				background: -webkit-gradient(left top, right top, color-stop(0%, rgba(196,192,191,1)), color-stop(14%, rgba(201,197,196,1)), color-stop(31%, rgba(208,205,205,1)), color-stop(100%, rgba(245,244,244,1)));
				background: -webkit-linear-gradient(left, rgba(196,192,191,1) 0%, rgba(201,197,196,1) 14%, rgba(208,205,205,1) 31%, rgba(245,244,244,1) 100%);
				background: -o-linear-gradient(left, rgba(196,192,191,1) 0%, rgba(201,197,196,1) 14%, rgba(208,205,205,1) 31%, rgba(245,244,244,1) 100%);
				background: -ms-linear-gradient(left, rgba(196,192,191,1) 0%, rgba(201,197,196,1) 14%, rgba(208,205,205,1) 31%, rgba(245,244,244,1) 100%);
				background: linear-gradient(to right, rgba(196,192,191,1) 0%, rgba(201,197,196,1) 14%, rgba(208,205,205,1) 31%, rgba(245,244,244,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c0bf', endColorstr='#f5f4f4', GradientType=1 );
			  }
		  }
        .cat-parent{
          display: block;
          font-size: 25px;
          list-style: none;
          text-transform: uppercase;
          a{
            display: block;
            width: 100%;
            height: 45px;
            padding-right: 5px;
            line-height: 45px;
            text-decoration: none;
            color: #766e6c;

            background: rgba(196,192,191,1);
            background: -moz-linear-gradient(left, rgba(196,192,191,1) 0%, rgba(201,197,196,1) 14%, rgba(208,205,205,1) 31%, rgba(245,244,244,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(196,192,191,1)), color-stop(14%, rgba(201,197,196,1)), color-stop(31%, rgba(208,205,205,1)), color-stop(100%, rgba(245,244,244,1)));
            background: -webkit-linear-gradient(left, rgba(196,192,191,1) 0%, rgba(201,197,196,1) 14%, rgba(208,205,205,1) 31%, rgba(245,244,244,1) 100%);
            background: -o-linear-gradient(left, rgba(196,192,191,1) 0%, rgba(201,197,196,1) 14%, rgba(208,205,205,1) 31%, rgba(245,244,244,1) 100%);
            background: -ms-linear-gradient(left, rgba(196,192,191,1) 0%, rgba(201,197,196,1) 14%, rgba(208,205,205,1) 31%, rgba(245,244,244,1) 100%);
            background: linear-gradient(to right, rgba(196,192,191,1) 0%, rgba(201,197,196,1) 14%, rgba(208,205,205,1) 31%, rgba(245,244,244,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c0bf', endColorstr='#f5f4f4', GradientType=1 );
          }
          /*------2йуровень (подкатегории)------*/
          .children{
            display: block;
            padding: 0;
            list-style: none;
            .cat-parent{
              a{
                display: block;
                font-size: 25px;
                background: none;
                border-bottom: 1px solid #636161;
                padding-right: 25px;
                text-transform: uppercase;
              }
              /*------3й уровень------*/
              .children{
                display: block;
                margin: 10px 0;
                a{
                  display: block;
                  height: 20px;
                  line-height: 20px;
                  font-size: 16px;
                  background: none;
                  border: none;
                  margin: 5px 0;
                  padding-right: 70px;
                  position: relative;
                  text-transform: lowercase;
                  &:after{
                    display: block;
                    width: 12px;
                    height: 11px;
                    content: '';
                    background: url("./img/li-block.jpg");
                    position: absolute;
                    right: 46px;
                    top: 6px;
                  }
                }
                .current-cat{
                  a{
                    &:after{
                      display: block;
                      width: 12px;
                      height: 11px;
                      content: '';
                      background: url("./img/li-block-active.jpg");
                      position: absolute;
                      right: 46px;
                      top: 6px;
                    }
                  }
                }
              }
            }
          }
        }
        /*.current-cat.cat-parent{
          display: block;
          margin-top: 10px;
          a{
            display: block;
          }
          !*2йуровень (подкатегории)*
          .children{
            display: block;
            .cat-parent{
              display: block;
              a{
                display: block;
              }
              !*3й уровень*!
              .children{
                display: block;
                a{
                  display: block;
                }
              }
            }
          }
        }*/
      }
    }
    /*------ блок отзывов------*/
    .rpwe_widget {
      padding: 4px 8px;
      h2{
        display: block;
        width: 100%;
        height: 46px;
        text-transform: lowercase;
        text-align: center;
        background: #01bee8;
        color: #fff;
        line-height: 46px;
        font-size: 30px;
        margin: 0;
        padding: 0;
      }
      .rpwe-block{
        h3{
          display: none;
        }
        .rpwe-summary{
          font-size: 16px;
          line-height: 20px;
          text-align: left;
          background: #d9f5fc;
          padding: 4px;
        }
        .review_link{
          text-align: right;
          background: none;
          p{
            margin: 4px 10px 4px 0;
            a{
              text-decoration: underline;
              color: #766e6c;
              font-size: 14px;
              line-height: 14px;
            }
          }
        }
      }
    }
  }
  .catalog{
    display: table-cell;
    position: relative;
    .orderby{
      margin-right: 20px;
    }
    .woocommerce-info{
      position: relative;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      height: 45px;
      line-height: 45px;
      padding: 0 50px;
      &:before{
        top: 0;
      }
    }
    .top_filters{
      display: table;
      border-spacing: 10px;
      width: 100%;
      min-height: 45px;
      margin-bottom: 10px;
      a{
        display: table-cell;
        width: 50%;
        height: 45px;
        background: #766e6c;
        color: #fff;
        line-height: 45px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        margin: 0 10px 0 0 ;
        &:last-child{
          margin: 0 0 0 10px;
        }
        &.active{
          background: rgba(1,140,215,1);
          background: -moz-linear-gradient(left, rgba(1,140,215,1) 0%, rgba(0,122,209,1) 16%, rgba(0,97,201,1) 28%, rgba(0,67,191,1) 50%, rgba(0,97,201,1) 72%, rgba(0,122,209,1) 85%, rgba(1,140,215,1) 100%);
          background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,140,215,1)), color-stop(16%, rgba(0,122,209,1)), color-stop(28%, rgba(0,97,201,1)), color-stop(50%, rgba(0,67,191,1)), color-stop(72%, rgba(0,97,201,1)), color-stop(85%, rgba(0,122,209,1)), color-stop(100%, rgba(1,140,215,1)));
          background: -webkit-linear-gradient(left, rgba(1,140,215,1) 0%, rgba(0,122,209,1) 16%, rgba(0,97,201,1) 28%, rgba(0,67,191,1) 50%, rgba(0,97,201,1) 72%, rgba(0,122,209,1) 85%, rgba(1,140,215,1) 100%);
          background: -o-linear-gradient(left, rgba(1,140,215,1) 0%, rgba(0,122,209,1) 16%, rgba(0,97,201,1) 28%, rgba(0,67,191,1) 50%, rgba(0,97,201,1) 72%, rgba(0,122,209,1) 85%, rgba(1,140,215,1) 100%);
          background: -ms-linear-gradient(left, rgba(1,140,215,1) 0%, rgba(0,122,209,1) 16%, rgba(0,97,201,1) 28%, rgba(0,67,191,1) 50%, rgba(0,97,201,1) 72%, rgba(0,122,209,1) 85%, rgba(1,140,215,1) 100%);
          background: linear-gradient(to right, rgba(1,140,215,1) 0%, rgba(0,122,209,1) 16%, rgba(0,97,201,1) 28%, rgba(0,67,191,1) 50%, rgba(0,97,201,1) 72%, rgba(0,122,209,1) 85%, rgba(1,140,215,1) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#018cd7', endColorstr='#018cd7', GradientType=1 );
        }
      }
    }
    .top_filters_two{
      display: table;
      border-spacing: 10px 0;
      width: 100%;
      min-height: 45px;
      margin-bottom: 10px;
      a{
        display: table-cell;
        width: 33%;
        height: 45px;
        border: 2px solid #766e6c;
        color: #766e6c;
        line-height: 45px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        position: relative;
        &.active{
          border: 2px solid #1a40d7;
          color: #1a40d7;
          &:after{
            background: url("./img/checked.png") center center;
            border: 2px solid #1a40d7;
            background-size: contain;
          }
        }
        &:after{
          display: block;
          width: 20px;
          height: 20px;
          border: 2px solid #766e6c;
          content: "";
          position: absolute;
          top: 10px;
          right: 10px;
        }
      }
      &.pa_priznak_verhnyaya_odezhda{
        a{
          width: 24%;
          font-size: 14px;
          padding: 0 5px;
          &.hit-prodazh{
            display: none;
          }
        }
      }
    }
    /*------ КАРТОЧКА ТОВАРА ------*/
    .product{
      height: 348px;
      text-align: center;
      margin-bottom: 30px !important;
      overflow: hidden;
      position: relative;
      .new_product{
        display: inline-block;
        width: auto;
        height: auto;
        padding: 5px 10px;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 14px;
        background: #0037bb;
        color: #fff;
        position: absolute;
        left: 0;
        top: 0;
      }
      .sold_product{
        display: inline-block;
        width: auto;
        height: auto;
        padding: 5px 10px;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 14px;
        background: #bb730c;
        color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        top: 34%;
        margin: 0 auto;
      }
      .waited_product{
        display: inline-block;
        width: auto;
        height: auto;
        padding: 5px 10px;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 14px;
        background: #fc225a;
        color: #fff;
        position: absolute;
        left: 0;
        bottom: 0;
      }
      .hit_product{
        display: inline-block;
        width: auto;
        height: auto;
        padding: 5px 10px;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 14px;
        background: #01bee8;
        color: #fff;
        position: absolute;
        right: 0;
        bottom: 0;
      }
      .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
        position: relative;
        display: block;
        text-decoration: none;
        img {
          border: none;
          padding: 0 !important;
          margin: 0 !important;
        }
        .woocommerce-placeholder{
          border: 1px solid #e6e6e6;
        }
        .onsale{
          display: block;
          border-radius: inherit;
          min-height: inherit;
          max-width: inherit;
			margin: 0 !important;
			font-size: 14px;
			line-height: 14px;
			font-weight: 400;
			padding: 5px 10px;
        }
      }
      .card-details{
        display: block;
        height: 81px;
        margin-top: -5px;
        background: rgba(196, 192, 191, 1);
        background: -moz-linear-gradient(top, rgba(196, 192, 191, 1) 0%, rgba(196, 192, 191, 1) 24%, rgba(208, 204, 204, 1) 52%, rgba(244, 243, 243, 1) 80%, rgba(244, 243, 243, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(196, 192, 191, 1)), color-stop(24%, rgba(196, 192, 191, 1)), color-stop(52%, rgba(208, 204, 204, 1)), color-stop(80%, rgba(244, 243, 243, 1)), color-stop(100%, rgba(244, 243, 243, 1)));
        background: -webkit-linear-gradient(top, rgba(196, 192, 191, 1) 0%, rgba(196, 192, 191, 1) 24%, rgba(208, 204, 204, 1) 52%, rgba(244, 243, 243, 1) 80%, rgba(244, 243, 243, 1) 100%);
        background: -o-linear-gradient(top, rgba(196, 192, 191, 1) 0%, rgba(196, 192, 191, 1) 24%, rgba(208, 204, 204, 1) 52%, rgba(244, 243, 243, 1) 80%, rgba(244, 243, 243, 1) 100%);
        background: -ms-linear-gradient(top, rgba(196, 192, 191, 1) 0%, rgba(196, 192, 191, 1) 24%, rgba(208, 204, 204, 1) 52%, rgba(244, 243, 243, 1) 80%, rgba(244, 243, 243, 1) 100%);
        background: linear-gradient(to bottom, rgba(196, 192, 191, 1) 0%, rgba(196, 192, 191, 1) 24%, rgba(208, 204, 204, 1) 52%, rgba(244, 243, 243, 1) 80%, rgba(244, 243, 243, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4c0bf', endColorstr='#f4f3f3', GradientType=0);
        a{
          h2{
            width: 100%;
            font-size: 20px !important;
            padding: 0 !important;
            margin: 5px 0 !important;
            line-height: 20px;
            color: #000 !important;
          }
          .price{
            del{
              text-decoration: none;
              span{
                text-decoration-line: line-through;
                color: #000;
                line-height: 25px;
                font-size: 22px;
              }
            }
          }
          .woocommerce-Price-amount{
            color: #d92b38;
            font-size: 25px;
          }
          .sku{
            font-size: 16px;
            color: #000;
          }
          .color_size{
            display: none;
            font-size: 14px;
            color: #000;
          }
        }
        .button{
          margin: 10px 0 0 0;
          display: none;
          color: #fff;
          background: #da2171;
        }
        .added_to_cart{
          display: none;
        }
        .add_to_cart_button{
          background: #da2171;
        }
      }
      &:hover{
        z-index: 20;
        overflow: visible;
        .card-details{
          height: auto;
          min-height: 81px;
          .color_size{
            display: block;
          }
          .button{
            display: block;
          }
          .added_to_cart{
            display: block;
          }
        }
      }
    }
  }
}
/*------ СТРАНИЦА ТОВАРА ------*/
.single-product{
  .centerblock .container h1{
    display: block;
    line-height: 40px;
    color: #766e6c;
    margin: 0 0 10px 0;
    font-size: 33px;
  }
  #categories,.mobile_buttons{
    display: none;
  }
  .catalog{
    width: 100%;
    .top_filters,.top_filters_two{
      display: none;
    }
    .product{
      margin-top: 20px;
      height: auto;
      display: table;
      .c{
        height: 200px !important;
      }
      .onsale{
        left: inherit;
        right: 0;
        top: -31px;
        display: block;
        border-radius: inherit;
        min-height: inherit;
        max-width: inherit;
        height: 30px;
        margin: 0 !important;
        padding: 0 6px !important;
        font-size: 20px;
        line-height: 30px;
        font-weight: normal;
      }
      .summary{
        display: table-cell;
        width: 507px;
        padding-left: 80px;
        margin: 0;
        .product_meta{
          display: none;
        }
        .price{
          display: table;
          width: 100%;
          text-align: center;
          line-height: 60px;
          padding: 0 20px;
          del{
            display: table-cell;
            color: #000;
            .woocommerce-Price-amount{
              color: #000;
              font-size: 25px;
            }
          }
          ins{
            display: table-cell;
            text-decoration: none;
            .woocommerce-Price-amount{
              font-size: 58px;
              color: #a92787;
              text-decoration: none;
            }
          }
          .woocommerce-Price-amount{
            font-size: 58px;
            color: #a92787;
            text-decoration: none;
          }
        }
        .tabs.wc-tabs{
          margin: 0;
        }
        #tab-additional_information{
          .shop_attributes{
            font-size: 20px;
            color: #766e6c;
            font-weight: normal;
            th{
              text-align: left;
              line-height: 30px;
              width: auto;
              font-weight: normal !important;
              padding: 0 8px;
              &:after{
                content: ":";
              }
            }
            td{
              line-height: 20px;
              p{
                padding: 0;
              }
            }
          }
        }
        #tab-description{
          font-size: 16px;
          text-align: left;
          color: #3b3a39;
        }
        .shop_attributes{
          th{
            text-align: left;
          }
        }
        .variations_form.cart{
          border-radius: 8px;
          border: 1px solid #bdb9b8;
          border-bottom: none;
          border-top: none;
          display: block;
          height: auto;
          padding: 10px;
        }
        .variations{
          tr{
            height: 40px;
          }
          .label{
            font-size: 20px;
            line-height: 20px;
          }
          .value{
            font-size: 20px;
            line-height: 20px;
          }
          .reset_variations{
            color: #fff;
            height: 30px;
            line-height: 30px;
            font-size: 18px;
            width: 100%;
            margin-top: 15px;
            background: #ff4b57;
            border: 1px solid #bdb9b8;
            display: block;
          }
        }
      }
      .stock.in-stock{
        font-size: 24px;
        line-height: 30px;
      }
      .quantity{
        display: block;
        width: 50px;
        height: 50px;
        input{
          display: block;
          width: 50px;
          height: 50px;
        }
      }
      .single_add_to_cart_button{
        width: 240px;
        height: 50px;
        line-height: 50px;
        font-size: 34px;
        padding: 0;
        font-weight: normal;
        text-transform: uppercase;
        background: #a92787;
        float: none !important;
      }
      .related.products{
        display: none;
        float: left;
      }
    }
  }
}
/*------  КОРЗИНА ------*/
.shop_table{
  .woocommerce-cart-form__cart-item{
    position: relative;
    .product-thumbnail{
      &:hover{
        a{
          display: block;
          width: 32px;
          img{
            width: 160px;
            height: 160px;
            position: absolute;
            top: -40px;
            left: 0;
            border: 1px solid #766e6c;
            z-index: 30;
          }
        }
      }
    }
  }
  .actions{
    #coupon_code{
      width: 178px;
      height: 35px;
      line-height: 35px;
      font-size: 18px;
    }
    #alg_wc_empty_cart{
      margin-top: -5px;
    }
  }
}
/*------  ФУТЕР ------*/
footer{
  min-width: 320px;
  max-width: 1280px;
  height: 60px;
  display: block;
  margin: 10px auto;
  position: relative;
  .footerLine{
    display: block;
    width: 100%;
    height: 12px;
    background: #766e6c;
  }
  nav {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 998px;
    height: 71px;
    ul {
      width: 998px;
      height: 71px;
      padding: 0;
      margin: 0;
      li {
        list-style: none;
        display: block;
        float: left;
        height: 71px;
        margin-left: 26px;
        font-size: 23px;
        font-family: 'HeliosCond', sans-serif;
        &:first-child {
          margin-left: 0;
        }
        a {
          text-decoration: none;
          color: #636161;
          height: 31px;
          width: auto;
          display: block;
          margin-top: 24px;
          text-transform: uppercase;
          &:hover {
            border-bottom: 2px solid #636161;
          }
        }
      }
    }
  }
  .footer-text{
    width: 282px;
    height: 71px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 71px;
    text-align: right;
    font-size: 23px;
    text-transform: uppercase;
    color: #636161;
  }
}
.quantity {
  position: relative;
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button
  {
    -webkit-appearance: none;
    margin: 0;
  }

  input[type=number]
  {
    -moz-appearance: textfield;
  }
  input {
    padding: 0 20px 0 0;
    width: 100px !important;
    height: 42px;
    line-height: 1.65;
    float: left;
    display: block;
    margin: 0;
    border: 1px solid #eee;
    &:focus {
      outline: 0;
    }
  }
  .quantity-nav {
    float: left;
    position: relative;
    height: 42px;
  }
  .quantity-button {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #eee;
    width: 20px;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-family: "Trebuchet MS", Helvetica, sans-serif !important;
    line-height: 1.7;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    &.quantity-up {
      position: absolute;
      height: 50%;
      top: 0;
      border-bottom: 1px solid #eee;
    }
    &.quantity-down {
      position: absolute;
      bottom: -1px;
      height: 50%;
    }
  }
}