@charset "UTF-8";
@font-face {
  font-family: "proxima";
  font-style: normal;
  font-weight: 100;
  src: url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/thin/thin.eot");
  src: url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/thin/thin.eot?#iefix") format("embedded-opentype"), url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/thin/thin.woff") format("woff"), url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/thin/thin.ttf") format("truetype");
}
@font-face {
  font-family: "proxima";
  font-style: normal;
  font-weight: 300;
  src: url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/light/light.eot");
  src: url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/light/light.eot?#iefix") format("embedded-opentype"), url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/light/light.woff") format("woff"), url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/light/light.ttf") format("truetype");
}
@font-face {
  font-family: "proxima";
  font-style: normal;
  font-weight: 400;
  src: url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/regular/regular.eot");
  src: url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/regular/regular.eot?#iefix") format("embedded-opentype"), url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/regular/regular.woff") format("woff"), url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/regular/regular.ttf") format("truetype");
}
@font-face {
  font-family: "proxima";
  font-style: normal;
  font-weight: 500;
  src: url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/semibold/semibold.eot");
  src: url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/semibold/semibold.eot?#iefix") format("embedded-opentype"), url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/semibold/semibold.woff") format("woff"), url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/semibold/semibold.ttf") format("truetype");
}
@font-face {
  font-family: "proxima";
  font-style: normal;
  font-weight: 700;
  src: url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/bold/bold.eot");
  src: url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/bold/bold.eot?#iefix") format("embedded-opentype"), url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/bold/bold.woff") format("woff"), url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/bold/bold.ttf") format("truetype");
}
@font-face {
  font-family: "proxima";
  font-style: normal;
  font-weight: 800;
  src: url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/e-bold/e-bold.eot");
  src: url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/e-bold/e-bold.eot?#iefix") format("embedded-opentype"), url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/e-bold/e-bold.woff") format("woff"), url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/e-bold/e-bold.ttf") format("truetype");
}
@font-face {
  font-family: "proxima";
  font-style: normal;
  font-weight: 900;
  src: url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/black/black.eot");
  src: url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/black/black.eot?#iefix") format("embedded-opentype"), url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/black/black.woff") format("woff"), url("https://www.aquaphor.ru/userfiles/new_support_images/fonts/proxima/black/black.ttf") format("truetype");
}
.alignleft {
  float: left;
  margin: 0 10px 5px 0;
}

.alignright {
  float: right;
  margin: 0 0 5px 10px;
}

.aligncenter {
  display: block;
  margin: 0 auto 5px;
}

.page-wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.hidden-text {
  display: none;
}

.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}

.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}

.d-flex {
  display: flex;
}

div.fixed-cart-container {
  margin: 0;
  padding: 0 0 0 65px;
}

@media only screen and (max-width: 1269px) {
  div.fixed-cart-container {
    padding: 0 0 0 40px;
  }
}
input[type=submit] {
  cursor: pointer;
}

