/*
Theme Name: lenta
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: https://github.com/tidythemes
Description: Donations: https://calmestghost.com/donate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2023
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2023 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900&display=swap);
@font-face {
  font-family: Vetrino;
  font-display: swap;
  src: url(./fonts/Vetrino.woff2) format("woff2"), url(./fonts/Vetrino.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
* {
  padding: 0;
  margin: 0;
  border: 0;
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body,
html {
  height: 100%;
  min-width: 320px;
}
body {
  color: #000;
  line-height: 1;
  font-family: Inter;
  font-size: 1rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
button,
input,
textarea {
  font-family: Inter;
  font-size: inherit;
}
button {
  cursor: pointer;
  color: inherit;
  background-color: inherit;
}
a {
  color: inherit;
}
a:link,
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
ul li {
  list-style: none;
}
img {
  vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}
body {
  color: rgba(0, 0, 0, 0.8);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.lock body {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}
.wrapper {
  min-height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  background: #f8f8f9;
}
.wrapper > main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.wrapper > * {
  min-width: 0;
}
[class*="__container"] {
  max-width: 85rem;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 0.9375rem;
}
.quantity {
  margin-bottom: 35px;
  width: 88px;
  height: 40px;
  color: #040c15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100px;
  border: 1px solid #d9d9d9;
  -webkit-box-shadow: 0 0 80px 0 rgba(255, 255, 255, 0.08) inset;
  box-shadow: 0 0 80px 0 rgba(255, 255, 255, 0.08) inset;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.quantity__button {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  position: relative;
  cursor: pointer;
}
.quantity__button::after,
.quantity__button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin: 0 0 0 -4.5px;
  background-color: #040c15;
  width: 9px;
  height: 1px;
}
.quantity__button_plus::before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.quantity__input {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.quantity__input input {
  height: 100%;
  font-size: 12px;
  width: 100%;
  text-align: center;
}
[class*="-ibg"] {
  position: relative;
}
[class*="-ibg"] img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
[class*="-ibg_contain"] img {
  -o-object-fit: contain;
  object-fit: contain;
}
.btn {
  border-radius: 100px;
  background: #eb3736;
  -webkit-box-shadow: 0 2px 25px 0 rgba(255, 255, 255, 0.25) inset;
  box-shadow: 0 2px 25px 0 rgba(255, 255, 255, 0.25) inset;
  padding: 23px 65px;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 1.125rem;
}
.btn:hover {
  text-decoration: underline;
}
.btn:active {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.title {
  color: rgba(27, 18, 60, 0.94);
  text-align: center;
  font-family: Vetrino;
  font-size: 112px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-transform: uppercase;
}
.btn2 {
  border-radius: 100px;
  border: 1px solid #eb3736;
  background: 0 0;
  color: #eb3736;
}
.title2 {
  color: #1b123c;
  font-style: normal;
  font-weight: 245;
  line-height: 140%;
}
.title2 span {
  font-weight: 400;
}
.header {
  color: #1b123c;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140.5%;
  border-radius: 24px;
  background: #fff;
  z-index: 100;
  margin-bottom: 16px;
  margin-top: 24px;
  padding: 29px 0;
  margin-left: 20px;
  margin-right: 20px;
}
.header__body {
  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;
  gap: 25px;
}
.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header__logo img{max-width:160px;}
.header__soc {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  margin-left: 280px;
}
@media (max-width: 1400px){
    .header__soc{
      margin-left: 270px;
    }
}
@media (max-width: 1220px){
    .header__soc{
      margin-left: 0px;
    }
}
.header__soc a {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.header__soc a:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menu__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menu__list-sub {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 250px;
  padding: 15px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  border-radius: 16px;
  background: #f6f5f7;
  box-shadow: 0px 4px 92.2px 0px rgba(27, 18, 59, 0.25);
  font-size: 0.875rem;
  max-width: 247px;
}
.menu__list .menu__item:hover .menu__list-sub {
  display: block;
}
.menu__list-sub a:hover {
  text-decoration: underline;
}
.menu__list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 32px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.menu__item {
  position: relative;
  color: #1b123c;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140.5%; /* 22.48px */
}

