@charset "UTF-8";
/*
Theme Name: I VISUAL
Theme URI: http://example.com/
Description: Шаблон для сайта I VISUAL
Author: Khomrach
Author URI: http://factory-sites.com
Version: 4.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: i-visual
*/
@font-face {
  font-family: "ANC-D";
  font-display: swap;
  src: local("ANC-D"), local("AvenirNextCyr-Demi"), url("fonts/AvenirNextCyr-Demi.woff") format("woff");
  font-weight: "500";
}
@font-face {
  font-family: "ANC-H";
  font-display: swap;
  src: local("ANC-H"), local("AvenirNextCyr-Heavy"), url("fonts/AvenirNextCyr-Heavy.woff") format("woff");
  font-weight: "900";
}
@font-face {
  font-family: "ANC-B";
  font-display: swap;
  src: local("ANC-B"), local("AvenirNextCyr-Bold"), url("fonts/AvenirNextCyr-Bold.woff") format("woff");
  font-weight: "700";
}
@font-face {
  font-family: "ANC-L";
  font-display: swap;
  src: local("ANC-L"), local("AvenirNextCyr-Light"), url("fonts/AvenirNextCyr-Light.woff") format("woff");
  font-weight: "300";
}
@font-face {
  font-family: "ANC-R";
  font-display: swap;
  src: local("ANC-R"), local("AvenirNextCyr-Regular"), url("fonts/AvenirNextCyr-Regular.woff") format("woff");
  font-weight: "400";
}
/* @font-face {
	@include font_face( 'ANC-T', 'AvenirNextCyr-Thin', 'fonts/', '100' );
} */
/* @font-face {
	@include font_face( 'ANC-LI', 'AvenirNextCyr-LightItalic', 'fonts/', '300' );
} */
/* @font-face {
	@include font_face( 'WremenaRegular', 'wremena-regular', 'fonts/', '400' );
} */
/* @font-face{
	font-family:icomoon;
	src:local('icomoon'),
	local('icomoon'),
	url( fonts/icomoon.woff )
}
 */
:root {
  --white: #ffffff;
  --text: #151515;
  --blue: #0b3be2;
  --border: #9F9F9F;
  --text-brand-bg: #f4f4f4;
  --text-brand: #5f5f5f;
  --text-brand-hover: #9b9b9b;
  --availability: #b5b5b5;
  --old-price: #a4a4a4;
  --sale: #ffbd7d;
  --discount: #fff43e;
  --comment-border: #ebebeb;
  --max-width: 1190px;
  --header-height: 60px;
  --pagination-posts: 70px;
  --single-product-right-side: 500px;
  --pd-35: 35px;
  --pd-25: 25px;
  --m80: 80px;
  --m40: 40px;
  --m20: 20px;
  --m15: 15px;
}

@media only screen and (max-width: 1440px) {
  :root {
    --pd-35: 30px;
    --pd-25: 20px;
  }
}
@media only screen and (max-width: 1200px) {
  :root {
    --single-product-right-side: 330px;
    --pd-35: 25px;
    --pd-25: 18px;
  }
}
@media only screen and (max-width: 992px) {
  :root {
    --single-product-right-side: 100%;
    --pd-35: 20px;
    --pd-25: 14px;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --pd-35: 16px;
    --pd-25: 8px;
    --m80: 50px;
    --m40: 25px;
    --m20: 12px;
    --m15: 8px;
  }
}
@media only screen and (max-width: 479px) {
  :root {
    --pd-35: 12px;
    --pd-25: 6px;
  }
}
body {
  font-size: 100%;
  font-family: "ANC-R";
  color: var(--text);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  -webkit-appearance: none !important;
}

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

div, span, section, ul, li, a {
  width: auto;
  height: auto;
  box-sizing: border-box;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

a {
  text-decoration: none;
  color: inherit;
  display: inline-block;
}

input,
textarea,
button {
  -webkit-appearance: none;
  border-radius: 0;
  box-shadow: none;
}

input[type=text] {
  width: calc(100% - 18px);
  height: 28px;
  display: block;
  font-family: "ANC-L";
  font-size: 11px;
  line-height: 28px;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  color: var(--text);
  background: transparent;
  border-bottom: 1px solid var(--border);
  padding: 0 9px;
}

input[type=radio] {
  width: 11px;
  height: 11px;
  display: inline-block;
}

textarea {
  width: calc(100% - 18px);
  height: 5px;
  display: block;
  font-family: "ANC-L";
  font-size: 11px;
  line-height: 18px;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  color: var(--text);
  background: transparent;
  border-bottom: 1px solid var(--border);
  padding: 0 9px;
  resize: none;
  -webkit-transition: height 0.2s linear;
  transition: height 0.2s linear;
  min-height: 28px;
}

/***************************************************************************************************/
li:not(.menu-item) a:not(.item) {
  text-decoration: none;
}

li:not(.menu-item) a.item:hover .title {
  text-decoration: underline;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 22px;
  width: 13px;
  cursor: pointer;
  padding: 0;
  border: none;
  outline: none;
  z-index: 200;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0;
}
.slick-prev:before,
.slick-next:before {
  font-size: 20px;
  line-height: 1;
  opacity: 1;
}

section.banner .slick-prev,
section.banner .slick-next {
  top: calc( ( 100% - 22px )/2 );
  background: transparent;
  transition: 0.3s;
  opacity: 0;
}
@media (max-width: 1440px) {
  section.banner .slick-prev,
section.banner .slick-next {
    opacity: 1;
  }
}
section.banner .slick-prev {
  left: var(--pd-35);
}
section.banner .slick-prev .prev-b {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
section.banner .slick-next {
  right: var(--pd-35);
}
section.banner .slick-next .next-b {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
section.banner:hover .slick-prev,
section.banner:hover .slick-next {
  opacity: 1;
}

.slick-disabled {
  display: none !important;
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 0px;
}

.slick-dots {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 25px 0px 25px 0px;
  z-index: 50;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 14px;
  width: 14px;
  border: solid 1px #c5c5c5;
  border-radius: 8px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin: 0px 7px 0px 7px;
  padding: 0;
  cursor: pointer;
  box-sizing: border-box;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 14px;
  width: 14px;
  outline: none;
  color: transparent;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  cursor: pointer;
  box-sizing: border-box;
}
.slick-dots li.slick-active {
  background-color: var(--white);
  border: solid 1px var(--text);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
}

section.footer-prices,
section.footer-comments {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px var(--pd-35) 0px var(--pd-35);
}

.footer-prices__title,
.footer-comments__title {
  width: 100%;
  max-width: var(--max-width);
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: calc( var(--m40) + var(--m40) ) 0 calc( var(--m40) + var(--m40) ) 0;
}
.footer-prices__title span,
.footer-comments__title span {
  font-family: "ANC-R";
  font-size: 52px;
  line-height: 70px;
  letter-spacing: 3.9px;
  text-transform: uppercase;
  text-align: center;
  color: var(--text);
}
@media only screen and (max-width: 992px) {
  .footer-prices__title span,
.footer-comments__title span {
    font-size: 32px;
    line-height: 50px;
    letter-spacing: 3.1px;
  }
}
@media only screen and (max-width: 479px) {
  .footer-prices__title span,
.footer-comments__title span {
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 2.5px;
  }
}

.footer-comments__slider {
  width: 100%;
  height: auto;
  display: block;
}
.footer-comments__slider .footer-comment {
  width: 25%;
  height: auto;
  display: flex;
  flex-direction: column;
  border-right: solid 1px var(--white);
}
@media only screen and (max-width: 1200px) {
  .footer-comments__slider .footer-comment {
    width: 33.333%;
  }
}
@media only screen and (max-width: 768px) {
  .footer-comments__slider .footer-comment {
    width: 50%;
  }
}
@media only screen and (max-width: 479px) {
  .footer-comments__slider .footer-comment {
    width: 100%;
  }
}
.footer-comments__slider .footer-comment .footer-comment__brand {
  width: 100%;
  display: flex;
  font-family: "ANC-B";
  font-size: 12px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--text);
  padding: 0px var(--pd-35) 0px var(--pd-35);
  margin-bottom: 5px;
}
.footer-comments__slider .footer-comment .footer-comment__model {
  width: 100%;
  max-height: 12px;
  display: flex;
  font-family: "ANC-R";
  font-size: 12px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--text);
  padding: 0px var(--pd-35) 0px var(--pd-35);
  margin-bottom: var(--m20);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.footer-comments__slider .footer-comment .footer-comment__img {
  width: 100%;
  height: 0;
  display: block;
  padding-bottom: calc(136.68%);
  text-decoration: none;
  cursor: pointer;
}
.footer-comments__slider .footer-comment .footer-comment__img .footer-comment__picture {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
.footer-comments__slider .footer-comment .footer-comment__img .footer-comment__picture img {
  top: 0;
  left: 50%;
  position: absolute;
  width: auto;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, 0);
}
.footer-comments__slider .footer-comment .footer-comment__author {
  width: 100%;
  display: flex;
  font-family: "ANC-B";
  font-size: 18px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--text);
  padding: 0px var(--pd-35) 0px var(--pd-35);
  margin-top: var(--m20);
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .footer-comments__slider .footer-comment .footer-comment__author {
    margin-bottom: 5px;
  }
}
.footer-comments__slider .footer-comment .footer-comment__text {
  width: 100%;
  display: flex;
  font-family: "ANC-R";
  font-size: 14px;
  line-height: 130%;
  color: var(--text);
  padding: 0px var(--pd-35) 0px var(--pd-35);
}

.footer-prices__header {
  width: 100%;
  max-width: var(--max-width);
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid var(--text);
  padding: 0px var(--pd-35) var(--m20) var(--pd-35);
}
.footer-prices__header .footer-prices__empty {
  width: 300px;
  display: flex;
}
@media only screen and (max-width: 992px) {
  .footer-prices__header .footer-prices__empty {
    width: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .footer-prices__header .footer-prices__empty {
    display: none;
  }
}
.footer-prices__header .footer-prices__good {
  width: calc( 100% - 300px - 100px );
  font-family: "ANC-L";
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--text);
}
@media only screen and (max-width: 992px) {
  .footer-prices__header .footer-prices__good {
    width: calc( 100% - 200px - 100px );
  }
}
@media only screen and (max-width: 768px) {
  .footer-prices__header .footer-prices__good {
    width: calc( 100% - 100px );
  }
}
.footer-prices__header .footer-prices__price {
  width: 100px;
  display: flex;
  justify-content: flex-end;
  font-family: "ANC-L";
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--text);
}

.footer-price {
  width: 100%;
  max-width: var(--max-width);
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-decoration: none;
  border-bottom: 1px solid var(--text);
  padding: var(--pd-35) var(--pd-35) var(--pd-35) var(--pd-35);
}
.footer-price .footer-price__num {
  width: 300px;
  display: flex;
  align-items: center;
  font-family: "ANC-B";
  font-size: 20px;
  line-height: 100%;
  color: var(--border);
  transition: 0.5s;
}
@media only screen and (max-width: 992px) {
  .footer-price .footer-price__num {
    width: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .footer-price .footer-price__num {
    display: none;
  }
}
.footer-price .footer-price__title {
  width: calc( 100% - 300px - 100px );
  display: flex;
  flex-direction: column;
  font-size: 12px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--text);
  transition: 0.5s;
}
@media only screen and (max-width: 992px) {
  .footer-price .footer-price__title {
    width: calc( 100% - 200px - 100px );
  }
}
@media only screen and (max-width: 768px) {
  .footer-price .footer-price__title {
    width: calc( 100% - 100px );
  }
}
.footer-price .footer-price__title .footer-price__brand {
  font-family: "ANC-B";
  margin-bottom: 5px;
}
.footer-price .footer-price__title .footer-price__model {
  font-family: "ANC-R";
}
.footer-price .footer-price__price {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-family: "ANC-B";
  font-size: 12px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--text);
  transition: 0.5s;
}
.footer-price:hover .footer-price__num {
  color: var(--text-brand);
}
.footer-price:hover .footer-price__title {
  color: var(--blue);
}
.footer-price:hover .footer-price__price {
  color: var(--blue);
}

#main-filter .mCSB_scrollTools .mCSB_draggerRail {
  width: 1px !important;
  background: rgba(255, 255, 255, 0.3) !important;
}

#main-filter .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #b7b7b7 !important;
  border-radius: 0 !important;
  width: 3px !important;
}

#cart .mCSB_inside > .mCSB_container {
  margin-right: 0 !important;
}

#cart .mCSB_scrollTools .mCSB_draggerRail {
  width: 1px !important;
  background: rgba(255, 255, 255, 0.3) !important;
}

#cart .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #ebebeb !important;
  border-radius: 5px !important;
  width: 5px !important;
}

.close_win {
  width: 32px;
  height: 32px;
  border: 1px solid #fff;
  background: url(img/ui/close_win@2x.png) no-repeat center center;
  background-size: 15px;
}

.close_win:hover {
  cursor: pointer;
}