.btn {
  align-items: center;
  background: linear-gradient(180deg, #2960CC 0%, rgba(18, 72, 178, 0) 100%), #1248B2;
  border: none;
  border-radius: 40px;
  box-shadow: 0 5px 10px rgba(0, 56, 166, 0.4);
  color: #fff;
  display: inline-flex;
  font-family: var(--font-family-rg), sans-serif;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  letter-spacing: 1.35px;
  padding: 0 32px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.25s ease;
}
.btn:hover {
  background: #073FAB;
  color: #fff;
}
.btn:active {
  background: #003499;
  box-shadow: 0 2px 5px rgba(0, 56, 166, 0.4);
  color: #fff;
}
.btn:focus {
  outline: none;
}
.btn[disabled] {
  background: linear-gradient(180deg, #2960CC 0%, rgba(18, 72, 178, 0) 100%), #1248B2 !important;
  color: rgba(255, 255, 255, 0.5);
  cursor: no-drop;
  opacity: 0.5;
}
.btn-large {
  border-radius: 48px;
  font-size: 14px;
  height: 48px;
}
.btn-small {
  border-radius: 32px;
  font-size: 12px;
  height: 40px;
  padding: 0 24px;
}
.btn.loading {
  color: transparent;
}
.btn.loading:hover {
  color: transparent;
}
.btn.loading.btn-large::before {
  height: 40px;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  width: 40px;
}
.btn.loading.btn-small::before {
  height: 24px;
  left: calc(50% - 12px);
  top: calc(50% - 12px);
  width: 24px;
}
.btn.loading::before {
  animation: loading 2s infinite ease;
  background: url("img/icon-loading.svg") no-repeat center;
  background-size: cover;
  content: "";
  height: 32px;
  left: calc(50% - 16px);
  position: absolute;
  top: calc(50% - 16px);
  width: 32px;
}
@keyframes loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.btn-white {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #B3C4E6 100%), #FFFFFF;
  box-shadow: 0 5px 10px rgba(43, 27, 53, 0.15);
  color: #073FAB;
}
.btn-white:hover {
  background: #FFF;
}
.btn-white:active {
  background: #FFF;
  opacity: 0.85;
  box-shadow: 0 2px 5px rgba(43, 27, 53, 0.15);
}
.btn-white[disabled] {
  background: linear-gradient(180deg, rgba(241, 246, 255, 0) 0%, #B3C4E6 100%), #FFFFFF !important;
  color: #073FAB;
}
.btn-white.loading {
  background: #FFF;
}
.btn-white.loading::before {
  background-image: url("img/icon-loading-blue.svg");
}
.btn-pink {
  background: linear-gradient(180deg, #EB4785 0%, rgba(238, 0, 90, 0) 100%), #EE005A;
  box-shadow: 0 5px 10px rgba(238, 0, 90, 0.4);
  color: #fff;
}
.btn-pink:hover {
  background: #DB0053;
  box-shadow: 0px 5px 10px rgba(238, 0, 90, 0.4);
  color: #fff;
}
.btn-pink:active {
  background: #B80045;
  box-shadow: 0px 2px 5px rgba(204, 0, 77, 0.4);
  color: #fff;
}
.btn-pink[disabled] {
  background: linear-gradient(180deg, #EB4785 0%, rgba(238, 0, 90, 0) 100%), #EE005A !important;
  color: rgba(18, 72, 178, 0.5);
}
.btn-pink.loading {
  background: #fff;
}
.btn-pink.loading::before {
  background-image: url("img/icon-loading.svg");
}
.btn-secondary {
  background: #F1F6FF;
  box-shadow: none;
  color: #1248B2;
}
.btn-secondary:hover {
  background: #F1F6FF;
  box-shadow: none;
  color: rgba(18, 72, 178, 0.5);
}
.btn-secondary:active {
  background: #E6EFFF;
  box-shadow: none;
}
.btn-secondary[disabled] {
  background: #F1F6FF !important;
  color: rgba(18, 72, 178, 0.5);
}
.btn-secondary.loading {
  background: #F1F6FF;
}
.btn-secondary.loading::before {
  background-image: url("img/icon-loading-blue.svg");
}
.btn-secondary-light {
  background: #fff;
  color: #1248B2;
}
.btn-secondary-light:hover {
  background: #fff;
  color: rgba(18, 72, 178, 0.5);
}
.btn-secondary-light:active {
  background: rgba(255, 255, 255, 0.8);
  color: rgba(18, 72, 178, 0.5);
}
.btn-secondary-light[disabled] {
  background: #fff !important;
  color: rgba(18, 72, 178, 0.5);
}
.btn-secondary-light.loading {
  background: #fff;
}
.btn-secondary-light.loading::before {
  background-image: url("img/icon-loading-blue.svg");
}
.btn-secondary-dark {
  background: rgba(241, 246, 255, 0.2);
  color: #fff;
}
.btn-secondary-dark:hover {
  background: rgba(241, 246, 255, 0.2);
  color: rgba(255, 255, 255, 0.5);
}
.btn-secondary-dark:active {
  background: rgba(255, 255, 255, 0.15);
}
.btn-secondary-dark[disabled] {
  background: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.5);
}
.btn-secondary-dark.loading {
  background: rgba(241, 246, 255, 0.2);
}
.btn-secondary-dark.loading::before {
  background-image: url("img/icon-loading.svg");
}
.btn-outline {
  background: transparent;
  border: 2px solid #F1F6FF;
  box-shadow: none;
  color: #1248B2;
}
.btn-outline:hover {
  background: #F1F6FF;
  box-shadow: none;
  color: rgba(18, 72, 178, 0.5);
}
.btn-outline:active {
  background: #E6EFFF;
  box-shadow: none;
  color: rgba(18, 72, 178, 0.5);
}
.btn-outline[disabled] {
  background: transparent !important;
  color: rgba(18, 72, 178, 0.25);
  opacity: 1;
}
.btn-outline.loading {
  background: transparent;
}
.btn-outline.loading::before {
  background-image: url("img/icon-loading-blue.svg");
}
.btn-outline-light {
  background: transparent;
  border: 2px solid #FFFFFF;
  color: #1248B2;
}
.btn-outline-light:hover {
  background: #fff;
  color: rgba(18, 72, 178, 0.5);
}
.btn-outline-light:active {
  background: rgba(255, 255, 255, 0.85);
  color: rgba(18, 72, 178, 0.5);
}
.btn-outline-light[disabled] {
  border-color: rgba(255, 255, 255, 0.5);
  background: transparent !important;
  color: rgba(18, 72, 178, 0.25);
}
.btn-outline-light.loading {
  background: transparent;
}
.btn-outline-light.loading::before {
  background-image: url("img/icon-loading-blue.svg");
}
.btn-outline-dark {
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: #fff;
}
.btn-outline-dark:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent;
  color: #fff;
}
.btn-outline-dark:active {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.btn-outline-dark[disabled] {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.25);
}
.btn-outline-dark.loading {
  background: transparent;
  color: transparent;
}
.btn-outline-dark.loading:hover, .btn-outline-dark.loading:active {
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: transparent;
}
.btn-outline-dark.loading::before {
  background-image: url("img/icon-loading.svg");
}

.login-modal-window .jq-checkbox.checked ~ .checkbox-title::after {
  display: block;
  content: " ";
  position: absolute;
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #0049bc;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  transition: none;
}
.login-modal-window .checkbox {
  cursor: pointer;
  display: block;
  margin: 0 0 32px;
  position: relative;
}
.login-modal-window .checkbox.blue .checkbox-title {
  color: #2B1B35;
}
.login-modal-window .checkbox.blue .checkbox-title:hover::before {
  border: 1px solid rgba(18, 72, 178, 0.5);
}
.login-modal-window .checkbox.blue .checkbox-title::before {
  background: #fff;
  border: 1px solid #C0BBC3;
}
.login-modal-window .checkbox.light .checkbox-title {
  color: #fff;
}
.login-modal-window .checkbox.light .checkbox-title:hover::before {
  border-color: #fff;
}
.login-modal-window .checkbox.light .checkbox-title::before {
  border-color: rgba(255, 255, 255, 0.5);
}
.login-modal-window .checkbox.light.disabled input[type=checkbox]:checked + .checkbox-title::before {
  border-color: transparent;
  background: rgba(192, 187, 195, 0.5);
}
.login-modal-window .checkbox.light.disabled .checkbox-title {
  color: rgba(255, 255, 255, 0.25);
}
.login-modal-window .checkbox.light.disabled .checkbox-title::before {
  border: 1px solid rgba(192, 187, 195, 0.5);
}
.login-modal-window .checkbox input[type=checkbox] {
  position: absolute;
  visibility: hidden;
}
.login-modal-window .checkbox input[type=checkbox]:checked + .checkbox-title::before {
  border-color: #164CB5;
  background: #164CB5;
}
.login-modal-window .checkbox input[type=checkbox]:checked + .checkbox-title::after {
  opacity: 1;
}
.login-modal-window .checkbox.disabled {
  cursor: no-drop;
}
.login-modal-window .checkbox.disabled .checkbox-title {
  color: rgba(43, 27, 53, 0.25);
}
.login-modal-window .checkbox.disabled .checkbox-title::before {
  border-color: #C0BBC3;
}
.login-modal-window .checkbox.disabled input[type=checkbox]:checked + .checkbox-title::before {
  border-color: #C0BBC3;
  background: #C0BBC3;
}
.login-modal-window .checkbox.all-checked .checkbox-title::after {
  background: url("img/all-checked.svg") no-repeat center;
}
.login-modal-window .checkbox-title {
  color: #2B1B35;
  display: block;
  font-size: 16px;
  line-height: 20px;
  padding: 2px 0 0 36px;
  position: relative;
}
@media (min-width: 560px) {
  .login-modal-window .checkbox-title {
    padding: 2px 30px 0 36px;
  }
}
@media (min-width: 768px) {
  .login-modal-window .checkbox-title {
    padding: 2px 0 0 36px;
  }
}
@media (min-width: 1024px) {
  .login-modal-window .checkbox-title {
    line-height: 24px;
    padding: 0 0 0 36px;
  }
}
.login-modal-window .checkbox-title:hover::before {
  border-color: rgba(18, 72, 178, 0.5);
}
.login-modal-window .checkbox-title::before {
  border: 1px solid #C0BBC3;
  border-radius: 5px;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.25s ease;
  width: 24px;
}
.login-modal-window .checkbox.small .checkbox-title {
  font-size: 14px;
  line-height: 18px;
  padding: 0 0 0 24px;
}
.login-modal-window .checkbox.small .checkbox-title::before {
  height: 16px;
  width: 16px;
}
.login-modal-window .checkbox.small .checkbox-title::after {
  background: url("img/icon-checkbox-small.svg") no-repeat center;
  height: 18px;
  width: 18px;
}
.login-modal-window .checkbox.small.all-checked .checkbox-title::after {
  background: url("img/all-checked.svg") no-repeat center;
  background-size: 8px auto;
}

.login-modal-window .form-wrapper {
  font-family: "proxima", sans-serif;
  margin: auto;
  max-width: 449px;
  padding: 64px 12px;
  width: 100%;
}
.login-modal-window .form-wrapper .input-field input[type=text],
.login-modal-window .form-wrapper .input-field input[type=tel],
.login-modal-window .form-wrapper .input-field input[type=password],
.login-modal-window .form-wrapper .input-field input[type=number],
.login-modal-window .form-wrapper .input-field input[type=email] {
  border: 1px solid #E4E7EB;
  border-radius: 40px;
  color: #2B1B35;
  font-size: 16px;
  height: 40px;
  margin: 0 0 12px;
  padding: 0 24px;
  transition: all 0.25s ease;
  width: 100%;
}
.login-modal-window .form-wrapper .input-field input[type=text][type=tel],
.login-modal-window .form-wrapper .input-field input[type=tel][type=tel],
.login-modal-window .form-wrapper .input-field input[type=password][type=tel],
.login-modal-window .form-wrapper .input-field input[type=number][type=tel],
.login-modal-window .form-wrapper .input-field input[type=email][type=tel] {
  max-width: 175px;
}
.login-modal-window .form-wrapper .input-field input[type=text]:focus,
.login-modal-window .form-wrapper .input-field input[type=tel]:focus,
.login-modal-window .form-wrapper .input-field input[type=number]:focus,
.login-modal-window .form-wrapper .input-field input[type=password]:focus,
.login-modal-window .form-wrapper .input-field input[type=email]:focus {
  border-color: rgba(0, 73, 188, 0.5);
  outline: none;
}
.login-modal-window .form-wrapper .input-field input[type=text]:active,
.login-modal-window .form-wrapper .input-field input[type=tel]:active,
.login-modal-window .form-wrapper .input-field input[type=password]:active,
.login-modal-window .form-wrapper .input-field input[type=number]:active,
.login-modal-window .form-wrapper .input-field input[type=email]:active {
  border-color: #1248B2;
}
.light .login-modal-window .form-wrapper .input-field input[type=text],
.light .login-modal-window .form-wrapper .input-field input[type=tel],
.light .login-modal-window .form-wrapper .input-field input[type=password],
.light .login-modal-window .form-wrapper .input-field input[type=number],
.light .login-modal-window .form-wrapper .input-field input[type=email] {
  background: #fff;
  border-color: #fff;
}
.light .login-modal-window .form-wrapper .input-field input[type=text]:focus,
.light .login-modal-window .form-wrapper .input-field input[type=tel]:focus,
.light .login-modal-window .form-wrapper .input-field input[type=password]:focus,
.light .login-modal-window .form-wrapper .input-field input[type=number]:focus,
.light .login-modal-window .form-wrapper .input-field input[type=email]:focus {
  border-color: rgba(0, 73, 188, 0.5);
}
.light .login-modal-window .form-wrapper .input-field input[type=text]:active,
.light .login-modal-window .form-wrapper .input-field input[type=tel]:active,
.light .login-modal-window .form-wrapper .input-field input[type=password]:active,
.light .login-modal-window .form-wrapper .input-field input[type=number]:active,
.light .login-modal-window .form-wrapper .input-field input[type=email]:active {
  border-color: #1248B2;
}
.light .login-modal-window .form-wrapper .input-field input[type=text].success,
.light .login-modal-window .form-wrapper .input-field input[type=tel].success,
.light .login-modal-window .form-wrapper .input-field input[type=password].success,
.light .login-modal-window .form-wrapper .input-field input[type=number].success,
.light .login-modal-window .form-wrapper .input-field input[type=email].success {
  background: linear-gradient(0deg, rgba(97, 203, 86, 0.05), rgba(97, 203, 86, 0.05)), #FFFFFF;
  border: 1px solid #61CB56;
}
.light .login-modal-window .form-wrapper .input-field input[type=text].error,
.light .login-modal-window .form-wrapper .input-field input[type=tel].error,
.light .login-modal-window .form-wrapper .input-field input[type=password].error,
.light .login-modal-window .form-wrapper .input-field input[type=number].error,
.light .login-modal-window .form-wrapper .input-field input[type=email].error {
  background: linear-gradient(0deg, rgba(238, 0, 90, 0.05), rgba(238, 0, 90, 0.05)), #FFFFFF;
  border: 1px solid #EE005A;
}
.light .login-modal-window .form-wrapper .input-field input[type=text].warning,
.light .login-modal-window .form-wrapper .input-field input[type=tel].warning,
.light .login-modal-window .form-wrapper .input-field input[type=password].warning,
.light .login-modal-window .form-wrapper .input-field input[type=number].warning,
.light .login-modal-window .form-wrapper .input-field input[type=email].warning {
  background: linear-gradient(0deg, rgba(255, 127, 5, 0.05), rgba(255, 127, 5, 0.05)), #FFFFFF;
  border: 1px solid #FF7F05;
}
.light .login-modal-window .form-wrapper .input-field input[type=text][disabled]:-moz-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=tel][disabled]:-moz-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=password][disabled]:-moz-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=number][disabled]:-moz-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=email][disabled]:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
}
.light .login-modal-window .form-wrapper .input-field input[type=text][disabled]::-moz-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=tel][disabled]::-moz-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=password][disabled]::-moz-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=number][disabled]::-moz-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=email][disabled]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
}
.light .login-modal-window .form-wrapper .input-field input[type=text][disabled]:-ms-input-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=tel][disabled]:-ms-input-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=password][disabled]:-ms-input-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=number][disabled]:-ms-input-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=email][disabled]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
}
.light .login-modal-window .form-wrapper .input-field input[type=text][disabled]::-webkit-input-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=tel][disabled]::-webkit-input-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=password][disabled]::-webkit-input-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=number][disabled]::-webkit-input-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=email][disabled]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
}
.light .login-modal-window .form-wrapper .input-field input[type=text][disabled]:focus:-moz-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=tel][disabled]:focus:-moz-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=password][disabled]:focus:-moz-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=number][disabled]:focus:-moz-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=email][disabled]:focus:-moz-placeholder {
  color: transparent !important;
}
.light .login-modal-window .form-wrapper .input-field input[type=text][disabled]:focus::-moz-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=tel][disabled]:focus::-moz-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=password][disabled]:focus::-moz-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=number][disabled]:focus::-moz-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=email][disabled]:focus::-moz-placeholder {
  color: transparent !important;
}
.light .login-modal-window .form-wrapper .input-field input[type=text][disabled]:focus:-ms-input-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=tel][disabled]:focus:-ms-input-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=password][disabled]:focus:-ms-input-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=number][disabled]:focus:-ms-input-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=email][disabled]:focus:-ms-input-placeholder {
  color: transparent !important;
}
.light .login-modal-window .form-wrapper .input-field input[type=text][disabled]:focus::-webkit-input-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=tel][disabled]:focus::-webkit-input-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=password][disabled]:focus::-webkit-input-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=number][disabled]:focus::-webkit-input-placeholder,
.light .login-modal-window .form-wrapper .input-field input[type=email][disabled]:focus::-webkit-input-placeholder {
  color: transparent !important;
}
.white .login-modal-window .form-wrapper .input-field input[type=text],
.white .login-modal-window .form-wrapper .input-field input[type=tel],
.white .login-modal-window .form-wrapper .input-field input[type=password],
.white .login-modal-window .form-wrapper .input-field input[type=number],
.white .login-modal-window .form-wrapper .input-field input[type=email] {
  background: #fff;
}
.login-modal-window .form-wrapper .input-field input[type=text].success,
.login-modal-window .form-wrapper .input-field input[type=tel].success,
.login-modal-window .form-wrapper .input-field input[type=password].success,
.login-modal-window .form-wrapper .input-field input[type=number].success,
.login-modal-window .form-wrapper .input-field input[type=email].success {
  background: rgba(97, 203, 86, 0.05);
  border: 1px solid #61CB56;
}
.login-modal-window .form-wrapper .input-field input[type=text].error,
.login-modal-window .form-wrapper .input-field input[type=tel].error,
.login-modal-window .form-wrapper .input-field input[type=password].error,
.login-modal-window .form-wrapper .input-field input[type=number].error,
.login-modal-window .form-wrapper .input-field input[type=email].error {
  background: rgba(238, 0, 90, 0.05);
  border: 1px solid #EE005A;
  color: #EE005A;
}
.login-modal-window .form-wrapper .input-field input[type=text].warning,
.login-modal-window .form-wrapper .input-field input[type=tel].warning,
.login-modal-window .form-wrapper .input-field input[type=password].warning,
.login-modal-window .form-wrapper .input-field input[type=number].warning,
.login-modal-window .form-wrapper .input-field input[type=email].warning {
  background: rgba(255, 127, 5, 0.05);
  border: 1px solid #FF7F05;
}
.login-modal-window .form-wrapper .input-field input[type=text]:-moz-placeholder,
.login-modal-window .form-wrapper .input-field input[type=tel]:-moz-placeholder,
.login-modal-window .form-wrapper .input-field input[type=password]:-moz-placeholder,
.login-modal-window .form-wrapper .input-field input[type=number]:-moz-placeholder,
.login-modal-window .form-wrapper .input-field input[type=email]:-moz-placeholder {
  color: rgba(43, 27, 53, 0.5) !important;
  opacity: 1 !important;
}
.login-modal-window .form-wrapper .input-field input[type=text]::-moz-placeholder,
.login-modal-window .form-wrapper .input-field input[type=tel]::-moz-placeholder,
.login-modal-window .form-wrapper .input-field input[type=password]::-moz-placeholder,
.login-modal-window .form-wrapper .input-field input[type=number]::-moz-placeholder,
.login-modal-window .form-wrapper .input-field input[type=email]::-moz-placeholder {
  color: rgba(43, 27, 53, 0.5) !important;
  opacity: 1 !important;
}
.login-modal-window .form-wrapper .input-field input[type=text]:-ms-input-placeholder,
.login-modal-window .form-wrapper .input-field input[type=tel]:-ms-input-placeholder,
.login-modal-window .form-wrapper .input-field input[type=password]:-ms-input-placeholder,
.login-modal-window .form-wrapper .input-field input[type=number]:-ms-input-placeholder,
.login-modal-window .form-wrapper .input-field input[type=email]:-ms-input-placeholder {
  color: rgba(43, 27, 53, 0.5) !important;
  opacity: 1 !important;
}
.login-modal-window .form-wrapper .input-field input[type=text]::-webkit-input-placeholder,
.login-modal-window .form-wrapper .input-field input[type=tel]::-webkit-input-placeholder,
.login-modal-window .form-wrapper .input-field input[type=password]::-webkit-input-placeholder,
.login-modal-window .form-wrapper .input-field input[type=number]::-webkit-input-placeholder,
.login-modal-window .form-wrapper .input-field input[type=email]::-webkit-input-placeholder {
  color: rgba(43, 27, 53, 0.5) !important;
  opacity: 1 !important;
}
.login-modal-window .form-wrapper .input-field input[type=text]:focus:-moz-placeholder,
.login-modal-window .form-wrapper .input-field input[type=tel]:focus:-moz-placeholder,
.login-modal-window .form-wrapper .input-field input[type=password]:focus:-moz-placeholder,
.login-modal-window .form-wrapper .input-field input[type=number]:focus:-moz-placeholder,
.login-modal-window .form-wrapper .input-field input[type=email]:focus:-moz-placeholder {
  color: transparent !important;
}
.login-modal-window .form-wrapper .input-field input[type=text]:focus::-moz-placeholder,
.login-modal-window .form-wrapper .input-field input[type=tel]:focus::-moz-placeholder,
.login-modal-window .form-wrapper .input-field input[type=password]:focus::-moz-placeholder,
.login-modal-window .form-wrapper .input-field input[type=number]:focus::-moz-placeholder,
.login-modal-window .form-wrapper .input-field input[type=email]:focus::-moz-placeholder {
  color: transparent !important;
}
.login-modal-window .form-wrapper .input-field input[type=text]:focus:-ms-input-placeholder,
.login-modal-window .form-wrapper .input-field input[type=tel]:focus:-ms-input-placeholder,
.login-modal-window .form-wrapper .input-field input[type=password]:focus:-ms-input-placeholder,
.login-modal-window .form-wrapper .input-field input[type=number]:focus:-ms-input-placeholder,
.login-modal-window .form-wrapper .input-field input[type=email]:focus:-ms-input-placeholder {
  color: transparent !important;
}
.login-modal-window .form-wrapper .input-field input[type=text]:focus::-webkit-input-placeholder,
.login-modal-window .form-wrapper .input-field input[type=tel]:focus::-webkit-input-placeholder,
.login-modal-window .form-wrapper .input-field input[type=password]:focus::-webkit-input-placeholder,
.login-modal-window .form-wrapper .input-field input[type=number]:focus::-webkit-input-placeholder,
.login-modal-window .form-wrapper .input-field input[type=email]:focus::-webkit-input-placeholder {
  color: transparent !important;
}
.login-modal-window .form-wrapper .input-field input[type=text][disabled],
.login-modal-window .form-wrapper .input-field input[type=tel][disabled],
.login-modal-window .form-wrapper .input-field input[type=password][disabled],
.login-modal-window .form-wrapper .input-field input[type=number][disabled],
.login-modal-window .form-wrapper .input-field input[type=email][disabled] {
  background: none;
  opacity: 0.75;
}
.big .login-modal-window .form-wrapper .input-field input[type=text],
.big .login-modal-window .form-wrapper .input-field input[type=tel],
.big .login-modal-window .form-wrapper .input-field input[type=password],
.big .login-modal-window .form-wrapper .input-field input[type=number],
.big .login-modal-window .form-wrapper .input-field input[type=email] {
  height: 48px;
}
.small .login-modal-window .form-wrapper .input-field input[type=text],
.small .login-modal-window .form-wrapper .input-field input[type=tel],
.small .login-modal-window .form-wrapper .input-field input[type=password],
.small .login-modal-window .form-wrapper .input-field input[type=number],
.small .login-modal-window .form-wrapper .input-field input[type=email] {
  font-size: 14px;
  height: 32px;
  padding: 0 15px;
}
.login-modal-window .form-wrapper .input-field textarea {
  height: 112px;
  margin: 0 0 22px;
  padding: 16px 0 0 16px;
  resize: none;
}
.login-modal-window .form-wrapper input[type=submit]:focus {
  outline: none;
}
@media (min-width: 768px) {
  .login-modal-window .form-wrapper {
    max-width: 584px;
  }
}
.login-modal-window .form-wrapper-header {
  margin: 0 0 32px;
}
@media (min-width: 768px) {
  .login-modal-window .form-wrapper-header {
    margin: 0 0 32px;
  }
}
.login-modal-window .form-wrapper-header img {
  display: block;
  margin: 0 auto 24px;
}
.login-modal-window .form-wrapper-header .h2 {
  color: #2B1B35;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 21px;
  text-align: center;
}
@media (min-width: 768px) {
  .login-modal-window .form-wrapper-header .h2 {
    font-size: 32px;
    font-weight: 800;
    line-height: 40px;
    margin: 0 0 24px;
  }
}
@media (min-width: 1360px) {
  .login-modal-window .form-wrapper-header .h2 {
    font-size: 40px;
    line-height: 48px;
  }
}
.login-modal-window .form-wrapper-header p {
  color: #2B1B35;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .login-modal-window .form-wrapper-header p {
    font-size: 18px;
    line-height: 24px;
  }
}
.login-modal-window .form-wrapper a {
  color: #164CB5;
  text-decoration: none;
  transition: color 0.25s ease;
}
.login-modal-window .form-wrapper a:hover {
  color: rgba(22, 76, 181, 0.5);
}
.login-modal-window .form-wrapper label:not([class]) {
  color: rgba(43, 27, 53, 0.5);
  display: block;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 12px;
}
.login-modal-window .form-wrapper label:not([class]) span:not([class]) {
  color: #EE005A;
}
.login-modal-window .form-wrapper h3 {
  color: #2B1B35;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .login-modal-window .form-wrapper h3 {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 32px;
  }
}
.login-modal-window .form-wrapper h3 span {
  color: #2B1B35;
  font: 14px/18px proxima, sans-serif;
  opacity: 0.5;
  padding-left: 12px;
}
.login-modal-window .form-wrapper .btn {
  width: 100%;
}
@media (min-width: 768px) {
  .login-modal-window .form-wrapper .btn {
    width: auto;
  }
}