.menu__list-sub li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: rgba(27, 18, 60, 0.5);
  width: 100%;
  font-size: 14px;
  text-align: left;
  font-style: normal;
  text-align: left;
  font-weight: 500;
  line-height: 140.5%; /* 19.67px */
}
.icon-menu {
  display: none;
}
.hero {
  z-index: 2;
  background: #fff;
  border-radius: 24px;
  position: relative;
  -webkit-box-shadow: 0 50px 123px -18px rgba(22, 17, 41, 0.17);
  box-shadow: 0 50px 123px -18px rgba(22, 17, 41, 0.17);
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 375px;
}
.hero__title {
  color: rgba(27, 18, 60, 0.94);
  text-align: center;
  font-family: Vetrino;
  font-size: 112px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-transform: uppercase;
}
.hero .imposter {
  width: 125px;
  display: inline-block;
}
.hero__title2 {
  display: none;
}
.hero__title-bottom {
  text-align: justify;
}
.hero__line {
  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;
  gap: 10px;
}
.hero__line h1 {
  color: #1b123c;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140.5%;
  max-width: 290px;
}
.hero__line span {
  color: rgba(27, 18, 60, 0.85);
}
.hero__podarok {
  left: calc(50% - 558px);
  bottom: -390px;
  position: absolute;
}
.hero__body {
  position: relative;
  padding-top: 55px;
  padding-bottom: 55px;
}
.hero__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
}
.services__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 44px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 140%;
}
.services__text {
  max-width: 283px;
  color: rgba(0, 0, 0, 0.8);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.services__body {
  border-radius: 24px;
  background: #fff;
  -webkit-box-shadow: 0 50px 127px -18px rgba(22, 17, 41, 0.04);
  box-shadow: 0 50px 127px -18px rgba(22, 17, 41, 0.04);
  padding: 32px 0;
}
.services__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0;
  border: 1.6px solid transparent;
  padding-left: 32px;
  padding-right: 32px;
}
.services__line:not(:last-child) {
  border-bottom: 1.6px solid rgba(40, 32, 71, 0.2);
}
.services__line:hover {
  border-radius: 18px;
  border-color: #eb3736;
}
.services__line:hover .services__link {
  background: #eb3736;
}
.services__line:hover .services__link img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.services__number {
  border-radius: 22.08px;
  background: #f6f6f7;
  color: rgba(27, 18, 60, 0.5);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-right: 48px;
  padding: 10px;
}
.services__foto {
  margin-right: 24px;
}
.services__name {
  color: #1b123c;
  font-family: Exo 2;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.services__link {
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #eb3736;
  width: 72px;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.about {
  position: relative;
  margin-bottom: 24px;
}
.about .mob {
  display: none !important;
}
.about::before {
  content: "";
  border-radius: 24px;
  background: #fff;
  left: 15px;
  height: 373px;
  margin-right: 15px;
  position: absolute;
  display: block;
  top: 64px;
  z-index: 2;
  width: 98%;
}
.about__fon {
  position: absolute;
  height: 1024px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 0;
  bottom: 0;
}
.about__container {
  z-index: 2;
  position: relative;
}
.about__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.about__col {
  max-width: 33%;
}
.about__title {
  padding-top: 150px;
  margin-bottom: 24px;
  line-height: 100%;
}
.about__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  color: #1b123c;
  font-size: 24px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 500;
  line-height: 140.5%;
  margin-bottom: 50px;
}
.about__soc {
  margin: 0;
}
.footer {
  border-radius: 24px;
  background: #fff;
  -webkit-box-shadow: 0 50px 127px -18px rgba(22, 17, 41, 0.08);
  box-shadow: 0 50px 127px -18px rgba(22, 17, 41, 0.08);
  padding: 80px 0;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 24px;
}
.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 245;
  line-height: 140%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 24px;
}
.footer__adress {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 245;
  line-height: 140%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.footer__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  font-size: 1.125rem;
}
.footer__action p {
  max-width: 140px;
}
.footer__soc {
  margin: 0;
}
.footer__phone {
  margin-bottom: 8px;
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.footer__bottom {
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.footer__info {
  color: rgba(0, 0, 0, 0.6);
  font-family: Exo 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 245;
  line-height: 140%;
}
.footer__link {
  color: #1577eb;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  padding-top: 10px;
  -webkit-text-decoration: dashed;
  text-decoration: dashed;
  display: block;
  border-bottom: 1px dashed #1577eb;
}
.footer__text {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-style: normal;
  text-align: right;
  gap: 12px;
  font-weight: 245;
  line-height: 140%;
}
.footer .header__logo {
  margin-bottom: 10px;
}
.first {
  position: relative;
}
.first__fon {
  position: absolute;
  right: 0;
  top: -150px;
}
.first__container {
  position: relative;
  z-index: 2;
}
.first__body {
  border-radius: 24px;
  background: #fff;
  -webkit-box-shadow: 0 50px 127px -18px rgba(22, 17, 41, 0.04);
  box-shadow: 0 50px 127px -18px rgba(22, 17, 41, 0.04);
  padding: 70px 0;
  padding-right: 32px;
  padding-left: 256px;
  margin-left: -246px;
  max-width: 1120px;
}
.first__title {
  margin-bottom: 48px;
  color: #120933;
  font-size: 88px;
  font-style: normal;
  font-weight: 245;
  line-height: 130%;
  max-width: 806px;
}
.first__title span {
  font-weight: 400;
}
.first__items {
  gap: 16px;
  margin-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.first__item {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border-radius: 24px;
  background: #f6f5f7;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 194px;
}
.first__items-number {
  padding: 9px 10px;
  border-radius: 22.08px;
  background: #fff;
  position: absolute;
  left: 16px;
  top: 16px;
  color: rgba(27, 18, 60, 0.5);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.first__items-image{
	width:100%;
}
.first__items-image img {
  max-width: 100%;
  margin-bottom: -45px;
 border-radius:20px;
	width:100%;
	height:100px;
	object-fit:cover;
}
.first__items-link {
  border-radius: 61px;
  background: #fff;
  width: 100%;
  padding: 8px;
  color: #1b123c;
  font-size: 20px;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.first .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.mob__slider img {
  width: 100%;
	max-height:340px;
  max-width: 100%;
}
.inf {
  position: relative;
}
.inf__title {
  margin-bottom: 44px;
}
.inf__body {
  display: -webkit-box;
  display: -ms-flexbox;
	justify-content:center;
  display: flex;
  gap: 24px;
}
.inf__item {
  width: 24%;
  padding: 24px;
  border-radius: 24px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.inf2 .inf__item {
  width: 48%;
}
.inf__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.inf__name {
  margin-bottom: 16px;
  color: #1b123c;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.inf__text {
  color: #1b123c;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.inf__image {
  width: 100%;
  margin-top: 20px;
  max-width: 100%;
}
.inf__image img {
  width: 100%;
	max-height:225px;
	object-fit:cover;
	border-radius:15px;
}
.inf .nim2 {
  display: none;
  max-width: 140px;
  margin: 0;
}
.inf .nim2 img {
  max-width: 100%;
}
.slider {
  padding: 24px 0;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
}
.slider__fon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-radius: 24px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.slider__container {
  max-width: 100%;
}
.slider__slide {
  height: auto !important;
}
.slider__slide img {
  width: 100%;
  border-radius: 16px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
[data-fancybox] {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.calc {
  padding: 85px 0;
  border-radius: 24px;
  background: #fff;
  -webkit-box-shadow: 0 50px 127px -18px rgba(22, 17, 41, 0.04);
  box-shadow: 0 50px 127px -18px rgba(22, 17, 41, 0.04);
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
}
.calc__bg {
  position: absolute;
  right: -150px;
  top: -29px;
}
.calc__title {
  max-width: 1270px;
  position: relative;
}
.calc__title span {
  font-weight: 400;
}
.calc__body {
  padding: 32px;
  border-radius: 24px;
  background: #f8f8f9;
  color: #544d6d;
  font-size: 18px;
  max-width: 1160px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.calc__body p {
  margin-bottom: 16px;
}
.calc__line2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px;
}
.calc__line {
  width: 100%;
  position: relative;
  z-index: 3;
}
.calc__line:not(:last-child) {
  margin-bottom: 32px;
}
.calc__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1b123c;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.calc__box label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.calc__item {
  width: 32%;
}
.calc-next .calc__item {
  width: 48%;
}
.calc__select {
  border-radius: 10px;
  /* background: #fff; */
  width: 100%;
  padding: 16px 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1b123c;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.calc__last {
  border-radius: 10px;
  background: #fff;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.calc__total {
  margin-right: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.calc__value {
  color: #1b123c;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.calc__bottom {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 2450;
  line-height: 143.523%;
  max-width: 474px;
}
.calc__bottom strong {
  font-weight: 500;
}
.calc__bottom-line {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.calc__bottom-line:not(:last-child) {
  margin-bottom: 16px;
}
.calc .quantity {
  margin: 0;
  width: 180px;
  padding-left: 30px;
  padding-right: 30px;
}
.calc2__body {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.calc2__item br{
  display: none;
}
.calc2__item {
  width: 48%;
  border-radius: 24px;
  background: #fff;
  padding: 24px;
  color: #1b123c;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  align-items: center;
  line-height: 140%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.calc2 .mob {
  display: none;
}
.two .first__item {
  width: 32%;
  max-width: 100%;
}
.two .first__items-number {
  position: static;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48px;
  height: 48px;
  margin: 0;
  display: none;
}
.two .first__items-link {
  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;
  padding: 8px;
  background: transparent !important;
  width: 100%;
}
.two .s {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-top: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
}
.date1 .mob {
  display: none;
}
.date1__img {
  width: 100%;
}
.new {
  position: relative;
  padding-bottom: 437px;
  margin-bottom: 85px;
  display: block;
}
.new__img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 98%;
  left: 15px;
  height: 794px;
}
.new__img2 {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.new__container {
  position: relative;
  z-index: 2;
}
.new .first__title {
  margin-bottom: 40px;
  text-align: center;
  width: 100%;
  max-width: 100%;
}
.new .links {
  gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.inf__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.inf__top .title2 {
  max-width: 590px;
}
.inf__top p {
  max-width: 500px;
  color: rgba(27, 18, 60, 0.8);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.date1__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.date1__box {
  margin-top: 15px;
}
.ski .title2 {
  text-align: center;
}
.stin .calc__bg {
  right: -20px;
}
@-webkit-keyframes abv {
  from {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@keyframes abv {
  from {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
.modal-open {
  overflow: hidden;
}
.popup {
  -webkit-animation: abv 0.1s;
  animation: abv 0.1s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.781);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 5s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  z-index: 4000;
}
.popup.active {
  opacity: 1;
  pointer-events: all;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
.popup__body {
  position: absolute;
  top: 50%;
  max-width: 1020px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  background: #fff;
  -webkit-box-shadow: 0 25px 55px rgba(0, 0, 0, 0.05);
  box-shadow: 0 25px 55px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 35px;
  width: 100%;
  max-height: 97vh;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popup__body.active {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.close-popup {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
  cursor: pointer;
  text-decoration: none;
  background-color: transparent;
  border: transparent;
  color: #000;
  font-size: 25px;
  -webkit-filter: invert(1);
  filter: invert(1);
}
.close-popup img {
  width: 100%;
}
.modal__body {
  max-width: 700px;
  padding: 40px;
  border-radius: 24px;
  background: #f8f8f9;
}
.modal__title {
  margin-bottom: 16px;
  color: #1b123c;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.modal__title span {
  font-weight: 700;
}
.modal__subtitle {
  margin-bottom: 35px;
  color: #1b123c;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.modal__body-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 20px;
}
.modal__submit {
  margin-bottom: 16px;
}
.modal .input {
  width: 100%;
  border-radius: 10px;
  background: #fff;
  padding: 23px;
  color: #b8b8b8;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.modal .btn {
  width: 100%;
}
.checkbox a {
  text-decoration: underline;
}
.checkbox__text {
  color: #1b123c;
  font-family: Exo 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.mobius {
  display: none;
}
@media (min-width: 86.875em) {
  .title2 {
    font-size: 4.5rem;
  }
  .services {
    padding-top: 9.375rem;
  }
  .services {
    margin-bottom: 10.625rem;
  }
  .first {
    margin-bottom: 5.3125rem;
  }
  .inf {
    margin-bottom: 10.625rem;
  }
  .slider {
    margin-bottom: 10.625rem;
  }
  .calc {
    margin-bottom: 12rem;
  }
  .calc__title {
    margin-bottom: 2.75rem;
  }
  .calcn .calc__body {
    margin-bottom: 3.4375rem;
  }
  .calc__value {
    font-size: 3.5rem;
  }
  .calc2 {
    margin-bottom: 4.6875rem;
  }
  .calc2__title {
    margin-bottom: 3rem;
  }
  .ttl2 {
    font-size: 4.5rem;
  }
  .date1 {
    margin-bottom: 10.625rem;
  }
  .date1__title {
    margin-bottom: 2.75rem;
  }
  .new {
    padding-top: 7.225rem;
  }
  .modal__title {
    font-size: 2.5rem;
  }
}
@media (min-width: 125em) {
  .hero__bg {
    left: calc(50% - 960px);
  }
}
@media (max-width: 90em) {
  .new {
    padding-bottom: 380px;
  }
}
@media (max-width: 75em) {
  .inf__body {
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .inf__item {
    width: 48% !important;
  }
  .calc__bg {
    max-width: 650px;
  }
  .calc__select {
    padding: 12px;
    color: #1b123c;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .calc2__item {
    width: 100%;
    padding: 16px;
    gap: 15px;
    color: #1b123c;
    font-size: 15px;
    font-style: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    line-height: 120%;
  }
}
@media (max-width: 50em) {
  .about::before {
    top: 20px;
  }
  .about__title {
    padding-top: 50px;
  }
  .date1__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (max-width: 25em) {
  .services__foto {
    margin-right: 15px;
  }
  .services__name {
    font-size: 1rem;
  }
  .inf__name {
    font-size: 1.0625rem;
  }
  .inf__text {
    font-size: 0.875rem;
  }
  .inf .nim2 {
    max-width: 100px;
  }
  .calc2__item {
    font-size: 0.875rem;
    gap: 5px;
  }
  .calc2__item img {
    max-width: 100px;
  }
}
@media (max-width: 20em) {
  .title2 {
    font-size: 1.625rem;
  }
  .services {
    padding-top: 3.125rem;
  }
  .services {
    margin-bottom: 4.375rem;
  }
  .first {
    margin-bottom: 1.5625rem;
  }
  .inf {
    margin-bottom: 4.375rem;
  }
  .slider {
    margin-bottom: 3.125rem;
  }
  .calc {
    margin-bottom: 13.4375rem;
  }
  .calc__title {
    margin-bottom: 1.5625rem;
  }
  .calcn .calc__body {
    margin-bottom: 1.5625rem;
  }
  .calc__value {
    font-size: 2.625rem;
  }
  .calc2 {
    margin-bottom: 2rem;
  }
  .calc2__title {
    margin-bottom: 1.5625rem;
  }
  .ttl2 {
    font-size: 1.625rem;
  }
  .date1 {
    margin-bottom: 4.375rem;
  }
  .date1__title {
    margin-bottom: 1.75rem;
  }
  .new {
    padding-top: 1.875rem;
  }
  .modal__title {
    font-size: 1.5rem;
  }
}
@media (max-width: 115.625em) {
  .hero__podarok {
    max-width: 900px;
    left: calc(50% - 480px);
    bottom: -365px;
  }
  .hero__bg {
    height: 1000px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media (max-width: 109.375em) {
  .calc__bg {
    right: -300px;
    max-width: 800px;
  }
}
@media (max-width: 97.1875em) {
  .hero__title {
    font-size: 5rem;
  }
  .hero .imposter {
    width: 350px;
  }
  .hero__bg {
    height: 910px;
  }
}
@media (max-width: 90.625em) {
  .calc {
    padding: 24px 0;
  }
  .calc__body p {
    margin-bottom: 14px;
  }
  .calc__body {
    padding: 16px;
    font-size: 1rem;
  }
  .calc__line:not(:last-child) {
    margin-bottom: 25px;
  }
  .calc__box {
    color: #1b123c;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
}
@media (max-width: 88.75em) {
  .about__body {
    gap: 20px;
  }
  .about__col img {
    max-width: 100%;
  }
}
@media (max-width: 84.375em) {
  .stin .calc__bg {
    right: -140px;
  }
}
@media (max-width: 82.5em) {
  .hero .imposter {
    width: 250px;
  }
}
@media (max-width: 81.25em) {
  .about__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .footer {
    padding: 24px 0;
  }
  .footer__top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
  }
  .inf__name {
    color: #1b123c;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 8px;
  }
  .inf__text {
    color: #1b123c;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .date1__body img {
    max-width: 600px;
  }
}
@media (max-width: 76.25em) {
  .hero .imposter {
    width: 180px;
  }
  .hero__line h1 {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140.5%;
    max-width: 230px;
  }
  .about__fon {
    height: 100%;
  }
}
@media (max-width: 75.625em) {
  .about__title {
    padding-top: 100px;
    color: rgba(27, 18, 60, 0.94);
    text-align: center;
    font-family: Vetrino;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase;
  }
}
@media (max-width: 71.875em) {
  .hero__title {
    font-size: 3.75rem;
  }
  .hero .imposter {
    width: 190px;
  }
  .hero__title-bottom {
    text-align: center;
  }
  .hero__podarok {
    max-width: 750px;
    left: calc(50% - 390px);
    bottom: -282px;
  }
  .hero__body {
    padding: 30px 0;
  }
  .hero__bg {
    height: 720px;
  }
}
@media (max-width: 68.75em) {
  .inf {
    padding-top: 100px;
    z-index: 2;
  }
  .new {
    margin-bottom: 30px;
  }
}
@media (max-width: 66.25em) {
  .header__soc {
    margin-left: 0;
  }
}
@media (max-width: 62.5em) {
  .header {
    padding: 18px 0;
  }
  .header__logo img {
    max-width: 123px;
  }
  .header__soc img {
    max-width: 30px;
  }
  .menu__list-sub {
    position: static !important;
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    background: 0 0;
    padding-top: 10px;
  }

  .menu__list {
    position: absolute;
    left: -1000px;
    text-transform: 0;
    width: 100vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
    top: -15px;
    padding: 20px;
    padding-top: 22px;
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: rgba(27, 18, 60, 0.5);
    text-align: center;
    font-family: Exo 2;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 16px;
    line-height: 140.5%;
    border-radius: 16px;
    background: #f6f5f7;
    box-shadow: 0px 4px 92.2px 0px rgba(27, 18, 59, 0.25);
    max-width: 250px;
    height: fit-content;
    top: 108%;
    display: flex;
    text-align: left;
  }
  .menu-open .menu__list {
    left: 0px;
  }
  .menu__item {
    text-align: left;
    width: 100%;
  }
  .icon-menu {
    z-index: 100;
    margin-right: 130px;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .footer {
    padding: 18px 0;
  }
  .sina {
    display: none !important;
  }
  .date1 .nemob {
    display: none;
  }
  .date1 .mob {
    display: block;
  }
  .calc-next {
    margin-bottom: 75px !important;
  }
  .new {
    padding-bottom: 50px;
  }
  .new__img {
    display: none;
  }
  .inf__top .title2 {
    margin-bottom: 0;
  }
  .inf__top p {
    max-width: 100%;
    color: rgba(27, 18, 60, 0.8);
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
  }
  .inf__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 30px;
  }
}
@media (max-width: 61.875em) {
  .btn {
    font-size: 1rem;
    padding: 18px 55px;
  }
  .title {
    color: rgba(27, 18, 60, 0.94);
    font-family: Vetrino;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase;
  }
  .hero {
    margin-left: 15px;
    margin-bottom: 300px;
    margin-right: 15px;
  }
  .hero__title {
    color: rgba(27, 18, 60, 0.94);
    text-align: center;
    font-family: Vetrino;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: none;
  }
  .hero .imposter {
    display: none;
  }
  .hero__title-top {
    display: inline;
  }
  .hero__title2 {
    display: inline-block;
    color: rgba(27, 18, 60, 0.94);
    text-align: center;
    font-family: Vetrino;
    font-size: 41px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase;
    margin-bottom: 8px;
  }
  .hero__title-bottom {
    display: inline;
  }
  .hero__line h1 {
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140.5%;
  }
  .hero__line span {
    display: block;
  }
  .hero__line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 22px;
    text-align: center;
  }
  .hero__podarok {
    width: 100%;
    max-width: 480px;
    left: calc(50% - 240px);
  }
  .hero__podarok {
    bottom: -320px;
  }
  .hero__body {
    padding: 70px 0;
  }
  .hero__bg {
    height: 828px;
  }
  .services__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
  }
  .services__title {
    text-align: center;
  }
  .services__text {
    color: rgba(0, 0, 0, 0.8);
    text-align: center;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }
  .services__body {
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .services__line {
    padding-left: 17px;
    padding-right: 17px;
  }
  .services__foto img {
    max-width: 72px;
    border-radius: 12px;
  }
  .services__name {
    color: #1b123c;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    margin-right: 20px;
    line-height: 120%;
  }
  .services__link {
    width: 56px;
    height: 56px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .about::before {
    width: 96%;
  }
  .about__box {
    color: #1b123c;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140.5%;
  }
  .footer__top {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 245;
    line-height: 140%;
  }
  .footer__adress {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 245;
    line-height: 140%;
  }
  .footer__action {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 245;
    line-height: 140%;
  }
  .footer__info {
    color: rgba(0, 0, 0, 0.6);
    font-size: 15px;
    font-style: normal;
    font-weight: 245;
    line-height: 140%;
  }
  .footer__link {
    color: #1577eb;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }
  .footer__text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 8px;
    font-style: normal;
    font-weight: 245;
    line-height: 140%;
    gap: 8px;
    margin-left: auto;
  }
  .footer .header__logo {
    margin-bottom: 4px;
  }
  .first__body {
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .first__title {
    margin-bottom: 20px;
    color: #120933;
    text-align: center;
    font-size: 30px;
    line-height: 130%;
    max-width: 245px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .first__items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
  }
  .first__item {
    border-radius: 24px;
    padding: 12px;
    background: #f6f5f7;
    width: 48%;
    max-width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 5px;
  }
  .first__items-number {
    color: rgba(27, 18, 60, 0.5);
    font-size: 8px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    padding: 7px;
    left: 12px;
    top: 12px;
  }
  .first__items-link {
    color: #1b123c;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    padding: 6px;
  }
  .first .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .first .links a {
    width: 100%;
    max-width: 294px;
  }
}
@media (max-width: 56.25em) {
  .calc__bg {
    bottom: 220px;
    top: auto;
    right: -100px;
    max-width: 420px;
  }
  .calc__line2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  .calc__box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .calc__item {
    width: 100% !important;
  }
  .calc__last {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .calc__end {
    width: 100%;
  }
  .two .first__title {
    max-width: 400px;
  }
}
@media (max-width: 43.75em) {
  .services__number {
    display: none;
  }
  .slider {
    margin: 0;
  }
  .slider__fon {
    border-radius: 0;
  }
  .slider__container {
    padding: 0;
  }
  .slider__slide img {
    border-radius: 10px;
  }
  .calc__bg {
    bottom: -220px;
    right: -130px;
  }
  .calc__last {
    gap: 0;
    padding: 12px;
  }
  .calc__total {
    margin-bottom: 15px;
  }
  .calc__count {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
  }
  .calc__count p {
    margin-bottom: 0 !important;
  }
  .calc__end {
    margin-top: 30px;
  }
  .calc .quantity {
    width: 124px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .calc2__body {
    gap: 10px;
  }
  .calc2__item img {
    max-width: 140px;
  }
  .calc2 .nemob {
    display: none;
  }
  .calc2 .mob {
    display: block;
  }
  .two .first__item {
    width: 48%;
    max-width: 180px;
  }
  .two .first__items {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .two .first__items-number {
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: 16px;
    display: none;
    top: 16px;
  }
  .ski {
    padding-top: 60px;
  }
  .antimobius {
    display: none;
  }
  .mobius {
    display: block;
    width: 100%;
    right: 0;
  }
}
@media (max-width: 41.25em) {
  .header__soc {
    width: 100%;
  }
  .inf {
    padding-top: 0;
  }
  .inf__title {
    margin-bottom: 32px;
  }
  .inf__item {
    width: 100% !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0px;
    padding: 12px;
  }
  .inf__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px;
  }
  .inf__image {
    /* display: none; */
  }
  .inf .nim2 {
    /* display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0; */
  }
  .slider {
    padding: 15px 0;
  }
  .new {
    padding-bottom: 285px;
    border-radius: 16px;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    background: #fff;
    margin-bottom: 70px;
    -webkit-box-shadow: 0 50px 127px -18px rgba(22, 17, 41, 0.04);
    box-shadow: 0 50px 127px -18px rgba(22, 17, 41, 0.04);
  }
  .new__img2 {
    display: block;
    max-width: 100%;
    left: 0;
    border-radius: 0 16px 16px 16px;
  }
  .new .first__title {
    margin-bottom: 25px;
  }
  .new .links {
    gap: 8px;
  }
  .new .btn {
    width: 100%;
    max-width: 294px;
  }
}
@media (max-width: 960px) {
  .hero__title2 {
    display: block;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 37.5em) {
  .header {
    margin-bottom: 8px;
    margin-top: 16px;
    margin-left: 16px;
    margin-right: 16px;
    border-radius: 16px;
  }
  .header__body::after {
    content: "";
    width: 48px;
  }
  .icon-menu {
    margin-right: 0;
  }
  .hero__podarok {
    bottom: -336px;
  }
  .about .mob {
    display: block !important;
    width: 100%;
    z-index: 2;
    position: relative;
  }
  .about .asru {
    display: none;
  }
  .about::before {
    height: 100%;
    width: 93%;
  }
  .about__body {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .about__col {
    max-width: 100%;
  }
  .about__title {
    margin-bottom: 10px;
  }
  .about__box {
    margin-bottom: 30px;
  }
  .about__image {
    display: none;
  }
  .footer {
    margin-bottom: 8px;
    margin-top: 16px;
    margin-left: 16px;
    margin-right: 16px;
    border-radius: 16px;
  }
  .first {
    padding-bottom: 400px;
  }
  .first__fon {
    bottom: 0;
    top: auto;
    max-width: 130%;
  }
  .calc__bottom {
    max-width: 255px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
  }
  .two .fon12 {
    right: 0;
    bottom: -200px;
  }
  .date1__title {
    max-width: 303px;
  }
  .inf__top .title2 {
    max-width: 300px;
  }
  .date1__body img {
    max-width: 100%;
    margin-left: auto;
    display: block;
    margin-right: auto;
  }
  .modal__body {
    padding: 30px;
    border-radius: 16px;
  }
}
@media (max-width: 31.25em) {
  .hero {
    margin-bottom: 250px;
  }
}
@media (max-width: 31.875em) {
  .hero__podarok {
    bottom: -290px;
    left: 0;
  }
  .hero__bg {
    height: 770px;
  }
}
@media (max-width: 31.0625em) {
  .hero__podarok {
    bottom: -225px;
  }
}
@media (max-width: 26.25em) {
  .hero__title2 {
    font-size: 2.25rem;
  }
  .hero__podarok {
    bottom: -219px;
  }
  .hero__bg {
    height: 745px;
  }
}
@media (max-width: 24.375em) {
  .two .fon12 {
    bottom: -130px;
  }
}
@media (max-width: 23.4375em) {
  .hero__title2 {
    font-size: 2rem;
  }
  .hero__body {
    padding: 45px 0;
  }
  .hero__bg {
    height: 680px;
  }
  .first__items-image img {
    margin-bottom: -30px;
  }
}
@media (max-width: 23.125em) {
  .footer__link {
    font-size: 0.9375rem;
  }
}
@media (max-width: 22.5em) {
  .hero__title2 {
    font-size: 1.75rem;
  }
  .hero__bg {
    height: 665px;
  }
}
@media (max-width: 22.8125em) {
  .first__items-link {
    font-size: 0.875rem;
  }
}
@media (max-width: 21.875em) {
  .footer__link {
    text-align: center;
    width: 100%;
  }
  .footer__text {
    text-align: center;
    width: 100%;
  }
}
@media (min-width: 20em) and (max-width: 86.875em) {
  .title2 {
    font-size: calc(1.625rem + 2.875 * (((100vw - 20rem)) / ((66.875))));
  }
  .services {
    padding-top: calc(3.125rem + 6.25 * (((100vw - 20rem)) / ((66.875))));
  }
  .services {
    margin-bottom: calc(4.375rem + 6.25 * (((100vw - 20rem)) / ((66.875))));
  }
  .first {
    margin-bottom: calc(1.5625rem + 3.75 * (((100vw - 20rem)) / ((66.875))));
  }
  .inf {
    margin-bottom: calc(4.375rem + 6.25 * (((100vw - 20rem)) / ((66.875))));
  }
  .slider {
    margin-bottom: calc(3.125rem + 7.5 * (((100vw - 20rem)) / ((66.875))));
  }
  .calc {
    margin-bottom: calc(13.4375rem + -1.4375 * (((100vw - 20rem)) / ((66.875))));
  }
  .calc__title {
    margin-bottom: calc(1.5625rem + 1.1875 * (((100vw - 20rem)) / ((66.875))));
  }
  .calcn .calc__body {
    margin-bottom: calc(1.5625rem + 1.875 * (((100vw - 20rem)) / ((66.875))));
  }
  .calc__value {
    font-size: calc(2.625rem + 0.875 * (((100vw - 20rem)) / ((66.875))));
  }
  .calc2 {
    margin-bottom: calc(2rem + 2.6875 * (((100vw - 20rem)) / ((66.875))));
  }
  .calc2__title {
    margin-bottom: calc(1.5625rem + 1.4375 * (((100vw - 20rem)) / ((66.875))));
  }
  .ttl2 {
    font-size: calc(1.625rem + 2.875 * (((100vw - 20rem)) / ((66.875))));
  }
  .date1 {
    margin-bottom: calc(4.375rem + 6.25 * (((100vw - 20rem)) / ((66.875))));
  }
  .date1__title {
    margin-bottom: calc(1.75rem + 1 * (((100vw - 20rem)) / ((66.875))));
  }
  .new {
    padding-top: calc(1.875rem + 8.75 * (((100vw - 20rem)) / ((66.875))));
  }
  .modal__title {
    font-size: calc(1.5rem + 2 * (((100vw - 20rem)) / ((66.875))));
  }
}
@media (any-hover: hover) {
  .quantity__button:hover::after,
  .quantity__button:hover::before {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.header {
  position: relative;
}
#sidebar {
  display: none;
}
.popup {
}
.satinColor .modal__body {
  width: 100%;
  max-width: 1360px;
  overflow: scroll;
}
.popup__body {
}

.close-popup {
}
.closep {
}
.colors__body {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.colors__label p {
  width: 100%;
}
.colors__label img {
  width: 100%;
  border-radius: 16px;
  margin-bottom: 13px;
}
.colors__label input {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 12;
  /* filter: brightness(0) invert(1); */
}
.colors__label {
  border-radius: 16px;
  background: linear-gradient(0deg, #fff 0%, #fff 100%), url(<path-to-image>), lightgray -81.46px -2.868px / 186.318% 183.437% no-repeat;
  padding: 8px;
  width: 100%;
  max-width: 190px;
  display: flex;
  position: relative;
  flex-direction: column;
  cursor: pointer;
  align-items: center;
  text-align: center;
  color: #1b123c;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.palitr {
  color: #1b123c;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 33.6px */
  margin-bottom: 44px;
}
@media (max-width: 600px) {
  .colors__body {
    gap: 8px;
  }
  .colors__label p {
    font-size: 14px;
  }
  .satinColor .modal__body {
    padding: 15px;
  }
  .colors__label {
    max-width: 48%;
    font-size: 14px;
  }
  .palitr {
    color: #1b123c;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 30.8px */
  }
}
.calc__select {
  appearance: none;
  -webkit-appearance: none; /* Safari и Chrome */
  -moz-appearance: none; /* Mozilla */
  -ms-appearance: none; /* IE */
  background-image: url("data:image/svg+xml,<svg height='15px' width='15px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: calc(100% - 15px) center;

  outline: none;
  cursor: pointer;
}
.modal__body-flex {
  width: 100%;
}
.fint {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
}
/* .fint__item:hover .oactive {
  transform: scale(1.1);
  opacity: 1;
  z-index: 2;
}
.fint__item:hover .noactive {
  transform: scale(0.1);
  opacity: 0;
} */
.fint__item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.noactive {
  max-width: 100%;
  transition: all 0.3s ease 0s;
}
.oactive {
  position: absolute;
  opacity: 0;
  margin-top: 20px;
  transition: all 0.3s ease 0s;
  transform: scale(0.1);
}
.title34 {
  margin-bottom: 48px;
  font-size: 1.5rem;
}
@media (max-width: 1000px) {
  .title34 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 17px;
  }
  .oactive {
    max-width: 120%;
  }
}
@media (max-width: 900px) {
  .fint {
    flex-direction: column;
    align-items: center;
  }
  .oactive {
    max-width: 120%;
  }
}
@media (max-width: 800px) {
  .hero__podarok {
    transform: none;
  }
}
.mob__slider .swiper-slide {
  height: auto !important;
}
.mob__slider img {
  height: 100%;
  object-fit: cover;
}
.home__slider {
  height: 100%;
}
.about__col {
  width: 33%;
  height: 100%;
}
.about__body {
  height: 1024px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .about__body {
    height: 890px;
  }
}
@media (max-width: 1100px) {
  .about__body {
    height: 700px;
  }
}
@media (max-width: 840px) {
  .about__body {
    height: 630px;
  }
}
@media (max-width: 740px) {
  .about__body {
    height: 540px;
  }
}
@media (max-width: 600px) {
  .about__body {
    height: auto;
  }
}
.colors__body {
  overflow: scroll;
  height: 100%;
}
.modal11 .modal__body{
  overflow: scroll;
}
.daufon:focus::placeholder {
  color: rgb(188, 188, 188);
}
.daufon::placeholder {
  color: red;
}
.daufon:focus{
  color: lightgray !important;
  border-color: rgb(205, 205, 205) !important;
}

.daufon::-webkit-outer-spin-button,
.daufon::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

.daufon {
  width: 105px;
  /* padding-left: 2px; */
  color: red !important;
  outline: none;
  text-align: center;
  display: inline-block;
  border-bottom: 1px dashed red;
  background: transparent;
  font-size: 14px;
}
@media (max-width: 1000px){
    .daufon{
      margin-top: 15px;
      width: 120px;
      text-align: left;
      font-size: 16px;
      margin-bottom: 15px;
    }
}
.wats{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
}
.menu__list br{
  display: none;
}
.menu__link{
  display: flex;
  align-items: center;
  gap: 5px;
}
.calc__bottom-line br{
  display: none;
}
.custom h1, .custom h2, .custom h3, .custom h4, .custom h5{
font-weight: bold;
margin-bottom: 1rem;
}
.custom p, .custom ul, .custom ol{
margin-bottom: 1rem;
}
.custom h4, .custom h5, .custom h6{
  font-size: 1.4rem;
}
.custom h3{
  font-size: 1.6rem;
}
.custom h2{
  font-size: 1.8rem;
}
.custom h1{
font-size: 2rem;
}
.custom{
  margin-top: 35px;
  margin-top: 35px;
  padding-top: 35px;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  margin-bottom: 50px;
}

.new__img{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 6px;
}

@media (max-width: 1000px){
  .new__img{
    display: none;
  }
  .about__col{
    width: 100%;
  }
  .about__soc{
    justify-content: center;
  }

    .custom{
      margin-bottom: 30px;
      padding-top: 15px;
    }
  
}
@media (max-width: 660px){
 .new{
  overflow: hidden;
 }
    .new__img2 img{
      flex: 1 1 auto;
    }
    .new__img2{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
  }
}
.inf2 .inf__body{
	flex-wrap:wrap;
}
@media (max-width: 460px){
 .new{
  overflow: hidden;
 }
    .new__img2 img{
     flex: none;
    }
    .new__img2{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
  }
}