.thanks-page {
  min-height: calc(100vh - 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media only screen and (max-width: 640px) {
  .checkout form .mCSB_inside > .mCSB_container {
    margin-right: 0 !important;
  }

  .checkout form .mCSB_outside + .mCSB_scrollTools {
    right: -17px !important;
  }
}
@media only screen and (max-width: 479px) {
  .btn-submit {
    bottom: 13px;
  }

  .checkout form .mCSB_inside > .mCSB_container {
    margin-right: 0 !important;
  }

  .checkout form .mCSB_outside + .mCSB_scrollTools {
    right: -17px !important;
  }

  .checkout form .question-block {
    width: inherit;
  }

  .checkout form .question-block .question {
    width: 40px;
    height: 40px;
  }

  .checkout form .question-block.active {
    padding: 22px 24px 22px 24px;
  }

  .checkout form .question-block {
    padding: 0px 24px 0px 24px;
  }

  .checkout .submit-block {
    position: relative;
  }

  .baner .inner {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .baner h4 {
    text-transform: uppercase;
    font-family: "ANC-H";
    color: #fff43e;
    font-size: 36px !important;
    line-height: 36px !important;
  }

  .baner h4 span {
    font-size: 50px !important;
    line-height: 45px !important;
  }

  .baner p {
    text-transform: uppercase;
    font-size: 18px !important;
    line-height: 20px !important;
    letter-spacing: 0.75px;
    color: #fff43e;
    padding-top: 2px !important;
  }

  .close_baner {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: calc(0% + 10px) !important;
    top: calc(0% + 10px) !important;
    background: url(img/ui/close_win@2x.png) no-repeat center center !important;
    background-size: 15px !important;
    z-index: 102;
    cursor: pointer;
  }
}
/* comments popup */
.blockMsg {
  font-family: "ANC-B" !important;
  line-height: 40px !important;
  font-size: 0.625em !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/* end */
/* parsley */
#commentform .parsley-errors-list {
  display: none !important;
}

#commentform .parsley-error {
  border-color: #e45555;
}

/* end */
.baner {
  width: 50%;
  height: 100%;
}

.baner .inner {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.baner h4 {
  text-transform: uppercase;
  font-family: "ANC-H";
  color: #fff43e;
  font-size: 60px;
  line-height: 60px;
}

.baner h4 span {
  font-size: 120px;
  line-height: 110px;
}

.baner p {
  text-transform: uppercase;
  font-size: 30px;
  line-height: 32px;
  letter-spacing: 0.75px;
  color: #fff43e;
}

.close_baner {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: calc(50% + 15px);
  top: 12px;
  background: url(img/ui/close_win_active@2x.png) no-repeat center center;
  background-size: 15px;
  z-index: 102;
  cursor: pointer;
}

@media only screen and (max-width: 740px) {
  .checkout {
    position: relative;
    top: auto;
    right: auto;
    height: auto;
    z-index: 1;
  }

  .thanks-page {
    min-height: calc(100vh - 105px);
    margin-top: 35px;
  }
}
.brands-aa .read-more {
  width: 30px;
  height: 30px;
  border: 1px solid #b1b1b1;
  position: absolute;
  top: 35px;
  left: 4.5%;
  background: url(img/ui/deo-text-toggle@2x.png) no-repeat center center;
  background-size: 10px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  cursor: pointer;
  display: none !important;
}

.brands-aa .read-more.active {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .checkout .submit-block {
    position: relative;
    bottom: auto;
  }
}
/* header menu */
header.header-wrap__border-bottom {
  border-bottom: 1px solid #ebebeb;
}

header.header-wrap {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--white);
  box-sizing: border-box;
  transition: 0.3s;
  z-index: 52;
}
header.header-wrap section.banner {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 42px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
header.header-wrap section.banner .banner__slide-wrap {
  width: 100%;
  height: auto;
  min-height: 42px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0px var(--pd-35) 0px var(--pd-35);
  opacity: 0;
}
header.header-wrap section.banner .banner__slide-wrap.slick-active {
  opacity: 1;
}
header.header-wrap section.banner .banner__slide {
  width: auto;
  max-width: calc( 100% - 26px - var(--pd-35) - var(--pd-35) );
  height: 42px;
  min-height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: var(--white);
  padding: 0px 0px 0px 0px;
}
header.header-wrap section.banner .banner__slide .banner__slide-text {
  font-family: "ANC-D";
  font-weight: normal;
  font-size: 13px;
  line-height: 100%;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
header.header-wrap .header {
  width: 100%;
  height: var(--header-height);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px var(--pd-35) 0px var(--pd-35);
}
@media only screen and (max-width: 768px) {
  header.header-wrap .header {
    padding: 0px calc(var(--pd-35) + var(--pd-35)) 0px calc(var(--pd-35) + var(--pd-35));
  }
}
header.header-wrap .header .new-header-left {
  height: 58px;
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 1px 0px 0px 0px;
}
@media (max-width: 1280px) {
  header.header-wrap .header .new-header-left ul.menu {
    display: none;
  }
}
header.header-wrap .header .new-header-left .c-hamburger {
  position: relative;
  width: 32px;
  height: 32px;
  display: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  box-sizing: border-box;
}
@media (max-width: 1280px) {
  header.header-wrap .header .new-header-left .c-hamburger {
    display: block;
  }
}
header.header-wrap .header .new-header-left .c-hamburger span {
  top: 13px;
  left: 0px;
  right: 10px;
  position: absolute;
  height: 3px;
  display: block;
  background: var(--text);
}
header.header-wrap .header .new-header-left .c-hamburger span::before, header.header-wrap .header .new-header-left .c-hamburger span::after {
  left: 0;
  position: absolute;
  width: 100%;
  height: 3px;
  display: block;
  background: var(--text);
  content: "";
  transition: 0.3s;
}
header.header-wrap .header .new-header-left .c-hamburger span::before {
  top: -7px;
}
header.header-wrap .header .new-header-left .c-hamburger span::after {
  top: 7px;
}
header.header-wrap .header .new-header-left .c-hamburger:focus {
  outline: none;
}
header.header-wrap .header .new-header-left .c-hamburger:hover span::after {
  background: var(--blue);
  transition: 0.3s;
}
header.header-wrap .header ul.menu {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  list-style: none;
}
header.header-wrap .header ul.menu li {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  font-family: "ANC-D";
  text-transform: uppercase;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
  margin: 0px 15px 0px 15px;
}
@media (max-width: 1080px) {
  header.header-wrap .header ul.menu li {
    margin: 0px 10px 0px 10px;
  }
}
header.header-wrap .header ul.menu li .li-item-style:before,
header.header-wrap .header ul.menu li a:before {
  content: "";
  width: 0;
  height: 4px;
  background: #0b3be2;
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translate(-50%, 0%);
  transition: width 0.3s;
}
header.header-wrap .header ul.menu li .botton-search {
  cursor: pointer;
}
header.header-wrap .header ul.menu li .show_cart {
  cursor: pointer;
}
header.header-wrap .header ul.menu li.active a:before,
header.header-wrap .header ul.menu li.current-menu-item a:before,
header.header-wrap .header ul.menu li .li-item-style:hover:before,
header.header-wrap .header ul.menu li a:hover:before {
  width: 100%;
}
header.header-wrap .header ul.menu li:first-child {
  margin-left: 0px;
}
header.header-wrap .header ul.menu li:last-child {
  margin-right: 0px;
}
header.header-wrap .header ul.language-chooser li {
  margin: 0px 0px 0px 0px;
}
header.header-wrap .header .new-header-center {
  position: relative;
  width: 112px;
  height: 58px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px 0px 0px 0px;
}
header.header-wrap .header .new-header-center a {
  left: 0px;
  top: 0px;
  position: absolute;
  width: 112px;
  height: 58px;
  display: block;
  text-decoration: none;
  z-index: 2;
}
header.header-wrap .header .new-header-center img {
  width: 112px;
  height: 24px;
  display: block;
  z-index: 1;
}
header.header-wrap .header .new-header-right {
  height: 58px;
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 1px 0px 0px 0px;
}
@media (max-width: 1280px) {
  header.header-wrap .header .new-header-right ul li.header-social-item {
    display: none;
  }
}
@media (max-width: 768px) {
  header.header-wrap .header .new-header-right {
    display: none;
  }
}
header.header-wrap .header .new-header-right-mobile {
  display: none;
}
@media (max-width: 768px) {
  header.header-wrap .header .new-header-right-mobile {
    height: 58px;
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0px 0px 0px 0px;
  }
}
@media (max-width: 768px) {
  header.header-wrap .header .new-header-right-mobile .header-checkout {
    left: 0px;
    top: 0px;
    position: absolute;
    width: 21px;
    height: 21px;
    display: block;
    z-index: 3;
  }
}
header.header-wrap .header .new-header-right-mobile .btn-cart {
  width: 21px;
  height: 21px;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-position: top 0px left 0px;
  background-size: 21px 21px;
  text-decoration: none;
  cursor: pointer;
  z-index: 1;
}
header.header-wrap .header .new-header-right-mobile .btn-cart .ajax_count {
  top: 0px;
  right: -6px;
  position: absolute;
  width: 13px;
  height: 13px;
  display: block;
  font-family: "ANC-D";
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  font-size: 9px;
  color: #ffffff;
  background-color: #0b3be2;
  border-radius: 6px;
  padding: 1px 0px 0px 0px;
  cursor: pointer;
  z-index: 2;
}

/* header search popup */
.popup__header-search-wrap {
  position: fixed;
  top: 0px;
  left: 0px;
  display: block;
  width: 100vw;
  height: 100vh;
  z-index: 200;
}
.popup__header-search-wrap .popup__header-search {
  top: 0px;
  left: 0px;
  position: absolute;
  width: 100%;
  height: 50px;
  display: flex;
  z-index: 2;
}
.popup__header-search-wrap .popup__header-search-bg {
  top: 0px;
  left: 0px;
  position: absolute;
  display: block;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 49, 230, 0.85);
  z-index: 1;
}

.header-search {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: var(--white);
  padding: 0px var(--pd-35) 0px var(--pd-35);
}

.header-search__form {
  position: relative;
  width: calc(100% - 112px);
  height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  z-index: 2;
}
@media (max-width: 768px) {
  .header-search__form {
    width: calc(100% - 72px);
  }
}
.header-search__form .search-submit {
  position: absolute;
  left: calc( ( 0px - 112px )/2 );
  width: 21px;
  height: 21px;
  display: block;
  background: transparent;
  border: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  .header-search__form .search-submit {
    left: calc( ( 0px - 72px )/2 );
  }
}
.header-search__form input[type=text] {
  width: 100%;
  height: 22px;
  font-family: "ANC-R";
  border-bottom: 1px solid #ebebeb;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.header-search__form input[type=submit] {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.header-search__close {
  width: 21px;
  height: 21px;
  display: block;
  cursor: pointer;
}
.header-search__close .search-close-fill {
  fill: var(--text);
}
.header-search__close:hover .search-close-fill {
  fill: var(--blue);
}

.header-search__icon {
  width: 21px;
  height: 21px;
  display: block;
  cursor: pointer;
  z-index: 1;
}
.header-search__icon .search-icon-fill {
  fill: var(--text);
}
.header-search__icon:hover .search-icon-fill {
  fill: var(--blue);
}

.header-search__mobile-botton {
  margin-right: 30px;
}

.popup__main-menu-wrap {
  top: 0px;
  left: 0px;
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 106;
}
.popup__main-menu-wrap .popup__main-menu {
  top: 0px;
  left: 0px;
  position: absolute;
  width: 300px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--text);
  -webkit-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
  transform: translateX(-300px);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .popup__main-menu-wrap .popup__main-menu {
    width: 100%;
  }
}
@media (orientation: landscape) and (max-width: 768px) {
  .popup__main-menu-wrap .popup__main-menu {
    flex-wrap: wrap;
  }
}
.popup__main-menu-wrap .popup__main-menu .main-menu__close-wrap {
  width: 100%;
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px var(--pd-35) 0px var(--pd-35);
  z-index: 5;
}
@media (orientation: landscape) and (max-width: 768px) {
  .popup__main-menu-wrap .popup__main-menu .main-menu__close-wrap {
    width: calc( 100% - 60px );
  }
}
.popup__main-menu-wrap .popup__main-menu .main-menu__close-wrap .main-menu__close {
  width: 21px;
  height: 21px;
  display: block;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.popup__main-menu-wrap .popup__main-menu .main-menu__close-wrap .main-menu__close .main-menu__close-fill {
  fill: var(--white);
}
.popup__main-menu-wrap .popup__main-menu .main-menu__close-wrap .main-menu__close:hover .main-menu__close-fill {
  fill: var(--blue);
}
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block {
  width: 100%;
  height: auto;
  max-height: calc( 100vh - 48px - 60px );
  overflow-y: auto;
  display: block;
  z-index: 3;
}
@media (orientation: landscape) and (max-width: 768px) {
  .popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block {
    max-height: calc( 100vh - 48px );
    width: calc( 100% - 60px );
  }
}
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 0px calc( var(--pd-35) + var(--pd-35) ) 0px calc( var(--pd-35) + var(--pd-35) );
}
@media only screen and (max-width: 768px) {
  .popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container {
    padding: 0px 67px 0px 67px;
  }
}
@media (orientation: landscape) and (max-width: 768px) {
  .popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul.language-chooser,
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: var(--m40);
}
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul.language-chooser li,
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul li {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  list-style: none;
  color: var(--white);
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  .popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul.language-chooser li,
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul li {
    margin-top: 15px;
  }
}
@media (orientation: landscape) and (max-width: 768px) {
  .popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul.language-chooser li,
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul li {
    width: 50%;
  }
}
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul.language-chooser li:hover a:before,
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul li:hover a:before {
  width: 100%;
  transition: width 0.4s ease-in-out;
}
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul.language-chooser li a,
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul li a {
  width: auto;
  display: flex;
  font-family: "ANC-D";
  font-size: 0.75em;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  color: var(--white);
}
@media only screen and (max-width: 992px) {
  .popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul.language-chooser li a,
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul li a {
    font-size: 12px;
    letter-spacing: 1.2px;
  }
}
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul.language-chooser li a:before,
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul li a:before {
  content: "";
  width: 0;
  height: 4px;
  background: var(--blue);
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translate(-50%, 0%);
  transition: width 0.3s;
}
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul.language-chooser li a:hover,
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul li a:hover {
  text-decoration: none;
}
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul.language-chooser li.current-menu-item a:before, .popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul.language-chooser li.active a:before, .popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul.language-chooser li a:hover:before,
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul li.current-menu-item a:before,
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul li.active a:before,
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul li a:hover:before {
  width: 100%;
}
@media (orientation: landscape) and (max-width: 768px) {
  .popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul.menu {
    margin-bottom: var(--m80);
    order: 3;
  }
}
@media (orientation: landscape) and (max-width: 768px) {
  .popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul.language-chooser {
    width: 50%;
    order: 1;
  }
}
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul.language-chooser li {
  width: auto;
  margin: 0px 0px 0px 0px;
}
.popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul.phone-namber {
  margin-bottom: var(--m80);
}
@media (orientation: landscape) and (max-width: 768px) {
  .popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul.phone-namber {
    width: 50%;
    margin-bottom: 0px;
    order: 2;
  }
  .popup__main-menu-wrap .popup__main-menu .main-menu__scroll-block .main-menu__scroll-container ul.phone-namber li {
    margin-top: 0px;
  }
}
.popup__main-menu-wrap .popup__main-menu ul.main-menu__social {
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top: 1px solid #464646;
  background: var(--text);
  z-index: 4;
}
@media (orientation: landscape) and (max-width: 768px) {
  .popup__main-menu-wrap .popup__main-menu ul.main-menu__social {
    width: 60px;
    height: 100vh;
    flex-direction: column;
    align-items: center;
    border-left: 1px solid #464646;
    border-top: none;
  }
}
.popup__main-menu-wrap .popup__main-menu ul.main-menu__social li {
  width: auto;
  height: 60px;
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  list-style: none;
  border-right: 1px solid #464646;
}
@media (orientation: landscape) and (max-width: 768px) {
  .popup__main-menu-wrap .popup__main-menu ul.main-menu__social li {
    width: 60px;
    height: auto;
    border-right: none;
    border-bottom: 1px solid #464646;
  }
}
.popup__main-menu-wrap .popup__main-menu ul.main-menu__social li a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.popup__main-menu-wrap .popup__main-menu ul.main-menu__social li a .svg-menu-icons {
  display: block;
  width: 20px;
  height: 20px;
  fill: var(--white);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.popup__main-menu-wrap .popup__main-menu ul.main-menu__social li a:hover .svg-menu-icons {
  fill: var(--blue);
}
.popup__main-menu-wrap .popup__main-menu ul.main-menu__social li:last-child {
  border-right: none;
}
@media (orientation: landscape) and (max-width: 768px) {
  .popup__main-menu-wrap .popup__main-menu ul.main-menu__social li:last-child {
    border-bottom: none;
  }
}

.popup__background-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--text);
  opacity: 0.95;
  cursor: pointer;
  z-index: 1;
}

.products-filter {
  right: 0;
  bottom: 0;
  position: fixed;
  height: 47px;
  width: auto;
  display: flex;
  border: 1px solid var(--text);
  border-bottom: none;
  background: var(--white);
  z-index: 100;
}
.products-filter .products-filter__men {
  width: 49px;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "ANC-R";
  line-height: 100%;
  text-align: center;
  border-right: 1px solid var(--text);
  cursor: pointer;
}
.products-filter .products-filter__men:hover {
  color: transparent;
  background: url(img/ui/men_icon_filter@2x.png) no-repeat center center;
  background-size: 19px;
}
.products-filter .products-filter__women {
  width: 49px;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "ANC-R";
  line-height: 100%;
  text-align: center;
  border-right: 1px solid var(--text);
  cursor: pointer;
}
.products-filter .products-filter__women:hover {
  color: transparent;
  background: url(img/ui/women_icon_filter@2x.png) no-repeat center center;
  background-size: 19px;
}
.products-filter .products-filter__all {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 37px 0px 37px;
  cursor: pointer;
}
.products-filter .products-filter__all .icon {
  display: flex;
}
.products-filter .products-filter__all .icon .line {
  width: 2px;
  height: 19px;
  display: block;
  background: var(--text);
  margin-right: 5px;
}
.products-filter .products-filter__all .icon .line:last-child {
  margin-right: 0px;
}
.products-filter .products-filter__all .icon .line_triger {
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border: 1px solid var(--text);
  background: var(--white);
  transition: 0.2s;
}
.products-filter .products-filter__all .icon .line_triger_1 {
  top: 3px;
  left: -2px;
}
.products-filter .products-filter__all .icon .line_triger_2 {
  top: 11px;
  left: 5px;
}
.products-filter .products-filter__all .icon .line_triger_3 {
  top: 0;
  left: 12px;
}
.products-filter .products-filter__all p {
  color: var(--text);
  font-family: "ANC-B";
  font-size: 0.688em;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  margin-left: 7px;
}
.products-filter .products-filter__all:hover .icon .line_triger_1 {
  transform: translate(0, 4px);
}
.products-filter .products-filter__all:hover .icon .line_triger_2 {
  transform: translate(0, -9px);
}
.products-filter .products-filter__all:hover .icon .line_triger_3 {
  transform: translate(0, 11px);
}
.products-filter .active {
  background: var(--text);
  color: var(--white);
}
.products-filter .active:hover {
  background: var(--text);
  color: var(--white);
}

.main-filter__popup-wrap {
  top: 0px;
  left: 0px;
  position: fixed;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 106;
}
.main-filter__popup-wrap .main-filter__popup {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: calc( var(--pd-35)*2 ) calc( var(--pd-35)*2 ) calc( var(--pd-35)*2 ) calc( var(--pd-35)*2 );
}
@media only screen and (max-width: 1280px) {
  .main-filter__popup-wrap .main-filter__popup {
    padding: calc( var(--pd-35)*2 ) 0px calc( var(--pd-35)*2 ) calc( var(--pd-35)*2 );
  }
}

.main-filter {
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 105;
}
@media only screen and (max-width: 1280px) {
  .main-filter {
    max-height: calc( 100vh - 100px );
    display: block;
    overflow-y: auto;
  }
}
.main-filter .filter-list {
  position: relative;
  width: 14%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1280px) {
  .main-filter .filter-list {
    width: auto;
    height: auto;
    margin-bottom: var(--m40);
  }
}
.main-filter .filter-list .title {
  width: auto;
  height: 18px;
  display: flex;
  align-items: center;
  color: var(--white);
  font-family: "ANC-B";
  font-size: 0.875em;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  pointer-events: none;
}
@media only screen and (max-width: 1280px) {
  .main-filter .filter-list .title {
    pointer-events: auto;
    cursor: pointer;
  }
  .main-filter .filter-list .title:after {
    content: "";
    width: 8px;
    height: 5px;
    background: url(img/ui/scrolldown_triger_white@2x.png) no-repeat center center;
    background-size: cover;
    display: block;
    margin-left: 10px;
    transition: 0.3s;
  }
}
.main-filter .filter-list .filter__list {
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
  transition: 0.5s;
}
.main-filter .filter-list ul {
  position: relative;
  width: 100%;
  height: auto;
  max-height: 440px;
  display: flex;
  flex-direction: column;
  list-style: none;
  overflow: hidden;
  margin-top: var(--m40);
}
@media only screen and (max-width: 1280px) {
  .main-filter .filter-list ul {
    max-height: 300px;
  }
}
.main-filter .filter-list ul li {
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "ANC-L";
  font-size: 0.688em;
  letter-spacing: 2.2px;
  line-height: 24px;
  text-transform: uppercase;
  color: var(--white);
  transition: opacity 0.5s;
  cursor: pointer;
}
.main-filter .filter-list ul li:before {
  content: "";
  left: 0;
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(img/ui/close_icon_red.svg) no-repeat center center;
  background-size: cover;
  opacity: 0;
}
.main-filter .filter-list ul li:hover {
  opacity: 0.5;
}
.main-filter .filter-list ul li.active:before {
  position: relative;
  opacity: 1;
}
.main-filter .filter-list ul li.active:hover {
  opacity: 1;
}
.main-filter .filter-list .mCustomScrollbar .mCSB_inside > .mCSB_container {
  margin-right: 0px;
  margin-left: 20px;
}
.main-filter .filter-list .mCustomScrollbar .mCSB_scrollTools {
  left: 0px;
  right: auto;
}
.main-filter .filter-list .mCustomScrollbar .mCSB_inside > .mCS_no_scrollbar_y {
  margin-left: 0px;
}
.main-filter .title.active {
  height: 18px;
}
.main-filter .title.active:after {
  transform: rotate(180deg);
}
.main-filter .brands {
  width: 21%;
}
@media only screen and (max-width: 1280px) {
  .main-filter .brands {
    width: 100%;
  }
}
.main-filter .glass-types {
  width: 20%;
}
@media only screen and (max-width: 1280px) {
  .main-filter .glass-types {
    width: 100%;
  }
}
.main-filter .glass-use,
.main-filter .sale-button {
  width: 100%;
  margin-bottom: var(--m40);
}
@media only screen and (max-width: 1280px) {
  .main-filter .glass-use,
.main-filter .sale-button {
    width: auto;
  }
}
.main-filter .glass-use ul li a span,
.main-filter .sale-button ul li a span {
  display: inline-block;
  width: 11px;
  height: 9px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("img/noun_Arrow_1776270.svg");
  transform: rotate(90deg);
}
.main-filter .filter-last-column {
  width: 15%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1280px) {
  .main-filter .filter-last-column {
    width: auto;
  }
}

.filter-controls {
  right: 0;
  bottom: 0;
  position: fixed;
  width: auto;
  height: 49px;
  display: flex;
  background: var(--text);
  z-index: 105;
}
@media (max-width: 768px) {
  .filter-controls {
    width: 100%;
  }
}
.filter-controls__botton {
  width: 166px;
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "ANC-B";
  font-size: 0.688em;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  color: var(--white);
  border-bottom: none;
  transition: 0.5s;
  cursor: pointer;
}
@media (max-width: 768px) {
  .filter-controls__botton {
    width: 33.333%;
  }
}
.filter-controls__botton:hover {
  color: var(--text);
  background-color: var(--white);
}
.filter-controls__clear {
  border-top: 1px solid var(--white);
  border-left: 1px solid var(--white);
}
@media (max-width: 768px) {
  .filter-controls__clear {
    border-left: none;
  }
}
.filter-controls__apply {
  border-top: 1px solid var(--white);
  border-left: 1px solid var(--white);
}
.filter-controls__close {
  border-top: 1px solid var(--white);
  border-left: 1px solid var(--white);
}

.main-filter__background-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--text);
  opacity: 0.95;
  cursor: pointer;
  z-index: 1;
}