.login-modal-window .input-field {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding: 0 0 20px;
  position: relative;
  width: 100%;
}
.login-modal-window .input-field:last-child {
  margin: 0 0 -2px;
  padding: 0;
}
.login-modal-window .input-field .forgot-password {
  color: #1248B2;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: 1.35px;
  margin: 0 0 12px;
  position: relative;
  order: 2;
  right: 0;
  text-transform: uppercase;
  top: 2px;
  cursor: pointer;
}
.login-modal-window .input-field .forgot-password:hover {
  opacity: 0.5;
}
@media (min-width: 560px) {
  .login-modal-window .input-field .forgot-password {
    position: absolute;
  }
}
.login-modal-window .input-field-password {
  position: relative;
  width: 100%;
}
.login-modal-window .input-field-password-eye {
  background: url("/themes/aqua_new/imgs/icon-eye.svg") no-repeat;
  cursor: pointer;
  height: 11px;
  position: absolute;
  right: 23px;
  top: 14px;
  width: 16px;
}
@media (min-width: 900px) {
  .login-modal-window .input-field-password-eye {
    right: -23px;
  }
}
.login-modal-window .input-field-password-eye:hover, .login-modal-window .input-field-password-eye.current {
  opacity: 0.5;
}
.login-modal-window .input-field.light label {
  color: rgba(255, 255, 255, 0.5);
}
.login-modal-window .input-field.light .input-message {
  color: rgba(255, 255, 255, 0.5);
}
.login-modal-window .input-field + h3 {
  margin-top: 16px;
}
.login-modal-window .input-field .input-message {
  color: rgba(43, 27, 53, 0.5);
  font-size: 14px;
  line-height: 0px;
  padding: 0 0 16px;
  opacity: 0;
  user-select: none;
  pointer-events: none;
  transition: opacity, line-height 0.25s ease, 0.25s ease;
}
.small .login-modal-window .input-field .input-message {
  font-size: 14px;
}
.login-modal-window .input-field .input-message.success {
  color: #61CB56;
}
.login-modal-window .input-field .input-message.error {
  color: #EE005A;
  opacity: 1;
  line-height: 16px;
}
.login-modal-window .input-field .input-message.warning {
  color: #FF7F05;
}

