/* Start:/local/templates/drydry/assets/css/main.css?176735340987387*/
@charset "UTF-8";
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block
}
[hidden] {
  display: none
}
body {
  line-height: 1
}
menu,
ol,
ul {
  list-style: none
}
blockquote,
q {
  quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
:root {
  --font-heading: "Literata";
  --font-main: "Droid Sans";
  --color-orange: #FF5100;
  --color-gray: #898A8D;
  --color-dark-gray: #525252;
  --color-light-gray: #D9D9D9;
  --color-ultra-light-gray: #F8F8F8
}
@font-face {
  font-family: "Droid Sans";
  font-style: normal;
  font-weight: 400;
  src: url(/local/templates/drydry/assets/css/../fonts/DroidSans.woff2) format("woff2")
}
@font-face {
  font-family: "Droid Sans";
  font-style: normal;
  font-weight: 600;
  src: url(/local/templates/drydry/assets/css/../fonts/DroidSans-Bold.woff2) format("woff2")
}
@font-face {
  font-family: Literata;
  font-style: normal;
  font-weight: 300;
  src: url(/local/templates/drydry/assets/css/../fonts/Literata-Light.woff2) format("woff2")
}
@font-face {
  font-family: Literata;
  font-style: normal;
  font-weight: 400;
  src: url(/local/templates/drydry/assets/css/../fonts/Literata-Regular.woff2) format("woff2")
}
@font-face {
  font-family: Literata;
  font-style: normal;
  font-weight: 500;
  src: url(/local/templates/drydry/assets/css/../fonts/Literata-Medium.woff2) format("woff2")
}
@font-face {
  font-family: Literata;
  font-style: normal;
  font-weight: 600;
  src: url(/local/templates/drydry/assets/css/../fonts/Literata-SemiBold.woff2) format("woff2")
}
@font-face {
  font-family: Literata;
  font-style: italic;
  font-weight: 400;
  src: url(/local/templates/drydry/assets/css/../fonts/Literata-Italic.woff2) format("woff2")
}
@font-face {
  font-family: Literata;
  font-style: italic;
  font-weight: 600;
  src: url(/local/templates/drydry/assets/css/../fonts/Literata-SemiBoldItalic.woff2) format("woff2")
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  height: 100%
}
body {
  font-family: var(--font-main),-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-x: hidden;
  color: var(--color-dark-gray);
  padding-top: 86px
}
@media (min-width:992px) {
  body {
    padding-top: 95px
  }
}
@media (min-width:1200px) {
  body {
    padding-top: 111px
  }
}
body.is-hidden {
  overflow: hidden
}
body.submenu-active .header {
  background-color: transparent
}
button,
input,
select,
textarea {
  font-family: Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
  outline: 0;
  color: var(--color-bg)
}
a {
  text-decoration: none;
  -webkit-transition: 150ms ease-in;
  transition: 150ms ease-in
}
a:hover {
  color: var(--color-orange)
}
.container {
  max-width: 1256px;
  width: 100%;
  padding: 0 12px;
  margin: 0 auto;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
@media (min-width:768px) {
  .container {
    padding: 0 20px
  }
}
::-webkit-input-placeholder {
  color: #898a8d
}
:-ms-input-placeholder {
  color: #898a8d
}
::-moz-placeholder {
  color: #898a8d;
  opacity: 1
}
:-moz-placeholder {
  color: #898a8d;
  opacity: 1
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
input,
textarea {
  font-family: var(--font-main)
}
b,
strong {
  font-weight: 600
}
.swiper-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0 14px
}
.swiper-nav-arrow {
  height: 35px;
  width: 35px;
  background: var(--color-light-gray);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: .2s ease;
  transition: .2s ease
}
@media (min-width:768px) {
  .swiper-nav-arrow {
    height: 44px;
    width: 44px
  }
}
.swiper-nav-arrow:hover {
  background-color: var(--color-dark-gray)
}
@media (max-width:575.98px) {
  .swiper-nav-arrow svg {
    height: 20px;
    width: 10px
  }
}
.swiper-nav-arrow.next svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.f-button.is-close-button {
  top: 1.5rem!important;
  right: 1.5rem!important
}
@media (min-width:768px) {
  .f-button.is-close-button {
    top: 2.5rem!important;
    right: 2.5rem!important
  }
}
.button,
.card__tab,
.news__tab,
.stores__tab {
  height: 36px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 13px;
  line-height: 1;
  color: #fff;
  border-radius: 17px;
  padding: 4px 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #e5e5e5;
  color: var(--color-dark-gray);
  cursor: pointer;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
  border: none;
  -webkit-transition: .2s ease;
  transition: .2s ease
}
.button:hover,
.card__tab:hover,
.news__tab:hover,
.stores__tab:hover {
  background-color: #c1c1c1;
  color: var(--color-dark-gray)
}
.button--orange,
.card__tab.active,
.news__tab.active,
.products__tab.active .button,
.products__tab.active .card__tab,
.products__tab.active .news__tab,
.products__tab.active .stores__tab,
.stores__tab.active {
  background-color: var(--color-orange);
  color: #fff
}
.button--orange:hover,
.card__tab.active:hover,
.news__tab.active:hover,
.products__tab.active .button:hover,
.products__tab.active .card__tab:hover,
.products__tab.active .news__tab:hover,
.products__tab.active .stores__tab:hover,
.stores__tab.active:hover {
  background-color: #e9540d;
  color: #fff
}
.button svg,
.card__tab svg,
.news__tab svg,
.stores__tab svg {
  margin-right: 6px
}
.button--scroll {
  padding-right: 8px
}
.button--scroll:after {
  content: "";
  background-image: url(/local/templates/drydry/assets/css/../icons/arrow-scroll.png);
  background-size: 23px;
  height: 23px;
  width: 23px;
  display: block;
  margin-left: 10px
}
.button--video {
  padding-right: 8px
}
.button--video:after {
  content: "";
  background-image: url(/local/templates/drydry/assets/css/../icons/video.png);
  background-size: 23px;
  height: 23px;
  width: 23px;
  display: block;
  margin-left: 10px
}
.panel-fixed {
  position: fixed;
  top: auto;
  bottom: 0;
  left: 12px;
  width: calc(100% - 24px);
  background-color: var(--color-ultra-light-gray);
  border-radius: 24px 24px 0 0;
  -webkit-box-shadow: 0 1px 4px 0 rgba(12,12,13,.05),0 1px 4px 0 rgba(12,12,13,.1);
  box-shadow: 0 1px 4px 0 rgba(12,12,13,.05),0 1px 4px 0 rgba(12,12,13,.1)
}
@media (min-width:768px) {
  .panel-fixed {
    left: 20px;
    width: calc(100% - 40px)
  }
}
@media (min-width:992px) {
  .panel-fixed {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    border-radius: 0 0 12px 12px;
    width: auto
  }
}
.panel-fixed__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media (max-width:991.98px) {
  .panel-fixed__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
@media (max-width:767.98px) {
  .panel-fixed__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}
.panel-fixed__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  white-space: nowrap;
  color: #737373;
  position: relative;
  padding: 12px 24px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0
}
@media (min-width:768px) {
  .panel-fixed__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }
}
@media (min-width:992px) {
  .panel-fixed__item {
    padding: 7px 9px
  }
}
.panel-fixed__item:last-child:after {
  display: none
}
.panel-fixed__item:after {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 10px);
  border-right: 1px solid #e5e5e5;
  position: absolute;
  top: 5px;
  right: 0
}
.panel-fixed__item.basket {
  line-height: 1.35
}
.panel-fixed__item.basket .panel-fixed__icon {
  position: relative;
  padding-right: 24px;
  line-height: 1
}
@media (min-width:992px) {
  .panel-fixed__item.basket .panel-fixed__icon:after {
    content: "";
    display: block;
    width: 1px;
    height: calc(100% + 4px);
    border-right: 1px dashed #e5e5e5;
    position: absolute;
    top: -2px;
    right: 12px
  }
}
.panel-fixed__item.basket .panel-fixed__icon svg {
  color: #eb5a31
}
@media (max-width:767.98px) {
  .panel-fixed__item.basket .panel-fixed__icon svg {
    width: 35px;
    height: 30px
  }
}
@media (max-width:767.98px) {
  .panel-fixed__item.personal svg {
    width: 30px;
    height: 30px
  }
}
.panel-fixed__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 4px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column
}
.panel-fixed__icon svg {
  height: 20px
}
@media (max-width:767.98px) {
  .panel-fixed__text {
    font-size: 16px
  }
}
.logo {
  display: block
}
.logo--header {
  height: 55px
}
@media (min-width:992px) {
  .logo--header {
    height: 70px
  }
}
@media (min-width:1200px) {
  .logo--header {
    height: 51px
  }
}
.logo--header img {
  height: 100%;
  width: auto
}
@media (max-width:1199.98px) {
  .logo--footer img {
    width: 150px
  }
}
.logo--footer .logo__slogan {
  font-size: 10px;
  margin-top: 4px
}
@media (min-width:1200px) {
  .logo--footer .logo__slogan {
    font-size: 13px
  }
}
.logo--footer .logo__slogan span {
  color: var(--color-orange)
}
.burger {
  width: 25px;
  height: 23px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.burger__open {
  position: absolute;
  -webkit-transition: 240ms ease;
  transition: 240ms ease
}
.burger__close {
  opacity: 0;
  -webkit-transform: scale(.6);
  transform: scale(.6);
  -webkit-transition: 240ms ease;
  transition: 240ms ease
}
.burger.active .burger__open {
  opacity: 0
}
.burger.active .burger__close {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.overlay {
  background-color: rgba(0,0,0,.25);
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 3;
  display: none
}
.article__content h2,
.article__content h3,
.article__content h4,
.heading,
.popup__title {
  font-family: var(--font-heading)
}
.article__content {
  counter-reset: listCounter;
}
.article__content i{
  font-style: italic;
}
.article__content ul {
  margin-left: 20px;
  list-style-type: none;	
}
.article__content ol {
  margin-left: 40px;
  counter-increment: num;
}
.article__content ol li{
  margin-bottom: 10px;
}
.article__content ul li::before {
			content: "▪";
			padding-right: rem(5);
			margin-left: rem(10);
			color: #e9540d;
		}
.article__content ol li::before{
  color: #e9540d;
  content: counter(listCounter) ". ";  
  counter-increment: listCounter;
}
.heading--level-1 {
  font-size: 32px;
  line-height: 1.35;
  text-transform: uppercase
}
@media (min-width:992px) {
  .heading--level-1 {
    font-size: 40px
  }
}
@media (min-width:1200px) {
  .heading--level-1 {
    font-size: 48px
  }
}
.heading--level-2,
.popup__title {
  font-size: 20px;
  line-height: 1.35
}
@media (min-width:1200px) {
  .heading--level-2,
  .popup__title {
    font-size: 28px
  }
}
.heading--level-3 {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500
}
@media (min-width:992px) {
  .heading--level-3 {
    font-size: 24px
  }
}
.headline {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (min-width:576px) {
  .headline {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 60px
  }
}
@media (min-width:1200px) {
  .headline {
    padding-left: 100px
  }
}
.headline:before {
  content: "";
  height: 1px;
  width: 50%;
  display: block;
  position: absolute;
  background-color: var(--color-light-gray);
  top: calc(50% + 2px);
  left: 0;
  z-index: -1
}
.headline:after {
  content: "";
  height: 1px;
  width: 50%;
  display: block;
  position: absolute;
  background-color: var(--color-light-gray);
  top: calc(50% + 2px);
  left: 50%;
  z-index: -1
}
.headline__title {
  background-color: #fff;
  padding: 0 10px
}
@media (min-width:768px) {
  .headline__title {
    padding: 0 20px
  }
}
@media (max-width:575.98px) {
  .headline__title {
    text-align: center
  }
}
.headline__button {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0 16px
}
@media (min-width:576px) {
  .headline__button {
    padding-left: 23px
  }
}
@media (min-width:1200px) {
  .headline__button {
    padding-left: 56px
  }
}
.headline__button .button,
.headline__button .card__tab,
.headline__button .news__tab,
.headline__button .stores__tab {
  min-width: 154px
}
.product {
  width: 100%;
  max-width: 350px;
  height: 434px;
  position: relative;
  background-color: rgba(217,217,217,.36);
  border-radius: 53px;
  overflow: hidden
}
@media (min-width:1200px) {
  .product {
    border-radius: 60px;
    height: 450px
  }
}
.product:hover .product__info {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.product__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.product__image {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0
}
.product__image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.product__label {
  background-color: rgba(217,217,217,.36);
  border-radius: 60px;
  border: 1px solid var(--color-ultra-light-gray);
  z-index: 1;
  padding: 11px 32px;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  font-size: 13px
}
@media (min-width:768px) {
  .product__label {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    padding: 13px 16px
  }
}
@media (min-width:1200px) {
  .product__label {
    font-size: 16px;
    padding: 15px 16px
  }
}
.product__label span {
  color: var(--color-orange)
}
.product__info {
  position: absolute;
  bottom: 0;
  background-color: var(--color-dark-gray);
  border-radius: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: #e5e5e5;
  text-align: center;
  padding: 20px;
  -webkit-transform: translateY(calc(100% + 2px));
  transform: translateY(calc(100% + 2px));
  -webkit-transition: .2s ease;
  transition: .2s ease
}
.product__name {
  font-weight: 600
}
.product__desc {
  font-size: 13px;
  max-width: 244px;
  margin: 14px auto 0;
  line-height: 1.25
}
.product__button {
  margin-top: 20px
}
.product__button .button,
.product__button .card__tab,
.product__button .news__tab,
.product__button .stores__tab {
  text-transform: uppercase;
  font-weight: 600;
  min-width: 132px
}
.breadcrumbs {
  margin-bottom: 10px;
  overflow-x: auto;
  padding-bottom: 1px
}
.breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px
}
@media (min-width:576px) {
  .breadcrumbs__list {
    font-size: 14px
  }
}
.breadcrumbs__item {
  white-space: nowrap
}
.breadcrumbs__item:after {
  content: "/";
  margin: 0 4px
}
.breadcrumbs__item:last-child:after {
  display: none
}
.breadcrumbs__link {
  color: var(--color-dark-gray)
}
.spinner {
  height: 28px;
  width: 28px;
  clear: both;
  position: absolute;
  top: calc(50% - 11px);
  left: calc(50% - 11px);
  border: 3px rgba(255,81,0,.25) solid;
  border-top: 3px #ff5100 solid;
  border-radius: 50%;
  -webkit-animation: spCircRot 1.2s infinite linear;
  animation: spCircRot 1.2s infinite linear
}
.loader {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(255,255,255,.7);
  top: 0;
  left: 0;
  z-index: 5
}
@-webkit-keyframes spCircRot {
  from {
    -webkit-transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(359deg)
  }
}
@keyframes spCircRot {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}
.qty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 0 7px
}
.qty__button {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  background-color: rgba(217,217,217,.36);
  cursor: pointer
}
.qty__button:hover {
  color: var(--color-orange)
}
.qty__input {
  width: 72px;
  background-color: rgba(217,217,217,.36);
  height: 36px;
  border-radius: 50px;
  text-align: center;
  outline: 0;
  border: none
}
.social__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0 8px
}
.field__label {
  font-weight: 600;
  font-size: 24px
}
.field__label-checkbox a {
  color: #fff;
  text-decoration: underline;
  line-height: 1.25
}
.field__input {
  background-color: var(--color-light-gray);
  height: 67px;
  border-radius: 60px;
  outline: 0;
  border: none;
  font-size: 20px;
  padding: 0 44px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.field__textarea {
  background-color: var(--color-light-gray);
  height: 158px;
  resize: none;
  border-radius: 60px;
  outline: 0;
  border: none;
  font-size: 20px;
  padding-left: 44px;
  padding-top: 28px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.field--checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-gap: 0 10px
}
.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 4;
  background-color: #fff;
  -webkit-transition: .2s ease;
  transition: .2s ease
}
@media (max-width:1199.98px) {
  .header {
    padding-bottom: 16px
  }
}
.header__wrapper {
  position: relative;
  padding-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media (min-width:992px) {
  .header__wrapper {
    padding-top: 25px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}
@media (min-width:1200px) {
  .header__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 60px
  }
}
.header__slogan {
  position: absolute;
  top: 16px;
  left: 170px;
  font-family: var(--font-heading);
  line-height: 1.5
}
@media (min-width:992px) {
  .header__slogan {
    left: 204px;
    top: 28px
  }
}
@media (min-width:1200px) {
  .header__slogan {
    left: 50px;
    top: 24px;
    line-height: 1
  }
}
.header__slogan span {
  color: var(--color-orange)
}
@media (min-width:992px) {
  .header__slogan br {
    display: none
  }
}
.header__nav {
  margin-left: auto
}
@media (max-width:1199.98px) {
  .header__nav {
    margin-bottom: -6px
  }
}
@media (max-width:991.98px) {
  .header__nav {
    display: none
  }
}
.header__nav .nav__list {
  grid-gap: 0 16px
}
.header__nav .nav__link {
  height: 36px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #e5e5e5;
  border-radius: 17px;
  padding: 0 9px;
  padding-left: 14px;
  font-size: 13px;
  color: var(--color-dark-gray);
  white-space: nowrap
}
.header__nav .nav__link:hover {
  background-color: #c1c1c1
}
.header__nav .nav__link.icon-catalog {
  background-color: var(--color-orange);
  color: #fff
}
.header__nav .nav__link.icon-catalog:hover {
  background-color: #e9540d;
  color: #fff
}
.header__contacts {
  margin-left: 20px
}
@media (min-width:1200px) {
  .header__contacts {
    margin-left: 35px
  }
}
@media (max-width:1199.98px) {
  .header__contacts {
    margin-bottom: -6px
  }
}
@media (max-width:991.98px) {
  .header__contacts {
    display: none
  }
}
@media (min-width:992px) {
  .header__burger {
    display: none
  }
}
.nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.nav__link[class*=icon]:after {
  content: "";
  height: 24px;
  width: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #fff;
  border-radius: 50%;
  margin-left: 13px
}
.nav__link.icon-catalog:after {
  background-image: url(/local/templates/drydry/assets/css/../icons/nav/icon-catalog.png);
  background-position: center center;
  background-size: 100%
}
.nav__link.icon-address:after {
  background-image: url(/local/templates/drydry/assets/css/../icons/nav/icon-address.png);
  background-position: center center;
  background-size: 100%
}
.nav__link.icon-about:after {
  background-image: url(/local/templates/drydry/assets/css/../icons/nav/icon-about.png);
  background-position: center center;
  background-size: 100%
}
.nav__link.icon-gift:after {
  background-image: url(/local/templates/drydry/assets/css/../icons/nav/icon-gift.png);
  background-position: center center;
  background-size: 100%
}
.nav__link.icon-contacts:after {
  background-image: url(/local/templates/drydry/assets/css/../icons/nav/icon-contacts.png);
  background-position: center center;
  background-size: 100%
}
.nav__submenu {
  position: absolute;
  left: 0;
  top: 120px;
  width: 100%;
  background-color: #ccc;
  border-radius: 60px;
  padding: 70px 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 350px;
  grid-gap: 0 40px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
  -webkit-transition: .3s ease;
  transition: .3s ease
}
@media (min-width:1200px) {
  .nav__submenu {
    padding: 100px 90px;
    top: 125px
  }
}
.nav__submenu .nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  grid-gap: 14px 0
}
.nav__submenu .nav__link {
  background: 0 0;
  padding: 0;
  font-size: 36px;
  font-weight: 600;
  color: #525252;
}
.nav__submenu .nav__link:hover {
  background: 0 0;
  color: var(--color-orange)
}
.nav__submenu .nav__link.active {
  text-decoration: underline
}
.nav__button a {
  background-color: var(--color-orange);
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  height: 64px;
  padding: 8px 64px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px
}
.nav__button a:hover {
  background-color: #e9540d;
  color: #fff
}
.nav__column:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.nav__products {
  height: 490px;
  width: 100%;
  position: relative
}
.nav__products .product {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none
}
.nav__products .product:first-child {
  display: block
}
.nav--header .nav__item.submenu > .nav__link {
  position: relative
}
.nav--header .nav__item.submenu > .nav__link:before {
  content: "";
  width: 100%;
  background-color: #bf3d00;
  height: calc(100% + 21px);
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  opacity: 0;
  border-radius: 20px 20px 0 0;
  -webkit-transition: 140ms ease;
  transition: 140ms ease;
  pointer-events: none
}
.nav--header .nav__item.submenu:hover > .nav__link {
  position: relative
}
.nav--header .nav__item.submenu:hover > .nav__link:before {
  opacity: 1;
  top: 0
}
.nav--header .nav__item.submenu:hover .nav__submenu {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.nav--header .nav__item.submenu:hover .nav__submenu:before {
  content: "";
  height: 30px;
  width: 100%;
  top: -30px;
  position: absolute;
  left: 0
}
.mobile-menu {
  position: fixed;
  background-color: var(--color-dark-gray);
  border-radius: 60px;
  width: 100%;
  z-index: 5;
  padding: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 80px;
  opacity: 0;
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 240ms ease;
  transition: 240ms ease
}
.mobile-menu.active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}
.mobile-menu__wrapper {
  overflow-y: auto;
  max-height: calc(100vh - 160px);
  -webkit-overflow-scrolling: touch
}
.mobile-menu__nav {
  height: 100%
}
.mobile-menu__nav .nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  grid-gap: 22px 0
}
.mobile-menu__nav .nav__item {
  width: 100%
}
.mobile-menu__nav .nav__item.submenu .nav__link:before {
  display: none
}
.mobile-menu__nav .nav__link {
  height: 36px;
  width: 100%;
  background-color: #e5e5e5;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-dark-gray);
  border-radius: 17px;
  position: relative
}
.mobile-menu__nav .nav__link:after {
  position: absolute;
  right: 12px
}
.mobile-menu__nav .nav__link.icon-catalog {
  background-color: var(--color-orange);
  color: #fff
}
.mobile-menu__nav .nav__link.callback {
  background-color: var(--color-orange);
  color: #fff
}
.mobile-menu__nav .nav__submenu {
  display: none;
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  background: 0 0;
  top: auto;
  padding: 0;
  -webkit-transform: none;
  transform: none;
  border-radius: 0;
  margin: 16px 0;
  -webkit-transition: none;
  transition: none
}
.mobile-menu__nav .nav__submenu .nav__list {
  grid-gap: 10px 0
}
.mobile-menu__nav .nav__submenu .nav__link {
  background: 0 0;
  font-size: 24px;
  color: #fff
}
.mobile-menu__phone {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.mobile-menu__phone a {
  background-color: #e5e5e5;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  border-radius: 60px;
  color: var(--color-dark-gray);
  line-height: 1.25;
  padding: 6px 20px
}
.mobile-menu__phone a .phone {
  font-size: 20px;
  font-weight: 600
}
.mobile-menu__phone a .label {
  font-size: 13px
}
@media (min-width:992px) {
  .intro {
    margin-top: 20px
  }
}
@media (min-width:1200px) {
  .intro {
    margin-top: 40px
  }
}
.intro__wrapper {
  height: 100%
}
@media (min-width:768px) {
  .intro__wrapper {
    max-height: 494px
  }
}
@media (min-width:1200px) {
  .intro__wrapper {
    max-height: 628px
  }
}
.intro__slider .swiper-pagination {
  position: relative;
  bottom: auto!important;
  left: auto!important;
  top: auto!important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px
}
.intro__slider .swiper-pagination .swiper-pagination-bullet {
  height: 12px;
  width: 12px;
  opacity: 1;
  background-color: var(--color-dark-gray);
  margin: 0!important
}
.intro__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-orange)
}
.intro__slider .swiper-slide {
  height: auto
}
.intro__slide {
  background-color: rgba(217,217,217,.36);
  border-radius: 58px;
  display: grid;
  grid-template-columns: 1fr
}
@media (min-width:768px) {
  .intro__slide {
    grid-template-columns: 1fr 380px;
    max-height: 494px
  }
}
@media (min-width:992px) {
  .intro__slide {
    grid-template-columns: 1fr 486px
  }
}
@media (min-width:1200px) {
  .intro__slide {
    grid-template-columns: 1fr minmax(486px,618px);
    max-height: 628px
  }
}
.intro__video {
  height: 100%;
  display: block
}
.intro__video_bg {
  width: 100%;
  height: 600px;
  display: block;
  object-fit: cover;
  border-radius: 58px;
}
.intro__video img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 58px
}
.intro__content {
  padding: 32px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%
}
@media (min-width:768px) {
  .intro__content {
    padding: 65px 0 65px 50px
  }
}
@media (min-width:1200px) {
  .intro__content {
    padding: 95px 0 95px 75px
  }
}
.intro__button {
  margin-top: 32px
}
@media (max-width:767.98px) {
  .intro__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.intro__button .button,
.intro__button .card__tab,
.intro__button .news__tab,
.intro__button .stores__tab {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  height: 52px;
  padding: 8px 64px;
  border-radius: 34px
}
.intro__image {
  height: 100%;
  width: 100%;
  line-height: 1
}
@media (max-width:767.98px) {
  .intro__image {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    max-height: 407px
  }
}
.intro__image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 58px
}
@media (max-width:767.98px) {
  .intro--simple {
    padding-top: 20px
  }
}
.intro--simple .intro__wrapper {
  background: 0 0;
  display: block
}
@media (max-width:767.98px) {
  .intro--simple .headline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
  }
}
@media (max-width:767.98px) {
  .intro--simple .headline__button {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    position: absolute;
    top: calc(-100% - 4px);
    right: 0;
    padding-left: 0
  }
}
@media (max-width:767.98px) {
  .intro--simple + .section {
    margin-top: 20px
  }
}
@media (max-width:767.98px) {
  .intro--article .headline__button {
    display: none
  }
}
@media (max-width:767.98px) {
  .intro--faq .headline__button {
    position: relative;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 16px
  }
}
@media (max-width:767.98px) {
  .intro--faq .headline {
    padding-left: 0
  }
}
@media (max-width:767.98px) {
  .intro--faq .headline:before {
    top: 72px
  }
}
@media (max-width:767.98px) {
  .intro--faq .headline:after {
    top: 72px
  }
}
.features {
  margin-top: 14px
}
@media (min-width:768px) {
  .features {
    margin-top: 48px
  }
}
.features__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}
.article__content .features__title h2,
.article__content .features__title h3,
.article__content .features__title h4,
.features__title .article__content h2,
.features__title .article__content h3,
.features__title .article__content h4,
.features__title .heading,
.features__title .popup__title {
  color: var(--color-orange)
}
.features__button {
  margin-top: 24px
}
@media (min-width:768px) {
  .features__button {
    display: none
  }
}
.features__row {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0 48px;
  margin-top: 24px
}
@media (min-width:768px) {
  .features__row {
    grid-template-columns: 210px 1fr 210px;
    margin-top: 80px
  }
}
@media (min-width:1200px) {
  .features__row {
    grid-template-columns: 320px 1fr 320px
  }
}
.features__image {
  max-width: 400px;
  height: 467px;
  margin: 30px auto
}
@media (min-width:768px) {
  .features__image {
    max-width: 372px;
    height: auto;
    margin: 0 auto
  }
}
@media (min-width:1200px) {
  .features__image {
    max-width: 432px
  }
}
.features__image img {
  max-width: 100%;
  border-radius: 60px
}
@media (max-width:767.98px) {
  .features__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
  }
}
.features__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 32px 0
}
@media (min-width:768px) {
  .features__list {
    grid-gap: 24px 0
  }
}
.features__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  max-width: 100%
}
@media (min-width:768px) {
  .features__item {
    max-width: 241px
  }
}
.features__item-icon {
  height: 38px;
  width: 38px
}
@media (min-width:1200px) {
  .features__item-icon {
    height: 45px;
    width: 45px
  }
}
.features__item-icon img {
  height: 100%;
  width: 100%
}
.features__item-title {
  font-family: var(--font-heading);
  line-height: 1.35;
  font-weight: 500;
  font-size: 16px;
  margin-top: 14px
}
@media (min-width:1200px) {
  .features__item-title {
    font-size: 18px;
    margin-top: 20px
  }
}
.features__item-text {
  text-align: center;
  font-size: 12px;
  line-height: 1.35;
  margin-top: 8px
}
@media (min-width:1200px) {
  .features__item-text {
    margin-top: 12px;
    font-size: 13px
  }
}
.section {
  margin: 50px 0
}
@media (max-width:767.98px) {
  .section--features .headline__button {
    display: none
  }
}
.section--products {
  margin-top: 100px
}
@media (max-width:575.98px) {
  .section--products .headline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    grid-gap: 28px 0;
    padding-left: 0
  }
}
@media (max-width:575.98px) {
  .section--products .headline:before {
    top: 20px
  }
}
@media (max-width:575.98px) {
  .section--products .headline:after {
    top: 20px
  }
}
.section--products .headline__button .button,
.section--products .headline__button .card__tab,
.section--products .headline__button .news__tab,
.section--products .headline__button .stores__tab {
  min-width: 154px;
  width: 100%
}
@media (max-width:575.98px) {
  .section--cases .headline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    grid-gap: 28px 0;
    padding-left: 0
  }
}
@media (max-width:575.98px) {
  .section--cases .headline:before {
    top: 20px
  }
}
@media (max-width:575.98px) {
  .section--cases .headline:after {
    top: 20px
  }
}
@media (max-width:575.98px) {
  .section--news .headline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    grid-gap: 28px 0;
    padding-left: 0
  }
}
@media (max-width:575.98px) {
  .section--news .headline:before {
    top: 20px
  }
}
@media (max-width:575.98px) {
  .section--news .headline:after {
    top: 20px
  }
}
.section--slogan {
  margin-bottom: 0
}
.section--related .products__slider .swiper-nav {
  position: relative;
  -webkit-transform: none;
  transform: none
}
@media (max-width:991.98px) {
  .section--related .products__wrapper {
    margin-top: 20px
  }
}
@media (max-width:767.98px) {
  .section--card {
    margin-top: 20px
  }
}
.section--slogan {
  margin: 60px 0
}
.section:last-child {
  margin-bottom: 0
}
@media (max-width:575.98px) {
  .section--article-products .headline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    grid-gap: 22px 0;
    padding-left: 0
  }
}
@media (max-width:575.98px) {
  .section--article-products .headline:before {
    top: 76px
  }
}
@media (max-width:575.98px) {
  .section--article-products .headline:after {
    top: 76px
  }
}
@media (max-width:575.98px) {
  .section--article-products .headline__button {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
  }
}
.products__wrapper {
  margin-top: 50px
}
@media (min-width:576px) {
  .products__wrapper {
    margin-top: 20px
  }
}
.products__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 24px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media (min-width:576px) {
  .products__tabs {
    grid-gap: 24px 36px
  }
}
.products__tab {
  min-width: 154px
}
@media (max-width:575.98px) {
  .products__tab {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 24px);
    flex: 1 1 calc(50% - 24px)
  }
}
.products__tab .button,
.products__tab .card__tab,
.products__tab .news__tab,
.products__tab .stores__tab {
  width: 100%
}
.products__contents {
  margin-top: 32px
}
.products__content {
  display: none
}
.products__content.active {
  display: block
}
.products__slider {
  position: relative
}
@media (max-width:991.98px) {
  .products__slider .swiper .swiper-slide {
    width: 310px
  }
}
@media (max-width:440px) {
  .products__slider .swiper .swiper-slide {
    width: 100%
  }
}
@media (max-width:440px) {
  .products__slider .swiper .swiper-slide .product {
    max-width: 100%;
    height: 560px
  }
}
.products__slider .swiper-nav {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 30px
}
@media (min-width:768px) {
  .products__slider .swiper-nav {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateY(calc(-100% - 24px));
    transform: translateY(calc(-100% - 24px))
  }
}
.products__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 27px;
  margin-top: 32px
}
@media (min-width:576px) {
  .products__list {
    grid-template-columns: repeat(2,1fr)
  }
}
@media (min-width:992px) {
  .products__list {
    grid-template-columns: repeat(3,1fr)
  }
}
@media (min-width:1200px) {
  .products__list {
    grid-gap: 80px
  }
}
.products__load {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px
}
@media (min-width:1200px) {
  .products__load {
    margin-top: 70px
  }
}
.products__load .button,
.products__load .card__tab,
.products__load .news__tab,
.products__load .stores__tab {
  min-width: 154px
}
.products--list .products__wrapper {
  margin-top: 0
}
@media (max-width:1199.98px) {
  .products--list .products__tabs {
    grid-gap: 20px
  }
}
@media (max-width:991.98px) {
  .products--list .products__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
@media (max-width:575.98px) {
  .products--list .products__item .product {
    max-width: 400px;
    height: 495px
  }
}
.cases {
  margin-top: 20px;
  overflow: hidden
}
@media (min-width:768px) {
  .cases {
    margin-top: 50px
  }
}
.cases__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px 0;
  background-color: rgba(217,217,217,.36);
  border-radius: 60px
}
@media (min-width:768px) {
  .cases__wrapper {
    grid-template-columns: 380px 1fr;
    grid-gap: 0 46px
  }
}
@media (min-width:992px) {
  .cases__wrapper {
    grid-template-columns: 500px 1fr
  }
}
@media (min-width:1200px) {
  .cases__wrapper {
    grid-gap: 0 55px;
    grid-template-columns: 618px 1fr
  }
}
.cases__image {
  width: 100%;
  height: 400px
}
@media (min-width:576px) {
  .cases__image {
    height: 100%
  }
}
.cases__image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 60px
}
.cases__content {
  padding: 20px;
  overflow: hidden
}
@media (min-width:768px) {
  .cases__content {
    padding: 50px 20px
  }
}
.cases__title {
  max-width: 374px;
  margin: 0 auto;
  text-align: center;
  line-height: 1.35
}
.cases__slider {
  margin-top: 20px;
  max-width: 100%;
  min-width: 0
}
.cases__slider .swiper-nav {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  grid-gap: 0 9px;
  margin-bottom: 20px
}
.cases__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.cases__item-photo {
  height: 150px;
  width: 150px
}
.cases__item-photo img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  mix-blend-mode: multiply
}
.cases__item-name {
  font-weight: 600;
  margin-top: 4px
}
@media (max-width:767.98px) {
  .cases__item-name {
    font-size: 13px
  }
}
.cases__item-info {
  background-color: var(--color-ultra-light-gray);
  border-radius: 60px;
  padding: 28px;
  text-align: center;
  margin-top: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
@media (min-width:768px) {
  .cases__item-info {
    margin-top: 46px
  }
}
.cases__item-info .green {
  color: #9c0
}
.cases__item-info .pink {
  color: #e3016b
}
.cases__item-info .green-light {
  color: #46e538
}
.cases__item-product {
  font-weight: 600;
  font-size: 16px
}
@media (min-width:768px) {
  .cases__item-product {
    font-size: 20px
  }
}
.cases__item-quote {
  margin-top: 4px;
  line-height: 1.25
}
.cases__item-source {
  margin-top: 24px
}
.cases__item-source a {
  color: var(--color-orange);
  text-decoration: underline
}
.cases__item-date {
  margin-top: 24px;
  font-size: 13px
}
.news {
  margin-top: 10px
}
@media (min-width:768px) {
  .news {
    margin-top: 40px
  }
}
.news__title {
  margin-bottom: 32px
}
.news__tabs {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-gap: 20px
}
@media (min-width:576px) {
  .news__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
@media (min-width:768px) {
  .news__tabs {
    grid-gap: 37px
  }
}
@media (min-width:576px) {
  .news__tab {
    min-width: 164px
  }
}
.news__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 40px 25px;
  margin-top: 40px
}
@media (min-width:576px) {
  .news__list {
    grid-template-columns: repeat(2,1fr)
  }
}
@media (min-width:768px) {
  .news__list {
    grid-template-columns: repeat(3,1fr)
  }
}
@media (min-width:1200px) {
  .news__list {
    grid-gap: 60px 80px;
    margin-top: 62px
  }
}
@media (max-width:575.98px) {
  .news__list .news__item {
    margin: 0 auto
  }
}
.news__slider .swiper .swiper-slide {
  height: auto
}
@media (max-width:991.98px) {
  .news__slider .swiper .swiper-slide {
    width: 310px
  }
}
.news__slider .swiper .swiper-slide .news__item {
  height: 100%
}
.news__slider .swiper-nav {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 20px
}
@media (max-width:575.98px) {
  .news__slider .swiper-nav {
    grid-gap: 0 11px
  }
}
.news__item {
  background: rgba(239,239,239,.36);
  border-radius: 60px;
  max-width: 350px;
  padding: 0 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
@media (max-width:440px) {
  .news__item {
    max-width: 100%
  }
}
.news__item-image {
  height: 210px;
  width: 100%
}
.news__item-image img {
  height: 100%;
  width: 100%;
  border-radius: 60px;
  -o-object-fit: cover;
  object-fit: cover
}
.news__item-title {
  font-weight: 600;
  margin-top: 32px;
  text-align: center;
  line-height: 1.25;
  padding: 0 20px
}
.news__item-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  grid-gap: 0 30px;
  margin-top: 12px;
  position: relative
}
.news__item-date {
  font-size: 13px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.news__item-link {
  height: 38px;
  width: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: .2s ease;
  transition: .2s ease;
  border-radius: 50%;
  background: var(--color-light-gray);
  margin-right: 40px
}
@media (min-width:576px) {
  .news__item-link {
    margin-right: 60px
  }
}
@media (min-width:992px) {
  .news__item-link {
    height: 44px;
    width: 44px
  }
}
.news__item-link:hover {
  background-color: var(--color-dark-gray)
}
.news__item-link svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
@media (max-width:575.98px) {
  .news__item-link svg {
    height: 24px;
    width: 12px
  }
}
.news__load {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px
}
.news__load .button,
.news__load .card__tab,
.news__load .news__tab,
.news__load .stores__tab {
  min-width: 154px
}
.slogan {
  background-color: rgba(217,217,217,.36);
  border-radius: 58px;
  padding: 30px 40px
}
@media (min-width:768px) {
  .slogan {
    padding: 30px 60px
  }
}
@media (min-width:1200px) {
  .slogan {
    padding: 60px 60px 30px
  }
}
.slogan__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (min-width:768px) {
  .slogan__wrapper {
    grid-template-columns: 122px 1fr;
    grid-gap: 0 40px
  }
}
@media (min-width:1200px) {
  .slogan__wrapper {
    grid-template-columns: 163px 1fr;
    grid-gap: 0 60px
  }
}
.slogan__icon {
  width: 100%;
  -webkit-transform: translateY(14px);
  transform: translateY(14px)
}
@media (max-width:767.98px) {
  .slogan__icon {
    max-width: 65px;
    margin: 0 auto;
    -webkit-transform: none;
    transform: none
  }
}
.slogan__icon img {
  width: 100%;
  height: auto
}
@media (max-width:767.98px) {
  .slogan__title {
    text-align: center
  }
}
.slogan__text {
  font-size: 16px;
  margin-top: 24px;
  line-height: 1.125
}
@media (min-width:1200px) {
  .slogan__text {
    font-size: 22px
  }
}
@media (max-width:767.98px) {
  .slogan__text {
    text-align: center
  }
}
.slogan__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 16px
}
@media (min-width:768px) {
  .slogan__button {
    grid-column: span 2;
    margin-top: 12px
  }
}
.slogan__button .button,
.slogan__button .card__tab,
.slogan__button .news__tab,
.slogan__button .stores__tab {
  min-width: 154px
}
.card__content {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0 20px;
  overflow: hidden
}
@media (min-width:992px) {
  .card__content {
    grid-template-columns: 455px 1fr
  }
}
@media (min-width:1200px) {
  .card__content {
    grid-gap: 0 130px
  }
}
.card__gallery {
  max-width: 100%;
  position: relative;
  overflow: hidden
}
@media (max-width:991.98px) {
  .card__gallery {
    max-width: 410px;
    margin: 0 auto
  }
}
@media (max-width:767.98px) {
  .card__gallery {
    max-width: 100%
  }
}
.card__gallery img {
  border-radius: 60px;
  width: 100%;
  height: auto
}
.card__gallery .swiper-pagination {
  position: relative;
  bottom: auto!important;
  left: auto!important;
  top: auto!important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px
}
.card__gallery .swiper-pagination .swiper-pagination-bullet {
  height: 12px;
  width: 12px;
  opacity: 1;
  background-color: var(--color-dark-gray);
  margin: 0!important
}
.card__gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-orange)
}
.card__label {
  display: inline-block;
  background-color: rgba(217,217,217,.36);
  border: 1px solid var(--color-light-gray);
  border-radius: 60px;
  padding: 13px 20px;
  font-size: 13px;
  position: absolute;
  z-index: 3;
  top: 24px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  white-space: nowrap;
}
@media (min-width:768px) {
  .card__label {
    font-size: 20px;
    top: 8px;
    padding: 10px 20px
  }
}
.card__label span {
  color: var(--color-orange)
}
.card__desc {
  font-size: 20px;
  line-height: 1.25
}
@media (max-width:991.98px) {
  .card__desc {
    margin-top: 16px;
    font-size: 16px
  }
}
.card__desc strong {
  font-weight: 600;
  color: var(--color-orange)
}
.card__desc p {
  margin: 12px 0
}
@media (min-width:992px) {
  .card__desc p {
    margin: 20px 0
  }
}
.card__desc p:first-child {
  margin-top: 0
}
.card__desc p:last-child {
  margin-bottom: 0
}
.card__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0 20px;
  margin-top: 20px
}
@media (min-width:992px) {
  .card__buttons {
    margin-top: 40px
  }
}
.card__prop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0 6px
}
.card__prop-label {
  font-weight: 600
}
.card__block {
  margin-top: 30px
}
.card__block-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.card__block-title:after {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  width: 100%;
  background-color: var(--color-light-gray);
  top: 50%;
  z-index: -1
}
.card__block-title .button,
.card__block-title .card__tab,
.card__block-title .news__tab,
.card__block-title .stores__tab {
  position: relative;
  cursor: default;
  min-width: 228px
}
.card__block-title .button:hover,
.card__block-title .card__tab:hover,
.card__block-title .news__tab:hover,
.card__block-title .stores__tab:hover {
  background-color: #e5e5e5
}
.card__block-title .button:after,
.card__block-title .card__tab:after,
.card__block-title .news__tab:after,
.card__block-title .stores__tab:after {
  content: "";
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 100%;
  display: block;
  border: 7px solid #fff
}
.card__basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0 20px;
  margin-top: 32px
}
@media (min-width:440px) {
  .card__basket {
    grid-gap: 0 50px
  }
}
@media (min-width:768px) {
  .card__basket {
    margin-top: 43px
  }
}
@media (max-width:1199.98px) {
  .card__basket {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.card__add .button,
.card__add .card__tab,
.card__add .news__tab,
.card__add .stores__tab {
  padding-left: 24px;
  padding-right: 24px
}
.card__marketplaces {
  margin-top: 20px
}
.card__marketplaces ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-gap: 6px
}
.card__marketplaces ul li {
  height: 44px;
  width: 44px
}
.card__marketplaces ul li img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: saturate(0);
  filter: saturate(0);
  -webkit-transition: .2s ease;
  transition: .2s ease
}
.card__marketplaces ul li a:hover img {
  -webkit-filter: saturate(1);
  filter: saturate(1)
}
.card__meta {
  margin-top: 48px;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 50px 0
}
@media (min-width:992px) {
  .card__meta {
    grid-template-columns: 450px 1fr;
    grid-gap: 0 50px
  }
}
@media (min-width:1200px) {
  .card__meta {
    grid-gap: 0 133px
  }
}
.card__review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.card__review-photo {
  height: 150px;
  width: 150px
}
.card__review-photo img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%
}
.card__review-name {
  font-weight: 600
}
.card__review-content {
  background-color: var(--color-ultra-light-gray);
  border-radius: 60px;
  text-align: center;
  padding: 20px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.125;
  margin-top: 26px
}
@media (min-width:992px) {
  .card__review-content {
    margin-top: 46px
  }
}
.card__review-product {
  font-weight: 600;
  font-size: 20px
}
.card__review-link {
  margin-top: 16px;
  display: inline-block;
  color: var(--color-orange);
  text-decoration: underline
}
.card__review-date {
  font-size: 13px;
  margin-top: 24px
}
.card__reviews-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-gap: 0 24px;
  margin-top: 20px
}
@media (min-width:992px) {
  .card__reviews-buttons {
    margin-top: 30px;
    grid-gap: 0 49px
  }
}
.card__reviews-buttons .button,
.card__reviews-buttons .card__tab,
.card__reviews-buttons .news__tab,
.card__reviews-buttons .stores__tab {
  min-width: 154px
}
.card__features {
  background-color: rgba(217,217,217,.36);
  border-radius: 58px;
  padding: 40px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  grid-gap: 24px 0
}
@media (min-width:992px) {
  .card__features {
    padding: 40px 66px;
    grid-gap: 48px 0
  }
}
.card__feature {
  display: grid;
  grid-template-columns: 45px 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 0 40px
}
.card__feature-icon {
  height: 45px;
  width: 45px
}
.card__feature-icon img {
  height: 100%;
  width: 100%
}
.card__feature-title {
  font-family: var(--font-heading);
  font-weight: 500
}
.card__feature-text {
  font-size: 13px;
  line-height: 1.25;
  margin-top: 14px
}
.card__info {
  margin-top: 70px
}
@media (max-width:991.98px) {
  .card__tabs {
    padding-bottom: 20px;
    padding-left: 0px !important; 
    flex-direction: column;
  }
  .card__tab.active:after {
    background-color: #ffffff !important;
  }
}
.card__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0 37px;
  padding-bottom: 20px;
  padding-left: 55px
}
.card__tab {
  min-width: 140px
}
.card__tab.active {
  position: relative
}
.card__tab.active:after {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  background-color: var(--color-orange);
  position: absolute;
  bottom: -20px;
  z-index: -1
}
.card__contents {
  background-color: #e5e5e5;
  padding: 60px 52px;
  border-radius: 60px
}
.card__text {
  font-size: 20px;
  line-height: 1.25;
  display: none
}
.card__text.active {
  display: block
}
.card__text b {
  font-size: 24px;
  font-family: var(--font-heading)
}
.card__text p {
  margin: 18px 0
}
.card__text p:first-child {
  margin-top: 0
}
.card__text p:last-child {
  margin-bottom: 0
}
.stores__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-gap: 35px
}
@media (max-width:575.98px) {
  .stores__tabs {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px
  }
}
.stores__tab {
  min-width: 154px
}
.stores__list {
  margin-top: 35px;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 23px 0
}
@media (min-width:768px) {
  .stores__list {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 45px
  }
}
.stores__item {
  background-color: rgba(217,217,217,.36);
  border-radius: 60px;
  padding: 40px 50px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  grid-gap: 24px
}
@media (min-width:992px) {
  .stores__item {
    font-size: 24px;
    padding: 40px 60px
  }
}
.stores__item.dark {
  background-color: var(--color-gray);
  color: #fff
}
.stores__item.dark a {
  color: #fff
}
.stores__item-name {
  font-family: var(--font-heading);
  line-height: 1.25
}
.stores__item-link {
  color: var(--color-dark-gray)
}
.stores__import {
  margin-top: 40px
}
@media (min-width:1200px) {
  .stores__import {
    margin-top: 68px
  }
}
.about__content {
  display: grid;
  grid-template-columns: 1fr
}
@media (min-width:1200px) {
  .about__content {
    grid-template-columns: 1fr 460px;
    grid-gap: 0 60px
  }
}
.about__title {
  margin-bottom: 25px
}
@media (min-width:1200px) {
  .about__title {
    grid-column: span 2
  }
}
.about__text {
  font-size: 16px;
  line-height: 1.25
}
@media (min-width:992px) {
  .about__text {
    font-size: 20px
  }
}
@media (max-width:1199.98px) {
  .about__text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 32px
  }
}
.about__text p {
  margin: 20px 0
}
@media (min-width:768px) {
  .about__text p {
    margin: 30px 0
  }
}
.about__text p:first-child {
  margin-top: 0
}
.about__text p:last-child {
  margin-bottom: 0
}
.about__text ul {
  width: 100%
}
.about__text ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.about__text ul li:before {
  content: "•";
  display: block;
  margin-right: 6px;
  position: absolute;
  left: 0
}
.about__text strong {
  color: var(--color-orange);
  font-weight: 600
}
.about__slogan {
  background: rgba(217,217,217,.36);
  border-radius: 60px;
  font-size: 24px;
  padding: 50px;
  line-height: 1.125
}
@media (min-width:992px) {
  .about__slogan {
    font-size: 32px
  }
}
.about__slogan strong {
  color: var(--color-orange);
  font-weight: 600
}
.about__video {
  width: 100%;
  height: 280px;
  display: block;
  border-radius: 60px;
  overflow: hidden;
  margin-top: 30px
}
@media (min-width:768px) {
  .about__video {
    height: 420px;
    margin-top: 60px
  }
}
@media (min-width:1200px) {
  .about__video {
    height: 320px
  }
}
.about__video img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.about__create {
  margin-top: 84px
}
@media (max-width:767.98px) {
  .about__create-title .headline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    grid-gap: 28px 0;
    padding-left: 0
  }
}
@media (max-width:767.98px) {
  .about__create-title .headline:before {
    top: 20px
  }
}
@media (max-width:767.98px) {
  .about__create-title .headline:after {
    top: 20px
  }
}
@media (max-width:767.98px) {
  .about__create-title .headline__button {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-left: 0
  }
}
.about__create-content {
  background-color: #e5e5e5;
  border-radius: 60px;
  padding: 50px 40px;
  font-size: 16px;
  line-height: 1.1;
  margin-top: 30px
}
@media (min-width:768px) {
  .about__create-content {
    padding: 60px 50px
  }
}
@media (min-width:992px) {
  .about__create-content {
    font-size: 20px
  }
}
.about__create-content p {
  margin: 30px 0
}
.about__create-content p:first-child {
  margin-top: 0
}
.about__create-content p:last-child {
  margin-bottom: 0
}
.about__create-content ul {
  margin: 24px 0
}
.about__create-content span {
  color: var(--color-orange)
}
.article__heading {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (min-width:768px) {
  .article__heading {
    grid-template-columns: 350px 1fr;
    grid-gap: 0 70px
  }
}
.article__picture {
  width: 100%;
  background-color: rgba(239,239,239,.36);
  border-radius: 60px
}
.article__image {
  width: 100%;
  height: 210px
}
.article__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 60px
}
.article__date {
  text-align: center;
  font-size: 13px;
  padding: 20px 0
}
@media (min-width:768px) {
  .article__title {
    -webkit-transform: translateY(-27px);
    transform: translateY(-27px)
  }
}
.article__content {
  font-size: 16px;
  line-height: 1.25;
  margin-top: 40px
}
@media (min-width:992px) {
  .article__content {
    font-size: 24px
  }
}
.article__content p {
  margin: 20px 0
}
@media (min-width:992px) {
  .article__content p {
    margin: 30px 0
  }
}
.article__content p:first-child {
  margin-top: 0
}
.article__content p:last-child {
  margin-bottom: 0
}
.article__content h2,
.article__content h3,
.article__content h4 {
  color: #e3016b
}
.article__content h2 {
  font-size: 24px
}
@media (min-width:992px) {
  .article__content h2 {
    font-size: 28px
  }
}
.article__content a {
  color: #e3016b;
  text-decoration: underline
}
.article__content img {
  max-width: 100%;
  border-radius: 60px;
  margin: 16px 0
}
@media (min-width:768px) {
  .article__content img {
    margin: 32px 0
  }
}
.article__share {
  margin-top: 24px
}
@media (min-width:768px) {
  .article__share {
    margin-top: 32px
  }
}
.faq__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  grid-gap: 63px 0
}
.faq__item {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 32px 0;
  color: #5e5e5e
}
@media (min-width:768px) {
  .faq__item {
    grid-template-columns: 231px 1fr;
    grid-gap: 0 25px
  }
}
@media (min-width:1200px) {
  .faq__item {
    grid-template-columns: 314px 1fr
  }
}
.faq__item-image {
  width: 100%
}
@media (max-width:767.98px) {
  .faq__item-image {
    width: 231px;
    height: 231px
  }
}
.faq__item-image img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 60px
}
.faq__item-title {
  background-color: rgba(217,217,217,.36);
  font-family: var(--font-heading);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 0 22px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.25;
  border-radius: 60px;
  padding: 24px 30px
}
@media (min-width:768px) {
  .faq__item-title {
    font-size: 24px;
    grid-gap: 0 26px;
    padding: 30px 40px
  }
}
.faq__item-title:before {
  content: "";
  display: block;
  height: 30px;
  width: 30px;
  background-image: url(/local/templates/drydry/assets/css/../icons/question.png);
  background-size: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media (min-width:768px) {
  .faq__item-title:before {
    height: 50px;
    width: 50px;
    background-size: 50px
  }
}
.faq__item-text {
  font-size: 16px;
  position: relative;
  margin-left: 40px;
  margin-top: 30px;
  padding-left: 46px;
  line-height: 1.25
}
@media (min-width:768px) {
  .faq__item-text {
    font-size: 24px;
    margin-left: 90px;
    margin-top: 50px;
    padding-left: 76px
  }
}
.faq__item-text:before {
  content: "";
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  background-image: url(/local/templates/drydry/assets/css/../icons/answer.png);
  background-size: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  left: 0;
  top: 0
}
@media (min-width:768px) {
  .faq__item-text:before {
    height: 50px;
    width: 50px;
    background-size: 50px
  }
}
.faq__item-text p {
  margin: 20px 0
}
@media (min-width:768px) {
  .faq__item-text p {
    margin: 32px 0
  }
}
.faq__item-text p:first-child {
  margin-top: 0
}
.faq__item-text p:last-child {
  margin-bottom: 0
}
.reviews__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  grid-gap: 40px 0
}
@media (min-width:768px) {
  .reviews__list {
    grid-gap: 90px 0
  }
}
.reviews__item {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 35px 0
}
@media (min-width:768px) {
  .reviews__item {
    grid-template-columns: 230px 1fr;
    grid-gap: 0 58px
  }
}
.reviews__picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 6px 0
}
.reviews__photo {
  height: 150px;
  width: 150px;
  position: relative
}
.reviews__photo:after {
  content: "";
  display: block;
  height: 7px;
  width: 35px;
  background-image: url(/local/templates/drydry/assets/css/../icons/reviews-dots.svg);
  background-size: 35px;
  position: absolute;
  bottom: -42px;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
@media (min-width:768px) {
  .reviews__photo:after {
    right: -66px;
    top: 50%;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}
.reviews__photo img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%
}
.reviews__name {
  font-size: 16px;
  font-weight: 600;
  text-align: center
}
.reviews__content {
  background-color: var(--color-ultra-light-gray);
  border-radius: 60px;
  padding: 16px 40px;
  text-align: center
}
@media (min-width:768px) {
  .reviews__content {
    padding: 24px 40px
  }
}
.reviews__product {
  font-size: 16px;
  font-weight: 600
}
@media (min-width:768px) {
  .reviews__product {
    font-size: 20px
  }
}
.reviews__text {
  margin-top: 8px;
  font-size: 14px
}
@media (min-width:768px) {
  .reviews__text {
    font-size: 16px;
    margin-top: 24px
  }
}
.reviews__link {
  margin-top: 16px;
  font-size: 14px
}
@media (min-width:768px) {
  .reviews__link {
    margin-top: 24px;
    font-size: 16px
  }
}
.reviews__link a {
  color: var(--color-orange);
  text-decoration: underline
}
.reviews__date {
  font-size: 13px;
  margin-top: 16px
}
@media (min-width:768px) {
  .reviews__date {
    margin-top: 24px
  }
}
.reviews__load {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px
}
@media (min-width:768px) {
  .reviews__load {
    margin-top: 70px
  }
}
.reviews__load .button,
.reviews__load .card__tab,
.reviews__load .news__tab,
.reviews__load .stores__tab {
  min-width: 154px
}
.video__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 40px 0
}
@media (min-width:576px) {
  .video__list {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px
  }
}
@media (min-width:992px) {
  .video__list {
    grid-template-columns: repeat(3,1fr)
  }
}
@media (min-width:1200px) {
  .video__list {
    grid-gap: 70px 80px
  }
}
.video__item {
  background-color: rgba(239,239,239,.36);
  border-radius: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column
}
.video__item:hover .video__item-image:after {
  opacity: 1
}
.video__item-image {
  height: 240px;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 60px;
  overflow: hidden;
  cursor: pointer;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media (min-width:576px) {
  .video__item-image {
    height: 190px
  }
}
@media (min-width:1200px) {
  .video__item-image {
    height: 210px
  }
}
.video__item-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 60px
}
.video__item-image:before {
  content: "";
  height: 63px;
  width: 63px;
  display: block;
  background-image: url(/local/templates/drydry/assets/css/../icons/play.png);
  background-size: 63px;
  position: absolute;
  z-index: 2
}
.video__item-image:after {
  content: "";
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,.38);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: .2s ease;
  transition: .2s ease
}
.video__item-content {
  text-align: center;
  padding: 24px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column
}
.video__item-name {
  font-weight: 600
}
.video__item-desc {
  margin-top: 20px;
  line-height: 1.25
}
.video__item-date {
  font-size: 13px;
  margin-top: 24px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.video__load {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 58px
}
@media (min-width:768px) {
  .video__load {
    margin-top: 70px
  }
}
.video__load .button,
.video__load .card__tab,
.video__load .news__tab,
.video__load .stores__tab {
  min-width: 154px
}
.contacts__row {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 24px 0;
  margin-top: 20px;
}
@media (min-width:768px) {
  .contacts__row {
    grid-template-columns: 1fr minmax(0,400px);
    grid-gap: 0 24px
  }
}
@media (min-width:992px) {
  .contacts__row {
    grid-template-columns: 1fr minmax(0,480px)
  }
}
@media (min-width:1200px) {
  .contacts__row {
    grid-template-columns: 1fr minmax(0,593px)
  }
}
.contacts__offices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  grid-gap: 50px 0;
  margin-top: 30px
}
@media (min-width:768px) {
  .contacts__offices {
    margin-top: 60px
  }
}
@media (min-width:992px) {
  .contacts__offices {
    grid-gap: 60px 0
  }
}
.contacts__office {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 24px
}
@media (min-width:576px) {
  .contacts__office {
    grid-template-columns: 200px 1fr;
    grid-gap: 40px
  }
}
@media (min-width:992px) {
  .contacts__office {
    grid-template-columns: 200px 1fr 380px;
    grid-gap: 0 55px
  }
}
.contacts__office-image {
  aspect-ratio: 1/1
}
.contacts__office-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 60px
}
@media (max-width:991.98px) {
  .contacts__office-phone {
    grid-column: span 2
  }
}
@media (max-width:575.98px) {
  .contacts__office-phone {
    grid-column: span 1
  }
}
.contacts__office-phone .contacts__info {
  padding: 50px
}
.contacts__office-title {
  margin-bottom: 20px
}
.article__content .contacts__office-title h2,
.article__content .contacts__office-title h3,
.article__content .contacts__office-title h4,
.contacts__office-title .article__content h2,
.contacts__office-title .article__content h3,
.contacts__office-title .article__content h4,
.contacts__office-title .heading,
.contacts__office-title .popup__title {
  font-size: 24px
}
.contacts__office-desc {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.25
}
.contacts__office-data {
  font-size: 20px;
  line-height: 1.25
}
.contacts__office-site {
  font-size: 24px;
  margin-top: 20px
}
.contacts__office-site a {
  color: var(--color-orange)
}
.contacts__info {
  background-color: rgba(217,217,217,.36);
  padding: 50px;
  border-radius: 60px;
  font-weight: 600
}
@media (min-width:992px) {
  .contacts__info {
    padding: 75px
  }
}
.contacts__phone {
  font-size: 28px
}
@media (min-width:576px) {
  .contacts__phone {
    font-size: 32px
  }
}
.contacts__shedule {
  font-size: 20px;
  margin-top: 40px
}
@media (min-width:576px) {
  .contacts__shedule {
    font-size: 24px
  }
}
.contacts__block {
  margin-bottom: 40px
}
.contacts__block--phone .contacts__block-text {
  margin-left: 0
}
.contacts__block-title {
  margin-bottom: 28px
}
.article__content .contacts__block-title h2,
.article__content .contacts__block-title h3,
.article__content .contacts__block-title h4,
.contacts__block-title .article__content h2,
.contacts__block-title .article__content h3,
.contacts__block-title .article__content h4,
.contacts__block-title .heading,
.contacts__block-title .popup__title {
  font-size: 28px
}
.contacts__block-subtitle {
  margin: 24px 0 10px 20px;
}
.article__content .contacts__block-subtitle h2,
.article__content .contacts__block-subtitle h3,
.article__content .contacts__block-subtitle h4,
.contacts__block-subtitle .article__content h2,
.contacts__block-subtitle .article__content h3,
.contacts__block-subtitle .article__content h4,
.contacts__block-subtitle .heading,
.contacts__block-subtitle .popup__title {
  font-size: 24px
}
.contacts__block-text {
  font-size: 20px;
  margin-left: 20px;
  line-height: 1.25
}
.contacts__block-text a {
  color: var(--color-dark-gray)
}
.contacts__block-text .phone {
  text-decoration: underline
}
.contacts__block-text p {
  margin: 16px 0
}
.contacts__block-text p:first-child {
  margin-top: 0
}
.contacts__block-text p:last-child {
  margin-bottom: 0
}
.contacts__partners {
  margin-top: 60px
}
@media (min-width:992px) {
  .contacts__partners {
    margin-top: 120px
  }
}
.contacts__features {
  background-color: rgba(217,217,217,.36);
  padding: 50px;
  border-radius: 60px
}
@media (min-width:992px) {
  .contacts__features {
    padding: 75px
  }
}
.article__content .contacts__features-title h2,
.article__content .contacts__features-title h3,
.article__content .contacts__features-title h4,
.contacts__features-title .article__content h2,
.contacts__features-title .article__content h3,
.contacts__features-title .article__content h4,
.contacts__features-title .heading,
.contacts__features-title .popup__title {
  font-size: 24px
}
.contacts__features-list {
  font-size: 20px;
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 20px 0
}
.contacts__features-name {
  font-weight: 600;
  color: var(--color-orange);
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0 13px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 12px
}
.contacts__features-name:before {
  content: "";
  display: block;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: var(--color-orange)
}
.contacts__features-text {
  line-height: 1.125
}
.contacts__features-info {
  font-size: 20px;
  line-height: 1.125;
  margin-top: 20px
}
.contacts__features-info span {
  color: var(--color-orange)
}
.contacts__callback {
  margin-top: 66px
}
.contacts__form {
  background-color: rgba(217,217,217,.36);
  border-radius: 60px;
  padding: 50px
}
@media (min-width:992px) {
  .contacts__form {
    padding: 75px
  }
}
.contacts__form-desc {
  font-size: 16px;
  margin-top: 16px;
  line-height: 1.25
}
@media (min-width:768px) {
  .contacts__form-desc {
    margin-top: 30px;
    font-size: 20px
  }
}
.contacts__form-desc strong {
  font-weight: 600
}
.contacts__form-fields {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  grid-gap: 40px 0
}
@media (min-width:768px) {
  .contacts__form-fields {
    grid-gap: 20px 0;
    margin-top: 60px
  }
}
.contacts__form-fields .field {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 14px 0
}
@media (min-width:768px) {
  .contacts__form-fields .field {
    grid-template-columns: 1fr 420px;
    grid-gap: 20px
  }
}
@media (min-width:992px) {
  .contacts__form-fields .field {
    grid-template-columns: 1fr 574px
  }
}
@media (min-width:1200px) {
  .contacts__form-fields .field {
    grid-template-columns: 1fr 624px
  }
}
@media (min-width:768px) {
  .contacts__form-fields .field__label {
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }
}
.contacts__form-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 36px
}
@media (min-width:768px) {
  .contacts__form-button {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
}
.contacts__form-button .button,
.contacts__form-button .card__tab,
.contacts__form-button .news__tab,
.contacts__form-button .stores__tab {
  font-size: 24px;
  font-weight: 600;
  height: 66px;
  border-radius: 60px;
  padding: 0 32px
}
@media (max-width:767.98px) {
  .contacts__form-button .button,
  .contacts__form-button .card__tab,
  .contacts__form-button .news__tab,
  .contacts__form-button .stores__tab {
    width: 100%;
    padding: 0
  }
}
.contacts__map {
  height: 300px;
  margin-top: 54px
}
@media (min-width:768px) {
  .contacts__map {
    height: 400px;
    margin-top: 75px
  }
}
@media (min-width:1200px) {
  .contacts__map {
    height: 500px
  }
}
.contacts__map iframe {
  width: 100%;
  height: 100%
}
.popup {
  background: var(--color-dark-gray)!important;
  max-width: 720px;
  border-radius: 60px;
  display: none;
  padding: 30px!important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff!important
}
@media (min-width:768px) {
  .popup {
    padding: 60px!important
  }
}
.popup__desc {
  margin-top: 1.5rem;
  line-height: 1.5
}
.popup__form {
  margin-top: 2rem
}
.popup__form input {
  color: var(--color-dark-gray)
}
.popup__form .field__label {
  margin-bottom: .5rem
}
.popup__form .field {
  margin: 1.5rem 0
}
.popup__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.popup__submit .button,
.popup__submit .card__tab,
.popup__submit .news__tab,
.popup__submit .stores__tab {
  height: 43px;
  min-width: 360px;
  border-radius: 60px;
  font-size: 18px
}
@media (min-width:992px) {
  .popup__submit .button,
  .popup__submit .card__tab,
  .popup__submit .news__tab,
  .popup__submit .stores__tab {
    height: 66px;
    font-size: 24px
  }
}
.fancybox__backdrop {
  background: rgba(255,255,255,.4)!important;
  backdrop-filter: blur(8px)
}
.footer {
  margin-top: 40px;
  padding-bottom: 60px
}
@media (min-width:992px) {
  .footer {
    margin-top: 90px;
    padding-bottom: 0
  }
}
.footer__wrapper {
  background-color: rgba(217,217,217,.36);
  border-radius: 60px 60px 0 0;
  display: grid;
  grid-template-columns: 1fr;
  padding: 60px 40px 40px
}
@media (min-width:992px) {
  .footer__wrapper {
    grid-template-columns: 170px 1fr 170px;
    padding: 20px 40px
  }
}
@media (min-width:1200px) {
  .footer__wrapper {
    grid-template-columns: 240px 1fr 240px;
    padding: 20px 70px
  }
}
.footer__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.footer__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateY(12px);
  transform: translateY(12px)
}
@media (max-width:991.98px) {
  .footer__logo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: none;
    transform: none
  }
}
.footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0 25px;
  font-size: 14px
}
@media (max-width:991.98px) {
  .footer__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    text-align: center;
    grid-gap: 10px 0;
    margin: 24px 0
  }
}
.footer__nav a {
  color: var(--color-orange)
}
.footer__contacts {
  margin-top: 20px
}
@media (max-width:991.98px) {
  .footer__contacts {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-top: 30px
  }
}
.footer__contacts a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e5e5e5;
  color: var(--color-dark-gray);
  padding: 19px 24px;
  border-radius: 60px;
  line-height: 1.25
}
.footer__contacts a:hover {
  color: var(--color-orange)
}
.footer__contacts a .phone {
  font-size: 20px;
  font-weight: 600
}
.footer__contacts a .label {
  font-size: 13px
}
.footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 0 8px
}
@media (max-width:991.98px) {
  .footer__social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.footer__social-item {
  display: block
}
@media (max-width:1199.98px) {
  .footer__social-item {
    height: 34px;
    width: 34px
  }
}
.footer__social-item svg {
  height: 100%;
  width: 100%
}
.footer__privacy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-top: 20px;
  font-size: 13px
}
@media (min-width:992px) {
  .footer__privacy {
    grid-column: span 3
  }
}
@media (max-width:991.98px) {
  .footer__privacy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.footer__privacy a {
  color: var(--color-dark-gray);
  text-decoration: underline
}
.footer__privacy a:hover {
  color: var(--color-orange)
}
.footer__privacy-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media (max-width:991.98px) {
  .footer__privacy-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 8px 0;
    text-align: center
  }
}
.footer__privacy-item:after {
  content: "|";
  margin: 0 4px
}
@media (max-width:991.98px) {
  .footer__privacy-item:after {
    display: none
  }
}
.footer__privacy-item:last-child:after {
  display: none
}
.footer__dev {
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px)
}
@media (max-width:991.98px) {
  .footer__dev {
    position: relative;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin: 10px 0
  }
}

.years__link {
  color: #525252;
}

.years__link:hover {
  color: #FF5100;
}
/* Auth Form */

.bx-authform {
  margin-top: 20px;
}

.btn-primary {
  border-left-color: #FF5100;
    box-shadow: rgba(49, 132, 253, 0.208) 0px 0px 0px 1.31846px;
    border-right-color: #FF5100;
    border-top-color: #FF5100;
    background-color: #FF5100;
    border-bottom-color: #FF5100;
}

.btn-primary:hover {
    border-top-color: #FF5100;
    background-color: #bf3d00;
    border-bottom-color: #bf3d00;
    border-color: #bf3d00;
}

.bx-authform-link-container a {
  color: #FF5100;
}
/* End */
/* /local/templates/drydry/assets/css/main.css?176735340987387 */