.product-container {
  width: 25%;
  height: auto;
  display: block;
}
@media only screen and (max-width: 1200px) {
  .product-container {
    width: 33.333%;
  }
}
@media only screen and (max-width: 768px) {
  .product-container {
    width: 50%;
  }
}

a.product {
  width: 100%;
  height: 0;
  display: block;
  padding-bottom: calc( 136.68% );
  border-right: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  cursor: pointer;
}
a.product .product__availability {
  top: 35px;
  left: 50%;
  position: absolute;
  font-family: "ANC-L";
  font-size: 0.875em;
  letter-spacing: 0.72px;
  color: var(--availability);
  text-align: center;
  transform: translate(-50%, 0);
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  a.product .product__availability {
    top: 25px;
    font-size: 0.75em;
  }
}
a.product .product__media-content {
  top: 0px;
  left: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
}
a.product .product__media-content .product__image {
  top: 0px;
  left: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  transition: 0.5s;
  opacity: 1;
  z-index: 2;
}
a.product .product__media-content .product__image img {
  top: 0px;
  left: 50%;
  position: absolute;
  width: auto;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, 0);
}
a.product .product__media-content .product__image-hover {
  opacity: 0;
  z-index: 1;
}
a.product .product__info {
  left: 50%;
  bottom: 20px;
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0px 20px 0px 20px;
  transform: translate(-50%, 0);
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  a.product .product__info {
    bottom: 12px;
    padding: 0px 12px 0px 12px;
  }
}
a.product .product__info .product__title {
  display: flex;
  flex-direction: column;
  color: var(--text);
  text-transform: uppercase;
  font-size: 0.75em;
}
@media only screen and (max-width: 768px) {
  a.product .product__info .product__title {
    font-size: 0.625em;
  }
}
a.product .product__info .product__title .brand {
  font-family: "ANC-B";
}
a.product .product__info .product__title .description {
  font-family: "ANC-R";
  margin-top: 5px;
}
a.product .product__info .product__price {
  min-width: 120px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-family: "ANC-R";
  font-size: 0.75em;
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  a.product .product__info .product__price {
    min-width: 65px;
    font-size: 0.6875em;
  }
}
a.product .product__info .product__price .regular-price {
  margin-bottom: 5px;
}
@media only screen and (max-width: 768px) {
  a.product .product__info .product__price .regular-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}
a.product .product__info .product__price .regular-price .old-price {
  color: var(--old-price);
  text-decoration: line-through;
}
@media only screen and (max-width: 768px) {
  a.product .product__info .product__price .regular-price .old-price {
    order: 2;
  }
}
a.product .product__info .product__price .regular-price .sale {
  text-decoration: none;
  color: var(--sale);
  margin-left: 10px;
}
@media only screen and (max-width: 768px) {
  a.product .product__info .product__price .regular-price .sale {
    order: 1;
  }
}
a.product .product__info .product__price .price {
  color: var(--text);
}
a.product .product__info .product__buy-button {
  display: none;
}
@media only screen and (min-width: 993px) {
  a.product:hover .product__media-content .product__image {
    opacity: 0;
  }
  a.product:hover .product__media-content .product__image-hover {
    opacity: 1;
  }
}

.no_instock .product__media-content {
  opacity: 0.4;
}
.no_instock .product__info {
  opacity: 0.4;
}

.index {
  display: flex;
  flex-direction: column;
}

.catalog {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.brand-title-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px var(--pd-35) 50px var(--pd-35);
}
@media (max-width: 768px) {
  .brand-title-block {
    padding: 30px calc( var(--pd-35) + var(--pd-35) ) 30px calc( var(--pd-35) + var(--pd-35) );
  }
}
.brand-title-block h3 {
  color: var(--text);
  font-family: "ANC-B";
  text-transform: uppercase;
  text-align: center;
  font-size: 0.875em;
  line-height: 130%;
  margin-top: 4px;
  letter-spacing: 2.8px;
}
@media (max-width: 768px) {
  .brand-title-block h3 {
    margin-top: 2px;
    letter-spacing: 1.8px;
  }
}
.brand-title-block .desc {
  width: 100%;
  max-width: 89%;
  font-family: "ANC-L";
  font-size: 14px;
  letter-spacing: 2.8px;
  text-align: center;
  color: var(--text);
  margin-top: var(--m20);
}
@media (max-width: 768px) {
  .brand-title-block .desc {
    position: relative;
    max-width: 100%;
    max-height: 48px;
    font-size: 12px;
    letter-spacing: 1.5px;
    transition: max-height 1s;
    overflow: hidden;
  }
}
.brand-title-block .desc.active {
  max-height: 350px;
}
.brand-title-block .read-more {
  display: none;
  color: #262626;
  font-size: 12px;
  font-family: "ANC-B";
  text-align: center;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .brand-title-block .read-more {
    display: block;
    transition: opacity 0.5s;
  }
}

.not-found {
  width: 100%;
  font-family: "ANC-B";
  font-size: 16px;
  text-transform: uppercase;
  color: var(--text);
  text-align: center;
  padding: var(--m80) calc( var(--pd-35)*2 ) var(--m80) calc( var(--pd-35)*2 );
}

.pagination {
  width: 100%;
  display: block;
  border-bottom: 1px solid #ebebeb;
  text-align: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.pagination ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.pagination ul li {
  flex: 1;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "ANC-B";
  font-size: 12px;
  line-height: 100%;
  color: var(--text);
}
@media (max-width: 768px) {
  .pagination ul li {
    height: 50px;
  }
}
.pagination ul li span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination ul li span.current {
  width: 100%;
  height: 100%;
  color: var(--text);
  border: 1px solid var(--text);
}
.pagination ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: var(--text);
  background-color: var(--white);
  transition: 0.5s;
}
.pagination ul li a span.pagination-next,
.pagination ul li a span.pagination-prev {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .pagination ul li a span.pagination-next,
.pagination ul li a span.pagination-prev {
    font-size: 8px;
    min-width: 50px;
  }
}
.pagination ul li a span.pagination-next__icon {
  margin-left: 5px;
  margin-bottom: 2px;
}
.pagination ul li a span.pagination-prev__icon {
  margin-right: 5px;
  margin-bottom: 2px;
}
.pagination ul li a span.pagination-icon {
  width: 7px;
  height: 12px;
  display: block;
}
.pagination ul li a span.pagination-icon .icon {
  fill: none;
  stroke: var(--text);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  transition: 0.5s;
}
.pagination ul li a:hover {
  color: var(--white);
  background-color: var(--text);
}
.pagination ul li a:hover span.pagination-icon .icon {
  stroke: var(--white);
}