.form-thx {
  background: url("img/icon-thx.svg") no-repeat center 0;
  padding: 176px 0 24px;
  text-align: center;
}
.form-thx .h2 {
  color: #2B1B35;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 21px;
  text-align: center;
}
@media (min-width: 768px) {
  .form-thx .h2 {
    font-size: 32px;
    font-weight: 800;
    line-height: 40px;
    margin: 0 0 24px;
  }
}
@media (min-width: 1360px) {
  .form-thx .h2 {
    font-size: 40px;
    line-height: 48px;
  }
}
.form-thx p {
  color: #2B1B35;
  font: 18px/24px proxima, sans-serif;
}
.form-thx hr {
  background: rgba(43, 27, 53, 0.1);
  border: none;
  height: 1px;
  margin: 40px auto;
  max-width: 680px;
  padding: 0;
  width: 100%;
}
.form-thx-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 16px 0 0;
}
.form-thx-btns a {
  margin: 0 8px 16px;
  min-width: 220px;
  padding: 0 24px;
}
.form-thx-btns a.btn-270 {
  min-width: 270px;
}

.login-modal-window.modal {
  padding: 15px;
  width: 100%;
}
.login-modal-window.modal .fancybox-close-small {
  display: none;
}
.login-modal-window.modal-login {
  padding: 15px !important;
  margin-top: 60px;
  margin-bottom: 80px;
}

