@charset "UTF-8";
html {
  font-size: 62.5%; }

body {
  font-family: "PT Sans", Verdana, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: black; }

a {
  text-decoration: none;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

button {
  outline: 0; }
  button:hover, button:active, button:focus, button:visited {
    outline: 0; }

/* шапка начало */
header .menu {
  /* верхнее меню */
  width: 100%; }
  header .menu .col {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 1.4rem;
    line-height: 1; }
  header .menu .navBar {
    width: 100%;
    float: left; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      header .menu .navBar {
        text-align: center; } }
    header .menu .navBar nav {
      float: left;
      padding: 19px 0;
      font-size: 1.4rem;
      line-height: 1; }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        header .menu .navBar nav {
          float: none;
          margin: 0 auto; } }
      @media screen and (max-width: 991px) {
        header .menu .navBar nav {
          padding-bottom: 30px; } }
      header .menu .navBar nav a {
        display: inline-block;
        padding: 4px 16px 4px 0;
        color: #1b1b1b; }
        header .menu .navBar nav a:hover, header .menu .navBar nav a:active {
          text-decoration: underline; }
        header .menu .navBar nav a:last-child {
          padding-right: 0; }
        header .menu .navBar nav a.active {
          text-decoration: underline; }
  header .menu .download {
    width: 45%;
    float: left; }
    header .menu .download a {
      display: inline-block;
      margin: 13px auto;
      padding: 10px 11px;
      text-align: center;
      color: #363636;
      background-color: #febf01;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      @media screen and (max-width: 991px) {
        header .menu .download a {
          font-size: 1.3rem; } }
      header .menu .download a:hover {
        background-color: #fec80a;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
      header .menu .download a:active {
        background-color: #febf01;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); }
  header .menu .personal {
    width: 55%;
    float: left; }
    header .menu .personal .cartIcon {
      float: right;
      display: inline-block;
      position: relative;
      text-align: right;
      padding: 13px 6px 13px 0; }
      @media screen and (max-width: 991px) {
        header .menu .personal .cartIcon {
          padding-bottom: 0; } }
      header .menu .personal .cartIcon a {
        display: block;
        width: 34px;
        height: 34px;
        padding: 6px 5px;
        border-radius: 50%;
        border: 2px solid dimgray;
        overflow: hidden; }
      header .menu .personal .cartIcon img {
        height: 18px; }
      header .menu .personal .cartIcon .amount {
        position: absolute;
        top: 7px;
        right: 0;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        border: 2px solid white;
        font-size: 1rem;
        line-height: 18px;
        vertical-align: center;
        text-align: center;
        color: #1b1b1b;
        background-color: #febf01; }
    header .menu .personal .profile {
      float: right;
      padding: 23px 0;
      margin-left: 10px;
      font-size: 1.2rem; }
      @media screen and (min-width: 370px) {
        header .menu .personal .profile {
          padding-left: 28px;
          background: url(../img/personal.png) no-repeat -25px center;
          background-size: auto 18px; } }
      @media screen and (max-width: 359px) {
        header .menu .personal .profile {
          margin-left: 2px; } }
      header .menu .personal .profile a {
        color: #1b1b1b; }
      header .menu .personal .profile .signUp {
        color: #5894cd;
        border-bottom: 1px solid #5894cd; }
      header .menu .personal .profile .login:hover, header .menu .personal .profile .login:active {
        border-bottom: 1px solid #1b1b1b; }
  @media screen and (min-width: 992px) {
    header .menu .navBar {
      width: 63%;
      float: left;
      right: 37%; }
    header .menu .download {
      width: 15%;
      float: left;
      left: 63%; }
    header .menu .personal {
      width: 22%;
      float: left;
      left: 63%; } }

header .mainBar {
  /* средний экран */
  width: 100%;
  padding: 42px 0;
  background: url(../img/background_main.jpg) no-repeat top center;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    header .mainBar {
      background-position: 30% 20%;
      background-size: 1000px auto; }
      header .mainBar .container {
        position: relative; }
      header .mainBar img, header .mainBar .phones {
        float: none;
        position: absolute;
        top: 0; } }
  header .mainBar img {
    float: left;
    width: 26%;
    height: auto;
    padding-right: 40px; }
    @media screen and (max-width: 991px) {
      header .mainBar img {
        width: 100%;
        max-width: 180px;
        padding: 2px 0;
        padding-right: 40px; } }
    @media screen and (max-width: 767px) {
      header .mainBar img {
        max-width: 160px;
        padding: 3px 0;
        padding-right: 5%; } }
    @media screen and (max-width: 360px) {
      header .mainBar img {
        max-width: 130px;
        padding: 6px 0;
        padding-right: 5%; } }
  header .mainBar .phones {
    float: left;
    padding: 14px 0;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1;
    letter-spacing: 0;
    color: white;
    text-align: center; }
    @media screen and (max-width: 991px) {
      header .mainBar .phones {
        padding: 12px 0;
        font-size: 1.8rem; } }
    @media screen and (max-width: 767px) {
      header .mainBar .phones {
        left: 170px;
        font-size: 1.6rem; } }
    @media screen and (max-width: 575px) {
      header .mainBar .phones {
        left: 170px; } }
    @media screen and (max-width: 500px) {
      header .mainBar .phones {
        max-width: 38%;
        padding: 3px 0;
        font-size: 1.4rem; } }
    @media screen and (max-width: 360px) {
      header .mainBar .phones {
        left: 135px;
        max-width: 40%; } }
  header .mainBar p {
    display: inline-block;
    padding-right: 8px;
    padding-bottom: 6px; }
  header .mainBar .search {
    position: relative;
    width: 30%;
    min-width: 50px;
    height: 42px;
    float: right;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    -webkit-transition: width 0.3s;
    transition: width 0.3s; }
    @media screen and (min-width: 992px) {
      header .mainBar .search {
        margin: 6px 0; } }
    @media screen and (max-width: 767px) {
      header .mainBar .search {
        width: 0; } }
  header .mainBar .search-input {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0px;
    width: 100%;
    height: 42px;
    margin: 0;
    padding: 14px;
    border: none;
    border-radius: 0;
    outline: none;
    background: whitesmoke;
    font-size: 1.3rem;
    color: #333333; }
    header .mainBar .search-input:focus {
      background: #fafafa; }
  header .mainBar .icon-search, header .mainBar .search-submit {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 42px;
    line-height: 60px;
    text-align: center;
    cursor: pointer; }
  header .mainBar .search-submit {
    background: whitesmoke;
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1; }
  header .mainBar .icon-search {
    z-index: 90;
    background: whitesmoke url(../img/searchArrow.png) no-repeat 17px center;
    -moz-transition: background-image 0.2s;
    -o-transition: background-image 0.2s;
    -webkit-transition: background-image 0.2s;
    transition: background-image 0.2s; }
    @media screen and (max-width: 767px) {
      header .mainBar .icon-search {
        background: whitesmoke url(../img/search_icon.png) no-repeat center center;
        background-size: 50% auto; } }
    @media screen and (min-width: 768px) {
      header .mainBar .icon-search:hover, header .mainBar .icon-search:active {
        background: whitesmoke url(../img/searchArrow.png) no-repeat -15px center; } }
    header .mainBar .icon-search:before {
      content: ''; }
  @media screen and (max-width: 767px) {
    header .mainBar .search.search-open, header .mainBar .no-js .search {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    header .mainBar .search.search-open .icon-search {
      background: whitesmoke url(../img/searchArrow.png) no-repeat 17px center; }
      header .mainBar .search.search-open .icon-search:hover, header .mainBar .search.search-open .icon-search:active {
        background: whitesmoke url(../img/searchArrow.png) no-repeat -15px center; } }
  header .mainBar .search.search-open .search-submit, header .mainBar .no-js .search .search-submit {
    z-index: 90; }

header .categories {
  /* нижнее меню категорий*/
  padding: 10px 0;
  background-color: #333333; }
  header .categories .row {
    position: relative;
    max-height: 38px;
    overflow: hidden;
    -moz-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    -webkit-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out; }
    @media screen and (max-width: 575px) {
      header .categories .row {
        max-height: 76px; } }
  header .categories a {
    display: inline-block;
    padding: 10px 8px;
    font-size: 1.5rem;
    color: white; }
    header .categories a:hover, header .categories a:active {
      text-decoration: underline;
      color: #f4ff41; }
    header .categories a.active {
      text-decoration: underline;
      color: #f4ff41; }
  header .categories .spoiler:checked ~ .row {
    max-height: 450px; }
    header .categories .spoiler:checked ~ .row .showBtn:hover:after, header .categories .spoiler:checked ~ .row .showBtn:active:after {
      content: 'Скрыть';
      position: absolute;
      top: 10px;
      left: 40px;
      width: 400%;
      font-size: 1.3rem;
      color: #febf01; }
    @media screen and (max-width: 991px) {
      header .categories .spoiler:checked ~ .row .showBtn:hover:after, header .categories .spoiler:checked ~ .row .showBtn:active:after {
        content: none; } }
  header .categories label {
    cursor: pointer;
    display: inline-block; }
  header .categories .showBtn {
    position: relative;
    float: right;
    margin-right: 10px;
    padding: 13px 10px;
    padding-bottom: 0;
    color: white;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    @media screen and (min-width: 992px) {
      header .categories .showBtn {
        margin-right: 110px; } }
    header .categories .showBtn:after, header .categories .showBtn:active:after {
      content: 'Все категории';
      position: absolute;
      top: 10px;
      left: 40px;
      width: 400%;
      font-size: 1.3rem;
      color: #febf01; }
    @media screen and (max-width: 991px) {
      header .categories .showBtn:hover:after, header .categories .showBtn:active:after {
        content: none; } }
    header .categories .showBtn:hover span, header .categories .showBtn:active span {
      background-color: #febf01; }
      header .categories .showBtn:hover span:before, header .categories .showBtn:hover span:after, header .categories .showBtn:active span:before, header .categories .showBtn:active span:after {
        background-color: #febf01; }
        header .categories .showBtn span {
            display: inline-block;
            position: relative;
            cursor: pointer;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background-color: #febf01;
        }
            header .categories .showBtn span:before, header .categories .showBtn span:after {
                position: absolute;
                content: '';
                top: 0;
                width: 7px;
                height: 7px;
                border-radius: 50%;
                background-color: #febf01;
            }
      header .categories .showBtn span:before {
        left: -10px; }
      header .categories .showBtn span:after {
        right: -10px; }
  header .categories .hideBtn {
    float: right;
    margin: 4px 10px;
    margin-left: 0;
    padding: 5px 8px;
    padding-right: 25px;
    border: 1px solid #7a7a7a;
    font-size: 1.2rem;
    color: #7a7a7a;
    background: url(../img/hide.png) no-repeat 85% center; }
    @media screen and (min-width: 992px) {
      header .categories .hideBtn {
        display: none; } }

/* шапка конец */
/* тело начало */
.main .page_title {
  padding-top: 40px;
  padding-bottom: 40px; }
  .main .page_title h1 {
    margin-bottom: 10px;
    font-size: 2.4rem;
    line-height: 1;
    color: #424242; }
  .main .page_title .breadcrumbs {
    font-size: 1.4rem;
    text-align: left; }
    .main .page_title .breadcrumbs :last-child {
      padding-right: 0; }
      .main .page_title .breadcrumbs :last-child:after {
        content: none; }
    .main .page_title .breadcrumbs a {
      position: relative;
      display: inline-block;
      padding-right: 14px;
      color: #8a8a8a;
      text-decoration: none; }
      .main .page_title .breadcrumbs a:after {
        content: '/';
        position: absolute;
        top: 0;
        right: 3px;
        color: #8a8a8a; }
      .main .page_title .breadcrumbs a:hover {
        text-decoration: underline;
        color: #5894cd; }
      .main .page_title .breadcrumbs a.active {
        cursor: default; }
        .main .page_title .breadcrumbs a.active:hover {
          text-decoration: none;
          color: #8a8a8a; }

/* тело конец */
/* карточка товара начало */
.itemCard {
  max-width: 260px;
  margin: 0 auto;
  margin-bottom: 50px;
  /*padding: 15px;*/
  font-size: 1.4rem;
  line-height: 1.2;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
  .itemCard:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); }
  .itemCard .picture {
    position: relative;
    height: 130px; }
    .itemCard .picture img {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: auto;
      width: auto;
      max-width: 100%;
      max-height: 100%;
      margin: auto auto; }
  .itemCard h3 {
    height: 40px;/*55px;*/
    margin: 10px 0;
    font-weight: 700;
    line-height: 1.4;
    overflow: hidden; 
    padding-left:15px;
    padding-right:15px;
  }

    .itemCard h3 a {
      color: #2c6ca9;
      text-decoration: underline; }
      .itemCard h3 a:hover {
        text-decoration: none; }
  .itemCard .description {
    height: 70px;/*110px;*/
    /*padding: 8px 0;*/
    border: 1px solid #ebebeb;
    border-left: none;
    border-right: none;
    color: #414141;
    overflow: hidden; 
    padding-left:10px;
    padding-right:10px;


  }
  .itemCard .more {
    display: inline-block;
    /*margin-top: 17px;*/
    padding: 7px 14px 9px;
    border-radius: 2px;
    font-weight: 700;
    font-size: 1.6rem;
    color: white;
    text-transform: none;
    background-color: #f80202;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .itemCard .more:hover {
      background-color: #ff2f2f;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
    .itemCard .more:active {
      background-color: #f80202;
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3); }

  .itemCard .mores {
      margin: -16px;
      margin-top: 0px;
      padding-left:15px;
      padding-right:15px;
  }
  .itemCard .mores .moreLink {
    float: right;
}

  .itemCard .mores .price {
      float: left;
      width: 51%;
      padding: 5.6px;
      background: #d3d3d3;
      text-align: center;
      font-size: 20px;
      font-weight: bold;
  }

  a.more::before {
    content: "";
    width: 10px;
    background-image: url(../img/cart_product.png);
    position: absolute;
    height: 100px;
    padding: 10px;
    margin-left: -23px;
    background-repeat: no-repeat;
}

  .itemCard.category h3 {
    /*text-transform: uppercase;*/

  }
  .itemCard.mini {
    margin-bottom: 30px;
    max-width: 175px; }
    .itemCard.mini .picture {
      height: 100px; }
    .itemCard.mini h3 {
      height: 40px; }
    .itemCard.mini .description {
      display: none; }
    .itemCard.mini .more {
      margin-top: 10px; }
  .itemCard.detailed {
    max-width: 345px;
    width: auto; }
    .itemCard.detailed .card_footer {
      min-height: 36px;
      margin-top: 17px;
      text-align: center; }
      .itemCard.detailed .card_footer * {
        display: inline-block;
        vertical-align: top; }
      .itemCard.detailed .card_footer .more {
        float: left;
        margin-top: 0; }
      .itemCard.detailed .card_footer .add_to_cart {
        padding: 6px;
        filter: grayscale(100%); }
        .itemCard.detailed .card_footer .add_to_cart:hover {
          filter: none; }
        .itemCard.detailed .card_footer .add_to_cart img {
          width: 24px;
          height: 24px; }
        @media screen and (min-width: 576px) and (max-width: 991px) {
          .itemCard.detailed .card_footer .add_to_cart {
            display: block;
            text-align: right; } }
      .itemCard.detailed .card_footer .price {
        padding-top: 10px;
        padding-left: 5px;
        font-weight: 700;
        font-size: 1.6rem;
        text-align: right;
        color: #333333; }
        @media screen and (max-width: 575px) {
          .itemCard.detailed .card_footer .price {
            float: right;
            max-width: 340px; } }
        @media screen and (min-width: 576px) and (max-width: 1199px) {
          .itemCard.detailed .card_footer .price {
            display: block; } }
        @media screen and (min-width: 992px) {
          .itemCard.detailed .card_footer .price {
            float: right; } }
      @media screen and (max-width: 991px) {
        .itemCard.detailed .card_footer .add_to_cart, .itemCard.detailed .card_footer .price {
          display: none; } }

/* карточка товара конец */
/* подвал начало */
footer {
  position: relative;
  min-height: 260px;
  width: 100%;
  background-color: #1a1a1a; }
  @media screen and (max-width: 991px) {
    footer {
      min-height: 520px;
      padding-top: 260px; } }
  footer .mapBlock {
    height: 260px; }
    @media screen and (max-width: 991px) {
      footer .mapBlock {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        margin: 0;
        padding: 0; } }
    footer .mapBlock #map {
      height: 100%;
      width: 100%; }
  footer .contacts {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 1.5rem;
    color: #c2c2c2; }
  footer h1, footer nav {
    padding: 0 10px; }
  footer h1 {
    margin-bottom: 24px;
    text-decoration: underline;
    font-size: 2.2rem; }
  footer .contactsContent {
    margin-bottom: 30px; }
    footer .contactsContent p, footer .contactsContent h2, footer .contactsContent .mail a {
      display: inline-block;
      margin-left: 10px;
      padding-top: 8px;
      text-decoration: none;
      color: #c2c2c2; }
    footer .contactsContent .mail a:hover {
      text-decoration: underline; }
    footer .contactsContent .numbers p, footer .contactsContent .numbers h2, footer .contactsContent .numbers .mail a {
      padding-top: 0px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    footer .contactsContent {
      width: 100%; }
      footer .contactsContent:after {
        content: "";
        display: table;
        clear: both; }
      footer .contactsContent h2 {
        height: 30px; }
      footer .contactsContent h2, footer .contactsContent p, footer .contactsContent .mail a {
        display: block;
        margin: 0;
        padding: 0; }
    footer .numbers, footer .address, footer .mail {
      position: relative;
      float: left;
      margin: 0; }
    footer .numbers {
      width: 30%; }
    footer .address {
      width: 40%;
      left: 30%; }
    footer .mail {
      width: 30%;
      right: 40%; } }
  footer nav {
    clear: both;
    padding-top: 24px;
    font-size: 1.4rem;
    text-align: left;
    border-top: 1px solid #f9f9f9; }
    @media screen and (max-width: 575px) {
      footer nav {
        font-size: 1.4rem; } }
    @media screen and (max-width: 991px) {
      footer nav {
        padding-top: 24px;
        text-align: center; } }
    footer nav :first-child {
      padding-left: 0; }
      footer nav :first-child:before {
        content: none; }
    footer nav a {
      position: relative;
      display: inline-block;
      padding: 2px 0 2px 22px;
      color: #f9f9f9; }
      footer nav a:before {
        content: '';
        position: absolute;
        top: 40%;
        left: 7px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #f9f9f9; }
      footer nav a:hover {
        text-decoration: underline;
        color: #f4ff41; }
      footer nav a.active {
        text-decoration: underline;
        color: #f4ff41; }

/* подвал конец */
.html-home-page .main h1 {
  position: relative;
  margin-bottom: 55px;
  padding-bottom: 15px;
  text-align: center;
  font-size: 2.5rem; }
  .html-home-page .main h1:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 132px;
    height: 5px;
    background: #5894cd;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  @media screen and (max-width: 991px) {
    .html-home-page .main h1 {
      margin-bottom: 35px; } }

.html-home-page .recommended {
  padding-top: 50px; }

.html-home-page .features {
  margin-top: 15px;
  margin-bottom: 20px; }
  .html-home-page .features .feature {
    margin-bottom: 45px;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      .html-home-page .features .feature {
        /*background: url(../img/features.png) no-repeat 10px center/auto;*/

      }
        .html-home-page .features .feature_1 {
          background-position: 10px 45px; }
        .html-home-page .features .feature_2 {
          background-position: 10px -140px; }
        .html-home-page .features .feature_3 {
          background-position: 10px -380px; }
        .html-home-page .features .feature_4 {
          background-position: 10px -560px; } }
    @media screen and (max-width: 991px) {
      .html-home-page .features .feature {
        background-size: 30% auto; }
        .html-home-page .features .feature_1 {
          background-position: 10px 70px; }
        .html-home-page .features .feature_2 {
          background-position: 10px -100px; }
        .html-home-page .features .feature_3 {
          background-position: 10px -320px; }
        .html-home-page .features .feature_4 {
          background-position: 10px -480px; } }
    .html-home-page .features .feature h2 {
      margin-bottom: 20px;
      font-weight: 700;
      font-size: 1.8rem;
      color: black; }
    .html-home-page .features .feature p {
      margin-top: 10px; }
      .html-home-page .features .feature p strong {
        font-weight: 700; }
    .html-home-page .features .feature p, .html-home-page .features .feature ul {
      line-height: 1.4;
      font-size: 1.4rem;
      color: dimgray; }
    .html-home-page .features .feature li {
      padding-left: 5px; }
      .html-home-page .features .feature li:before {
        position: relative;
        content: '—';
        left: -5px; }

.html-about-page .about_us {
  margin-bottom: 50px;
  color: #333333;
  font-size: 1.5rem;
  line-height: 1.4; }
  .html-about-page .about_us h2 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 1.8rem; }
  .html-about-page .about_us p, .html-about-page .about_us ul, .html-about-page .about_us ol {
    margin-bottom: 20px; }
  .html-about-page .about_us ul {
    margin-top: -20px; }
    .html-about-page .about_us ul li {
      padding-left: 5px; }
      .html-about-page .about_us ul li:before {
        position: relative;
        /*content: '—';*/
        left: -5px; }
    .html-about-page .about_us ul a {
      color: #333333;
      text-decoration: none; }
      .html-about-page .about_us ul a:hover, .html-about-page .about_us ul a:active {
        color: #5894cd;
        text-decoration: underline; }
  .html-about-page .about_us ol li {
    list-style: decimal inside; }
.html-about-page .topic-block-body ul {
    padding-left:15px;
}

.html-delivery-page .delivery_info {
  margin-bottom: 50px;
  color: #333333;
  font-size: 1.5rem;
  line-height: 1.4; }
  .html-delivery-page .delivery_info h2 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 1.8rem; }
  .html-delivery-page .delivery_info p {
    margin-bottom: 20px; }

.html-terms-page {
  /* карточка термина конец */ }
  .html-terms-page .dictionary_main, .html-terms-page .term_page, .html-terms-page .article {
    margin-bottom: 50px;
    color: #333333;
    font-size: 1.4rem;
    line-height: 1.4; }
    .html-terms-page .dictionary_main h2, .html-terms-page .dictionary_main dt, .html-terms-page .term_page h2, .html-terms-page .term_page dt, .html-terms-page .article h2, .html-terms-page .article dt {
      margin-bottom: 20px;
      font-weight: 700;
      font-size: 1.8rem; }
    .html-terms-page .dictionary_main p, .html-terms-page .dictionary_main dd, .html-terms-page .term_page p, .html-terms-page .term_page dd, .html-terms-page .article p, .html-terms-page .article dd {
      margin-bottom: 20px;
      color: dimgray; }
  .html-terms-page .ABC_links {
    margin-bottom: 50px; }
    .html-terms-page .ABC_links .cyrillic, .html-terms-page .ABC_links .latin {
      margin-bottom: 12px; }
    .html-terms-page .ABC_links a {
      display: inline-block;
      margin-right: 12px;
      font-size: 1.8rem;
      color: #424242;
      text-decoration: none; }
      .html-terms-page .ABC_links a:hover, .html-terms-page .ABC_links a:active {
        color: #5894cd;
        text-decoration: underline; }
      .html-terms-page .ABC_links a.active {
        /*стиль выбранной буквы*/
        color: #5894cd;
        text-decoration: underline; }
  .html-terms-page .term_card {
    /* карточка термина начало */
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 15px;
    font-size: 1.4rem;
    line-height: 1.2;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); 
    overflow:hidden;
    height:290px;
  }
    .html-terms-page .term_card:hover {
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); }
    .html-terms-page .term_card .picture {
      position: relative;
      height: 100px; }
      .html-terms-page .term_card .picture img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: auto;
        width: auto;
        max-width: 100%;
        margin: auto auto; }
    .html-terms-page .term_card h3 {
      min-height: 40px;
      margin: 10px 0;
      font-weight: 700;
      line-height: 1.4;
      /*text-transform: uppercase;*/ }
      .html-terms-page .term_card h3 a {
        color: #2c6ca9;
        text-decoration: underline; }
        .html-terms-page .term_card h3 a:hover {
          text-decoration: none; }
    .html-terms-page .term_card .more {
      display: inline-block;
      margin-top: 17px;
      padding: 7px 15px 9px;
      border-radius: 2px;
      font-weight: 700;
      font-size: 1.6rem;
      color: white;
      background-color: #f80202;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      padding-left:30px;
    }
      .html-terms-page .term_card .more:hover {
        background-color: #ff2f2f;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
      .html-terms-page .term_card .more:active {
        background-color: #f80202;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3); }
    .html-terms-page .term_card .title {
        height:100px;
        overflow:hidden;
    }
      .html-terms-page .page_nav {
    margin-top: 30px;
    line-height: 24px;
    text-align: center; }
    .html-terms-page .page_nav ul {
      display: inline-block;
      margin: 0 auto; }
      .html-terms-page .page_nav ul :last-child {
        margin-right: 0; }
    .html-terms-page .page_nav li {
      display: inline-block;
      width: 26px;
      height: 26px;
      margin-right: 4px;
      padding: 0;
      border-radius: 2px;
      border: 1px solid #c8c8c8;
      font-weight: 700;
      font-size: 1.2rem;
      text-align: center;
      vertical-align: top;
      background-color: rgba(247, 247, 247, 0.9); }
      .html-terms-page .page_nav li.current-page {
        border: 1px solid #2c6ca9;
        color: white;
        background: #2c6ca9;
        box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4); }
    .html-terms-page .page_nav a {
      display: inline-block;
      width: 24px;
      height: 24px;
      font-weight: 700;
      font-size: 1.2rem;
      text-align: center;
      text-decoration: none;
      color: dimgray; }
      .html-terms-page .page_nav a:hover {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
      .html-terms-page .page_nav a:active {
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); }
    .html-terms-page .page_nav .first-page a, .html-terms-page .page_nav .previous-page a, .html-terms-page .page_nav .next-page a, .html-terms-page .page_nav .last-page a {
      color: transparent;
      padding-left: 24px;
      background: url(../img/nav_arrows.png) no-repeat; }
    .html-terms-page .page_nav .first-page a {
      background-position: -17px -9px; }
    .html-terms-page .page_nav .previous-page a {
      background-position: 9px -9px; }
    .html-terms-page .page_nav .next-page a {
      background-position: -20px 9px; }
    .html-terms-page .page_nav .last-page a {
      background-position: 6px 9px; }
  .html-terms-page .term_page img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px; }

  

      .html-video-page .page_nav {
    margin-top: 30px;
    line-height: 24px;
    text-align: center; }
    .html-video-page .page_nav ul {
      display: inline-block;
      margin: 0 auto; }
      .html-terms-page .page_nav ul :last-child {
        margin-right: 0; }
    .html-video-page .page_nav li {
      display: inline-block;
      width: 26px;
      height: 26px;
      margin-right: 4px;
      padding: 0;
      border-radius: 2px;
      border: 1px solid #c8c8c8;
      font-weight: 700;
      font-size: 1.2rem;
      text-align: center;
      vertical-align: top;
      background-color: rgba(247, 247, 247, 0.9); }
      .html-video-page .page_nav li.current-page {
        border: 1px solid #2c6ca9;
        color: white;
        background: #2c6ca9;
        box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4); }
    .html-video-page .page_nav a {
      display: inline-block;
      width: 24px;
      height: 24px;
      font-weight: 700;
      font-size: 1.2rem;
      text-align: center;
      text-decoration: none;
      color: dimgray; }
      .html-video-page .page_nav a:hover {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
      .html-video-page .page_nav a:active {
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); }
    .html-video-page .page_nav .first-page a, .html-video-page .page_nav .previous-page a, .html-video-page .page_nav .next-page a, .html-video-page .page_nav .last-page a {
      color: transparent;
      padding-left: 24px;
      background: url(../img/nav_arrows.png) no-repeat; }
    .html-video-page .page_nav .first-page a {
      background-position: -17px -9px; }
    .html-video-page .page_nav .previous-page a {
      background-position: 9px -9px; }
    .html-video-page .page_nav .next-page a {
      background-position: -20px 9px; }
    .html-video-page .page_nav .last-page a {
      background-position: 6px 9px; }
  .html-video-page .term_page img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px; }




.html-discount-page .offersBlock {
  margin-bottom: 50px;
  border-top: 1px solid #ebebeb;
  color: #333333;
  font-size: 1.4rem;
  line-height: 1.4; }
  .html-discount-page .offersBlock h2 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 1.6rem; }
  .html-discount-page .offersBlock p {
    margin-bottom: 20px; }
  .html-discount-page .offersBlock ul.tabs {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 40px;
    padding: 0;
    font-size: 1.6rem; }
    .html-discount-page .offersBlock ul.tabs :last-child:after {
      content: none; }
    .html-discount-page .offersBlock ul.tabs li {
      min-height: 22px;
      cursor: pointer;
      position: relative;
      float: left;
      padding-right: 40px;
      overflow: hidden; }
      .html-discount-page .offersBlock ul.tabs li:after {
        content: '|';
        position: absolute;
        right: 18px;
        color: #b4b4b4; }
      .html-discount-page .offersBlock ul.tabs li span {
        display: inline-block;
        min-height: 24px;
        margin-bottom: 4px; }
        .html-discount-page .offersBlock ul.tabs li span:hover, .html-discount-page .offersBlock ul.tabs li span:active {
          border-bottom: 1px dashed #333333; }
        .html-discount-page .offersBlock ul.tabs li span:active {
          display: block; }
    .html-discount-page .offersBlock ul.tabs .active span {
      border-bottom: 1px dashed #5894cd;
      color: #5894cd; }
      .html-discount-page .offersBlock ul.tabs .active span:hover, .html-discount-page .offersBlock ul.tabs .active span:active {
        border-bottom: 1px dashed #5894cd; }
  .html-discount-page .offersBlock .tab_container {
    clear: both;
    float: left;
    width: 100%;
    overflow: auto; }
  .html-discount-page .offersBlock .tab_content {
    display: none; }
    .html-discount-page .offersBlock .tab_content :last-child {
      border-bottom: none; }
  .html-discount-page .offersBlock .tab_drawer_heading {
    display: none; }
  .html-discount-page .offersBlock .offer {
    padding: 40px 0;
    border-bottom: 1px solid #ebebeb; }
    .html-discount-page .offersBlock .offer .participate {
      margin-bottom: 0;
      padding: 5px 40px;
      padding-right: 0;
      background: url(../img/user.png) no-repeat left center/auto 24px; }
      .html-discount-page .offersBlock .offer .participate a {
        color: #5894cd;
        text-decoration: underline; }

.html-video-page .videoBlock {
  margin-bottom: 80px; }
  .html-video-page .videoBlock .video_item {
    margin-bottom: 20px; 
  }
  .html-video-page .videoBlock .video_preview {
    height:400px;
    position: relative;
    overflow: hidden;
    text-align: center;
    vertical-align: center;
  }
    .html-video-page .videoBlock .video_preview img {
      width: auto;
      max-width: 100%;
      height: auto;
      max-height: 100%; }
    .html-video-page .videoBlock .video_preview .play {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 93px;
      height: 69px;
      border-radius: 14px;
      margin: auto;
      background: url(../img/play.png) no-repeat center center; }
      .html-video-page .videoBlock .video_preview .play:hover {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
      .html-video-page .videoBlock .video_preview .play:active {
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); }

.html-contact-page .communication {
  margin-bottom: 50px;
  color: #333333;
  line-height: 1.4; }
  .html-contact-page .communication h2 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 1.8rem; }
  .html-contact-page .communication h3 {
    padding-right: 5px;
    font-weight: 700;
    font-size: 1.5rem; }
  .html-contact-page .communication .address {
    margin-bottom: 20px; }
    .html-contact-page .communication .address * {
      display: inline-block; }
    .html-contact-page .communication .address p {
      font-size: 1.5rem; }
  .html-contact-page .communication .phone_numbers, .html-contact-page .communication .hotline {
    margin-bottom: 20px; }
    .html-contact-page .communication .phone_numbers p, .html-contact-page .communication .hotline p {
      display: inline-block;
      padding-right: 5px;
      font-size: 2.4rem; }
  .html-contact-page .communication .email {
    margin-bottom: 20px; }
    .html-contact-page .communication .email a {
      display: inline-block;
      padding-right: 5px;
      text-decoration: underline;
      font-size: 2rem;
      color: #5894cd; }
  .html-contact-page .communication .scheme {
    margin-bottom: 20px; }
    .html-contact-page .communication .scheme img {
      width: 100%;
      max-width: 625px;
      padding-top: 25px; }

.html-login-page .formBlock {
  margin-bottom: 80px;
  border-top: 1px solid #ebebeb;
  color: dimgray;
  font-size: 1.4rem;
  line-height: 1.4; }
  .html-login-page .formBlock h2 {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 5px;
    text-align: left;
    font-weight: 700;
    font-size: 1.8rem;
    color: #333333; }
    .html-login-page .formBlock h2:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 132px;
      height: 3px;
      background: #5894cd; }
  .html-login-page .formBlock p {
    margin-bottom: 20px; }
  .html-login-page .formBlock form {
    color: #363636; }
    .html-login-page .formBlock form p {
      font-size: 1.6rem;
      color: #1b1b1b; }
  @media screen and (max-width: 767px) {
    .html-login-page .formBlock .loginBlock {
      padding: 40px 0;
      border-right: none;
      border-bottom: 1px solid #ebebeb; } }
  @media screen and (min-width: 768px) {
    .html-login-page .formBlock .loginBlock {
      border-right: 1px solid #ebebeb;
      border-bottom: none; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .html-login-page .formBlock .signUpBlock {
      margin-left: 40px; } }
  .html-login-page .formBlock .loginBlock, .html-login-page .formBlock .signUpBlock {
    padding-top: 40px; }
    @media screen and (min-width: 576px) {
      .html-login-page .formBlock .loginBlock, .html-login-page .formBlock .signUpBlock {
        padding-right: 60px; } }
    .html-login-page .formBlock .loginBlock input, .html-login-page .formBlock .signUpBlock input {
      display: block;
      width: 100%;
      max-width: 230px;
      margin-top: 10px;
      padding: 10px 12px;
      border: 1px solid #5894cd;
      border-radius: 2px;
      font-size: 1.4rem; }
      .html-login-page .formBlock .loginBlock input:focus, .html-login-page .formBlock .signUpBlock input:focus {
        box-shadow: 0 0 3px rgba(88, 148, 205, 0.4); }
    .html-login-page .formBlock .loginBlock [type="submit"], .html-login-page .formBlock .signUpBlock [type="submit"] {
      cursor: pointer;
      display: inline-block;
      max-width: 180px;
      margin-top: 15px;
      margin-bottom: 15px;
      margin-right: 30px;
      padding: 12px;
      border: none;
      border-radius: 2px;
      text-align: center;
      font-size: 1.6rem;
      background-color: #febf01;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .html-login-page .formBlock .loginBlock [type="submit"]:focus, .html-login-page .formBlock .signUpBlock [type="submit"]:focus {
        box-shadow: none; }
      .html-login-page .formBlock .loginBlock [type="submit"]:hover, .html-login-page .formBlock .signUpBlock [type="submit"]:hover {
        background-color: #fec80a;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
      .html-login-page .formBlock .loginBlock [type="submit"]:active, .html-login-page .formBlock .signUpBlock [type="submit"]:active {
        background-color: #febf01;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); }
    .html-login-page .formBlock .loginBlock a, .html-login-page .formBlock .signUpBlock a {
      display: inline-block;
      text-decoration: underline;
      color: #9f9f9f; }
      .html-login-page .formBlock .loginBlock a:hover, .html-login-page .formBlock .loginBlock a:active, .html-login-page .formBlock .signUpBlock a:hover, .html-login-page .formBlock .signUpBlock a:active {
        color: dimgray; }

.html-password-recovery-page .password_reset {
  margin-bottom: 50px;
  color: #333333;
  font-size: 1.4rem;
  line-height: 1.4; }
  .html-password-recovery-page .password_reset p {
    margin-bottom: 15px; }
  .html-password-recovery-page .password_reset input {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 1.6rem; }
    .html-password-recovery-page .password_reset input:focus, .html-password-recovery-page .password_reset input:hover, .html-password-recovery-page .password_reset input:active {
      border: none; }
  .html-password-recovery-page .password_reset [type="email"] {
    width: 65%;
    max-width: 286px;
    padding: 12px 18px;
    border: none;
    color: dimgray;
    background-color: #f0f0f0; }
    .html-password-recovery-page .password_reset [type="email"]:focus {
      background-color: whitesmoke;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }
    @media screen and (max-width: 459px) {
      .html-password-recovery-page .password_reset [type="email"] {
        width: 100%;
        max-width: 100%; } }
  .html-password-recovery-page .password_reset [type="submit"] {
    width: 35%;
    min-width: 154px;
    max-width: 154px;
    margin-left: -5px;
    padding: 12px 18px;
    border: none;
    border-radius: 2px;
    text-align: center;
    color: white;
    background-color: #f80202; }
    .html-password-recovery-page .password_reset [type="submit"]:hover {
      background-color: #ff2f2f;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
    .html-password-recovery-page .password_reset [type="submit"]:active {
      background-color: #f80202;
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3); }
    @media screen and (max-width: 459px) {
      .html-password-recovery-page .password_reset [type="submit"] {
        width: 100%;
        max-width: 100%;
        margin-left: 0; } }

.html-search-page .category_page, .html-search-page .brands, .html-search-page .article {
  margin-bottom: 50px;
  color: #333333;
  font-size: 1.4rem;
  line-height: 1.4; }
  .html-search-page .category_page h2, .html-search-page .brands h2, .html-search-page .article h2 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 1.8rem;
    color: #333333; }

@media screen and (min-width: 992px) {
  .html-search-page .category_page {
    border-top: 1px solid #ebebeb; } }

.html-search-page .category_page .main_itemCard_list {
  padding-top: 50px; }
  @media screen and (min-width: 768px) {
    .html-search-page .category_page .main_itemCard_list {
      float: right;
      padding-left: 50px; } }
  @media screen and (min-width: 992px) {
    .html-search-page .category_page .main_itemCard_list {
      border-left: 1px solid #ebebeb; } }

.html-search-page .category_page .search_itemCard_list {
  padding-left: 10px; }
  @media screen and (min-width: 992px) {
    .html-search-page .category_page .search_itemCard_list {
      padding-left: 50px; } }

.html-search-page .category_page .search_bar {
  padding-bottom: 50px;
  color: #333333;
  font-size: 1.4rem;
  line-height: 1.4; }
  .html-search-page .category_page .search_bar input {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 1.6rem; }
    .html-search-page .category_page .search_bar input:focus, .html-search-page .category_page .search_bar input:hover, .html-search-page .category_page .search_bar input:active {
      border: none; }
  .html-search-page .category_page .search_bar [type="text"] {
    width: 60%;
    padding: 12px 18px;
    border: none;
    color: dimgray;
    background-color: #f0f0f0; }
    .html-search-page .category_page .search_bar [type="text"]:focus {
      background-color: whitesmoke;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }
    @media screen and (max-width: 469px) {
      .html-search-page .category_page .search_bar [type="text"] {
        width: 100%;
        max-width: 100%; } }
  .html-search-page .category_page .search_bar [type="submit"] {
    width: 40%;
    min-width: 180px;
    margin-left: -5px;
    padding: 12px;
    border: none;
    border-radius: 2px;
    text-align: center;
    color: white;
    background-color: #f80202; }
    .html-search-page .category_page .search_bar [type="submit"]:hover {
      background-color: #ff2f2f;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
    .html-search-page .category_page .search_bar [type="submit"]:active {
      background-color: #f80202;
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3); }
    @media screen and (max-width: 469px) {
      .html-search-page .category_page .search_bar [type="submit"] {
        width: 100%;
        max-width: 100%;
        margin-top: -15px;
        margin-left: 0; } }

.html-search-page .category_page .current_offers {
  padding-top: 50px;
  padding-bottom: 50px; }
  @media screen and (max-width: 991px) {
    .html-search-page .category_page .current_offers {
      border-top: 1px solid #ebebeb;
      border-bottom: 1px solid #ebebeb; } }
  @media screen and (min-width: 992px) {
    .html-search-page .category_page .current_offers {
      padding-right: 50px; } }
  .html-search-page .category_page .current_offers .offer_item {
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #fec80a;
    text-align: center; }
    @media screen and (max-width: 991px) {
      .html-search-page .category_page .current_offers .offer_item {
        display: inline-block; } }
    .html-search-page .category_page .current_offers .offer_item p {
      display: inline-block;
      margin: 5px;
      font-size: 1.6rem;
      color: #1b1b1b; }
    .html-search-page .category_page .current_offers .offer_item .offer_btn, .html-search-page .category_page .current_offers .offer_item .all_btn {
      display: inline-block;
      margin: 5px;
      padding: 7px 10px 9px;
      border-radius: 2px;
      font-weight: 400;
      font-size: 1.6rem;
      text-decoration: none;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
    .html-search-page .category_page .current_offers .offer_item .offer_btn {
      color: white;
      background-color: #f80202; }
      .html-search-page .category_page .current_offers .offer_item .offer_btn:hover {
        background-color: #ff2f2f;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
      .html-search-page .category_page .current_offers .offer_item .offer_btn:active {
        background-color: #f80202;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3); }
    .html-search-page .category_page .current_offers .offer_item .all_btn {
      color: #363636;
      background-color: #febf01; }
      @media screen and (max-width: 575px) {
        .html-search-page .category_page .current_offers .offer_item .all_btn {
          display: none; } }
      .html-search-page .category_page .current_offers .offer_item .all_btn:hover {
        background-color: #fec80a;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
      .html-search-page .category_page .current_offers .offer_item .all_btn:active {
        background-color: #febf01;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); }

.html-search-page .category_page .category_nav .category_outer {
  padding-top: 50px;
  padding-bottom: 20px; }
  @media screen and (min-width: 992px) {
    .html-search-page .category_page .category_nav .category_outer {
      border-top: 1px solid #ebebeb;
      margin-right: 40px; } }

.html-search-page .category_page .category_nav ul {
  font-size: 1.4rem; }

.html-search-page .category_page .category_nav li, .html-search-page .category_page .category_nav label {
  min-height: 22px;
  margin-bottom: 5px; }

.html-search-page .category_page .category_nav li {
  padding-left: 16px;
  color: #505050; }
  .html-search-page .category_page .category_nav li a {
    display: inline-block;
    color: #505050;
    text-decoration: none; }
    .html-search-page .category_page .category_nav li a:hover, .html-search-page .category_page .category_nav li a:active {
      color: #5894cd;
      border-bottom: 1px dashed #5894cd; }
    .html-search-page .category_page .category_nav li a.active {
      color: #5894cd;
      border-bottom: 1px solid #5894cd; }

.html-search-page .category_page .category_nav label {
  position: relative; }
  .html-search-page .category_page .category_nav label .nav-toggle-icon {
    position: absolute;
    left: -16px;
    border: 5px solid transparent; }
    .html-search-page .category_page .category_nav label .nav-toggle-icon.chevron-right {
      top: 5px;
      border-left: 6px solid #505050; }
    .html-search-page .category_page .category_nav label .nav-toggle-icon.chevron-down {
      top: 7px;
      border-top: 6px solid #505050; }

.html-search-page .category_page .page_nav {
  line-height: 24px;
  text-align: center; }
  .html-search-page .category_page .page_nav ul {
    display: inline-block;
    margin: 0 auto; }
    .html-search-page .category_page .page_nav ul :last-child {
      margin-right: 0; }
  .html-search-page .category_page .page_nav li {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 4px;
    padding: 0;
    border-radius: 2px;
    border: 1px solid #c8c8c8;
    font-weight: 700;
    font-size: 1.2rem;
    text-align: center;
    vertical-align: top;
    background-color: rgba(247, 247, 247, 0.9); }
    .html-search-page .category_page .page_nav li.current-page {
      border: 1px solid #2c6ca9;
      color: white;
      background: #2c6ca9;
      box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4); }
  .html-search-page .category_page .page_nav a {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-weight: 700;
    font-size: 1.2rem;
    text-align: center;
    text-decoration: none;
    color: dimgray; }
    .html-search-page .category_page .page_nav a:hover {
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
    .html-search-page .category_page .page_nav a:active {
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); }
  .html-search-page .category_page .page_nav .first-page a, .html-search-page .category_page .page_nav .previous-page a, .html-search-page .category_page .page_nav .next-page a, .html-search-page .category_page .page_nav .last-page a {
    color: transparent;
    padding-left: 24px;
    background: url(../img/nav_arrows.png) no-repeat; }
  .html-search-page .category_page .page_nav .first-page a {
    background-position: -17px -9px; }
  .html-search-page .category_page .page_nav .previous-page a {
    background-position: 9px -9px; }
  .html-search-page .category_page .page_nav .next-page a {
    background-position: -20px 9px; }
  .html-search-page .category_page .page_nav .last-page a {
    background-position: 6px 9px; }

.html-search-page .brands {
  padding-top: 50px;
  padding-bottom: 50px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  overflow: hidden; }
  .html-search-page .brands .item {
    overflow: hidden; }
    .html-search-page .brands .item a {
      display: block;
      min-height: 80px;
      overflow: hidden;
      position: relative; }
    .html-search-page .brands .item img {
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: 100%;
      width: auto;
      max-height: 80px;
      height: auto;
      margin: auto;
      padding: 0 15px;
      filter: grayscale(100%);
      -moz-transition: filter 0.1s;
      -o-transition: filter 0.1s;
      -webkit-transition: filter 0.1s;
      transition: filter 0.1s; }
      .html-search-page .brands .item img:hover {
        filter: none; }
  .html-search-page .brands .owl-carousel {
    margin-top: -30px;
    padding-top: 30px;
    overflow: hidden; }
  .html-search-page .brands .owl-theme .owl-nav {
    position: relative;
    top: -110px;
    width: 46px;
    margin: 0;
    margin-left: auto; }
    .html-search-page .brands .owl-theme .owl-nav .owl-prev {
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      margin: 0;
      padding: 0;
      border-radius: 50%;
      background: #2c6ca9 url(../img/prev.png) no-repeat 45% center;
      background-size: auto 50%; }
    .html-search-page .brands .owl-theme .owl-nav .owl-next {
      position: absolute;
      top: 0;
      right: 0;
      width: 20px;
      height: 20px;
      margin: 0;
      padding: 0;
      border-radius: 50%;
      background: #2c6ca9 url(../img/next.png) no-repeat 56% center;
      background-size: auto 50%; }

.html-search-page .article h2 {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 1.8rem; }

.html-search-page .article p {
  margin-bottom: 20px;
  color: dimgray; }

@media screen and (max-width: 991px) {
  .html-product-details-page .offers_container {
    margin-top: 50px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb; } }

.html-product-details-page .offers_container .current_offers {
  display: inline-block;
  text-align: right; }
  @media screen and (max-width: 991px) {
    .html-product-details-page .offers_container .current_offers {
      text-align: left; } }
  @media screen and (max-width: 767px) {
    .html-product-details-page .offers_container .current_offers {
      text-align: center; } }
  .html-product-details-page .offers_container .current_offers .offer_item {
    display: inline-block;
    padding: 15px 20px;
    border-radius: 5px;
    border: 1px solid #febf01;
    text-align: center;
    letter-spacing: 0; }
    .html-product-details-page .offers_container .current_offers .offer_item p {
      display: inline-block;
      padding: 0 20px;
      margin-bottom: 8px;
      font-size: 1.6rem;
      color: #1b1b1b; }
    .html-product-details-page .offers_container .current_offers .offer_item .offer_btn {
      display: inline-block;
      padding: 7px 20px 9px;
      border-radius: 2px;
      border: 1px solid #febf01;
      font-weight: 400;
      font-size: 1.6rem;
      text-decoration: none;
      color: #363636;
      background-color: #febf01;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .html-product-details-page .offers_container .current_offers .offer_item .offer_btn:hover {
        background-color: #fec80a;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
      .html-product-details-page .offers_container .current_offers .offer_item .offer_btn:active {
        background-color: #febf01;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); }

.html-product-details-page .product_card {
  margin-bottom: 80px;
  color: #333333;
  font-size: 1.5rem;
  line-height: 1.4; }
  @media screen and (min-width: 992px) {
    .html-product-details-page .product_card {
      padding-top: 40px;
      border-top: 1px solid #ebebeb; } }
  .html-product-details-page .product_card h2.name {
    margin-bottom: 20px;
    font-size: 2.4rem;
    color: #333333; }
  .html-product-details-page .product_card p.articul {
    font-size: 1.2rem;
    color: #8a8a8a; }

.html-product-details-page .main_information {
  margin-bottom: 30px; }

.html-product-details-page .product_header {
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .html-product-details-page .product_header {
      padding-left: 30px; } }

@media screen and (max-width: 767px) {
  .html-product-details-page .show {
    padding-top: 30px;
    padding-bottom: 30px; } }

@media screen and (min-width: 768px) {
  .html-product-details-page .show {
    float: right; } }

.html-product-details-page .show .main_image_wrap {
  padding: 3px; }
  .html-product-details-page .show .main_image_wrap .main_image {
    display: block;
    max-width: 371px;
    height: 310px;
    margin: 0 auto;
    text-align: center;
    vertical-align: center; }
    @media screen and (max-width: 991px) {
      .html-product-details-page .show .main_image_wrap .main_image {
        margin-bottom: 30px; } }

@media screen and (min-width: 992px) {
  .html-product-details-page .show .preview_wrapper {
    padding-right: 0; } }

.html-product-details-page .show .preview_block {
  overflow: auto;
  text-align: center;
  padding: 3px; }
  @media screen and (max-width: 991px) {
    .html-product-details-page .show .preview_block {
      margin: 0 auto;
      height: 110px;
      white-space: nowrap; } }
  @media screen and (min-width: 992px) {
    .html-product-details-page .show .preview_block {
      max-height: 310px;
      text-align: left; } }
  .html-product-details-page .show .preview_block .miniature {
    display: inline-block;
    width: 84px;
    height: 84px;
    margin-right: 30px; }
    @media screen and (max-width: 767px) {
      .html-product-details-page .show .preview_block .miniature {
        margin-right: 18px; } }
    @media screen and (min-width: 992px) {
      .html-product-details-page .show .preview_block .miniature {
        margin-right: 0;
        margin-bottom: 15px; } }
  @media screen and (max-width: 991px) {
    .html-product-details-page .show .preview_block :last-child {
      margin-right: 3px; } }
  @media screen and (min-width: 992px) {
    .html-product-details-page .show .preview_block :last-child {
      margin-bottom: 0; } }

.html-product-details-page .show .main_image, .html-product-details-page .show .miniature {
  position: relative;
  border-radius: 5px;
  background: white;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); }
  .html-product-details-page .show .main_image img, .html-product-details-page .show .miniature img {
    position: absolute;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    padding: 10px; }

.html-product-details-page .show .miniature:hover, .html-product-details-page .show .miniature:active {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .html-product-details-page .about {
    padding-left: 30px; } }

@media screen and (min-width: 992px) {
  .html-product-details-page .about {
    float: right; } }

.html-product-details-page .about .short_description {
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #ebebeb;
  font-size: 1.4rem;
  color: #414141; }

.html-product-details-page .about .product_footer {
  text-align: center; }
  .html-product-details-page .about .product_footer .product_details {
    min-height: 63px; }
  .html-product-details-page .about .product_footer .discover_details {
    min-height: 36px;
    text-align: left; }
  .html-product-details-page .about .product_footer .price {
    display: inline-block;
    float: left;
    margin-bottom: 10px;
    vertical-align: top;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 63px;
    color: #2c6ca9;
    white-space: nowrap; }
  .html-product-details-page .about .product_footer .amount {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
    position: relative; }
    .html-product-details-page .about .product_footer .amount .input_number {
      max-width: 41px;
      margin: 15px auto;
      padding: 5px;
      border-radius: 1px;
      border: 1px solid #c8c8c8;
      font-size: 1.5rem;
      color: #333333;
      vertical-align: top;
      text-align: center;
      outline: none; }
    .html-product-details-page .about .product_footer .amount .input_number_decrement, .html-product-details-page .about .product_footer .amount .input_number_increment {
      position: absolute;
      height: 15px;
      width: 45px;
      user-select: none;
      cursor: pointer;
      background: url(../img/input_controllers.png) no-repeat; }
    .html-product-details-page .about .product_footer .amount .input_number_increment {
      top: 0;
      left: 0;
      background-position: 15px top; }
      .html-product-details-page .about .product_footer .amount .input_number_increment:hover {
        background-position: -30px top; }
    .html-product-details-page .about .product_footer .amount .input_number_decrement {
      bottom: 0;
      left: 0;
      background-position: 17px bottom; }
      .html-product-details-page .about .product_footer .amount .input_number_decrement:hover {
        background-position: -28px bottom; }
  .html-product-details-page .about .product_footer .add_to_cart, .html-product-details-page .about .product_footer .discover_btn {
    border: 0;
    display: inline-block;
    float: right;
    margin: 14px auto;
    padding: 8px 16px;
    padding-left: 40px;
    border-radius: 2px;
    font-size: 1.4rem;
    color: white;
    text-transform: none;
    text-decoration: none;
    background: #f80202 url(../img/cart.png) no-repeat 12px center;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .html-product-details-page .about .product_footer .add_to_cart:hover, .html-product-details-page .about .product_footer .discover_btn:hover {
      background-color: #ff2f2f;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
    .html-product-details-page .about .product_footer .add_to_cart:active, .html-product-details-page .about .product_footer .discover_btn:active {
      background-color: #f80202;
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3); }
  @media screen and (max-width: 459px) {
    .html-product-details-page .about .product_footer .add_to_cart {
      display: block;
      float: none;
      max-width: 190px;
      margin-left: 0; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .html-product-details-page .about .product_footer .add_to_cart {
      display: block;
      float: none;
      max-width: 190px;
      margin-left: 0; } }
  .html-product-details-page .about .product_footer .discover_btn {
    margin: 0 auto;
    padding: 8px 16px;
    background: #f80202; }
    @media screen and (max-width: 459px) {
      .html-product-details-page .about .product_footer .discover_btn {
        display: block;
        float: none;
        max-width: 110px;
        margin-left: 0; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .html-product-details-page .about .product_footer .discover_btn {
        display: block;
        float: none;
        max-width: 110px;
        margin-left: 0; } }
  .html-product-details-page .about .product_footer .discover_price {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 36px;
    color: #333333;
    white-space: nowrap; }

.callback_wrapper {
  padding: 20px;
  background-color: #efefef;
  vertical-align: center;
  text-align: center; }
  .callback_wrapper form:after {
    content: "";
    display: table;
    clear: both; }
.callback_wrapper label {
    float: left;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 6px 0;
    padding-left: 84px;
    font-size: 1.8rem;
    color: #414141;
    background: url(../img/callback_wrapper_cart.png) no-repeat left center;
    background-position: -6px -6px;
    background-size: 100px;
}
.callback_wrapper .radLabel {
    color: #f80202;
}
    @media screen and (max-width: 499px) {
      .callback_wrapper label {
        font-size: 1.6rem; } }
    @media screen and (max-width: 991px) {
      .callback_wrapper label {
        float: none; } }
  .callback_wrapper .inputs_wrap {
    float: right;
    display: inline-block;
    padding: 12px 0;
    vertical-align: top; }
    @media screen and (max-width: 991px) {
      .callback_wrapper .inputs_wrap {
        display: block;
        float: none; } }
    .callback_wrapper .inputs_wrap input {
      min-width: 190px;
      padding: 10px 12px;
      border: 1px solid #5894cd;
      border-radius: 2px;
      font-size: 1.4rem; }
      @media screen and (max-width: 499px) {
        .callback_wrapper .inputs_wrap input {
          display: block;
          float: none;
          margin: 0 auto;
          width: 100%;
          max-width: 230px; } }
    .callback_wrapper .inputs_wrap [type="text"] {
    margin-right: 10px;
}
      @media screen and (max-width: 499px) {
        .callback_wrapper .inputs_wrap [type="text"] {
          margin: 0 auto;
          margin-bottom: 10px; } }
      .callback_wrapper .inputs_wrap [type="text"]:focus {
        box-shadow: 0 0 3px rgba(88, 148, 205, 0.4); }
    .callback_wrapper .inputs_wrap [type="submit"] {
      cursor: pointer;
      display: inline-block;
      max-width: 230px;
      padding: 12px;
      border: none;
      border-radius: 2px;
      text-align: center;
      font-size: 1.4rem;
      text-decoration: none;
      text-transform: uppercase;
      background-color: #febf01;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .callback_wrapper .inputs_wrap [type="submit"]:focus {
        box-shadow: none; }
      .callback_wrapper .inputs_wrap [type="submit"]:hover {
        background-color: #fec80a;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
      .callback_wrapper .inputs_wrap [type="submit"]:active {
        background-color: #febf01;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); }
/*.html-product-details-page .callback_wrapper {
  padding: 20px;
  background-color: #efefef;
  vertical-align: center;
  text-align: center; }
  .html-product-details-page .callback_wrapper form:after {
    content: "";
    display: table;
    clear: both; }
  .html-product-details-page .callback_wrapper label {
    float: left;
    display: inline-block;
    vertical-align: top;
    padding: 6px 0;
    padding-left: 80px;
    font-size: 1.8rem;
    color: #414141;
    background: url(../img/callback_label.png) no-repeat left center; }
    @media screen and (max-width: 499px) {
      .html-product-details-page .callback_wrapper label {
        font-size: 1.6rem; } }
    @media screen and (max-width: 991px) {
      .html-product-details-page .callback_wrapper label {
        float: none; } }
  .html-product-details-page .callback_wrapper .inputs_wrap {
    float: right;
    display: inline-block;
    padding: 12px 0;
    vertical-align: top; }
    @media screen and (max-width: 991px) {
      .html-product-details-page .callback_wrapper .inputs_wrap {
        display: block;
        float: none; } }
    .html-product-details-page .callback_wrapper .inputs_wrap input {
      min-width: 190px;
      padding: 10px 12px;
      border: 1px solid #5894cd;
      border-radius: 2px;
      font-size: 1.4rem; }
      @media screen and (max-width: 499px) {
        .html-product-details-page .callback_wrapper .inputs_wrap input {
          display: block;
          float: none;
          margin: 0 auto;
          width: 100%;
          max-width: 230px; } }
    .html-product-details-page .callback_wrapper .inputs_wrap [type="text"] {
      margin-right: 20px; }
      @media screen and (max-width: 499px) {
        .html-product-details-page .callback_wrapper .inputs_wrap [type="text"] {
          margin: 0 auto;
          margin-bottom: 10px; } }
      .html-product-details-page .callback_wrapper .inputs_wrap [type="text"]:focus {
        box-shadow: 0 0 3px rgba(88, 148, 205, 0.4); }
    .html-product-details-page .callback_wrapper .inputs_wrap [type="submit"] {
      cursor: pointer;
      display: inline-block;
      max-width: 230px;
      padding: 12px;
      border: none;
      border-radius: 2px;
      text-align: center;
      font-size: 1.4rem;
      text-decoration: none;
      text-transform: uppercase;
      background-color: #febf01;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .html-product-details-page .callback_wrapper .inputs_wrap [type="submit"]:focus {
        box-shadow: none; }
      .html-product-details-page .callback_wrapper .inputs_wrap [type="submit"]:hover {
        background-color: #fec80a;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
      .html-product-details-page .callback_wrapper .inputs_wrap [type="submit"]:active {
        background-color: #febf01;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); }*/

.html-product-details-page .other_information {
  margin-top: 70px;
  border-top: 1px solid #ebebeb;
  color: dimgray;
  font-size: 1.4rem;
  line-height: 1.4; }
  .html-product-details-page .other_information .row {
    position: relative;
    padding-top: 30px; }
    .html-product-details-page .other_information .row .separator {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 1px;
      padding: 0;
      background: #ebebeb; }
  .html-product-details-page .other_information h2 {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 7px;
    text-align: left;
    font-weight: 700;
    font-size: 1.8rem;
    color: #333333; }
    .html-product-details-page .other_information h2:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 132px;
      height: 3px;
      background: #5894cd; }
  .html-product-details-page .other_information p, .html-product-details-page .other_information ul {
    margin-bottom: 20px; }
  .html-product-details-page .other_information .full_description {
    padding-bottom: 30px; }
    @media screen and (min-width: 992px) {
      .html-product-details-page .other_information .full_description {
        padding-right: 30px; } }
  .html-product-details-page .other_information .applicability {
    padding-bottom: 30px; }
    @media screen and (min-width: 992px) {
      .html-product-details-page .other_information .applicability {
        padding-left: 50px; } }
    .html-product-details-page .other_information .applicability li {
      position: relative;
      padding-left: 10px; }
      .html-product-details-page .other_information .applicability li:before {
        position: absolute;
        content: '';
        left: 0;
        top: 8px;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: dimgray; }
  .html-product-details-page .other_information .delivery_info {
    padding-bottom: 30px; }
    @media screen and (min-width: 992px) {
      .html-product-details-page .other_information .delivery_info {
        padding-right: 30px; } }
    .html-product-details-page .other_information .delivery_info.single {
      /*При отсутствии блока "Применяемость"*/
      width: 100%; }
  .html-product-details-page .other_information .prev, .html-product-details-page .other_information .next {
    display: none; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .html-product-details-page .other_information .prev, .html-product-details-page .other_information .next {
        cursor: pointer;
        display: inline-block;
        min-height: 94px;
        height: 100%;
        min-width: 26px;
        background: url(../img/product_arrows.png) no-repeat;
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none; } }
  .html-product-details-page .other_information .prev {
    float: left;
    background-position: -28px center; }
    .html-product-details-page .other_information .prev:hover, .html-product-details-page .other_information .prev:active {
      background-position: -84px center; }
  .html-product-details-page .other_information .next {
    float: right;
    background-position: left center; }
    .html-product-details-page .other_information .next:hover, .html-product-details-page .other_information .next:active {
      background-position: -56px center; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .html-product-details-page .other_information .related_products {
      text-align: center;
      vertical-align: center; } }
  @media screen and (max-width: 991px) {
    .html-product-details-page .other_information .related_products {
      padding-bottom: 30px; } }
  @media screen and (min-width: 992px) {
    .html-product-details-page .other_information .related_products {
      float: right;
      padding-left: 50px; } }
  .html-product-details-page .other_information .related_products .prev, .html-product-details-page .other_information .related_products .next {
    padding-top: 10px;
    min-height: 252px; }
  .html-product-details-page .other_information .related_products .item_list {
    padding-top: 10px; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .html-product-details-page .other_information .related_products .item_list {
        display: inline-block;
        text-align: center;
        width: 634px;
        overflow: hidden; }
        .html-product-details-page .other_information .related_products .item_list h3 {
          text-align: left; } }
  .html-product-details-page .other_information .related_products .show_more {
    display: inline-block;
    color: #5894cd;
    text-decoration: none;
    border-bottom: 1px dashed #5894cd; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .html-product-details-page .other_information .related_products .show_more {
        display: none; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .html-product-details-page .other_information .resently_products {
      text-align: center;
      vertical-align: center; } }
  @media screen and (min-width: 992px) {
    .html-product-details-page .other_information .resently_products {
      padding-right: 30px; } }
  .html-product-details-page .other_information .resently_products .resently_items_list {
    overflow: auto;
    padding: 3px;
    white-space: nowrap;
    min-height: 120px; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .html-product-details-page .other_information .resently_products .resently_items_list {
        display: inline-block;
        text-align: center;
        width: 644px;
        overflow: hidden; } }
    .html-product-details-page .other_information .resently_products .resently_items_list :last-child {
      margin-right: 0; }
  .html-product-details-page .other_information .resently_products .micro_itemCard {
    display: inline-block;
    max-width: 110px;
    margin-right: 15px;
    white-space: normal; }
    .html-product-details-page .other_information .resently_products .micro_itemCard .picture {
      display: inline-block;
      position: relative;
      width: 110px;
      height: 94px;
      border-radius: 5px;
      background: white;
      box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); }
      .html-product-details-page .other_information .resently_products .micro_itemCard .picture:hover {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); }
      .html-product-details-page .other_information .resently_products .micro_itemCard .picture img {
        position: absolute;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 100%;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        padding: 10px; }
    .html-product-details-page .other_information .resently_products .micro_itemCard h3 {
      height: 40px;
      margin: 10px 0;
      font-weight: 700;
      line-height: 1.4;
      white-space: wrap;
      overflow: hidden; }
      @media screen and (max-width: 991px) {
        .html-product-details-page .other_information .resently_products .micro_itemCard h3 {
          display: none; } }
      .html-product-details-page .other_information .resently_products .micro_itemCard h3 a {
        color: #2c6ca9;
        text-decoration: none; }
        .html-product-details-page .other_information .resently_products .micro_itemCard h3 a:hover {
          text-decoration: underline; }
  .html-product-details-page .other_information .current_offers_btn {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center; }
    @media screen and (min-width: 992px) {
      .html-product-details-page .other_information .current_offers_btn {
        padding-top: 0;
        padding-right: 30px;
        text-align: left; } }
    .html-product-details-page .other_information .current_offers_btn a {
      cursor: pointer;
      display: inline-block;
      padding: 12px;
      border-radius: 2px;
      border: none;
      font-size: 1.4rem;
      color: #1b1b1b;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      background-color: #febf01;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .html-product-details-page .other_information .current_offers_btn a:hover {
        background-color: #fec80a;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
      .html-product-details-page .other_information .current_offers_btn a:active {
        background-color: #febf01;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); }

.html-shopping-cart-page .cart_page {
  padding-bottom: 50px;
  border-top: 1px solid #ebebeb;
  color: #333333;
  font-size: 1.5rem;
  line-height: 1.4; }
  @media screen and (max-width: 991px) {
    .html-shopping-cart-page .cart_page {
      border-top: none; } }
  .html-shopping-cart-page .cart_page h2 {
    padding-top: 50px;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 1.8rem; }

.html-shopping-cart-page .current_offers {
  padding-top: 50px;
  padding-bottom: 50px; }
  @media screen and (max-width: 991px) {
    .html-shopping-cart-page .current_offers {
      border-top: 1px solid #ebebeb;
      border-bottom: 1px solid #ebebeb; } }
  @media screen and (min-width: 992px) {
    .html-shopping-cart-page .current_offers {
      padding-top: 95px; } }
  .html-shopping-cart-page .current_offers .offer_item {
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #fec80a;
    text-align: center; }
    @media screen and (max-width: 991px) {
      .html-shopping-cart-page .current_offers .offer_item {
        display: inline-block; } }
    .html-shopping-cart-page .current_offers .offer_item p {
      display: inline-block;
      margin: 5px;
      font-size: 1.6rem;
      color: #1b1b1b; }
    .html-shopping-cart-page .current_offers .offer_item .offer_btn, .html-shopping-cart-page .current_offers .offer_item .all_btn {
      display: inline-block;
      margin: 5px;
      padding: 7px 10px 9px;
      border-radius: 2px;
      font-weight: 400;
      font-size: 1.6rem;
      text-decoration: none;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
    .html-shopping-cart-page .current_offers .offer_item .offer_btn {
      color: white;
      background-color: #f80202; }
      .html-shopping-cart-page .current_offers .offer_item .offer_btn:hover {
        background-color: #ff2f2f;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
      .html-shopping-cart-page .current_offers .offer_item .offer_btn:active {
        background-color: #f80202;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3); }
    .html-shopping-cart-page .current_offers .offer_item .all_btn {
      color: #363636;
      background-color: #febf01; }
      @media screen and (max-width: 575px) {
        .html-shopping-cart-page .current_offers .offer_item .all_btn {
          display: none; } }
      .html-shopping-cart-page .current_offers .offer_item .all_btn:hover {
        background-color: #fec80a;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
      .html-shopping-cart-page .current_offers .offer_item .all_btn:active {
        background-color: #febf01;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); }
  .html-shopping-cart-page .current_offers .all_offers {
    display: block;
    margin-top: 10px;
    color: #5894cd;
    text-decoration: underline;
    text-align: right; }
    @media screen and (max-width: 991px) {
      .html-shopping-cart-page .current_offers .all_offers {
        display: none; } }

.html-shopping-cart-page .order_list {
  margin-bottom: 50px; }
  .html-shopping-cart-page .order_list .list_item {
    position: relative;
    margin-bottom: 20px;
    margin-right: 6px;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #ebebeb; }
    .html-shopping-cart-page .order_list .list_item:hover {
      border: 1px solid whitesmoke;
      background: whitesmoke; }
  .html-shopping-cart-page .order_list button.delete {
    position: absolute;
    top: -7px;
    right: -7px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    border: 1px solid #ebebeb;
    line-height: 31px;
    vertical-align: center;
    text-align: center;
    overflow: hidden;
    background: white; }
    .html-shopping-cart-page .order_list button.delete:hover {
      border: 1px solid #b9b9b9; }
    .html-shopping-cart-page .order_list button.delete img {
      width: auto;
      height: auto; }
  .html-shopping-cart-page .order_list :last-child {
    margin-bottom: 0; }
  .html-shopping-cart-page .order_list .miniature {
    display: inline-block;
    height: 73px;
    width: 73px;
    padding: 6px;
    border-radius: 5px;
    background: white;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); }
    .html-shopping-cart-page .order_list .miniature img {
      width: auto;
      height: auto; }
    @media screen and (max-width: 767px) {
      .html-shopping-cart-page .order_list .miniature {
        position: absolute; } }
  .html-shopping-cart-page .order_list .order_information {
    width: calc(100% - 78px);
    display: inline-block;
    vertical-align: top;
    font-size: 1.5rem;
    letter-spacing: 0;
    color: #333333; }
    .html-shopping-cart-page .order_list .order_information * {
      display: inline-block;
      vertical-align: top; }
    .html-shopping-cart-page .order_list .order_information h3 {
      width: 56%;
      min-height: 73px;
      padding: 4px 14px;
      border-right: 1px solid #d2d2d2;
      font-weight: 400; }
    .html-shopping-cart-page .order_list .order_information .amount {
      display: inline-block;
      vertical-align: center;
      position: relative;
      margin-top: 5px; }
      .html-shopping-cart-page .order_list .order_information .amount .input_number {
        max-width: 45px;
        margin: 15px auto;
        padding: 5px;
        border-radius: 1px;
        border: 1px solid #c8c8c8;
        font-size: 1.5rem;
        color: #333333;
        vertical-align: top;
        text-align: center;
        outline: none; }
      .html-shopping-cart-page .order_list .order_information .amount .input_number_decrement, .html-shopping-cart-page .order_list .order_information .amount .input_number_increment {
        position: absolute;
        height: 15px;
        width: 45px;
        user-select: none;
        cursor: pointer;
        background: url(../img/input_controllers.png) no-repeat; }
      .html-shopping-cart-page .order_list .order_information .amount .input_number_increment {
        top: 0;
        left: 0;
        background-position: 17px top; }
        .html-shopping-cart-page .order_list .order_information .amount .input_number_increment:hover {
          background-position: -28px top; }
      .html-shopping-cart-page .order_list .order_information .amount .input_number_decrement {
        bottom: 0;
        left: 0;
        background-position: 17px bottom; }
        .html-shopping-cart-page .order_list .order_information .amount .input_number_decrement:hover {
          background-position: -28px bottom; }
    .html-shopping-cart-page .order_list .order_information .price {
      width: 25%;
      margin: 0;
      padding-top: 26px;
      padding-left: 14px;
      font-weight: 700;
      text-align: center;
      color: #2c6ca9; }
    @media screen and (max-width: 767px) {
      .html-shopping-cart-page .order_list .order_information {
        width: 100%; }
        .html-shopping-cart-page .order_list .order_information h3 {
          display: block;
          width: 100%;
          min-height: 93px;
          height: auto;
          margin-bottom: 20px;
          padding-bottom: 20px;
          padding-left: 92px;
          border-right: none;
          border-bottom: 1px solid #d2d2d2; }
        .html-shopping-cart-page .order_list .order_information .amount {
          margin: 0 20px;
          text-align: right; }
        .html-shopping-cart-page .order_list .order_information .price {
          width: 54%;
          padding: 19px 20px;
          padding-left: 0;
          font-size: 1.8rem;
          text-align: right; } }

.html-shopping-cart-page .cart_footer {
  padding-top: 50px;
  padding-bottom: 30px;
  border-top: 1px solid #ebebeb; }
  .html-shopping-cart-page .cart_footer * {
    display: inline-block; }
  .html-shopping-cart-page .cart_footer p {
    min-height: 41px;
    margin-bottom: 20px;
    font-size: 2.2rem;
    line-height: 41px;
    color: #2c6ca9; }
    @media screen and (max-width: 767px) {
      .html-shopping-cart-page .cart_footer p {
        display: block;
        text-align: center; } }
    @media screen and (min-width: 768px) {
      .html-shopping-cart-page .cart_footer p {
        float: right; } }
  @media screen and (max-width: 449px) {
    .html-shopping-cart-page .cart_footer .buttons {
      max-width: 230px;
      margin: 0 auto; } }
  @media screen and (max-width: 767px) {
    .html-shopping-cart-page .cart_footer .buttons {
      display: block;
      text-align: center; } }
  @media screen and (min-width: 768px) {
    .html-shopping-cart-page .cart_footer .buttons {
      float: left; } }
  .html-shopping-cart-page .cart_footer input {
    border: 0;
    display: inline-block;
    border-radius: 2px;
    padding: 8px 30px 10px;
    font-size: 1.6rem;
    text-decoration: none;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    @media screen and (max-width: 449px) {
      .html-shopping-cart-page .cart_footer input {
        float: none;
        display: block;
        width: 100%;
        max-width: 230px;
        margin-right: 0;
        margin-bottom: 10px;
        text-align: center; } }
    .html-shopping-cart-page .cart_footer input.checkout {
      margin-right: 30px;
      font-weight: 700;
      color: white;
      background-color: #f80202; }
      .html-shopping-cart-page .cart_footer input.checkout:hover {
        background-color: #ff2f2f;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
      .html-shopping-cart-page .cart_footer input.checkout:active {
        background-color: #f80202;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3); }
    .html-shopping-cart-page .cart_footer input.shopping {
      font-weight: 400;
      color: #363636;
      background-color: #febf01; }
      .html-shopping-cart-page .cart_footer input.shopping:hover {
        background-color: #fec80a;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
      .html-shopping-cart-page .cart_footer input.shopping:active {
        background-color: #febf01;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); }

.html-account-page .accountBlock {
  margin-bottom: 50px;
  border-top: 1px solid #ebebeb;
  color: #333333;
  font-size: 1.5rem;
  line-height: 1.4;
  /* История заказов */
  /* Акции */
  /* Мой профиль */
  /* Написать нам */ }
  .html-account-page .accountBlock h2 {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 1.8rem; }
  .html-account-page .accountBlock h3 {
    display: inline-block;
    padding-right: 3px;
    font-weight: 700;
    font-size: 1.5rem; }
  .html-account-page .accountBlock p {
    display: inline-block;
    margin-bottom: 10px; }
  .html-account-page .accountBlock ul.tabs {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 40px;
    padding: 0;
    font-size: 1.6rem; }
    .html-account-page .accountBlock ul.tabs :last-child:after {
      content: none; }
    @media screen and (min-width: 401px) and (max-width: 538px) {
      .html-account-page .accountBlock ul.tabs :nth-child(3):after {
        content: none; } }
    @media screen and (max-width: 400px) {
      .html-account-page .accountBlock ul.tabs :nth-child(2):after {
        content: none; } }
    .html-account-page .accountBlock ul.tabs li {
      cursor: pointer;
      position: relative;
      float: left;
      padding-right: 40px;
      overflow: hidden; }
      .html-account-page .accountBlock ul.tabs li:after {
        content: '|';
        position: absolute;
        right: 18px;
        color: #b4b4b4; }
      .html-account-page .accountBlock ul.tabs li span {
        display: inline-block;
        min-height: 24px;
        margin-bottom: 4px; }
        .html-account-page .accountBlock ul.tabs li span:hover, .html-account-page .accountBlock ul.tabs li span:active {
          border-bottom: 1px dashed #333333; }
        .html-account-page .accountBlock ul.tabs li span:active {
          display: block; }
    .html-account-page .accountBlock ul.tabs .active span {
      border-bottom: 1px dashed #5894cd;
      color: #5894cd; }
      .html-account-page .accountBlock ul.tabs .active span:hover, .html-account-page .accountBlock ul.tabs .active span:active {
        border-bottom: 1px dashed #5894cd; }
  .html-account-page .accountBlock .tab_container {
    clear: both;
    float: left;
    width: 100%;
    overflow: auto; }
  .html-account-page .accountBlock .tab_content {
    display: none; }
  .html-account-page .accountBlock .tab_drawer_heading {
    display: none; }
  .html-account-page .accountBlock .panel-heading {
    position: relative;
    padding: 15px 30px; }
    .html-account-page .accountBlock .panel-heading * {
      vertical-align: center; }
    .html-account-page .accountBlock .panel-heading:after {
      content: "";
      display: table;
      clear: both; }
    .html-account-page .accountBlock .panel-heading .info {
      width: 65%; }
    .html-account-page .accountBlock .panel-heading .main_info, .html-account-page .accountBlock .panel-heading .add_info, .html-account-page .accountBlock .panel-heading .order_info {
      position: relative;
      float: left;
      min-height: 80px;
      border-right: 1px solid #d2d2d2; }
      .html-account-page .accountBlock .panel-heading .main_info *, .html-account-page .accountBlock .panel-heading .add_info *, .html-account-page .accountBlock .panel-heading .order_info * {
        margin: 0; }
    .html-account-page .accountBlock .panel-heading .main_info {
      width: 50%;
      padding-top: 8px;
      text-align: left; }
      .html-account-page .accountBlock .panel-heading .main_info h1 {
        font-weight: 400;
        font-size: 2.1rem;
        color: #494949; }
    .html-account-page .accountBlock .panel-heading .add_info {
      width: 50%;
      padding-top: 18px;
      text-align: center; }
      .html-account-page .accountBlock .panel-heading .add_info .again {
        margin: 0 auto; }
    .html-account-page .accountBlock .panel-heading .order_info {
      width: 30%;
      padding-top: 18px;
      border: none; }
      .html-account-page .accountBlock .panel-heading .order_info .amount {
        display: block;
        margin: 0 auto;
        text-align: center;
        color: #333333; }
      .html-account-page .accountBlock .panel-heading .order_info .price {
        display: block;
        margin: 0 auto;
        font-weight: 700;
        text-align: center;
        color: #2c6ca9; }
    .html-account-page .accountBlock .panel-heading .status {
      display: inline-block;
      margin: 0 auto;
      margin-top: 9px;
      padding: 3px 0;
      padding-left: 35px;
      font-size: 1.4rem;
      color: #959595;
      background: url(../img/order_status.png) no-repeat left bottom; }
    .html-account-page .accountBlock .panel-heading .processed {
      height: 26px;
      background-position: left top; }
    @media screen and (max-width: 767px) {
      .html-account-page .accountBlock .panel-heading {
        padding: 15px 20px; }
        .html-account-page .accountBlock .panel-heading .info {
          float: left;
          width: 50%;
          min-height: 65px; }
          .html-account-page .accountBlock .panel-heading .info h1 {
            padding-bottom: 9px; }
        .html-account-page .accountBlock .panel-heading .main_info, .html-account-page .accountBlock .panel-heading .add_info, .html-account-page .accountBlock .panel-heading .order_info {
          min-height: auto;
          padding-top: 0; }
        .html-account-page .accountBlock .panel-heading .main_info {
          float: none;
          width: 100%;
          padding-bottom: 15px; }
        .html-account-page .accountBlock .panel-heading .add_info {
          float: none;
          width: 100%;
          text-align: left; }
          .html-account-page .accountBlock .panel-heading .add_info .again {
            margin: 0; }
        .html-account-page .accountBlock .panel-heading .status {
          margin: 0; }
        .html-account-page .accountBlock .panel-heading .order_info {
          width: 40%;
          padding-top: 39px; } }
    @media screen and (max-width: 459px) {
      .html-account-page .accountBlock .panel-heading .info, .html-account-page .accountBlock .panel-heading .order_info {
        float: none;
        width: 90%; }
      .html-account-page .accountBlock .panel-heading .main_info, .html-account-page .accountBlock .panel-heading .add_info {
        border: none; }
      .html-account-page .accountBlock .panel-heading .order_info {
        padding-top: 20px; }
        .html-account-page .accountBlock .panel-heading .order_info .amount, .html-account-page .accountBlock .panel-heading .order_info .price {
          text-align: left; } }
  .html-account-page .accountBlock .processed_order .main_info {
    padding-top: 25px; }
  .html-account-page .accountBlock .processed_order .completed {
    display: none; }
  .html-account-page .accountBlock .processed_order .again, .html-account-page .accountBlock .processed_order .list_footer .again {
    display: none; }
  @media screen and (max-width: 767px) {
    .html-account-page .accountBlock .processed_order .main_info {
      padding-top: 0;
      padding-bottom: 0; }
    .html-account-page .accountBlock .processed_order .order_info {
      width: 40%;
      padding-top: 11px; } }
  @media screen and (max-width: 459px) {
    .html-account-page .accountBlock .processed_order .order_info {
      width: 90%;
      padding-top: 20px; } }
  .html-account-page .accountBlock .completed_order .processed {
    display: none; }
  .html-account-page .accountBlock .again {
    display: block;
    cursor: pointer;
    min-height: 41px;
    padding: 10px 20px;
    border: none;
    border-radius: 2px;
    text-align: center;
    font-size: 1.4rem;
    background-color: #febf01;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .html-account-page .accountBlock .again:hover {
      background-color: #fec80a;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
    .html-account-page .accountBlock .again:active {
      background-color: #febf01;
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); }
  .html-account-page .accountBlock .hamburger {
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 33px;
    margin: auto 0;
    cursor: pointer;
    opacity: .75; }
    .html-account-page .accountBlock .hamburger:hover, .html-account-page .accountBlock .hamburger:active, .html-account-page .accountBlock .hamburger:focus {
      opacity: 1; }
    @media screen and (max-width: 767px) {
      .html-account-page .accountBlock .hamburger {
        right: 20px; } }
    .html-account-page .accountBlock .hamburger .line {
      display: block;
      margin: 6px 0;
      width: 30px;
      height: 3px;
      background-color: #9b9b9b;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
  .html-account-page .accountBlock #hamburger.is-active :nth-child(2) {
    opacity: 0; }
  .html-account-page .accountBlock #hamburger.is-active :nth-child(1) {
    -moz-transform: translateY(9px) rotate(45deg);
    -webkit-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    -o-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg); }
  .html-account-page .accountBlock #hamburger.is-active :nth-child(3) {
    -moz-transform: translateY(-9px) rotate(-45deg);
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    -o-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg); }
  .html-account-page .accountBlock .panel-collapse {
    padding: 0 30px;
    border-top: 1px solid #ebebeb; }
    @media screen and (max-width: 767px) {
      .html-account-page .accountBlock .panel-collapse {
        padding: 0 20px; } }
  .html-account-page .accountBlock .my_orders {
    margin-top: 30px;
    margin-bottom: 30px; }
    .html-account-page .accountBlock .my_orders h2 {
      color: #494949; }
    .html-account-page .accountBlock .my_orders .order {
      width: 100%;
      margin-bottom: 30px;
      border: 1px solid #ebebeb;
      border-radius: 5px; }
    .html-account-page .accountBlock .my_orders .my_contacts {
      margin-top: 30px;
      margin-bottom: 20px; }
      .html-account-page .accountBlock .my_orders .my_contacts h3, .html-account-page .accountBlock .my_orders .my_contacts p {
        color: #959595; }
    .html-account-page .accountBlock .my_orders .order_list {
      margin-bottom: 40px; }
      .html-account-page .accountBlock .my_orders .order_list .list_item {
        margin-bottom: 20px;
        padding: 20px;
        border-radius: 5px;
        background: whitesmoke; }
      .html-account-page .accountBlock .my_orders .order_list :last-child {
        margin-bottom: 0; }
      .html-account-page .accountBlock .my_orders .order_list .miniature {
        display: inline-block;
        height: 73px;
        width: 73px;
        padding: 6px;
        border-radius: 5px;
        background: white;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); }
        .html-account-page .accountBlock .my_orders .order_list .miniature img {
          width: auto;
          height: auto; }
      .html-account-page .accountBlock .my_orders .order_list .order_information {
        width: calc(100% - 78px);
        display: inline-block;
        vertical-align: top;
        font-size: 1.5rem;
        letter-spacing: 0;
        color: #333333; }
        .html-account-page .accountBlock .my_orders .order_list .order_information * {
          vertical-align: top; }
        .html-account-page .accountBlock .my_orders .order_list .order_information h3 {
          width: 56%;
          min-height: 73px;
          padding: 4px 14px;
          border-right: 1px solid #d2d2d2;
          font-weight: 400; }
        .html-account-page .accountBlock .my_orders .order_list .order_information .amount {
          width: 17%;
          margin: 0;
          padding-top: 26px;
          padding-left: 14px;
          text-align: center;
          color: #333333; }
        .html-account-page .accountBlock .my_orders .order_list .order_information .price {
          width: 25%;
          margin: 0;
          padding-top: 26px;
          padding-left: 14px;
          font-weight: 700;
          text-align: center;
          color: #2c6ca9; }
        @media screen and (max-width: 767px) {
          .html-account-page .accountBlock .my_orders .order_list .order_information {
            min-height: 73px; }
            .html-account-page .accountBlock .my_orders .order_list .order_information h3 {
              width: 100%;
              min-height: 52px;
              height: auto;
              border-right: none; }
            .html-account-page .accountBlock .my_orders .order_list .order_information .amount {
              width: 49%;
              padding-top: 0;
              text-align: left; }
            .html-account-page .accountBlock .my_orders .order_list .order_information .price {
              width: 49%;
              padding-top: 0;
              text-align: right; } }
        @media screen and (max-width: 399px) {
          .html-account-page .accountBlock .my_orders .order_list .order_information {
            width: 100%;
            display: block; }
            .html-account-page .accountBlock .my_orders .order_list .order_information h3 {
              min-height: 0;
              padding: 4px 0;
              margin-top: 15px;
              margin-bottom: 15px; }
            .html-account-page .accountBlock .my_orders .order_list .order_information .amount {
              width: 35%;
              padding: 0;
              text-align: left; }
            .html-account-page .accountBlock .my_orders .order_list .order_information .price {
              width: 62%;
              padding: 0;
              text-align: right; } }
    .html-account-page .accountBlock .my_orders .list_footer {
      width: 100%;
      margin-bottom: 30px; }
      .html-account-page .accountBlock .my_orders .list_footer * {
        display: inline-block; }
      .html-account-page .accountBlock .my_orders .list_footer h2 {
        min-height: 41px;
        margin-bottom: 0;
        line-height: 41px; }
      .html-account-page .accountBlock .my_orders .list_footer .again {
        float: right; }
        @media screen and (max-width: 459px) {
          .html-account-page .accountBlock .my_orders .list_footer .again {
            float: none;
            display: block; } }
  .html-account-page .accountBlock .my_offers {
    font-size: 1.4rem;
    color: #333333; }
    .html-account-page .accountBlock .my_offers .offer {
      padding: 40px 0;
      border-bottom: 1px solid #ebebeb; }
      .html-account-page .accountBlock .my_offers .offer .participate {
        margin-bottom: 0;
        padding: 5px 40px;
        padding-right: 0;
        background: url(../img/user.png) no-repeat left center/auto 24px; }
        .html-account-page .accountBlock .my_offers .offer .participate a {
          color: #5894cd;
          text-decoration: underline; }
    .html-account-page .accountBlock .my_offers :last-child {
      border-bottom: none; }
  .html-account-page .accountBlock .my_contacts {
    margin-top: 40px;
    margin-bottom: 30px; }
    .html-account-page .accountBlock .my_contacts p {
      color: dimgray; }
    .html-account-page .accountBlock .my_contacts button {
      cursor: pointer;
      display: inline-block;
      margin-top: 20px;
      padding: 10px 30px;
      border: none;
      border-radius: 2px;
      text-align: center;
      background-color: #febf01;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .html-account-page .accountBlock .my_contacts button:hover {
        background-color: #fec80a;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
      .html-account-page .accountBlock .my_contacts button:active {
        background-color: #febf01;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); }
  .html-account-page .accountBlock .write_us {
    margin-top: 40px;
    margin-bottom: 30px; }
    .html-account-page .accountBlock .write_us input, .html-account-page .accountBlock .write_us textarea {
      display: block;
      width: 100%;
      max-width: 500px;
      margin-top: 10px;
      padding: 10px 12px;
      border: 1px solid #d9d9d9;
      border-radius: 2px;
      box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
      background-color: #f6f6f6;
      font-size: 1.4rem; }
      .html-account-page .accountBlock .write_us input:focus, .html-account-page .accountBlock .write_us textarea:focus {
        background-color: #fcfcfc;
        box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2); }
    .html-account-page .accountBlock .write_us [type="submit"] {
      cursor: pointer;
      display: inline-block;
      max-width: 165px;
      margin-top: 15px;
      margin-bottom: 15px;
      margin-right: 30px;
      padding: 10px 30px;
      border: none;
      border-radius: 2px;
      text-align: center;
      font-size: 1.6rem;
      background-color: #febf01;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .html-account-page .accountBlock .write_us [type="submit"]:focus {
        background-color: #febf01;
        box-shadow: none; }
      .html-account-page .accountBlock .write_us [type="submit"]:hover {
        background-color: #fec80a;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
      .html-account-page .accountBlock .write_us [type="submit"]:active {
        background-color: #febf01;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); }
    .html-account-page .accountBlock .write_us .subject {
      max-width: 300px; }

.html-catalog-page .brands, .html-catalog-page .article {
  margin-bottom: 50px;
  color: #333333;
  font-size: 1.4rem;
  line-height: 1.4; }

.html-catalog-page .brands {
  padding-top: 50px;
  padding-bottom: 50px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  overflow: hidden; }
  .html-catalog-page .brands .item {
    overflow: hidden; }
    .html-catalog-page .brands .item a {
      display: block;
      min-height: 80px;
      overflow: hidden;
      position: relative; }
    .html-catalog-page .brands .item img {
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: 100%;
      width: auto;
      max-height: 80px;
      height: auto;
      margin: auto;
      padding: 0 15px;
      filter: grayscale(100%);
      -moz-transition: filter 0.1s;
      -o-transition: filter 0.1s;
      -webkit-transition: filter 0.1s;
      transition: filter 0.1s; }
      .html-catalog-page .brands .item img:hover {
        filter: none; }
  .html-catalog-page .brands .owl-carousel {
    margin-top: -30px;
    padding-top: 30px;
    overflow: hidden; }
  .html-catalog-page .brands .owl-theme .owl-nav {
    position: relative;
    top: -110px;
    width: 46px;
    margin: 0;
    margin-left: auto; }
    .html-catalog-page .brands .owl-theme .owl-nav .owl-prev {
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      margin: 0;
      padding: 0;
      border-radius: 50%;
      background: #2c6ca9 url(../img/prev.png) no-repeat 45% center;
      background-size: auto 50%; }
    .html-catalog-page .brands .owl-theme .owl-nav .owl-next {
      position: absolute;
      top: 0;
      right: 0;
      width: 20px;
      height: 20px;
      margin: 0;
      padding: 0;
      border-radius: 50%;
      background: #2c6ca9 url(../img/next.png) no-repeat 56% center;
      background-size: auto 50%; }

.html-catalog-page .article h2 {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 1.8rem; }

.html-catalog-page .article p {
  margin-bottom: 20px;
  color: dimgray; }

.html-manufacturer-page .brand_info {
  padding-top: 50px;
  padding-bottom: 50px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  color: #333333;
  font-size: 1.4rem;
  line-height: 1.4; }
  .html-manufacturer-page .brand_info .logo {
    margin-bottom: 30px; }
    .html-manufacturer-page .brand_info .logo img {
      display: block;
      width: auto;
      max-width: 100%;
      height: auto;
      max-height: 100%; }
      @media screen and (max-width: 767px) {
        .html-manufacturer-page .brand_info .logo img {
          max-width: 60%;
          max-height: 60%;
          margin: 0 auto; } }
  .html-manufacturer-page .brand_info .about_brand :last-child {
    margin-bottom: 0; }
  .html-manufacturer-page .brand_info p {
    margin-bottom: 20px; }

.html-manufacturer-page .brand_products {
  margin-top: 50px;
  margin-bottom: 50px; }

.html-manufacturer-page .page_nav {
  margin-bottom: 30px;
  line-height: 24px;
  text-align: center; }
  .html-manufacturer-page .page_nav ul {
    display: inline-block;
    margin: 0 auto; }
    .html-manufacturer-page .page_nav ul :last-child {
      margin-right: 0; }
  .html-manufacturer-page .page_nav li {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 4px;
    padding: 0;
    border-radius: 2px;
    border: 1px solid #c8c8c8;
    font-weight: 700;
    font-size: 1.2rem;
    text-align: center;
    vertical-align: top;
    background-color: rgba(247, 247, 247, 0.9); }
    .html-manufacturer-page .page_nav li.current-page {
      border: 1px solid #2c6ca9;
      color: white;
      background: #2c6ca9;
      box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4); }
  .html-manufacturer-page .page_nav a {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-weight: 700;
    font-size: 1.2rem;
    text-align: center;
    text-decoration: none;
    color: dimgray; }
    .html-manufacturer-page .page_nav a:hover {
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
    .html-manufacturer-page .page_nav a:active {
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); }
  .html-manufacturer-page .page_nav .first-page a, .html-manufacturer-page .page_nav .previous-page a, .html-manufacturer-page .page_nav .next-page a, .html-manufacturer-page .page_nav .last-page a {
    color: transparent;
    padding-left: 24px;
    background: url(../img/nav_arrows.png) no-repeat; }
  .html-manufacturer-page .page_nav .first-page a {
    background-position: -17px -9px; }
  .html-manufacturer-page .page_nav .previous-page a {
    background-position: 9px -9px; }
  .html-manufacturer-page .page_nav .next-page a {
    background-position: -20px 9px; }
  .html-manufacturer-page .page_nav .last-page a {
    background-position: 6px 9px; }
  .html-manufacturer-page .main h2 {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 5px;
    text-align: left;
    font-weight: 700;
    font-size: 1.8rem;
    color:#333333;
    /*text-decoration: underline;
    text-decoration-color: #5894cd;*/
}

.html-manufacturer-page .main h2:after{ /* the line under H2 */
  left:0px;
  display:block;
  position:absolute;
  width:132px;
  height:3px;
  margin-top:2px;
  content: " ";
  background:#5894cd;
}
/*
    H2 на категории не работает

    .html-category-page.html-search-page .main h2::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 132px;
    height: 3px;
    background: #5894cd!important;
}*/


.html-checkout-page .checkout_page, .html-checkout-page .checkout_page1 {
  margin-bottom: 80px;
  border-top: 1px solid #ebebeb;
  color: dimgray;
  font-size: 1.4rem;
  line-height: 1.4; }
  .html-checkout-page .checkout_page h2, .html-checkout-page .checkout_page1 h2 {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 5px;
    text-align: left;
    font-weight: 700;
    font-size: 1.8rem;
    color: #333333; }
    .html-checkout-page .checkout_page h2:before, .html-checkout-page .checkout_page1 h2:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 132px;
      height: 3px;
      background: #5894cd; }
  .html-checkout-page .checkout_page p, .html-checkout-page .checkout_page1 p {
    margin-bottom: 20px; }
  .html-checkout-page .checkout_page form, .html-checkout-page .checkout_page1 form {
    color: #363636; }
    .html-checkout-page .checkout_page form p, .html-checkout-page .checkout_page1 form p {
      font-size: 1.6rem;
      color: #1b1b1b; }
  .html-checkout-page .checkout_page ul.tabs, .html-checkout-page .checkout_page1 ul.tabs {
    float: left;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 1.5rem; }
    .html-checkout-page .checkout_page ul.tabs :last-child, .html-checkout-page .checkout_page1 ul.tabs :last-child {
      border-right: none; }
    .html-checkout-page .checkout_page ul.tabs li, .html-checkout-page .checkout_page1 ul.tabs li {
      position: relative;
      float: left;
      border-right: 1px solid #c8c8c8;
      color: #1b1b1b;
      overflow: hidden; }
      .html-checkout-page .checkout_page ul.tabs li span, .html-checkout-page .checkout_page1 ul.tabs li span {
        cursor: pointer;
        display: inline-block;
        padding: 12px 30px 12px 50px;
        border-top: 2px solid #f7f7f7;
        background: #f7f7f7 url(../img/checkout.png) no-repeat; }
    .html-checkout-page .checkout_page ul.tabs [rel="tab1"] span, .html-checkout-page .checkout_page1 ul.tabs [rel="tab1"] span {
      background-position: 15px 12px; }
    .html-checkout-page .checkout_page ul.tabs [rel="tab2"] span, .html-checkout-page .checkout_page1 ul.tabs [rel="tab2"] span {
      background-position: 15px -22px; }
    .html-checkout-page .checkout_page ul.tabs [rel="tab3"] span, .html-checkout-page .checkout_page1 ul.tabs [rel="tab3"] span {
      background-position: 15px -56px; }
    .html-checkout-page .checkout_page ul.tabs .active, .html-checkout-page .checkout_page1 ul.tabs .active {
      display: block; }
      .html-checkout-page .checkout_page ul.tabs .active span, .html-checkout-page .checkout_page1 ul.tabs .active span {
        border-top: 2px solid #5894cd; }
  .html-checkout-page .checkout_page .tab_container, .html-checkout-page .checkout_page1 .tab_container {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 30px; }
  .html-checkout-page .checkout_page .tab_content, .html-checkout-page .checkout_page1 .tab_content {
    display: none; }
  .html-checkout-page .checkout_page .tab_drawer_heading, .html-checkout-page .checkout_page1 .tab_drawer_heading {
    display: none; }
  @media screen and (max-width: 767px) {
    .html-checkout-page .checkout_page, .html-checkout-page .checkout_page1 {
      border-top: none; }
      .html-checkout-page .checkout_page ul.tabs, .html-checkout-page .checkout_page1 ul.tabs {
        display: none; }
      .html-checkout-page .checkout_page .tab_drawer_heading, .html-checkout-page .checkout_page1 .tab_drawer_heading {
        display: block;
        width: 100%;
        cursor: pointer;
        padding: 0;
        text-align: center;
        color: #1b1b1b;
        overflow: hidden;
        border-bottom: 1px solid #c8c8c8;
        background: #f7f7f7; }
        .html-checkout-page .checkout_page .tab_drawer_heading span, .html-checkout-page .checkout_page1 .tab_drawer_heading span {
          display: inline-block;
          margin: 0 auto;
          padding: 12px 0 12px 35px;
          background: #f7f7f7 url(../img/checkout.png) no-repeat; }
      .html-checkout-page .checkout_page [rel="tab1"] span, .html-checkout-page .checkout_page1 [rel="tab1"] span {
        background-position: left 12px; }
      .html-checkout-page .checkout_page [rel="tab2"] span, .html-checkout-page .checkout_page1 [rel="tab2"] span {
        background-position: left -22px; }
      .html-checkout-page .checkout_page [rel="tab3"] span, .html-checkout-page .checkout_page1 [rel="tab3"] span {
        background-position: left -56px; }
      .html-checkout-page .checkout_page .d_active, .html-checkout-page .checkout_page1 .d_active {
        border-bottom: 2px solid #5894cd; }
      .html-checkout-page .checkout_page .tab_container, .html-checkout-page .checkout_page1 .tab_container {
        border-right: none;
        margin-bottom: 0; }
      .html-checkout-page .checkout_page .tab_content, .html-checkout-page .checkout_page1 .tab_content {
        margin-top: 30px;
        margin-bottom: 15px; } }
  @media screen and (min-width: 576px) {
    .html-checkout-page .checkout_page .loginBlock, .html-checkout-page .checkout_page .signUpBlock, .html-checkout-page .checkout_page .unregistered, .html-checkout-page .checkout_page1 .loginBlock, .html-checkout-page .checkout_page1 .signUpBlock, .html-checkout-page .checkout_page1 .unregistered {
      padding-right: 60px; } }
  @media screen and (min-width: 768px) {
    .html-checkout-page .checkout_page .loginBlock, .html-checkout-page .checkout_page .signUpBlock, .html-checkout-page .checkout_page .unregistered, .html-checkout-page .checkout_page1 .loginBlock, .html-checkout-page .checkout_page1 .signUpBlock, .html-checkout-page .checkout_page1 .unregistered {
      border-right: 1px solid #ebebeb; } }
  .html-checkout-page .checkout_page .loginBlock input, .html-checkout-page .checkout_page .signUpBlock input, .html-checkout-page .checkout_page .unregistered input, .html-checkout-page .checkout_page1 .loginBlock input, .html-checkout-page .checkout_page1 .signUpBlock input, .html-checkout-page .checkout_page1 .unregistered input {
    display: block;
    width: 100%;
    max-width: 230px;
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid #5894cd;
    border-radius: 2px;
    font-size: 1.4rem; }
    .html-checkout-page .checkout_page .loginBlock input:focus, .html-checkout-page .checkout_page .signUpBlock input:focus, .html-checkout-page .checkout_page .unregistered input:focus, .html-checkout-page .checkout_page1 .loginBlock input:focus, .html-checkout-page .checkout_page1 .signUpBlock input:focus, .html-checkout-page .checkout_page1 .unregistered input:focus {
      box-shadow: 0 0 4px rgba(88, 148, 205, 0.4); }
  .html-checkout-page .checkout_page .loginBlock [type="submit"], .html-checkout-page .checkout_page .signUpBlock [type="submit"], .html-checkout-page .checkout_page .unregistered [type="submit"], .html-checkout-page .checkout_page1 .loginBlock [type="submit"], .html-checkout-page .checkout_page1 .signUpBlock [type="submit"], .html-checkout-page .checkout_page1 .unregistered [type="submit"] {
    cursor: pointer;
    display: inline-block;
    max-width: 180px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 30px;
    padding: 12px;
    border: none;
    border-radius: 2px;
    text-align: center;
    font-size: 1.6rem;
    background-color: #febf01;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .html-checkout-page .checkout_page .loginBlock [type="submit"]:focus, .html-checkout-page .checkout_page .signUpBlock [type="submit"]:focus, .html-checkout-page .checkout_page .unregistered [type="submit"]:focus, .html-checkout-page .checkout_page1 .loginBlock [type="submit"]:focus, .html-checkout-page .checkout_page1 .signUpBlock [type="submit"]:focus, .html-checkout-page .checkout_page1 .unregistered [type="submit"]:focus {
      box-shadow: none; }
    .html-checkout-page .checkout_page .loginBlock [type="submit"]:hover, .html-checkout-page .checkout_page .signUpBlock [type="submit"]:hover, .html-checkout-page .checkout_page .unregistered [type="submit"]:hover, .html-checkout-page .checkout_page1 .loginBlock [type="submit"]:hover, .html-checkout-page .checkout_page1 .signUpBlock [type="submit"]:hover, .html-checkout-page .checkout_page1 .unregistered [type="submit"]:hover {
      background-color: #fec80a;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
    .html-checkout-page .checkout_page .loginBlock [type="submit"]:active, .html-checkout-page .checkout_page .signUpBlock [type="submit"]:active, .html-checkout-page .checkout_page .unregistered [type="submit"]:active, .html-checkout-page .checkout_page1 .loginBlock [type="submit"]:active, .html-checkout-page .checkout_page1 .signUpBlock [type="submit"]:active, .html-checkout-page .checkout_page1 .unregistered [type="submit"]:active {
      background-color: #febf01;
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); }
  .html-checkout-page .checkout_page .loginBlock a, .html-checkout-page .checkout_page .signUpBlock a, .html-checkout-page .checkout_page .unregistered a, .html-checkout-page .checkout_page1 .loginBlock a, .html-checkout-page .checkout_page1 .signUpBlock a, .html-checkout-page .checkout_page1 .unregistered a {
    display: inline-block;
    text-decoration: underline;
    color: #9f9f9f; }
    .html-checkout-page .checkout_page .loginBlock a:hover, .html-checkout-page .checkout_page .loginBlock a:active, .html-checkout-page .checkout_page .signUpBlock a:hover, .html-checkout-page .checkout_page .signUpBlock a:active, .html-checkout-page .checkout_page .unregistered a:hover, .html-checkout-page .checkout_page .unregistered a:active, .html-checkout-page .checkout_page1 .loginBlock a:hover, .html-checkout-page .checkout_page1 .loginBlock a:active, .html-checkout-page .checkout_page1 .signUpBlock a:hover, .html-checkout-page .checkout_page1 .signUpBlock a:active, .html-checkout-page .checkout_page1 .unregistered a:hover, .html-checkout-page .checkout_page1 .unregistered a:active {
      color: dimgray; }
  .html-checkout-page .checkout_page .offers_container, .html-checkout-page .checkout_page1 .offers_container {
    text-align: center; }
    @media screen and (max-width: 767px) {
      .html-checkout-page .checkout_page .offers_container, .html-checkout-page .checkout_page1 .offers_container {
        margin: 40px auto; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .html-checkout-page .checkout_page .offers_container, .html-checkout-page .checkout_page1 .offers_container {
        text-align: right; } }
    .html-checkout-page .checkout_page .offers_container .current_offers, .html-checkout-page .checkout_page1 .offers_container .current_offers {
      display: inline-block;
      text-align: center; }
      .html-checkout-page .checkout_page .offers_container .current_offers .offer_item, .html-checkout-page .checkout_page1 .offers_container .current_offers .offer_item {
        display: inline-block;
        margin-bottom: 15px;
        padding: 20px 15px;
        border-radius: 5px;
        text-align: center; }
        .html-checkout-page .checkout_page .offers_container .current_offers .offer_item p, .html-checkout-page .checkout_page1 .offers_container .current_offers .offer_item p {
          margin-bottom: 15px;
          font-size: 1.6rem;
          color: #1b1b1b; }
        .html-checkout-page .checkout_page .offers_container .current_offers .offer_item .offer_btn, .html-checkout-page .checkout_page1 .offers_container .current_offers .offer_item .offer_btn {
          display: inline-block;
          border-radius: 2px;
          font-size: 1.6rem;
          text-decoration: none;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
        .html-checkout-page .checkout_page .offers_container .current_offers .offer_item.for_unregistered, .html-checkout-page .checkout_page1 .offers_container .current_offers .offer_item.for_unregistered {
          border: 1px solid #ff0119; }
          .html-checkout-page .checkout_page .offers_container .current_offers .offer_item.for_unregistered .offer_btn, .html-checkout-page .checkout_page1 .offers_container .current_offers .offer_item.for_unregistered .offer_btn {
            padding: 7px 40px 9px;
            font-weight: 700;
            color: white;
            background-color: #f80202; }
            .html-checkout-page .checkout_page .offers_container .current_offers .offer_item.for_unregistered .offer_btn:hover, .html-checkout-page .checkout_page1 .offers_container .current_offers .offer_item.for_unregistered .offer_btn:hover {
              background-color: #ff2f2f;
              box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
            .html-checkout-page .checkout_page .offers_container .current_offers .offer_item.for_unregistered .offer_btn:active, .html-checkout-page .checkout_page1 .offers_container .current_offers .offer_item.for_unregistered .offer_btn:active {
              background-color: #f80202;
              box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3); }
        .html-checkout-page .checkout_page .offers_container .current_offers .offer_item.for_registered, .html-checkout-page .checkout_page1 .offers_container .current_offers .offer_item.for_registered {
          border: 1px solid #fec80a; }
          .html-checkout-page .checkout_page .offers_container .current_offers .offer_item.for_registered .offer_btn, .html-checkout-page .checkout_page1 .offers_container .current_offers .offer_item.for_registered .offer_btn {
            padding: 7px 20px 9px;
            font-weight: 400;
            color: #363636;
            background-color: #febf01; }
            .html-checkout-page .checkout_page .offers_container .current_offers .offer_item.for_registered .offer_btn:hover, .html-checkout-page .checkout_page1 .offers_container .current_offers .offer_item.for_registered .offer_btn:hover {
              background-color: #fec80a;
              box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
            .html-checkout-page .checkout_page .offers_container .current_offers .offer_item.for_registered .offer_btn:active, .html-checkout-page .checkout_page1 .offers_container .current_offers .offer_item.for_registered .offer_btn:active {
              background-color: #febf01;
              box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); }
      .html-checkout-page .checkout_page .offers_container .current_offers a, .html-checkout-page .checkout_page1 .offers_container .current_offers a {
        display: block;
        color: #5894cd;
        text-decoration: underline;
        text-align: right; }
  @media screen and (max-width: 767px) {
    .html-checkout-page .checkout_page #tab3 .offers_container, .html-checkout-page .checkout_page1 #tab3 .offers_container {
      margin-bottom: 0; } }

.html-checkout-page .checkout_page1 {
  padding-top: 40px; }
  @media screen and (max-width: 767px) {
    .html-checkout-page .checkout_page1 {
      padding-top: 0; } }
  @media screen and (max-width: 767px) {
    .html-checkout-page .checkout_page1 .order_interim {
      padding-top: 40px;
      padding-bottom: 50px;
      border-top: 1px solid #ebebeb;
      border-bottom: 1px solid #ebebeb; } }
  .html-checkout-page .checkout_page1 .order_interim p {
    margin-bottom: 10px;
    color: dimgray; }
    .html-checkout-page .checkout_page1 .order_interim p.sum {
      font-weight: 700;
      font-size: 2rem;
      color: #494949; }
  .html-checkout-page .checkout_page1 .order_interim a {
    color: #5894cd;
    text-decoration: underline; }
  .html-checkout-page .checkout_page1 .order_interim .order_list {
    margin-top: 40px; }
    .html-checkout-page .checkout_page1 .order_interim .order_list .list_item {
      margin-bottom: 20px;
      padding: 20px;
      border-radius: 5px;
      background: whitesmoke; }
    .html-checkout-page .checkout_page1 .order_interim .order_list :last-child {
      margin-bottom: 0; }
    .html-checkout-page .checkout_page1 .order_interim .order_list .miniature {
      display: inline-block;
      height: 73px;
      width: 73px;
      padding: 6px;
      border-radius: 5px;
      background: white;
      box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); }
      .html-checkout-page .checkout_page1 .order_interim .order_list .miniature img {
        width: auto;
        height: auto; }
    .html-checkout-page .checkout_page1 .order_interim .order_list .order_information {
      width: calc(100% - 78px);
      min-height: 73px;
      display: inline-block;
      vertical-align: top;
      font-size: 1.5rem;
      letter-spacing: 0;
      color: #333333; }
      .html-checkout-page .checkout_page1 .order_interim .order_list .order_information * {
        display: inline-block;
        vertical-align: top; }
      .html-checkout-page .checkout_page1 .order_interim .order_list .order_information h3 {
        width: 100%;
        min-height: 52px;
        height: auto;
        padding: 4px 14px;
        font-weight: 400; }
      .html-checkout-page .checkout_page1 .order_interim .order_list .order_information .amount {
        width: 49%;
        margin: 0;
        padding-top: 0;
        padding-left: 14px;
        text-align: left;
        color: #333333; }
      .html-checkout-page .checkout_page1 .order_interim .order_list .order_information .price {
        width: 49%;
        margin: 0;
        padding-top: 0;
        padding-left: 14px;
        font-weight: 700;
        text-align: right;
        color: #2c6ca9; }
      @media screen and (max-width: 399px) {
        .html-checkout-page .checkout_page1 .order_interim .order_list .order_information {
          width: 100%;
          display: block; }
          .html-checkout-page .checkout_page1 .order_interim .order_list .order_information h3 {
            min-height: 0;
            padding: 4px 0;
            margin-top: 15px;
            margin-bottom: 15px; }
          .html-checkout-page .checkout_page1 .order_interim .order_list .order_information .amount {
            width: 35%;
            padding: 0;
            text-align: left; }
          .html-checkout-page .checkout_page1 .order_interim .order_list .order_information .price {
            width: 62%;
            padding: 0;
            text-align: right; } }
  @media screen and (min-width: 400px) {
    .html-checkout-page .checkout_page1 .unregistered {
      padding-right: 40px; } }
  @media screen and (max-width: 767px) {
    .html-checkout-page .checkout_page1 .unregistered {
      padding-top: 40px;
      border-right: none; } }
  @media screen and (min-width: 768px) {
    .html-checkout-page .checkout_page1 .unregistered {
      border-right: 1px solid #ebebeb;
      border-bottom: none; } }
  .html-checkout-page .checkout_page1 .unregistered .back {
    display: inline-block;
    padding-left: 28px;
    text-decoration: none;
    font-size: 1.4rem;
    color: #9f9f9f;
    background: url(../img/back.png) no-repeat left center; }
    .html-checkout-page .checkout_page1 .unregistered .back:hover, .html-checkout-page .checkout_page1 .unregistered .back:active {
      color: dimgray; }
  .html-checkout-page .checkout_page1 .unregistered [type="submit"] {
    cursor: pointer;
    display: inline-block;
    margin-right: 0;
    margin-left: 40px;
    font-weight: 700;
    color: white;
    background-color: #f80202;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .html-checkout-page .checkout_page1 .unregistered [type="submit"]:focus {
      box-shadow: none; }
    .html-checkout-page .checkout_page1 .unregistered [type="submit"]:hover {
      background-color: #ff2f2f;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
    .html-checkout-page .checkout_page1 .unregistered [type="submit"]:active {
      background-color: #f80202;
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3); }

.html-checkout-page .checkout_page1 .unregistered [type="button"] {
    cursor: pointer;
    display: inline-block;
    margin-right: 0;
    margin-left: 40px;
    font-weight: 700;
    color: white;
    background-color: #f80202;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width:150px;
    transition: all 0.3s; }
    .html-checkout-page .checkout_page1 .unregistered [type="button"]:focus {
      box-shadow: none; }
    .html-checkout-page .checkout_page1 .unregistered [type="button"]:hover {
      background-color: #ff2f2f;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
    .html-checkout-page .checkout_page1 .unregistered [type="button"]:active {
      background-color: #f80202;
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3); }


.ddd #popup.overlay {
  z-index: 1000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.75);
  opacity: 1;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.ddd #popup .popup_block {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  padding: 30px 45px;
  border-radius: 2px;
  color: #1b1b1b;
  font-size: 2.2rem;
  line-height: 1.4;
  background: white; }
  @media screen and (max-width: 359px) {
    .ddd #popup .popup_block {
      padding: 32px;
      font-size: 1.6rem;
      width: 80%;
      height: 210px; } }
  @media screen and (min-width: 360px) and (max-width: 575px) {
    .ddd #popup .popup_block {
      padding: 35px;
      font-size: 1.8rem;
      width: 80%;
      height: 210px; } }
  @media screen and (min-width: 576px) and (max-width: 767px) {
    .ddd #popup .popup_block {
      width: 520px;
      height: 215px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .ddd #popup .popup_block {
      width: 700px;
      height: 215px; } }
  @media screen and (min-width: 992px) {
    .ddd #popup .popup_block {
      width: 940px;
      height: 180px; } }
  @media screen and (min-width: 576px) {
    .ddd #popup .popup_block .content {
      padding-left: 30%;
      background: white url(../img/ok.png) no-repeat 7% center/13%; } }
  .ddd #popup .popup_block .close_popup {
    display: inline-block;
    margin-top: 20px;
    padding: 8px 28px;
    border-radius: 2px;
    font-size: 1.6rem;
    color: #555555;
    text-align: center;
    text-decoration: none;
    background: #c8c8c8;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .ddd #popup .popup_block .close_popup:hover {
      background-color: #d2d2d2; }
    .ddd #popup .popup_block .close_popup:active {
      background: #c8c8c8;
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); }

.html-account-activation-page .page-title h1 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 1.8rem; }

.html-account-activation-page .page-body h2 {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 1.8rem; 
    color: #333333;
}
.html-account-activation-page .page-body h3 {
    color: #333333;
    padding-right: 5px;
    font-weight: 500;
    font-size: 1.5rem;
}
.html-account-activation-page .page-body .result {
    font-size: 1.7rem; 
}
.html-account-activation-page .main {
    margin: 20px;
    text-align: center;
}
.html-account-activation-page footer {
     position: absolute;
     bottom:0;
}

.imgCard {
width: 280px; margin-top: -15px; margin-right: 0px; margin-left: -15px;max-height:155px; /*min-height: 170px;*/
}
.callprice {
font-size:15px; font-weight:700; padding:0px;width:51%;float:left;background-color:#d3d3d3;text-align:center;
}

.ask_price {
   border: 0;
    display: inline-block;
    float: left/*right*/;
    margin: 14px auto;
    padding: 8px 16px;
    padding-left: 40px;
    border-radius: 2px;
    font-size: 1.4rem;
    color: white;
    text-transform: none;
    text-decoration: none;
    background: #f80202 url(../img/cart.png) no-repeat 12px center;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.callbackPhoneArrow {
    position: absolute;
    padding-top: 3em;
    margin-top: 10px;
    background: url(../img/callbackArrow.png);
    background-repeat: no-repeat;
    text-align: center;
    background-position: center 6px;
    margin-left: -6em;
}