.product-video-popup {
  position: fixed;
  top: 0px;
  left: 0px;
  display: block;
  width: 100vw;
  height: 100vh;
  z-index: 200;
}
.product-video-popup .product-video-popup__video {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.product-video-popup .product-video-popup__video .container__video-block .container__text-link {
  color: var(--white);
}
@media only screen and (max-width: 1200px) {
  .product-video-popup .product-video-popup__video .container__video-block .container__text-link {
    padding: 0px var(--pd-35) 0px var(--pd-35);
  }
}
.product-video-popup .product-video-popup__close {
  top: 20px;
  right: 20px;
  position: absolute;
  display: block;
  width: 21px;
  height: 21px;
  cursor: pointer;
  z-index: 3;
}
.product-video-popup .product-video-popup__close .product-video-popup__close-fill {
  fill: var(--white);
  transition: 0.5s;
}
.product-video-popup .product-video-popup__close:hover .product-video-popup__close-fill {
  fill: var(--blue);
  transition: 0.5s;
}
.product-video-popup .product-video-popup__bg {
  top: 0px;
  left: 0px;
  position: absolute;
  display: block;
  width: 100vw;
  height: 100vh;
  background: var(--text);
  opacity: 0.95;
  z-index: 1;
}

.single-product {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media only screen and (max-width: 992px) {
  .single-product {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
}

.single-product__slider {
  width: calc( 100% - var(--single-product-right-side) );
  display: flex;
  align-items: flex-start;
  padding: var(--pd-35) var(--pd-35) 0px var(--pd-35);
}
@media only screen and (max-width: 992px) {
  .single-product__slider {
    width: 100%;
  }
}
.single-product__slider .product-video {
  width: 80px;
  height: calc( 80px*1.3368 );
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--discount);
  cursor: pointer;
  margin-bottom: 20px;
}
.single-product__slider .product-video .product-video__play-button {
  width: 50px;
  height: 35px;
  display: block;
}
@media only screen and (max-width: 479px) {
  .single-product__slider .product-video .product-video__play-button {
    width: 40px;
    height: 28px;
  }
}
.single-product__slider .product-video .product-video__play-button .play-0 {
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  fill: var(--white);
}
.single-product__slider .product-video .product-video__play-button .play-1 {
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  fill: var(--text);
}
.single-product__slider .product-video .product-video__play-button:hover .play-0 {
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  fill: var(--blue);
}
.single-product__slider .product-video .product-video__play-button:hover .play-1 {
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  fill: var(--white);
}
.single-product__slider .product-video:hover .product-video__play-button .play-0 {
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  fill: var(--blue);
}
.single-product__slider .product-video:hover .product-video__play-button .play-1 {
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  fill: var(--white);
}
.single-product__slider .product-video-mobile {
  right: var(--pd-35);
  top: var(--pd-35);
  position: absolute;
  width: 70px;
  height: 55px;
  display: none;
  z-index: 10;
}
@media only screen and (max-width: 992px) {
  .single-product__slider .product-video-mobile {
    display: flex;
  }
}
@media only screen and (max-width: 479px) {
  .single-product__slider .product-video-mobile {
    width: 60px;
    height: 48px;
  }
}
.single-product__slider .slider-tumbs {
  width: 80px;
  display: flex;
  flex-direction: column;
  margin-right: var(--pd-35);
}
@media only screen and (max-width: 992px) {
  .single-product__slider .slider-tumbs {
    display: none;
  }
}
.single-product__slider .slider-tumbs .tumbs-image {
  width: 80px;
  height: calc( 80px*1.3368 );
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid var(--white);
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
  box-sizing: border-box;
  cursor: pointer;
}
.single-product__slider .slider-tumbs .tumbs-active {
  border: 1px solid var(--text);
}
.single-product__slider .slider-sceneshow-wrap {
  width: calc( 100% - 80px - var(--pd-35) );
  display: flex;
  justify-content: center;
  padding: 0px var(--pd-35) 0px var(--pd-35);
}
@media only screen and (max-width: 992px) {
  .single-product__slider .slider-sceneshow-wrap {
    width: 100%;
    padding: 0px 0px 0px 0px;
  }
}
.single-product__slider .slider-sceneshow-wrap .slider-sceneshow {
  width: 100%;
  max-width: 680px;
  height: auto;
  display: block;
}
.single-product__slider .slider-sceneshow-wrap .slider-sceneshow .sceneshow {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.single-product__slider .slider-sceneshow-wrap .slider-sceneshow .sceneshow a {
  width: 100%;
  height: 0;
  display: block;
  text-decoration: none;
  padding-bottom: calc( 136.68% );
  cursor: pointer;
}
.single-product__slider .slider-sceneshow-wrap .slider-sceneshow .sceneshow a .sceneshow-image {
  top: 0px;
  left: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.single-product__info {
  width: var(--single-product-right-side);
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--comment-border);
}
.single-product__info .single-product__header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 30px var(--pd-35) 14px var(--pd-35);
}
@media only screen and (max-width: 768px) {
  .single-product__info .single-product__header {
    padding: 0px var(--pd-35) var(--pd-35) var(--pd-35);
  }
}
.single-product__info .single-product__header h2 {
  font-family: "ANC-B";
  font-size: 1em;
  letter-spacing: 3.2px;
  text-transform: uppercase;
}
.single-product__info .single-product__header h2 a {
  color: var(--text);
  transition: 0.5s;
}
.single-product__info .single-product__header h2 a:hover {
  color: var(--blue);
}
.single-product__info .single-product__header h3 {
  font-family: "ANC-D";
  font-size: 0.95em;
  letter-spacing: 3.2px;
  color: var(--border);
  text-transform: uppercase;
}
.single-product__info .single-product__header .availability {
  font-family: "ANC-L";
  font-size: 12px;
  letter-spacing: 0.72px;
  color: var(--availability);
  margin-top: 5px;
}
.single-product__info .single-product__header ._status_text {
  font-family: "ANC-L";
  font-size: 0.813em;
  line-height: 20px;
  letter-spacing: 0.65px;
  color: var(--availability);
}
.single-product__info section.banner__link-store {
  width: 100%;
  height: 125px;
  display: block;
}
.single-product__info section.banner__link-store a.link-store {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: var(--blue);
  overflow: hidden;
}
.single-product__info section.banner__link-store a.link-store .link-store__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: 1s;
}
.single-product__info section.banner__link-store a.link-store .link-store__text {
  bottom: 20px;
  left: 0;
  position: absolute;
  width: 100%;
  height: 42px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: var(--blue);
  font-family: "ANC-D";
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
  padding: 2px 0px 0px 0px;
}
.single-product__info section.banner__link-store a.link-store:hover .link-store__bg {
  transform: scale(1.1);
}
.single-product__info .single-product__buy-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 34px 50px 14px 50px;
}
@media only screen and (max-width: 1200px) {
  .single-product__info .single-product__buy-block {
    padding: 34px var(--pd-35) 14px var(--pd-35);
  }
}
@media only screen and (max-width: 992px) {
  .single-product__info .single-product__buy-block {
    padding: 34px calc( var(--pd-35) + var(--pd-35) ) 14px calc( var(--pd-35) + var(--pd-35) );
  }
}
.single-product__info .single-product__buy-block .buy-block__price {
  width: calc( 100% - 100px );
  height: auto;
  display: flex;
  flex-direction: column;
}
.single-product__info .single-product__buy-block .buy-block__price .price {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-family: "ANC-B";
  font-size: 1em;
  line-height: 100%;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.single-product__info .single-product__buy-block .buy-block__price .price span.discount {
  top: -2px;
  font-size: 14px;
  color: var(--text);
  background: var(--discount);
  letter-spacing: normal;
  padding: 4px 5px 3px 5px;
  margin-left: 8px;
}
.single-product__info .single-product__buy-block .buy-block__price .regular-price {
  display: block;
  color: var(--border);
  text-decoration: line-through;
}
.single-product__info .single-product__buy-block .buy-block__count {
  width: 100px;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.single-product__info .single-product__buy-block .buy-block__count span {
  width: 23px;
  height: 23px;
  display: block;
  border: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}
.single-product__info .single-product__buy-block .buy-block__count span .count-svg {
  fill: var(--text);
}
.single-product__info .single-product__buy-block .buy-block__count span.plus,
.single-product__info .single-product__buy-block .buy-block__count span.min {
  transition: 0.5s;
  cursor: pointer;
}
.single-product__info .single-product__buy-block .buy-block__count span.plus:hover,
.single-product__info .single-product__buy-block .buy-block__count span.min:hover {
  border: 1px solid var(--text);
}
.single-product__info .single-product__buy-block .buy-block__count span.number {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: "ANC-L";
  font-size: 1em;
  line-height: 1em;
  color: var(--text);
  text-align: center;
  margin: 0px 5px 0px 5px;
  padding: 1px 0px 0px 0px;
}
.single-product__info .single-product__buy-block .btn-by {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "ANC-B";
  font-size: 0.875em;
  letter-spacing: 2.8px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--text);
  background: transparent;
  border: 1px solid var(--text);
  margin: 24px 0px 10px 0px;
  cursor: pointer;
  transition: 0.5s;
}
@media only screen and (max-width: 768px) {
  .single-product__info .single-product__buy-block .btn-by {
    margin: 24px 0px 10px 0px;
  }
}
.single-product__info .single-product__buy-block .btn-by:hover {
  background: var(--text);
  color: var(--white);
}
.single-product__info .single-product__buy-block .buy_ajax_message {
  padding-top: 25px;
  text-align: center;
}
.single-product__info .single-product__buy-block .btn-not-available {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "ANC-B";
  font-size: 0.875em;
  letter-spacing: 2.8px;
  color: var(--availability);
  line-height: 100%;
  text-transform: uppercase;
  background: transparent;
  border: 1px solid var(--availability);
  margin: 0px 0px 10px 0px;
}
@media only screen and (max-width: 768px) {
  .single-product__info .single-product__buy-block .btn-not-available {
    margin: 0px 0px 10px 0px;
  }
}
.single-product__info .single-product__description {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px 50px 20px 50px;
  /* 			.active {
  				max-height: 200px;
  			}

  			.read-more {
  				display: inline-block;
  				vertical-align: middle;
  				font-family: 'ANC-B';
  				font-size: 0.75em;
  				letter-spacing: 0.6px;
  				color: #b5b5b5;	
  				cursor: pointer;

  				&:after {
  					content: "";
  					width: 10px;
  					height: 6px;
  					background: url(img/ui/deo-text-toggle@2x.png) no-repeat center center;
  					background-size: cover;
  					position: relative;
  					display: inline-block;
  					vertical-align: middle;
  					margin-left: 5px;
  					-webkit-transition: all 0.25s linear;
  					transition: all 0.25s linear;
  				}
  			}

  			.read-more.active:after {
  				-webkit-transform: rotate(180deg);
  				-ms-transform: rotate(180deg);
  				transform: rotate(180deg);
  			} */
}
@media only screen and (max-width: 1200px) {
  .single-product__info .single-product__description {
    padding: 0px var(--pd-35) 20px var(--pd-35);
  }
}
@media only screen and (max-width: 992px) {
  .single-product__info .single-product__description {
    padding: 0px calc( var(--pd-35)*2 ) 20px calc( var(--pd-35)*2 );
  }
}
.single-product__info .single-product__description .text {
  font-family: "ANC-L";
  font-size: 0.813em;
  line-height: 130%;
  letter-spacing: 0.65px;
}
.single-product__info .single-product__size {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px 50px 40px 50px;
}
@media only screen and (max-width: 1200px) {
  .single-product__info .single-product__size {
    padding: 20px var(--pd-35) 40px var(--pd-35);
  }
}
@media only screen and (max-width: 992px) {
  .single-product__info .single-product__size {
    padding: 20px calc( var(--pd-35)*2 ) 40px calc( var(--pd-35)*2);
  }
}
.single-product__info .single-product__size ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.single-product__info .single-product__size ul li {
  width: 74px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.single-product__info .single-product__size ul li img {
  width: 74px;
  height: 34px;
  display: block;
  margin-bottom: 5px;
}
.single-product__info .single-product__size ul li span {
  font-family: "ANC-L";
  font-size: 0.75em;
  letter-spacing: 0.6px;
}
.single-product__info .options {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  padding: 0px 50px var(--pd-35) 50px;
}
@media only screen and (max-width: 1200px) {
  .single-product__info .options {
    padding: 0px var(--pd-35) var(--pd-35) var(--pd-35);
  }
}
@media only screen and (max-width: 992px) {
  .single-product__info .options {
    padding: 0px calc( var(--pd-35) + var(--pd-35) ) calc( var(--pd-35) + var(--pd-35) ) calc( var(--pd-35) + var(--pd-35) );
  }
}
.single-product__info .options .tabs-flex {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
.single-product__info .options .tabs-flex .title {
  width: 100%;
  display: block;
  font-family: "ANC-B";
  color: var(--text);
  text-transform: uppercase;
  font-size: 0.688em;
  letter-spacing: 1.65px;
  cursor: pointer;
}
.single-product__info .options .tabs-flex .collapsible {
  border-top: solid 1px var(--text);
  background-image: url(img/new_ico/down.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 14px 14px;
  padding: 20px 0px 18px 0px;
}
.single-product__info .options .tabs-flex .tabs-active {
  background-image: url(img/new_ico/up.svg);
}
.single-product__info .options .tabs-flex .tab-content {
  width: 100%;
  height: 0px;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 0px;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.single-product__info .options .tabs-flex .tab-content ul.product-parameters {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 5px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.single-product__info .options .tabs-flex .tab-content ul.product-parameters li {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0px 0px 22px 0px;
}
.single-product__info .options .tabs-flex .tab-content ul.product-parameters li:before {
  content: "";
  width: 100%;
  height: 4px;
  background: url(img/ui/dots_bd.png) repeat-x center center;
  background-size: 7px 2px;
  position: absolute;
  bottom: 2px;
  left: 0;
  z-index: -1;
}
.single-product__info .options .tabs-flex .tab-content ul.product-parameters li .options-name {
  display: block;
  font-family: "ANC-B";
  font-size: 0.688em;
  letter-spacing: 1.65px;
  text-transform: uppercase;
  white-space: nowrap;
  background: #fff;
  padding: 0px 7px 0px 0px;
}
.single-product__info .options .tabs-flex .tab-content ul.product-parameters li .options-value {
  display: block;
  font-family: "ANC-L";
  font-size: 0.688em;
  letter-spacing: 1.65px;
  text-transform: uppercase;
  text-align: right;
  background: #fff;
  padding: 0px 0px 0px 7px;
}
.single-product__info .options .tabs-flex .tab-content ul.product-parameters li .options-value a:hover {
  color: #0031e6;
}
.single-product__info .options .tabs-flex .tab-content .other-color-products-slider {
  width: 100%;
  height: auto;
  display: block;
}
.single-product__info .options .tabs-flex .tab-content .tab-padding-wrap {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 10px 0px;
  font-size: 13px;
  letter-spacing: 0.65px;
  font-family: "ANC-L";
  line-height: 130%;
}
.single-product__info .options .tabs-flex .tab-content .tab-padding-wrap h4 {
  font-family: "ANC-B";
  font-size: 11px;
  letter-spacing: 1.65px;
  line-height: 110%;
  text-transform: uppercase;
  margin: 15px 0px 10px 0px;
}
.single-product__info .options .tabs-flex .tab-content .tab-padding-wrap p {
  margin: 8px 0px 8px 0px;
}
.single-product__info .options .tabs-flex .tab-content .tab-padding-wrap a {
  color: #0b3be2;
  text-decoration: none;
}
.single-product__info .options .tabs-flex .tab-content .tab-padding-wrap a:hover {
  text-decoration: underline;
}
.single-product__info .options .tabs-flex .last-title {
  width: 100%;
  height: 1px;
  display: block;
  box-sizing: border-box;
  border-bottom: solid 1px var(--text);
}
.single-product__info .link-choose_glasses {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 0px 0px 0px;
}
.single-product__info .link-choose_glasses a {
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  background-color: var(--blue);
  padding: 28px 0px 24px 0px;
}
.single-product__info .link-choose_glasses a:hover .bg {
  transform: scale(1.1);
}
.single-product__info .link-choose_glasses a:hover .text:after {
  width: 100%;
}
.single-product__info .link-choose_glasses a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 1s;
}
.single-product__info .link-choose_glasses a .text {
  position: relative;
  width: auto;
  height: auto;
  display: flex;
  font-family: "ANC-B";
  font-size: 0.875em;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  line-height: 26px;
}
.single-product__info .link-choose_glasses a .text:after {
  content: "";
  width: 0;
  height: 2px;
  display: block;
  background: var(--white);
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0);
  transition: 0.5s;
}

/* ВАМ МОЖЕТ ПОНРАВИТЬСЯ  */
section.random-models {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 50px 0px 50px;
}
@media only screen and (max-width: 1200px) {
  section.random-models {
    padding: 0px var(--pd-35) 0px var(--pd-35);
  }
}
section.random-models .random-models__title {
  font-family: "ANC-B";
  font-size: 0.75em;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  margin: var(--m40) 0px var(--m40) 0px;
}
section.random-models .random-models__slider {
  width: 100%;
  height: auto;
  display: block;
}

.article__blog {
  width: 100%;
  max-width: var(--max-width);
  height: auto;
  display: flex;
  flex-direction: column;
}
.article__blog img {
  width: auto;
  max-width: 100%;
}
.article__blog ul, .article__blog p, .article__blog h1, .article__blog h2, .article__blog h3, .article__blog h4, .article__blog h5, .article__blog img {
  margin-left: calc( 50% - 375px );
  margin-right: calc( 50% - 375px );
}
@media only screen and (max-width: 992px) {
  .article__blog ul, .article__blog p, .article__blog h1, .article__blog h2, .article__blog h3, .article__blog h4, .article__blog h5, .article__blog img {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.article__blog p {
  display: flex;
  flex-direction: column;
}
.article__blog p img {
  margin-left: 0px;
  margin-right: 0px;
  object-position: center;
  align-self: center;
}

.pagination-posts {
  width: 100%;
  max-width: var(--max-width);
  height: var(--pagination-posts);
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #ebebeb;
}
.pagination-posts li {
  width: 33.333%;
  height: var(--pagination-posts);
  list-style: none;
  line-height: 100%;
  font-family: "ANC-B";
  font-size: 0.75em;
  letter-spacing: 2.4px;
  color: var(--text);
  text-transform: uppercase;
  border-right: 1px solid #ebebeb;
}
.pagination-posts li a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}
.pagination-posts li a span.pagination-item__icon {
  width: 12px;
  height: 12px;
  display: block;
}
.pagination-posts li a span.pagination-item__icon .icon-next {
  fill: var(--text);
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.pagination-posts li a span.pagination-item__icon .icon-prev {
  fill: var(--text);
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.pagination-posts li a span.pagination-item__text {
  padding-top: 1px;
}
@media only screen and (max-width: 768px) {
  .pagination-posts li a span.pagination-item__text {
    display: none;
  }
}
.pagination-posts li a span.pagination-item__text-center {
  width: 22px;
  height: 17px;
  display: none;
}
@media only screen and (max-width: 768px) {
  .pagination-posts li a span.pagination-item__text-center {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.pagination-posts li a span.pagination-item__text-center span {
  width: 100%;
  height: 3px;
  display: block;
  background-color: var(--text);
  transition: 0.5s;
}
.pagination-posts li a span.pagination-item__icon-next {
  margin: 5px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.pagination-posts li a span.pagination-item__icon-prev {
  margin: 5px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.pagination-posts li a:hover {
  background: var(--text);
  color: var(--white);
}
.pagination-posts li a:hover span.pagination-item__icon .icon-next {
  fill: var(--white);
}
.pagination-posts li a:hover span.pagination-item__icon .icon-prev {
  fill: var(--white);
}
.pagination-posts li a:hover span.pagination-item__text-center span {
  background-color: var(--white);
}
.pagination-posts li a:hover span.pagination-item__text-center span:last-child {
  background-color: var(--blue);
}

.comments-blog {
  max-width: var(--max-width);
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  margin-bottom: var(--m80);
}

.comments {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.comments__title {
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "ANC-B";
  font-size: 0.875em;
  line-height: 100%;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  border-bottom: 1px solid var(--comment-border);
  padding: 0px 50px 0px 50px;
}
@media only screen and (max-width: 1200px) {
  .comments__title {
    letter-spacing: 1.8px;
    padding: 0px 0px 0px 0px;
  }
}
.comments__title .comments__toggle {
  position: relative;
  cursor: pointer;
}
.comments__title .comments__toggle::after {
  content: "";
  width: 0;
  height: 4px;
  display: block;
  background: var(--blue);
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translate(-50%, 0%);
  transition: 0.5s;
}
.comments__title .comments__toggle:hover::after {
  width: 100%;
}

.comments__form {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--comment-border);
  padding: var(--pd-35) var(--pd-35) var(--pd-35) var(--pd-35);
}
@media only screen and (max-width: 992px) {
  .comments__form {
    padding: calc( var(--pd-35)*2 ) calc( var(--pd-35)*2 ) calc( var(--pd-35)*2 ) calc( var(--pd-35)*2 );
  }
}
.comments__form form.comment-form {
  display: flex;
  flex-wrap: wrap;
}
.comments__form form.comment-form input[type=text],
.comments__form form.comment-form textarea {
  width: 100%;
  height: 40px;
  font-family: "ANC-L";
  font-size: 0.875em;
  line-height: 40px;
  letter-spacing: 0.7px;
  text-transform: none;
  color: var(--text);
  background: var(--white);
  border: 1px solid var(--comment-border);
  box-sizing: border-box;
  padding: 0px 20px 0px 20px;
  margin-bottom: var(--m20);
}
.comments__form form.comment-form textarea {
  padding: 10px 20px 10px 20px;
  height: 75px;
  line-height: 22px;
}
.comments__form form.comment-form .comment-form__captcha-block {
  width: calc( 100% - 33.333% );
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.comments__form form.comment-form .comment-form__captcha-block .comment-form__captcha-input {
  width: 50%;
  height: 50px;
  margin-bottom: 0px;
}
.comments__form form.comment-form .comment-form__captcha-block .comment-form__captcha-image {
  width: calc( 50% - 20px );
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-color: #eaeaea;
  margin: 0px 10px 0px 10px;
}
.comments__form form.comment-form .comment-form-cookies-consent {
  display: none;
}
.comments__form form.comment-form .form-submit {
  width: 33.333%;
  height: 50px;
}
.comments__form form.comment-form .form-submit input[type=submit] {
  width: 100%;
  height: 50px;
  font-family: "ANC-B";
  font-size: 0.688em;
  line-height: 50px;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  color: var(--text);
  background: var(--white);
  border: 1px solid var(--text);
  box-sizing: border-box;
  transition: 0.5s;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .comments__form form.comment-form .form-submit input[type=submit] {
    font-size: 0.675em;
    letter-spacing: 1.5px;
  }
}
@media only screen and (max-width: 479px) {
  .comments__form form.comment-form .form-submit input[type=submit] {
    letter-spacing: 0.7px;
  }
}
.comments__form form.comment-form .form-submit input[type=submit]:hover {
  background: var(--text);
  color: var(--white);
}
.comments__form form.comment-form ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #8f8f8f;
}

ol.comment-list {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  list-style: none;
}
ol.comment-list li.comment {
  border-bottom: 1px solid var(--comment-border);
  padding: var(--m20) var(--pd-35) var(--m20) var(--pd-35);
}
@media only screen and (max-width: 1200px) {
  ol.comment-list li.comment {
    padding: var(--m20) var(--pd-35) var(--m20) var(--pd-35);
  }
}
@media only screen and (max-width: 1200px) {
  ol.comment-list li.comment {
    padding: var(--pd-35) calc( var(--pd-35)*2 ) var(--pd-35) calc( var(--pd-35)*2 );
  }
}
ol.comment-list li.comment .comment-body {
  font-family: "ANC-D";
  font-size: 0.9375em;
  color: var(--text);
  margin-bottom: 5px;
}
ol.comment-list li.comment .comment-body .says {
  display: none;
}
ol.comment-list li.comment .reply,
ol.comment-list li.comment .comment-meta {
  display: none;
}
ol.comment-list li.comment p {
  font-family: "ANC-L";
  font-size: 0.875em;
  letter-spacing: 0.5px;
  line-height: 130%;
  color: var(--text-brand-hover);
}
ol.comment-list li.comment p a {
  text-decoration: none;
  color: var(--text);
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
ol.comment-list li.comment p a::after {
  left: 0px;
  bottom: -1px;
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: var(--text);
}
ol.comment-list li.comment p a:hover {
  color: var(--blue);
}
ol.comment-list li.comment p a:hover::after {
  background: var(--blue);
}
ol.comment-list li.reply-post .comment-body .comment-body__reply {
  position: relative;
  width: 10px;
  height: 12px;
  display: inline-block;
  margin-top: -5px;
  margin-right: 3px;
}
ol.comment-list li.reply-post .comment-body .comment-body__reply .reply-svg {
  fill: none;
  stroke: var(--text-brand);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.display-none {
  display: none;
}

.toggle-block {
  display: none;
}

/***************************************************************************************************/
.text-loop {
  height: 90px;
  width: 100%;
  display: inline-block;
  font-size: 50px;
  font-family: "ANC-D";
  line-height: 100%;
  word-spacing: 15px;
  white-space: nowrap;
  text-transform: uppercase;
  padding: 28px 0px 12px 0px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .text-loop {
    height: 66px;
    font-size: 50px;
    padding: 8px 0px 8px 0px;
  }
}
.text-loop .js-marquee-wrapper {
  display: block;
  height: 50px;
}
.text-loop .js-marquee-wrapper .js-marquee span a {
  font-family: "ANC-D";
  position: relative;
}
.text-loop .js-marquee-wrapper .js-marquee span a:after {
  content: "";
  width: 110%;
  height: 4px;
  background: var(--text);
  position: absolute;
  bottom: -4px;
  left: -5%;
  transition: all 0.5s;
  opacity: 0;
}
.text-loop:hover .js-marquee-wrapper .js-marquee span a:after {
  opacity: 1;
}

.thanks-page .text-loop {
  height: 120px;
  font-size: 130px;
  border-bottom: none;
}
@media (max-width: 768px) {
  .thanks-page .text-loop {
    font-size: 85px;
    height: 85px;
    padding-top: 0px;
  }
}

.main {
  margin-top: var(--header-height);
}

.index,
.new-main {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "ANC-R";
  margin-top: 50px;
}

section.container {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: var(--m40) 0px var(--m40) 0px;
  padding: 0px var(--pd-35) 0px var(--pd-35);
}
section.container:last-of-type {
  margin: var(--m40) 0px var(--m80) 0px;
}

.container__text-block {
  width: 100%;
  max-width: var(--max-width);
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.container__text-block span {
  font-family: "ANC-R";
  font-size: 52px;
  line-height: 70px;
  letter-spacing: 3.9px;
  text-transform: uppercase;
  text-align: center;
  color: var(--text);
}
@media only screen and (max-width: 992px) {
  .container__text-block span {
    font-size: 32px;
    line-height: 50px;
    letter-spacing: 3.1px;
  }
}
@media only screen and (max-width: 479px) {
  .container__text-block span {
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 2.5px;
  }
}

span.container__text-link {
  font-family: "ANC-R";
  font-size: 1.125em;
  line-height: 130%;
  color: var(--text);
  text-transform: uppercase;
  text-align: left;
  transition: all 0.5s;
  margin-top: 20px;
}
@media only screen and (max-width: 1200px) {
  span.container__text-link {
    font-size: 0.9375em;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 768px) {
  span.container__text-link {
    font-size: 0.75em;
    margin-top: 10px;
  }
}
span.container__text-link strong {
  font-family: "ANC-D";
}

.container__one-image-full-screen {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.container__one-image-full-screen img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}
.container__one-image-full-screen span.container__text-link {
  width: 100%;
}
.container__one-image-full-screen:hover span {
  color: var(--blue);
}

.container__one-image {
  width: auto;
  max-width: var(--max-width);
  height: auto;
  display: flex;
  flex-direction: column;
}
.container__one-image img {
  width: 100%;
  height: auto;
  display: block;
}
.container__one-image:hover span {
  color: var(--blue);
}

.container__two-images {
  width: 100%;
  max-width: var(--max-width);
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.container__two-images .container__one-image {
  width: calc( 50% - var(--pd-35) );
  height: auto;
  display: flex;
  flex-direction: column;
}
.container__two-images .container__one-image img {
  width: 100%;
  height: auto;
  display: block;
}
.container__two-images .container__one-image:hover span {
  color: var(--blue);
}

.container__few-images {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 1200px) {
  .container__few-images {
    justify-content: space-between;
  }
}
.container__few-images .container__one-image {
  width: calc( 33.333% - var(--pd-35)*4/3 );
  height: auto;
  display: flex;
  flex-direction: column;
  margin-top: calc( var(--pd-35) + var(--pd-35) );
}
@media only screen and (min-width: 1201px) {
  .container__few-images .container__one-image:nth-child(-n+3) {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 1200px) {
  .container__few-images .container__one-image {
    width: calc( 50% - var(--pd-25) );
    margin-top: calc( var(--pd-25) + var(--pd-25) );
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .container__few-images .container__one-image:nth-child(-n+2) {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .container__few-images .container__one-image {
    width: 100%;
    margin-top: calc( var(--pd-35) + var(--pd-35) );
  }
  .container__few-images .container__one-image:nth-child(-n+1) {
    margin-top: 0px;
  }
}
.container__few-images .container__one-image img {
  width: 100%;
  height: auto;
  display: block;
}
.container__few-images .container__one-image:hover span {
  color: var(--blue);
}

.container__slider {
  width: 100%;
  max-width: var(--max-width);
  height: auto;
  display: block;
}
.container__slider .container__slide {
  width: 100%;
  height: calc( var(--max-width)/2 );
  display: block;
}
@media only screen and (max-width: 1200px) {
  .container__slider .container__slide {
    height: calc( 50vw - var(--pd-35) );
  }
}
.container__slider .container__slide .container__slide-image {
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.container__slider ul.slick-dots {
  margin: 20px 0px 0px 0px;
}
@media only screen and (max-width: 768px) {
  .container__slider ul.slick-dots {
    margin: 10px 0px 0px 0px;
  }
}

.container__video-block {
  width: 100%;
  max-width: var(--max-width);
  height: auto;
  display: flex;
  flex-direction: column;
}
.container__video-block .container__video-iframe {
  width: 100%;
  height: calc( var(--max-width)/2 );
  display: block;
  z-index: 5;
}
@media only screen and (max-width: 1200px) {
  .container__video-block .container__video-iframe {
    height: calc( 50vw - var(--pd-35) );
  }
}
.container__video-block .container__video-iframe iframe {
  width: 100%;
  height: 100%;
}
.container__video-block .container__video-img {
  top: 0px;
  position: absolute;
  width: 100%;
  height: calc( var(--max-width)/2 );
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #F7F7F7;
  cursor: pointer;
  z-index: 10;
}
@media only screen and (max-width: 1200px) {
  .container__video-block .container__video-img {
    height: calc( 50vw - var(--pd-35) );
  }
}
.container__video-block .container__video-img .container__video-img-play-botton {
  width: 80px;
  height: 56px;
  display: block;
}
@media only screen and (max-width: 479px) {
  .container__video-block .container__video-img .container__video-img-play-botton {
    width: 60px;
    height: 42px;
  }
}
.container__video-block .container__video-img .container__video-img-play-botton .play-0 {
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  fill: var(--white);
}
.container__video-block .container__video-img .container__video-img-play-botton .play-1 {
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  fill: var(--text);
}
.container__video-block .container__video-img .container__video-img-play-botton:hover .play-0 {
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  fill: var(--blue);
}
.container__video-block .container__video-img .container__video-img-play-botton:hover .play-1 {
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  fill: var(--white);
}

.mainpage-products {
  margin: var(--m40) 0px var(--m40) 0px;
}

/**********************    archive-blog    **********************/
.archive-blog {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  /*
  	.filter-date {
  		width: 100%;
  		height: auto;
  		display: flex;
  		flex-direction: row;
  		flex-wrap: wrap;
  		justify-content: center;
  		padding: 30px 0px 30px 0px;
  		border-bottom: 1px solid #ebebeb;
  		@media only screen and (max-width: 479px) {
  			padding: 20px 0px 20px 0px;
  		}

  		.dropdown {
  			width: 126px;
  			height: 32px;
  			display: block;
  			overflow: hidden;
  			position: relative;
  			margin: 5px 5px 5px 5px;
  			border-bottom: 1px solid #151515;

  			ul {
  				position: absolute;
  				width: 100%;
  				height: auto;
  				display: flex;
  				flex-direction: column;
  				background: #fff;	
  				border: 1px solid #151515;
  				z-index: 10;

  				li {
  					width: 100%;
  					height: 32px;
  					display: flex;
  					flex-direction: row;
  					align-items: center;
  					font-family: 'ANC-B';
  					font-size: 14px;
  					line-height: 14px;
  					letter-spacing: 0.7px;
  					color: #151515;
  					list-style: none;

  					&:first-child {
  						background-image: url(img/new_ico/down.svg);
  						background-repeat: no-repeat;
  						background-position: right 10px center;
  						background-size: 14px 14px;
  						// border-bottom: 1px solid #151515;					
  					}

  					&:hover {
  						background-color: #ccc;
  					}

  					a,
  					span{
  						width: 100%;
  						height: 32px;
  						display: flex;
  						flex-direction: row;
  						align-items: center;
  						padding: 0px 10px 0px 10px;						
  					}

  					a {
  						text-decoration: none;
  					}

  					span {
  						color: #939292;
  						cursor: default;						
  					}
  				}				
  			}
  		}

  		.open {
  			overflow: visible;	

  			ul {
  				z-index: 11;

  				li:first-child {
  					background-image: url(img/new_ico/up.svg);
  					background-repeat: no-repeat;
  					background-position: right 10px center;
  					background-size: 14px 14px;
  					border-bottom-color: transparent;		
  				}
  			}
  		}

  		.months{
  			display: none;
  		}

  		.active{
  			display: block;
  		}

  		.btn-clear {
  			width: 126px;
  			height: 32px;
  			display: flex;
  			flex-direction: row;
  			align-items: center;
  			font-family: 'ANC-B';
  			font-size: 14px;
  			line-height: 14px;
  			color: #151515;
  			border: 1px solid #151515;
  			padding: 0px 10px 0px 10px;
  			margin: 5px 5px 5px 5px;
  			background-image: url(img/new_ico/sclose.svg);
  			background-repeat: no-repeat;
  			background-position: right 9px top 7px;
  			background-size: 17px 17px;
  			cursor: pointer;

  			&:hover {
  				color: #fff;
  				background-color: #151515;
  				background-image: url(img/new_ico/sclose_w.svg);
  			}
  		} // END btn-clear

  	} // END filter-date
  */
}
.archive-blog section.archive-blog__posts {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: calc( var(--m20) + var(--m40) ) 0px var(--m40) 0px;
  padding: 0px var(--pd-35) 0px var(--pd-35);
}
.archive-blog section.archive-blog__posts a.post {
  width: calc( 33.333% - var(--pd-35)*4/3 );
  height: auto;
  display: flex;
  flex-direction: column;
  margin-top: calc( var(--pd-35) + var(--pd-35) );
}
@media only screen and (min-width: 1201px) {
  .archive-blog section.archive-blog__posts a.post:nth-child(-n+3) {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 1200px) {
  .archive-blog section.archive-blog__posts a.post {
    width: calc( 50% - var(--pd-25) );
    margin-top: calc( var(--pd-25) + var(--pd-25) );
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .archive-blog section.archive-blog__posts a.post:nth-child(-n+2) {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .archive-blog section.archive-blog__posts a.post {
    width: 100%;
    margin-top: calc( var(--pd-35) + var(--pd-35) );
  }
  .archive-blog section.archive-blog__posts a.post:nth-child(-n+1) {
    margin-top: 0px;
  }
}
.archive-blog section.archive-blog__posts a.post .post__img {
  width: 100%;
  height: 300px;
  display: block;
}
@media only screen and (max-width: 1440px) {
  .archive-blog section.archive-blog__posts a.post .post__img {
    height: 300px;
  }
}
@media only screen and (max-width: 1200px) {
  .archive-blog section.archive-blog__posts a.post .post__img {
    height: 28vw;
  }
}
@media only screen and (max-width: 768px) {
  .archive-blog section.archive-blog__posts a.post .post__img {
    height: 40vw;
  }
}
@media only screen and (max-width: 479px) {
  .archive-blog section.archive-blog__posts a.post .post__img {
    height: 56vw;
  }
}
.archive-blog section.archive-blog__posts a.post .post__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.archive-blog section.archive-blog__posts a.post .post__title {
  font-family: "ANC-R";
  font-size: 1.125em;
  line-height: 130%;
  color: var(--text);
  text-transform: uppercase;
  text-align: left;
  transition: all 0.5s;
  margin-top: 20px;
}
@media only screen and (max-width: 1200px) {
  .archive-blog section.archive-blog__posts a.post .post__title {
    font-size: 0.9375em;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .archive-blog section.archive-blog__posts a.post .post__title {
    font-size: 0.75em;
    margin-top: 10px;
  }
}
.archive-blog section.archive-blog__posts a.post .post__date {
  font-family: "ANC-R";
  font-size: 0.875em;
  line-height: 100%;
  color: var(--text-brand);
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  .archive-blog section.archive-blog__posts a.post .post__date {
    font-size: 0.75em;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 479px) {
  .archive-blog section.archive-blog__posts a.post .post__date {
    margin-top: 6px;
  }
}
.archive-blog section.archive-blog__posts a.post:hover .post__title {
  color: var(--blue);
}

.redactor-page {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
}

.article-wrap {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: var(--m40) 0px var(--m80) 0px;
  padding: 0px var(--pd-35) 0px var(--pd-35);
}

article {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "ANC-R";
  color: var(--text);
}
article h1, article h2, article h3, article h4, article p, article span {
  width: auto;
  height: auto;
  box-sizing: border-box;
  position: relative;
  margin: 0px;
  padding: 0px;
}
article h1, article h2, article h3, article h4 {
  margin: var(--m20) var(--pd-35) var(--m15) var(--pd-35);
}
article h1 {
  font-family: "ANC-H";
  font-size: 2.5em;
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  article h1 {
    font-size: 1.6em;
  }
}
article h2 {
  font-family: "ANC-B";
  font-size: 1.8em;
  text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
  article h2 {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 768px) {
  article h2 {
    font-size: 1.4em;
  }
}
article h3 {
  font-family: "ANC-D";
  font-size: 1.5em;
}
@media only screen and (max-width: 768px) {
  article h3 {
    font-size: 1.25em;
  }
}
article h4 {
  font-family: "ANC-R";
  font-size: 1.3em;
}
@media only screen and (max-width: 768px) {
  article h4 {
    font-size: 1.15em;
  }
}
article p {
  font-family: "ANC-R";
  font-size: 1.15em;
  line-height: 140%;
  margin: var(--m15) 0px var(--m15) 0px;
  margin: var(--m15) var(--pd-35) var(--m15) var(--pd-35);
}
@media only screen and (max-width: 768px) {
  article p {
    font-size: 1.0625em;
  }
}
article p strong, article p span, article p b {
  font-family: "ANC-D";
}
article p em, article p i {
  font-style: italic;
}
article a {
  text-decoration: none;
  color: var(--text);
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
article a::after {
  left: 0px;
  bottom: 0px;
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: var(--text);
}
article a:hover {
  color: var(--blue);
}
article a:hover::after {
  background: var(--blue);
}
article img {
  width: 100%;
  height: auto;
  object-fit: contain;
  margin: var(--m20) 0px var(--m20) 0px;
}
article ol, article ul {
  display: flex;
  flex-direction: column;
  padding-left: var(--pd-35);
  margin: var(--m20) 0px var(--m20) 0px;
  margin: var(--m20) var(--pd-35) var(--m20) var(--pd-35);
}
@media only screen and (max-width: 768px) {
  article ol, article ul {
    padding-left: 20px;
  }
}
article ol li, article ul li {
  font-size: 1.0625em;
  line-height: 140%;
  list-style: none;
  padding: 0px;
  margin: 0px 0px var(--m15) 0px;
}
article ol li::before, article ul li::before {
  left: calc( 0px - var(--pd-35) );
  top: 7px;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  background-color: var(--text);
}
@media only screen and (max-width: 768px) {
  article ol li::before, article ul li::before {
    left: -20px;
    top: 8px;
    width: 8px;
    height: 8px;
  }
}
article ol li strong, article ol li span, article ol li b, article ul li strong, article ul li span, article ul li b {
  font-family: "ANC-D";
}
article ol li em, article ol li i, article ul li em, article ul li i {
  font-style: italic;
}
article ol li {
  list-style: unset;
}
article ol li::before {
  display: none;
}
article section.container__one-column {
  width: 100%;
  max-width: var(--max-width);
  height: auto;
  display: flex;
  flex-direction: column;
}
article section.container__two-column {
  width: 100%;
  max-width: var(--max-width);
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
article section.container__two-column .column {
  width: calc( 50% - var(--pd-25) );
  height: auto;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  article section.container__two-column .column {
    width: 100%;
  }
}
article section.container__two-column .column p {
  font-size: 1.0625em;
}
article section.container__half-column {
  width: 100%;
  max-width: var(--max-width);
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
article section.container__half-column .column {
  width: 100%;
  max-width: 600px;
  height: auto;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  article section.container__half-column .column {
    width: 100%;
  }
}
article section.container__three-column {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
article section.container__three-column .column {
  width: calc( 33.333% - var(--pd-25)*4/3 );
  height: auto;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1200px) {
  article section.container__three-column .column {
    width: calc( 50% - var(--pd-25) );
  }
}
@media only screen and (max-width: 768px) {
  article section.container__three-column .column {
    width: 100%;
  }
}
article section.container__three-column .column p {
  font-size: 1.0625em;
}
article section.container__full-screen {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
article section.container__full-screen .column {
  width: calc( 50% - var(--pd-35) );
  height: auto;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1200px) {
  article section.container__full-screen .column {
    width: calc( 50% - var(--pd-25) );
  }
}
@media only screen and (max-width: 768px) {
  article section.container__full-screen .column {
    width: 100%;
  }
}
article section.container__full-screen span.container__text-link {
  font-size: 1.0625em;
  text-transform: none;
  margin: 0px 0px var(--m20) 0px;
}
@media only screen and (max-width: 1200px) {
  article section.container__full-screen span.container__text-link {
    margin: 0px var(--pd-35) var(--m20) var(--pd-35);
  }
}
article .container__slider {
  margin: var(--m20) 0px var(--m20) 0px;
}
article .container__slider a::after {
  display: none;
}
article .container__slider .container__slide .container__slide-image {
  background-size: contain;
}
article .container__slider ul.slick-dots li::before {
  display: none;
}
article .container__video-block {
  margin: var(--m20) 0px var(--m20) 0px;
}
article .container__video-block span.container__text-link {
  font-size: 1.0625em;
  text-transform: none;
  margin: var(--m20) var(--pd-35) 0px var(--pd-35);
}

/**********************    showroom    **********************/
.showroom-map {
  width: 100%;
  height: 645px;
}
@media only screen and (max-width: 1200px) {
  .showroom-map {
    height: 50vw;
  }
}
@media only screen and (max-width: 768px) {
  .showroom-map {
    height: 350px;
  }
}
.showroom-map #map-canvas {
  width: 100%;
  height: 100%;
}

/**********************    PAGE БРЕНДЫ    **********************/
.brands-page {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.brands-page .inner {
  width: 100%;
  height: auto;
  max-width: 1190px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 35px 0px 35px;
}
@media only screen and (max-width: 1200px) {
  .brands-page .inner {
    padding: 0px 35px 0px 35px;
  }
}
@media only screen and (max-width: 768px) {
  .brands-page .inner {
    padding: 0px 20px 0px 20px;
  }
}
@media only screen and (max-width: 479px) {
  .brands-page .inner {
    padding: 0px 30px 0px 30px;
  }
}
.brands-page .inner ul {
  column-count: 3;
  column-rule: 1px solid #ffffff;
  padding: 0;
  margin: 45px 0px 25px 0px;
}
@media only screen and (max-width: 992px) {
  .brands-page .inner ul {
    column-count: 2;
  }
}
@media only screen and (max-width: 768px) {
  .brands-page .inner ul {
    column-count: 1;
    margin: 25px 0px 15px 0px;
  }
}
.brands-page .inner ul .brand-block {
  display: inline-block;
  width: 100%;
  padding: 0px 65px 0px 65px;
  margin: 35px 0px 35px 0px;
}
@media only screen and (max-width: 1200px) {
  .brands-page .inner ul .brand-block {
    padding: 0px 35px 0px 35px;
  }
}
@media only screen and (max-width: 768px) {
  .brands-page .inner ul .brand-block {
    padding: 0px 20px 0px 20px;
  }
}
@media only screen and (max-width: 479px) {
  .brands-page .inner ul .brand-block {
    padding: 0px 12px 0px 12px;
  }
}
.brands-page .inner ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.brands-page .inner ul li.letter {
  width: 100%;
  display: inline-block;
  font-family: "ANC-B";
  font-size: 38px;
  margin-bottom: 30px;
}
.brands-page .inner ul li.brand a {
  font-family: "ANC-R";
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  transition: color 0.5s;
}
.brands-page .inner ul li.brand a:hover {
  color: #0031e6;
}

/**********************     checkout page     **********************/
.checkout-page {
  width: 100%;
  height: calc( 100vh - var(--header-height) );
  display: flex;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  .checkout-page {
    width: 100%;
    height: auto;
    min-height: calc( 100vh - var(--header-height) );
    background: #F7F7F7;
    overflow: visible;
  }
}
.checkout-page .cart {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 40;
}
@media only screen and (max-width: 992px) {
  .checkout-page .cart {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.checkout-page .cart .left-side {
  width: calc( 100% - 500px );
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: auto;
}
@media only screen and (max-width: 1200px) {
  .checkout-page .cart .left-side {
    width: calc( 100% - 360px );
  }
}
@media only screen and (max-width: 992px) {
  .checkout-page .cart .left-side {
    width: 100%;
    height: auto;
    padding: 30px 35px 50px 35px;
  }
}
@media only screen and (max-width: 768px) {
  .checkout-page .cart .left-side {
    padding: 20px 20px 40px 20px;
  }
}
@media only screen and (max-width: 479px) {
  .checkout-page .cart .left-side {
    padding: 20px 12px 40px 12px;
  }
}
.checkout-page .cart .left-side .inner {
  width: 100%;
  height: 100%;
  max-width: 660px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .checkout-page .cart .left-side .inner {
    max-width: 600px;
  }
}
@media only screen and (max-width: 992px) {
  .checkout-page .cart .left-side .inner {
    height: auto;
    max-width: none;
    overflow: visible;
  }
}
.checkout-page .cart .left-side .inner::-webkit-scrollbar-button {
  width: 7px;
  height: 0px;
}
.checkout-page .cart .left-side .inner::-webkit-scrollbar-track {
  background-color: #fff;
}
.checkout-page .cart .left-side .inner::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #b3b3b3;
  transition: background-color 0.3s;
}
.checkout-page .cart .left-side .inner::-webkit-scrollbar-thumb:hover {
  background-color: #808080;
}
.checkout-page .cart .left-side .inner::-webkit-resizer {
  background-repeat: no-repeat;
  width: 4px;
  height: 0;
}
.checkout-page .cart .left-side .inner::-webkit-scrollbar {
  width: 4px;
}
.checkout-page .cart .left-side .inner .close_cart {
  top: 20px;
  position: absolute;
  width: 100%;
  height: auto;
  display: flex;
  margin: 0px 0px 20px 0px;
}
@media only screen and (max-width: 992px) {
  .checkout-page .cart .left-side .inner .close_cart {
    top: auto;
    position: relative;
    margin: 9px 0px 30px 0px;
  }
}
.checkout-page .cart .left-side .inner .close_cart p {
  width: 100%;
  height: auto;
  display: block;
  font-family: "ANC-B";
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  color: #000;
  padding: 20px 0px 16px 0px;
  pointer-events: none;
}
@media only screen and (max-width: 992px) {
  .checkout-page .cart .left-side .inner .close_cart p {
    padding: 0px 0px 0px 0px;
  }
}
@media only screen and (max-width: 768px) {
  .checkout-page .cart .left-side .inner .close_cart p {
    text-align: center;
  }
}
.checkout-page .cart .left-side .inner .cart_ajax_loading {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-top: calc( 50vh - 260px );
}
@media only screen and (max-width: 992px) {
  .checkout-page .cart .left-side .inner .cart_ajax_loading {
    overflow: visible;
    margin-top: 0px;
  }
}
.checkout-page .cart .left-side .inner .cart_ajax_loading .cart-title {
  width: calc( 100% - 15px );
  height: auto;
  display: flex;
  background-color: var(--white);
  border-bottom: 1px solid #9f9f9f;
  margin: 0px 15px -1px 0px;
  z-index: 5;
}
@media only screen and (max-width: 992px) {
  .checkout-page .cart .left-side .inner .cart_ajax_loading .cart-title {
    width: 100%;
    margin: 0px 0px -1px 0px;
  }
}
@media only screen and (max-width: 768px) {
  .checkout-page .cart .left-side .inner .cart_ajax_loading .cart-title {
    border-bottom: none;
  }
}
.checkout-page .cart .left-side .inner .cart_ajax_loading .cart-title .cart-title__description {
  width: calc( 100% - 240px );
  height: auto;
  font-family: "ANC-B";
  font-size: 0.75em;
  line-height: 0.75em;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: #9f9f9f;
  margin: 0px 0px 13px 0px;
}
@media only screen and (max-width: 768px) {
  .checkout-page .cart .left-side .inner .cart_ajax_loading .cart-title .cart-title__description {
    width: 100%;
    text-align: center;
    margin: 0px 0px 10px 0px;
  }
}
.checkout-page .cart .left-side .inner .cart_ajax_loading .cart-title .cart-title__quantity {
  width: 100px;
  font-family: "ANC-R";
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.8px;
  text-align: right;
  margin: 0px 0px 13px 0px;
}
@media only screen and (max-width: 768px) {
  .checkout-page .cart .left-side .inner .cart_ajax_loading .cart-title .cart-title__quantity {
    display: none;
  }
}
.checkout-page .cart .left-side .inner .cart_ajax_loading .cart-title .cart-title__total {
  width: 140px;
  font-family: "ANC-R";
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.8px;
  text-align: right;
  margin: 0px 0px 13px 0px;
}
@media only screen and (max-width: 1200px) {
  .checkout-page .cart .left-side .inner .cart_ajax_loading .cart-title .cart-title__total {
    width: 140px;
  }
}
@media only screen and (max-width: 768px) {
  .checkout-page .cart .left-side .inner .cart_ajax_loading .cart-title .cart-title__total {
    display: none;
  }
}
.checkout-page .cart .left-side .inner .cart_ajax_loading .cart_empty {
  font-family: "ANC-B";
  font-size: 0.875em;
  line-height: 0.875em;
  color: var(--text);
  text-transform: uppercase;
}
.checkout-page .cart .left-side .inner .order-summary {
  bottom: 30px;
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
@media only screen and (max-width: 992px) {
  .checkout-page .cart .left-side .inner .order-summary {
    bottom: auto;
    position: relative;
  }
}
@media only screen and (max-width: 768px) {
  .checkout-page .cart .left-side .inner .order-summary {
    display: none;
  }
}
.checkout-page .cart .right-side {
  width: 500px;
  height: 100%;
  display: flex;
  position: relative;
  background: #F7F7F7;
}
@media only screen and (max-width: 1200px) {
  .checkout-page .cart .right-side {
    width: 360px;
  }
}
@media only screen and (max-width: 992px) {
  .checkout-page .cart .right-side {
    width: 100%;
    height: auto;
    padding: 50px 35px 50px 35px;
  }
}
@media only screen and (max-width: 768px) {
  .checkout-page .cart .right-side {
    padding: 40px 20px 40px 20px;
  }
}
@media only screen and (max-width: 479px) {
  .checkout-page .cart .right-side {
    padding: 40px 12px 40px 12px;
  }
}
.checkout-page .cart .right-side .checkout {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #F7F7F7;
  overflow: auto;
  padding: 0px 50px 0px 50px;
}
@media only screen and (max-width: 1200px) {
  .checkout-page .cart .right-side .checkout {
    padding: 0px 35px 0px 35px;
  }
}
@media only screen and (max-width: 992px) {
  .checkout-page .cart .right-side .checkout {
    height: auto;
    padding: 0px 0px 0px 0px;
  }
}
.checkout-page .cart .right-side .checkout form {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin-top: calc( 50vh - 260px );
}
@media only screen and (max-width: 992px) {
  .checkout-page .cart .right-side .checkout form {
    margin-top: 0px;
  }
}
.checkout-page .cart .right-side .checkout form .cart-title {
  width: 100%;
  height: auto;
  font-family: "ANC-B";
  font-size: 0.75em;
  line-height: 0.75em;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: #9f9f9f;
  padding: 2px 0px 2px 0px;
  margin: 0px 0px 28px 0px;
}
@media only screen and (max-width: 768px) {
  .checkout-page .cart .right-side .checkout form .cart-title {
    text-align: center;
  }
}
.checkout-page .cart .right-side .checkout form .input-block {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 16px;
}
.checkout-page .cart .right-side .checkout form .input-block .label {
  top: 0;
  left: 0;
  position: absolute;
  width: calc( 100% - 18px );
  height: 28px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "ANC-L";
  font-size: 11px;
  line-height: 11px;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  color: var(--text);
  background: transparent;
  padding: 0px 9px 0px 9px;
  pointer-events: none;
}
.checkout-page .cart .right-side .checkout form .input-block .question {
  top: -1px;
  right: 0px;
  position: absolute;
  width: 30px;
  height: 30px;
  display: block;
  font-family: "ANC-R";
  font-size: 0.875em;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}
.checkout-page .cart .right-side .checkout form .input-block .question:hover {
  cursor: pointer;
}
.checkout-page .cart .right-side .checkout form .input-block .question-block {
  width: 100%;
  max-height: 0;
  font-family: "ANC-R";
  font-size: 0.813em;
  line-height: 16px;
  letter-spacing: 0.55px;
  color: #000;
  background: #fff;
  overflow: hidden;
  padding: 0px 30px 0px 30px;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.checkout-page .cart .right-side .checkout form .input-block .question-block.active {
  padding: 35px 30px 30px 30px;
  max-height: 340px;
}
.checkout-page .cart .right-side .checkout .only_on_mobile {
  display: none;
}
@media only screen and (max-width: 992px) {
  .checkout-page .cart .right-side .checkout .only_on_mobile {
    width: 100%;
    height: auto;
    display: flex;
  }
  .checkout-page .cart .right-side .checkout .only_on_mobile .ajax-change-sum {
    background-color: transparent;
    border-top: none;
    margin-bottom: 20px;
  }
}
.checkout-page .cart .right-side .checkout .submit-block {
  bottom: 30px;
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
@media only screen and (max-width: 992px) {
  .checkout-page .cart .right-side .checkout .submit-block {
    bottom: auto;
    position: relative;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .checkout-page .cart .right-side .checkout .submit-block {
    justify-content: center;
  }
}
.checkout-page .cart .btn-close {
  top: 20px;
  right: 20px;
  position: absolute;
  width: 50px;
  height: 50px;
  display: block;
  background-image: url(img/new_ico/close.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 21px 21px;
  z-index: 10000;
}
@media only screen and (max-width: 768px) {
  .checkout-page .cart .btn-close {
    top: 10px;
    right: 5px;
  }
}
.checkout-page .cart .btn-close:hover {
  background-image: url(img/new_ico/close_hover.svg);
}

#orderform textarea,
#orderform input[type=text] {
  font-size: 0.813em;
}

#orderform input[type=text], #orderform textarea {
  text-transform: none;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: var(--text);
  opacity: 1;
}

/* parsley */
#orderform .parsley-errors-list {
  display: none !important;
}

#orderform .parsley-error {
  border-color: #e45555;
}

/* end */
.btn-submit {
  width: auto;
  height: 42px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "ANC-B";
  font-size: 0.75em;
  line-height: 0.75em;
  text-transform: uppercase;
  letter-spacing: 2.4px;
  color: var(--white);
  background: var(--text);
  border: 1px solid var(--text);
  padding: 2px 30px 0px 30px;
  margin: 0px 0px 0px 0px;
  transition: 0.5s;
  z-index: 11;
}
.btn-submit:hover {
  color: var(--text);
  background: var(--white);
  border: 1px solid var(--text);
  cursor: pointer;
}

ul.list-items {
  width: 100%;
  height: auto;
  max-height: 262px;
  display: flex;
  flex-direction: column;
  padding-right: 15px;
  overflow-y: auto;
  z-index: 1;
}
@media only screen and (max-height: 780px) {
  ul.list-items {
    max-height: 131px;
  }
}
@media only screen and (max-width: 992px) {
  ul.list-items {
    max-height: none;
    padding-right: 0px;
  }
}
@media only screen and (max-width: 768px) {
  ul.list-items {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
ul.list-items::-webkit-scrollbar-button {
  width: 5px;
  height: 0px;
}
ul.list-items::-webkit-scrollbar-track {
  background-color: transparent;
  border: 1px solid #ededed;
  position: absolute;
}
ul.list-items::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #ededed;
}
ul.list-items::-webkit-resizer {
  width: 4px;
  height: 0;
}
ul.list-items::-webkit-scrollbar {
  width: 4px;
}
ul.list-items li {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  border-bottom: 1px solid #9f9f9f;
}
@media only screen and (max-width: 768px) {
  ul.list-items li {
    flex-direction: column;
    justify-content: flex-start;
    width: 50%;
  }
}
ul.list-items li:first-child .item {
  border-top: none;
}
ul.list-items li:first-of-type .item {
  border-top: none;
}
ul.list-items li:last-of-type .item {
  border-bottom: none;
}
ul.list-items li .remove {
  width: 17px;
  height: 17px;
  display: block;
  z-index: 1;
  cursor: pointer;
  margin: 0px 20px 0px 0px;
}
@media only screen and (max-width: 768px) {
  ul.list-items li .remove {
    margin: 20px 0px 15px 0px;
  }
}
ul.list-items li .remove .remove-buttom {
  fill: none;
  stroke: var(--text);
  stroke-width: 3;
  stroke-miterlimit: 10;
  transition: 0.5s;
}
ul.list-items li .remove:hover .remove-buttom {
  stroke: var(--blue);
}
ul.list-items li a.item {
  flex: 1;
  width: auto;
  height: 130px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  ul.list-items li a.item {
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    overflow: visible;
    padding: 0px 12px 0px 12px;
  }
}
ul.list-items li a.item .photo {
  width: 80px;
  height: 106px;
  display: block;
}
@media only screen and (max-width: 768px) {
  ul.list-items li a.item .photo {
    width: 100%;
    height: calc( ( 50vw - 32px )*1.3368 );
  }
}
ul.list-items li a.item .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
ul.list-items li a.item p.title {
  width: 190px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-family: "ANC-B";
  font-size: 0.875rem;
  line-height: 18px;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  color: var(--text);
  margin: 0px 40px 0px 10px;
  padding: 0px 0px 0px 0px;
}
@media only screen and (max-width: 768px) {
  ul.list-items li a.item p.title {
    width: 100%;
    align-items: center;
    text-align: center;
    margin: 15px 0px 0px 0px;
  }
}
ul.list-items li a.item p.title span {
  color: #9f9f9f;
}
ul.list-items li .count {
  width: 100px;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  ul.list-items li .count {
    margin: 10px 0px 10px 0px;
    justify-content: center;
  }
}
ul.list-items li .count span {
  width: 20px;
  height: 20px;
  display: block;
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}
ul.list-items li .count span.min {
  background-image: url(img/new_ico/sminus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}
ul.list-items li .count span.min:hover {
  cursor: pointer;
  border: 1px solid var(--text);
}
ul.list-items li .count span.number {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: "ANC-L";
  font-size: 0.875rem;
  line-height: 1.175rem;
  color: var(--text);
  text-align: center;
  margin: 0px 2px 0px 2px;
  padding: 1px 0px 0px 0px;
}
ul.list-items li .count span.plus {
  background-image: url(img/new_ico/splus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}
ul.list-items li .count span.plus:hover {
  cursor: pointer;
  border: 1px solid var(--text);
}
ul.list-items li .price {
  width: 140px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-family: "ANC-L";
  font-size: 0.875rem;
  line-height: 26px;
  letter-spacing: 2.1px;
  text-transform: uppercase;
  color: var(--text);
  text-align: right;
}
@media only screen and (max-width: 768px) {
  ul.list-items li .price {
    width: 100%;
    margin: 0px 0px 20px 0px;
    align-items: center;
  }
}
ul.list-items li .price .cart_old_price {
  text-decoration: line-through;
  color: #9f9f9f;
  line-height: 10px;
}

.ajax-change-sum {
  width: calc( 100% - 15px );
  height: auto;
  display: flex;
  font-family: "ANC-L";
  font-size: 0.875em;
  line-height: 0.875em;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  color: var(--text);
  background-color: var(--white);
  border-top: 1px solid #9f9f9f;
  margin: -1px 15px 0px 0px;
  z-index: 5;
}
@media only screen and (max-width: 992px) {
  .ajax-change-sum {
    width: 100%;
    justify-content: space-between;
    margin: -1px 0px 30px 0px;
  }
}
@media only screen and (max-width: 768px) {
  .ajax-change-sum {
    margin: -1px 0px 0px 0px;
  }
}
.ajax-change-sum ._info {
  width: calc( 100% - 100px - 140px );
  margin: 13px 0px 0px 0px;
}
@media only screen and (max-width: 992px) {
  .ajax-change-sum ._info {
    width: 130px;
  }
}
.ajax-change-sum ._count {
  width: 100px;
  font-family: "ANC-B";
  letter-spacing: normal;
  text-align: right;
  margin: 13px 0px 0px 0px;
}
@media only screen and (max-width: 992px) {
  .ajax-change-sum ._count {
    width: 60px;
    text-align: center;
  }
}
.ajax-change-sum ._sum {
  width: 140px;
  font-family: "ANC-B";
  letter-spacing: normal;
  text-align: right;
  margin: 13px 0px 0px 0px;
}
@media only screen and (max-width: 1200px) {
  .ajax-change-sum ._sum {
    width: 140px;
  }
}
@media only screen and (max-width: 992px) {
  .ajax-change-sum ._sum {
    width: 130px;
  }
}

.title-change-sum-mobile ._info, .title-change-sum-mobile ._count, .title-change-sum-mobile ._sum {
  margin-top: 29px;
}

/* coupon */
.coupons-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: var(--pd-35);
  margin-right: 15px;
}
@media only screen and (max-width: 992px) {
  .coupons-form {
    margin-top: calc(var(--pd-35)*2);
  }
}
@media only screen and (max-width: 768px) {
  .coupons-form {
    margin-right: 0px;
  }
}
.coupons-form .coupons-form__description {
  width: 100%;
  height: auto;
  font-family: "ANC-L";
  font-size: 0.875em;
  letter-spacing: 0.5px;
  line-height: 130%;
  color: var(--text-brand-hover);
  margin-bottom: var(--pd-35);
}
@media only screen and (max-width: 992px) {
  .coupons-form .coupons-form__description {
    margin-bottom: calc(var(--pd-35)*2);
  }
}
@media only screen and (max-width: 768px) {
  .coupons-form .coupons-form__description {
    text-align: center;
  }
}
.coupons-form .coupons-form__input {
  flex: 1;
  width: auto;
  height: 44px;
  display: flex;
  margin-bottom: var(--m20);
}
.coupons-form .coupons-form__input input[type=text] {
  width: 100%;
  height: 44px;
  font-family: "ANC-L";
  font-size: 0.875em;
  line-height: 40px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: var(--text);
  background: var(--white);
  border: 1px solid var(--comment-border);
  box-sizing: border-box;
  padding: 0px 20px 0px 20px;
}
@media only screen and (max-width: 768px) {
  .coupons-form .coupons-form__input input[type=text] {
    padding: 0px 10px 0px 10px;
  }
}
.coupons-form .coupons-form__button {
  width: auto;
  height: 44px;
  display: flex;
  margin-left: 20px;
}
@media only screen and (max-width: 768px) {
  .coupons-form .coupons-form__button {
    margin-left: 10px;
  }
}
.coupons-form .coupons-form__button button[type=submit] {
  width: auto;
  height: 44px;
  font-family: "ANC-B";
  font-size: 0.688em;
  line-height: 44px;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  color: var(--text);
  background: var(--white);
  border: 1px solid var(--text);
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
  transition: 0.5s;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .coupons-form .coupons-form__button button[type=submit] {
    font-size: 0.675em;
    letter-spacing: 1.5px;
  }
}
@media only screen and (max-width: 479px) {
  .coupons-form .coupons-form__button button[type=submit] {
    letter-spacing: 0.7px;
  }
}
.coupons-form .coupons-form__button button[type=submit]:hover {
  background: var(--text);
  color: var(--white);
}

.get-coupons-code {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.get-coupons-code .get-coupons-code__title {
  width: auto;
  height: auto;
  font-family: "ANC-D";
  font-size: 0.875em;
  letter-spacing: 0.5px;
  line-height: 130%;
  color: var(--text);
  padding: 9px 0px 8px 0px;
}
.get-coupons-code .get-coupons-code__coupons {
  width: auto;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.get-coupons-code .get-coupons-code__coupons .get-coupons-code__coupon {
  width: auto;
  height: auto;
  display: flex;
  font-family: "ANC-D";
  font-size: 0.875em;
  letter-spacing: 0.5px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--white);
  background-color: var(--blue);
  padding: 9px 10px 8px 10px;
  margin-left: 10px;
}
.get-coupons-code .get-coupons-code__coupons .get-coupons-code__coupon .get-coupons-code__coupon-close {
  width: 17px;
  height: 17px;
  display: block;
  background-image: url(img/new_ico/sclose_w.svg);
  background-position: center;
  background-size: 100%;
  margin-left: 10px;
  cursor: pointer;
}

section.form__wrap {
  width: 100%;
  max-width: var(--max-width);
  height: auto;
  display: flex;
}
section.form__wrap form {
  width: 100%;
  max-width: var(--max-width);
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  z-index: 2;
}
section.form__wrap form .input-box {
  position: relative;
  width: calc( 100% - 210px );
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: solid 2px var(--white);
  padding: 12px 0px 10px 0px;
}
@media (max-width: 1200px) {
  section.form__wrap form .input-box {
    align-items: center;
  }
}
@media (max-width: 768px) {
  section.form__wrap form .input-box {
    width: 100%;
  }
}
section.form__wrap form .input-box input {
  width: 100%;
  height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "ANC-D";
  font-size: 1em;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--white);
  background-color: transparent;
  padding: 0px var(--pd-35) 0px var(--pd-35);
  outline: none;
  border: none;
  border-radius: 0px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  section.form__wrap form .input-box input {
    text-align: center;
  }
}
section.form__wrap form .input-box input:target + label, section.form__wrap form .input-box input:focus + label, section.form__wrap form .input-box input.error + label {
  bottom: 38px;
  display: flex;
}
section.form__wrap form .input-box input.valid + label {
  display: none;
}
section.form__wrap form .input-box input::placeholder {
  color: var(--white);
}
section.form__wrap form .input-box label {
  bottom: 12px;
  position: absolute;
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-family: "ANC-D";
  font-size: 1em;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--white);
  padding: 2px 10px 2px 10px;
  background-color: var(--blue);
  pointer-events: none;
  box-sizing: border-box;
  transition: 0.5s;
}
@media (max-width: 1200px) {
  section.form__wrap form .input-box label {
    bottom: 38px;
    font-size: 0.7em;
    text-align: center;
    margin-left: calc( var(--pd-35) - 10px );
    margin-right: calc( var(--pd-35) - 10px );
  }
}
@media (max-width: 768px) {
  section.form__wrap form .input-box label {
    left: var(--pd-35);
    right: var(--pd-35);
  }
}
section.form__wrap form input[type=submit] {
  width: 210px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "ANC-D";
  font-size: 1em;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--white);
  background-color: transparent;
  border: solid 2px var(--white);
  border-left: none;
  padding: 2px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  box-sizing: border-box;
  cursor: pointer;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
@media (max-width: 768px) {
  section.form__wrap form input[type=submit] {
    width: 100%;
    border-left: solid 2px var(--white);
    margin-top: var(--m20);
  }
}
section.form__wrap form input[type=submit]:hover {
  color: var(--text);
  background-color: var(--white);
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
section.form__wrap form input[type=submit]:disabled {
  pointer-events: none;
  color: var(--white);
  border: solid 2px var(--white);
  border-left: none;
}
@media (max-width: 768px) {
  section.form__wrap form input[type=submit]:disabled {
    border-left: solid 2px var(--white);
  }
}
section.form__wrap form input,
section.form__wrap form input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

section.footer-filters {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "ANC-R";
  font-size: 1em;
  line-height: 100%;
  background: #f4f4f4;
  padding: var(--m80) calc( var(--pd-35) + var(--pd-35) ) var(--m80) calc( var(--pd-35) + var(--pd-35) );
}
@media (max-width: 768px) {
  section.footer-filters {
    font-size: 0.9375em;
  }
}
section.footer-filters ul.brands {
  width: 100%;
  max-width: var(--max-width);
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  section.footer-filters ul.brands {
    margin-bottom: var(--m20);
  }
}
section.footer-filters ul.brands li {
  width: auto;
  height: auto;
  display: flex;
}
section.footer-filters ul.brands li a {
  font-size: 0.9375em;
  color: var(--text-brand);
  transition: all 0.5s;
  padding: 11px 20px 10px 0px;
}
@media (max-width: 768px) {
  section.footer-filters ul.brands li a {
    font-size: 0.875em;
    padding: 7px 10px 6px 0px;
  }
}
section.footer-filters ul.brands li a::after {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  background-color: var(--text-brand-bg);
  transition: all 0.5s;
}
section.footer-filters ul.brands li a:hover {
  color: var(--text-brand-hover);
}
section.footer-filters ul.brands li a:hover::after {
  background-color: var(--blue);
}
section.footer-filters ul.brands li.brands__title {
  font-family: "ANC-D";
  color: var(--text);
  padding: 10px 20px 10px 0px;
}
@media (max-width: 768px) {
  section.footer-filters ul.brands li.brands__title {
    padding: 6px 10px 6px 0px;
  }
}
section.footer-filters ul.brands:first-child {
  margin-bottom: var(--m20);
}
@media (max-width: 768px) {
  section.footer-filters ul.brands:last-child {
    margin-bottom: 0px;
  }
}

section.footer-nav-menu .footer-links-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--m80) calc( var(--pd-35) + var(--pd-35) ) var(--m80) calc( var(--pd-35) + var(--pd-35) );
}
section.footer-nav-menu .footer-links-block .image-video-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
section.footer-nav-menu .footer-links-block .video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}
section.footer-nav-menu .footer-links-block .video-bg video {
  min-height: 110%;
  mn-width: 120%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
section.footer-nav-menu .footer-links-block ul.footer-menu {
  width: 100%;
  max-width: var(--max-width);
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  font-family: "ANC-B";
  font-size: 2.5em;
  line-height: 100%;
  color: var(--white);
  text-transform: uppercase;
  margin: calc( var(--m40) + var(--m20) ) 0px calc( var(--m40) + var(--m20) ) 0px;
  z-index: 2;
}
@media screen and (max-width: 992px) {
  section.footer-nav-menu .footer-links-block ul.footer-menu {
    font-size: 1.125em;
  }
}
section.footer-nav-menu .footer-links-block ul.footer-menu li {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {
  section.footer-nav-menu .footer-links-block ul.footer-menu li {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}
section.footer-nav-menu .footer-links-block ul.footer-menu li::after {
  content: "/";
  width: auto;
  height: auto;
  display: block;
  margin-right: var(--m15);
  margin-left: var(--m15);
}
@media screen and (max-width: 768px) {
  section.footer-nav-menu .footer-links-block ul.footer-menu li::after {
    display: none;
  }
}
section.footer-nav-menu .footer-links-block ul.footer-menu li:last-child::after {
  content: "";
}
section.footer-nav-menu .footer-links-block ul.footer-menu li:hover a:before {
  width: 100%;
  transition: width 0.4s ease-in-out;
}
section.footer-nav-menu .footer-links-block ul.footer-menu li a {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  color: var(--white);
  margin: 12px 0;
}
section.footer-nav-menu .footer-links-block ul.footer-menu li a::before {
  content: "";
  width: 0;
  height: 4px;
  background: var(--white);
  position: absolute;
  top: calc(100% + 2px);
  left: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.3s linear;
}
section.footer-nav-menu .footer-links-block ul.footer-menu li.current-menu-item a:before {
  width: 100%;
  transition: width 0.4s ease-in-out;
}
section.footer-nav-menu .footer-links-block .footer-contacts {
  width: 100%;
  max-width: var(--max-width);
  height: auto;
  display: flex;
  justify-content: space-between;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  section.footer-nav-menu .footer-links-block .footer-contacts {
    flex-direction: column-reverse;
    align-items: center;
  }
}
section.footer-nav-menu .footer-links-block .footer-contacts a.item {
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-end;
  font-family: "ANC-B";
  font-size: 1em;
  line-height: 112.5%;
  text-transform: uppercase;
  color: #fff;
}
@media screen and (max-width: 992px) {
  section.footer-nav-menu .footer-links-block .footer-contacts a.item {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  section.footer-nav-menu .footer-links-block .footer-contacts a.item {
    align-items: center;
    font-family: "ANC-D";
    font-size: 1em;
    text-align: center;
    margin-top: var(--m20);
  }
}
section.footer-nav-menu .footer-links-block .footer-contacts a.item.item:before {
  content: "";
  width: 0;
  height: 4px;
  background: #fff;
  position: absolute;
  top: calc(100% + 2px);
  left: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.3s linear;
}
section.footer-nav-menu .footer-links-block .footer-contacts a.item.item:hover:before {
  width: 100%;
  transition: width 0.4s ease-in-out;
}
section.footer-nav-menu .footer-links-block .footer-contacts a.item:last-child {
  margin-top: 0px;
}

.footer-filters {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0px 0px 0px 0px;
  font-family: "ANC-R";
}
@media (max-width: 768px) {
  .footer-filters {
    margin: 0px 0px 0px 0px;
  }
}
.footer-filters .aa-text {
  width: 100%;
  height: auto;
  font-size: 0.75em;
  color: #9b9b9b;
  background: #f4f4f4;
  padding: 45px 45px 45px 105px;
}
@media (max-width: 768px) {
  .footer-filters .aa-text {
    padding: 30px 30px 30px 75px;
  }
}
@media (max-width: 479px) {
  .footer-filters .aa-text {
    padding: 62px 20px 30px 20px;
  }
}
.footer-filters .aa-text .container {
  width: 100%;
  height: auto;
  max-height: 75px;
  text-align: left;
  margin: 0 auto;
  overflow: hidden;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 1200px) {
  .footer-filters .aa-text .container {
    max-height: 118px;
  }
}
@media (max-width: 768px) {
  .footer-filters .aa-text .container {
    max-height: 100px;
  }
}
@media (max-width: 479px) {
  .footer-filters .aa-text .container {
    max-height: 90px;
  }
}
.footer-filters .aa-text .container h1 {
  font-family: "ANC-B";
}
.footer-filters .aa-text .container p {
  padding: 10px 0;
}
.footer-filters .aa-text .container p img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: auto;
  max-width: 100%;
}
.footer-filters .aa-text .container p a {
  font-family: "ANC-B";
  text-decoration: underline;
}
.footer-filters .aa-text .read-more {
  width: 30px;
  height: 30px;
  border: 1px solid #b1b1b1;
  position: absolute;
  top: 50px;
  left: 35px;
  background: url(img/ui/deo-text-toggle@2x.png) no-repeat center center;
  background-size: 10px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  cursor: pointer;
}
@media (max-width: 768px) {
  .footer-filters .aa-text .read-more {
    top: 35px;
    left: 20px;
  }
}
@media (max-width: 479px) {
  .footer-filters .aa-text .read-more {
    top: 20px;
    left: 20px;
  }
}
.footer-filters .aa-text .read-more:hover {
  cursor: pointer;
}
.footer-filters .aa-text .active {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.footer-filters .aa-text.active .container {
  max-height: 100000px;
}

footer {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #ebebeb;
  padding: 0px var(--pd-35) 0px var(--pd-35);
}
footer p {
  line-height: 40px;
  font-size: 10px;
  color: var(--text);
  font-family: "ANC-B";
  text-transform: uppercase;
}

ul.language-chooser {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  list-style: none;
}
ul.language-chooser li {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  margin: 0px 0px 0px 0px;
}
ul.language-chooser li:hover a:before {
  width: 100%;
  transition: width 0.4s ease-in-out;
}
ul.language-chooser li a {
  width: auto;
  display: flex;
  font-family: "ANC-D";
  text-transform: uppercase;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
  color: var(--text);
}
ul.language-chooser li a:before {
  content: "";
  width: 0;
  height: 4px;
  background: #0b3be2;
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translate(-50%, 0%);
  transition: width 0.3s;
}
ul.language-chooser li a:hover {
  text-decoration: none;
}
ul.language-chooser li::after {
  content: "/";
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  font-family: "ANC-D";
  font-size: 12px;
  margin-right: 5px;
  margin-left: 5px;
}
ul.language-chooser li:last-child::after {
  display: none;
}
ul.language-chooser li.active a:before,
ul.language-chooser li a:hover:before {
  width: 100%;
}