@media (max-width: 900px) {
  .login-modal-window.modal-login {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .login-modal-window .container{
    padding: 0;
  }
  .login-modal-window.modal-login{
    padding-left: 0!important;
  }
  #modal-login .input-field input{
    padding:0;
    padding-left: 24px;
    padding-right: 24px;
    width: 88%;
  }
}

@media (max-width:500px) {
  #modal-login .input-field input{
    padding:0;
    padding-left: 24px;
    padding-right: 24px;
    width: 85%;
  }
}

@media (max-width:700px) {
  .login-modal-window.modal-login {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width:500px) {
  .login-modal-window .form-wrapper{
        width: 65%;
  }
}
.login-modal-window.modal-login .btn {
  width: 180px !important;
  cursor: pointer;
}
.login-modal-window.modal-login .form-fields {
  margin: auto;
  max-width: 464px;
}

.fancy-login-container .button.fancybox-button--zoom {
  display: none;
}

.fancy-login-container button.fancybox-button--close {
  border-radius: 40px !important;
  right: 0px !important;
  border: none;
  top: 24px !important;
  opacity: 1 !important;
  width: 40px;
  height: 40px;
  background: #F1F6FF !important;
  transition: opacity 0.25s ease;
}

.fancy-login-container .fancybox-button--close:hover:after {
  opacity: 0.5;
}

.fancy-login-container .fancybox-button--close:after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/themes/aqua_new/imgs/popup-close-icon.svg) center center no-repeat;
  content: "";
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -ms-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.fancy-login-container .fancybox-slide--html .fancybox-content {
  margin-bottom: 0 !important;
}

.fancy-login-container .fancybox-slide {
  background: white;
}

.fancy-login-container .fancybox-toolbar {
  opacity: 0;
  visibility: visible !important;
  right: 90px !important;
  top: 22px !important;
  transition: opacity 0.36s ease;
}

.fancy-login-container.fancybox-is-open .fancybox-toolbar {
  opacity: 1;
}

.compensate-for-scrollbar {
  margin-right: 15px;
}

@media (min-width: 525px) {
  #order .login-btn-in {
    display: flex;
  }
}
@media (max-width: 991px) {
  #order .login-btn-in .name {
    max-width: 6rem;
  }
}
@media (min-width: 525px) {
  #order .login-btns {
    display: inline-flex;
  }
}

@media (max-width: 990px) {
  #order .login-btns {
    margin: -12px 10px 0 -10px;
  }

  #order .login-btn {
    font-size: 0.75rem;
  }
}
@media (min-width: 525px) and (max-width: 990px) {
  .top-nav .right-side .search-button {
    margin: 0;
  }
}
@media (min-width: 991px) and (max-width: 1150px) {
  body.cart-page.thx-page .login-btn-in {
    max-width: 90px;
  }
}
@media (min-width: 1151px) and (max-width: 1450px) {
  body.cart-page.thx-page .login-btn-in {
    max-width: 120px;
  }
}
body.cart-page.thx-page .login-btns {
  margin-left: -13em !important;
}

.login-btns {
  display: none;
  position: relative;
  height: 16px;
  margin: -12px 5% 0 0;
}
@media (min-width: 768px) {
  .login-btns {
    display: inline-flex;
  }
}
.login-btns.open-modal .login-block {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.login-btns.open-modal .login-btn-in svg {
  transform: scale(-1);
}
.login-btns.open-modal .login-btn-in svg path {
  stroke: #2B1B35;
}
.login-btns.open-modal::before {
  background: #fff;
  box-shadow: 0 20px 50px rgba(43, 27, 53, 0.25);
  border-radius: 20px;
  content: "";
  left: 0;
  height: 150px;
  position: absolute;
  right: 0;
  top: -20px;
  z-index: 4;
}
.login-btns.open-modal::after {
  background: #fff;
  border-radius: 20px;
  content: "";
  left: 0;
  height: 100px;
  position: absolute;
  right: 0;
  top: -20px;
  z-index: 10;
}

.login-btn {
  cursor: pointer;
  font-size: 0.8rem;
  height: 2rem;
  position: relative;
  top: -0.1rem;
  z-index: 12;
}
.login-btn-in {
  background: url("/themes/aqua_new/imgs/icon-login.svg") no-repeat 1.3rem center;
  background-size: 1rem 1rem;
  border: 2px solid #F1F6FF;
  padding: 0 2.5rem 0 2.8rem;
  max-width: 155px;
}
@media (max-width: 990px) {
  .login-btn-in {
    display: none;
  }
}
.login-btn-in .name {
  width: 100%;
  white-space: nowrap;
  /* Запрещаем перенос строк */
  overflow: hidden;
  /* Обрезаем все, что не помещается в область */
  text-overflow: ellipsis;
  /* Добавляем многоточие */
  font-weight: 700;
}
.login-btn-in.current {
  border-color: transparent;
}
.login-btn-in.current::after {
  background: #E4E7EB;
  bottom: -16px;
  content: "";
  height: 1px;
  left: 24px;
  position: absolute;
  right: 24px;
  z-index: 12;
}
.login-btn-in:hover {
  background: url("/themes/aqua_new/imgs/icon-login.svg") no-repeat 1.3rem center;
}
.login-btn-in svg {
  height: 0.5rem;
  position: absolute;
  right: 1.4rem;
  top: calc(50% - .25rem);
  width: 0.625rem;
}
.login-btn-in svg path {
  stroke: #164CB5;
}

.login-block {
  background: #fff;
  box-shadow: 0px 20px 50px rgba(43, 27, 53, 0.25);
  border-radius: 20px;
  display: none;
  left: 0;
  padding: 24px;
  position: absolute;
  top: 60px;
  z-index: 9;
  min-width: 209px;
  text-align: left;
}
.login-block .btn {
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}
.login-block ul {
  margin: 0 0 24px;
}
.login-block li {
  padding: 8px 0;
}
.login-block li a {
  color: #1248B2;
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 1.35px;
  position: relative;
  text-transform: uppercase;
}
.login-block li a::before {
  background: #1248B2;
  bottom: 0;
  content: "";
  left: -24px;
  height: 0;
  position: absolute;
  transition: height 0.25s ease;
  width: 3px;
}
.login-block li a:hover, .login-block li a.current {
  color: #2B1B35;
}
.login-block li a:hover::before, .login-block li a.current::before {
  height: 16px;
}

.body-login-modal .fancy-login-container .fancybox-toolbar {
  right: 100px !important;
  top: 19px !important;
}

@media only screen and (max-width: 560px) {
  .body-login-modal .fancy-login-container .fancybox-toolbar {
    right: 10px !important;
    top: 10px !important;
  }
}
@media only screen and (min-width: 991px) {
  .nav-group.lk-nav {
    display: none;
  }
}

/*# sourceMappingURL=header.css.map */