@font-face {
     font-family: "Muller";
     src: url("../fonts/MullerRegular.eot");
     src: local("☺"), url("../fonts/MullerRegular.woff") format("woff"), url("../fonts/MullerRegular.ttf") format("truetype");
     font-weight: 400;
     font-style: normal
 }

 @font-face {
     font-family: "Muller";
     src: url("../fonts/MullerBold.eot");
     src: local("☺"), url("../fonts/MullerBold.woff") format("woff"), url("../fonts/MullerBold.ttf") format("truetype");
     font-weight: 700;
     font-style: normal
 }

 * {
     padding: 0;
     margin: 0;
     border: 0
 }

 *,
 *:before,
 *:after {
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 :focus,
 :active {
     outline: none
 }

 a:focus,
 a:active {
     outline: none
 }

 nav,
 footer,
 header,
 aside {
     display: block
 }

 html,
 body {
     height: 100%;
     width: 100%;
     font-size: 100%;
     line-height: 1;
     font-size: 14px;
     -ms-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%
 }

 input,
 button,
 textarea {
     font-family: inherit
 }

 input::-ms-clear {
     display: none
 }

 button {
     cursor: pointer
 }

 button::-moz-focus-inner {
     padding: 0;
     border: 0
 }

 a,
 a:visited {
     text-decoration: none
 }

 a:hover {
     text-decoration: none
 }

 ul li {
     list-style: none
 }

 ol {
     list-style-type: none
 }

 img {
     vertical-align: top
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-size: inherit;
     font-weight: 400
 }

 button {
     background: unset
 }

 html,
 body {
     height: 100%;
     background: #fff;
     font-family: "Lexend Deca", sans-serif
 }

 .wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     min-height: 100%
 }

 @font-face {
     font-family: 'icomoon';
     src: url('../fonts/icomoon.eot');
     src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg');
     font-weight: normal;
     font-style: normal;
 }

 .dl-menuwrapper {
     width: 100%;
     max-width: 300px;
     position: relative;
     -webkit-perspective: 1000px;
     perspective: 1000px;
     -webkit-perspective-origin: 50% 200%;
     perspective-origin: 50% 200%;
     position: absolute;
     left: 24px;
     top: 34px;
     display: none;
 }

 .dl-menuwrapper:first-child {
     margin-right: 100px;
 }

 .dl-menuwrapper button {
     background: #007BFF;
     border: none;
     width: 60px;
     height: 60px;
     text-indent: -900em;
     overflow: hidden;
     position: relative;
     cursor: pointer;
     outline: none;
 }

 .dl-menuwrapper button:hover,
 .dl-menuwrapper button.dl-active,
 .dl-menuwrapper ul {
     background: #007BFF;
 }

 .dl-menuwrapper button:after {
     content: '';
     position: absolute;
     width: 56%;
     height: 3px;
     background: #fff;
     top: 18px;
     left: 21%;
     box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
 }

 .dl-menuwrapper ul {
     padding: 0;
     list-style: none;
     -webkit-transform-style: preserve-3d;
     transform-style: preserve-3d;
 }

 .dl-menuwrapper li {
     position: relative;
 }

 .dl-menuwrapper li a {
     display: block;
     position: relative;
     padding: 15px 20px;
     font-size: 16px;
     line-height: 20px;
     font-weight: 300;
     color: #fff;
     outline: none;
 }

 .no-touch .dl-menuwrapper li a:hover {
     background: rgba(255, 248, 213, 0.1);
 }

 .dl-menuwrapper li.dl-back>a {
     padding-left: 30px;
     background: rgba(0, 0, 0, 0.1);
 }

 .dl-menuwrapper li.dl-back:after,
 .dl-menuwrapper li>a:not(:only-child):after {
     position: absolute;
     top: 0;
     line-height: 50px;
     font-family: 'icomoon';
     speak: none;
     -webkit-font-smoothing: antialiased;
     content: "\e000";
 }

 .dl-menuwrapper li.dl-back:after {
     left: 10px;
     color: rgba(212, 204, 198, 0.3);
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
 }

 .dl-menuwrapper li>a:after {
     right: 10px;
     color: rgba(0, 0, 0, 0.15);
 }

 .dl-menuwrapper .dl-menu {
     margin: 5px 0 0 0;
     position: absolute;
     width: 100%;
     opacity: 0;
     pointer-events: none;
     -webkit-transform: translateY(10px);
     transform: translateY(10px);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
 }

 .dl-menuwrapper .dl-menu.dl-menu-toggle {
     transition: all 0.3s ease;
 }

 .dl-menuwrapper .dl-menu.dl-menuopen {
     opacity: 1;
     pointer-events: auto;
     -webkit-transform: translateY(0px);
     transform: translateY(0px);
 }

 .dl-menuwrapper li .dl-submenu {
     display: none;
 }

 .dl-menu.dl-subview li,
 .dl-menu.dl-subview li.dl-subviewopen>a,
 .dl-menu.dl-subview li.dl-subview>a {
     display: none;
 }

 .dl-menu.dl-subview li.dl-subview,
 .dl-menu.dl-subview li.dl-subview .dl-submenu,
 .dl-menu.dl-subview li.dl-subviewopen,
 .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,
 .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li {
     display: block;
 }

 .dl-menuwrapper>.dl-submenu {
     position: absolute;
     width: 100%;
     top: 50px;
     left: 0;
     margin: 0;
 }

 .dl-menu.dl-animate-out-1 {
     -webkit-animation: MenuAnimOut1 0.4s;
     animation: MenuAnimOut1 0.4s;
 }

 .dl-menu.dl-animate-out-2 {
     -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
     animation: MenuAnimOut2 0.3s ease-in-out;
 }

 .dl-menu.dl-animate-out-3 {
     -webkit-animation: MenuAnimOut3 0.4s ease;
     animation: MenuAnimOut3 0.4s ease;
 }

 .dl-menu.dl-animate-out-4 {
     -webkit-animation: MenuAnimOut4 0.4s ease;
     animation: MenuAnimOut4 0.4s ease;
 }

 .dl-menu.dl-animate-out-5 {
     -webkit-animation: MenuAnimOut5 0.4s ease;
     animation: MenuAnimOut5 0.4s ease;
 }

 @-webkit-keyframes MenuAnimOut1 {
     0% {}

     50% {
         -webkit-transform: translateZ(-250px) rotateY(30deg);
     }

     75% {
         -webkit-transform: translateZ(-372.5px) rotateY(15deg);
         opacity: .5;
     }

     100% {
         -webkit-transform: translateZ(-500px) rotateY(0deg);
         opacity: 0;
     }
 }

 @-webkit-keyframes MenuAnimOut2 {
     0% {}

     100% {
         -webkit-transform: translateX(-100%);
         opacity: 0;
     }
 }

 @-webkit-keyframes MenuAnimOut3 {
     0% {}

     100% {
         -webkit-transform: translateZ(300px);
         opacity: 0;
     }
 }

 @-webkit-keyframes MenuAnimOut4 {
     0% {}

     100% {
         -webkit-transform: translateZ(-300px);
         opacity: 0;
     }
 }

 @-webkit-keyframes MenuAnimOut5 {
     0% {}

     100% {
         -webkit-transform: translateY(40%);
         opacity: 0;
     }
 }

 @keyframes MenuAnimOut1 {
     0% {}

     50% {
         -webkit-transform: translateZ(-250px) rotateY(30deg);
         transform: translateZ(-250px) rotateY(30deg);
     }

     75% {
         -webkit-transform: translateZ(-372.5px) rotateY(15deg);
         transform: translateZ(-372.5px) rotateY(15deg);
         opacity: .5;
     }

     100% {
         -webkit-transform: translateZ(-500px) rotateY(0deg);
         transform: translateZ(-500px) rotateY(0deg);
         opacity: 0;
     }
 }

 @keyframes MenuAnimOut2 {
     0% {}

     100% {
         -webkit-transform: translateX(-100%);
         transform: translateX(-100%);
         opacity: 0;
     }
 }

 @keyframes MenuAnimOut3 {
     0% {}

     100% {
         -webkit-transform: translateZ(300px);
         transform: translateZ(300px);
         opacity: 0;
     }
 }

 @keyframes MenuAnimOut4 {
     0% {}

     100% {
         -webkit-transform: translateZ(-300px);
         transform: translateZ(-300px);
         opacity: 0;
     }
 }

 @keyframes MenuAnimOut5 {
     0% {}

     100% {
         -webkit-transform: translateY(40%);
         transform: translateY(40%);
         opacity: 0;
     }
 }

 .dl-menu.dl-animate-in-1 {
     -webkit-animation: MenuAnimIn1 0.3s;
     animation: MenuAnimIn1 0.3s;
 }

 .dl-menu.dl-animate-in-2 {
     -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
     animation: MenuAnimIn2 0.3s ease-in-out;
 }

 .dl-menu.dl-animate-in-3 {
     -webkit-animation: MenuAnimIn3 0.4s ease;
     animation: MenuAnimIn3 0.4s ease;
 }

 .dl-menu.dl-animate-in-4 {
     -webkit-animation: MenuAnimIn4 0.4s ease;
     animation: MenuAnimIn4 0.4s ease;
 }

 .dl-menu.dl-animate-in-5 {
     -webkit-animation: MenuAnimIn5 0.4s ease;
     animation: MenuAnimIn5 0.4s ease;
 }

 @-webkit-keyframes MenuAnimIn1 {
     0% {
         -webkit-transform: translateZ(-500px) rotateY(0deg);
         opacity: 0;
     }

     20% {
         -webkit-transform: translateZ(-250px) rotateY(30deg);
         opacity: 0.5;
     }

     100% {
         -webkit-transform: translateZ(0px) rotateY(0deg);
         opacity: 1;
     }
 }

 @-webkit-keyframes MenuAnimIn2 {
     0% {
         -webkit-transform: translateX(-100%);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateX(0px);
         opacity: 1;
     }
 }

 @-webkit-keyframes MenuAnimIn3 {
     0% {
         -webkit-transform: translateZ(300px);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateZ(0px);
         opacity: 1;
     }
 }

 @-webkit-keyframes MenuAnimIn4 {
     0% {
         -webkit-transform: translateZ(-300px);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateZ(0px);
         opacity: 1;
     }
 }

 @-webkit-keyframes MenuAnimIn5 {
     0% {
         -webkit-transform: translateY(40%);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateY(0);
         opacity: 1;
     }
 }

 @keyframes MenuAnimIn1 {
     0% {
         -webkit-transform: translateZ(-500px) rotateY(0deg);
         transform: translateZ(-500px) rotateY(0deg);
         opacity: 0;
     }

     20% {
         -webkit-transform: translateZ(-250px) rotateY(30deg);
         transform: translateZ(-250px) rotateY(30deg);
         opacity: 0.5;
     }

     100% {
         -webkit-transform: translateZ(0px) rotateY(0deg);
         transform: translateZ(0px) rotateY(0deg);
         opacity: 1;
     }
 }

 @keyframes MenuAnimIn2 {
     0% {
         -webkit-transform: translateX(-100%);
         transform: translateX(-100%);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateX(0px);
         transform: translateX(0px);
         opacity: 1;
     }
 }

 @keyframes MenuAnimIn3 {
     0% {
         -webkit-transform: translateZ(300px);
         transform: translateZ(300px);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateZ(0px);
         transform: translateZ(0px);
         opacity: 1;
     }
 }

 @keyframes MenuAnimIn4 {
     0% {
         -webkit-transform: translateZ(-300px);
         transform: translateZ(-300px);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateZ(0px);
         transform: translateZ(0px);
         opacity: 1;
     }
 }

 @keyframes MenuAnimIn5 {
     0% {
         -webkit-transform: translateY(40%);
         transform: translateY(40%);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
         opacity: 1;
     }
 }

 .dl-menuwrapper>.dl-submenu.dl-animate-in-1 {
     -webkit-animation: SubMenuAnimIn1 0.4s ease;
     animation: SubMenuAnimIn1 0.4s ease;
 }

 .dl-menuwrapper>.dl-submenu.dl-animate-in-2 {
     -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
     animation: SubMenuAnimIn2 0.3s ease-in-out;
 }

 .dl-menuwrapper>.dl-submenu.dl-animate-in-3 {
     -webkit-animation: SubMenuAnimIn3 0.4s ease;
     animation: SubMenuAnimIn3 0.4s ease;
 }

 .dl-menuwrapper>.dl-submenu.dl-animate-in-4 {
     -webkit-animation: SubMenuAnimIn4 0.4s ease;
     animation: SubMenuAnimIn4 0.4s ease;
 }

 .dl-menuwrapper>.dl-submenu.dl-animate-in-5 {
     -webkit-animation: SubMenuAnimIn5 0.4s ease;
     animation: SubMenuAnimIn5 0.4s ease;
 }

 @-webkit-keyframes SubMenuAnimIn1 {
     0% {
         -webkit-transform: translateX(50%);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateX(0px);
         opacity: 1;
     }
 }

 @-webkit-keyframes SubMenuAnimIn2 {
     0% {
         -webkit-transform: translateX(100%);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateX(0px);
         opacity: 1;
     }
 }

 @-webkit-keyframes SubMenuAnimIn3 {
     0% {
         -webkit-transform: translateZ(-300px);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateZ(0px);
         opacity: 1;
     }
 }

 @-webkit-keyframes SubMenuAnimIn4 {
     0% {
         -webkit-transform: translateZ(300px);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateZ(0px);
         opacity: 1;
     }
 }

 @-webkit-keyframes SubMenuAnimIn5 {
     0% {
         -webkit-transform: translateZ(-200px);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateZ(0);
         opacity: 1;
     }
 }

 @keyframes SubMenuAnimIn1 {
     0% {
         -webkit-transform: translateX(50%);
         transform: translateX(50%);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateX(0px);
         transform: translateX(0px);
         opacity: 1;
     }
 }

 @keyframes SubMenuAnimIn2 {
     0% {
         -webkit-transform: translateX(100%);
         transform: translateX(100%);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateX(0px);
         transform: translateX(0px);
         opacity: 1;
     }
 }

 @keyframes SubMenuAnimIn3 {
     0% {
         -webkit-transform: translateZ(-300px);
         transform: translateZ(-300px);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateZ(0px);
         transform: translateZ(0px);
         opacity: 1;
     }
 }

 @keyframes SubMenuAnimIn4 {
     0% {
         -webkit-transform: translateZ(300px);
         transform: translateZ(300px);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateZ(0px);
         transform: translateZ(0px);
         opacity: 1;
     }
 }

 @keyframes SubMenuAnimIn5 {
     0% {
         -webkit-transform: translateZ(-200px);
         transform: translateZ(-200px);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
         opacity: 1;
     }
 }

 .dl-menuwrapper>.dl-submenu.dl-animate-out-1 {
     -webkit-animation: SubMenuAnimOut1 0.4s ease;
     animation: SubMenuAnimOut1 0.4s ease;
 }

 .dl-menuwrapper>.dl-submenu.dl-animate-out-2 {
     -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
     animation: SubMenuAnimOut2 0.3s ease-in-out;
 }

 .dl-menuwrapper>.dl-submenu.dl-animate-out-3 {
     -webkit-animation: SubMenuAnimOut3 0.4s ease;
     animation: SubMenuAnimOut3 0.4s ease;
 }

 .dl-menuwrapper>.dl-submenu.dl-animate-out-4 {
     -webkit-animation: SubMenuAnimOut4 0.4s ease;
     animation: SubMenuAnimOut4 0.4s ease;
 }

 .dl-menuwrapper>.dl-submenu.dl-animate-out-5 {
     -webkit-animation: SubMenuAnimOut5 0.4s ease;
     animation: SubMenuAnimOut5 0.4s ease;
 }

 @-webkit-keyframes SubMenuAnimOut1 {
     0% {
         -webkit-transform: translateX(0%);
         opacity: 1;
     }

     100% {
         -webkit-transform: translateX(50%);
         opacity: 0;
     }
 }

 @-webkit-keyframes SubMenuAnimOut2 {
     0% {
         -webkit-transform: translateX(0%);
         opacity: 1;
     }

     100% {
         -webkit-transform: translateX(100%);
         opacity: 0;
     }
 }

 @-webkit-keyframes SubMenuAnimOut3 {
     0% {
         -webkit-transform: translateZ(0px);
         opacity: 1;
     }

     100% {
         -webkit-transform: translateZ(-300px);
         opacity: 0;
     }
 }

 @-webkit-keyframes SubMenuAnimOut4 {
     0% {
         -webkit-transform: translateZ(0px);
         opacity: 1;
     }

     100% {
         -webkit-transform: translateZ(300px);
         opacity: 0;
     }
 }

 @-webkit-keyframes SubMenuAnimOut5 {
     0% {
         -webkit-transform: translateZ(0);
         opacity: 1;
     }

     100% {
         -webkit-transform: translateZ(-200px);
         opacity: 0;
     }
 }

 @keyframes SubMenuAnimOut1 {
     0% {
         -webkit-transform: translateX(0%);
         transform: translateX(0%);
         opacity: 1;
     }

     100% {
         -webkit-transform: translateX(50%);
         transform: translateX(50%);
         opacity: 0;
     }
 }

 @keyframes SubMenuAnimOut2 {
     0% {
         -webkit-transform: translateX(0%);
         transform: translateX(0%);
         opacity: 1;
     }

     100% {
         -webkit-transform: translateX(100%);
         transform: translateX(100%);
         opacity: 0;
     }
 }

 @keyframes SubMenuAnimOut3 {
     0% {
         -webkit-transform: translateZ(0px);
         transform: translateZ(0px);
         opacity: 1;
     }

     100% {
         -webkit-transform: translateZ(-300px);
         transform: translateZ(-300px);
         opacity: 0;
     }
 }

 @keyframes SubMenuAnimOut4 {
     0% {
         -webkit-transform: translateZ(0px);
         transform: translateZ(0px);
         opacity: 1;
     }

     100% {
         -webkit-transform: translateZ(300px);
         transform: translateZ(300px);
         opacity: 0;
     }
 }

 @keyframes SubMenuAnimOut5 {
     0% {
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
         opacity: 1;
     }

     100% {
         -webkit-transform: translateZ(-200px);
         transform: translateZ(-200px);
         opacity: 0;
     }
 }

 .no-js .dl-menuwrapper .dl-menu {
     position: relative;
     opacity: 1;
     -webkit-transform: none;
     transform: none;
 }

 .no-js .dl-menuwrapper li .dl-submenu {
     display: block;
 }

 .no-js .dl-menuwrapper li.dl-back {
     display: none;
 }

 .no-js .dl-menuwrapper li>a:not(:only-child) {
     background: rgba(0, 0, 0, 0.1);
 }

 .no-js .dl-menuwrapper li>a:not(:only-child):after {
     content: '';
 }

 .demo-1 .dl-menuwrapper button {
     background: #c62860;
 }

 .demo-1 .dl-menuwrapper button:hover,
 .demo-1 .dl-menuwrapper button.dl-active,
 .demo-1 .dl-menuwrapper ul {
     background: #9e1847;
 }

 .demo-2 .dl-menuwrapper button {
     background: #e86814;
 }

 .demo-2 .dl-menuwrapper button:hover,
 .demo-2 .dl-menuwrapper button.dl-active,
 .demo-2 .dl-menuwrapper ul {
     background: #D35400;
 }

 .demo-3 .dl-menuwrapper button {
     background: #08cbc4;
 }

 .demo-3 .dl-menuwrapper button:hover,
 .demo-3 .dl-menuwrapper button.dl-active,
 .demo-3 .dl-menuwrapper ul {
     background: #00b4ae;
 }

 .demo-4 .dl-menuwrapper button {
     background: #90b912;
 }

 .demo-4 .dl-menuwrapper button:hover,
 .demo-4 .dl-menuwrapper button.dl-active,
 .demo-4 .dl-menuwrapper ul {
     background: #79a002;
 }

 .demo-5 .dl-menuwrapper button {
     background: #744783;
 }

 .demo-5 .dl-menuwrapper button:hover,
 .demo-5 .dl-menuwrapper button.dl-active,
 .demo-5 .dl-menuwrapper ul {
     background: #643771;
 }

 .main {
     -webkit-box-flex: 1;
     -ms-flex: 1 0 auto;
     flex: 1 0 auto
 }

 .footer {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto
 }

 .biggest-container {
     max-width: 1950px;
     margin: 0 auto;
     padding: 0 0px;
 }

 .big-container {
     max-width: 1750px;
     margin: 0 auto;
     padding: 0 15px
 }

 .footer-container {
     max-width: 1350px;
     margin: 0 auto;
     padding: 0 15px
 }

 .container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 15px
 }

 .btn {
     background: #fff;
     border: 1px solid #490083;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     max-width: 225px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
     padding-left: 80px;
     -webkit-transition: padding-left .3s;
     -o-transition: padding-left .3s;
     transition: padding-left .3s;
     padding-top: 22px;
     padding-bottom: 22px;
     z-index: 2
 }

 .btn span:first-child {
     position: absolute;
     height: 63px;
     width: 60px;
     min-width: 60px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     overflow: hidden;
     -webkit-transition: width .3s;
     -o-transition: width .3s;
     transition: width .3s;
     left: 0;
     z-index: 1
 }

 .btn span:first-child::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #490083
 }

 .btn span:first-child::after {
     content: "";
     width: 20px;
     height: 120%;
     position: absolute;
     top: -10px;
     right: -9px;
     bottom: -10px;
     background: #fff;
     -webkit-transform: rotate(-17deg);
     -ms-transform: rotate(-17deg);
     transform: rotate(-17deg);
     -webkit-transition: right .3s, -webkit-transform .3s;
     transition: right .3s, -webkit-transform .3s;
     -o-transition: transform .3s, right .3s;
     transition: transform .3s, right .3s;
     transition: transform .3s, right .3s, -webkit-transform .3s
 }

 .btn span:first-child svg {
     width: 20px;
     height: 20px;
     z-index: 1;
     margin-right: 8px;
     left: 50%;
     -webkit-transition: left .3s;
     -o-transition: left .3s;
     transition: left .3s
 }

 .btn span:last-child {
     z-index: 1;
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: flex-start;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-weight: 600;
     font-size: 15px;
     line-height: 19px;
     color: #202020;
     text-transform: uppercase;
     -webkit-transition: color .3s;
     -o-transition: color .3s;
     transition: color .3s
 }

 .btn:hover {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding-left: 30px;
     padding-right: 30px
 }

 .btn:hover span:last-child {
     justify-content: center;
 }

 .btn:hover span:first-child {
     width: 100%;
     position: absolute
 }

 .btn:hover span:first-child::after {
     -webkit-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
     right: -20px
 }

 .btn:hover span:first-child svg {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     left: 80%
 }

 .suptext {
     font-weight: 500;
     font-size: 18px;
     line-height: 22px;
     margin-bottom: 15px;
     letter-spacing: -0.01em;
     text-transform: none;
     color: #515151
 }

 @media(max-width: 1920px) {
     .suptext {
         font-size: calc(14px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .suptext {
         line-height: calc(18px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .suptext {
         margin-bottom: calc(10px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .title {
     display: inline-block;
     font-weight: 700;
     font-size: 46px;
     line-height: 58px;
     letter-spacing: -0.02em;
     text-transform: none;
     color: #202020
 }

 @media(max-width: 1920px) {
     .title {
         font-size: calc(25px + 21 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .title {
         line-height: calc(32px + 26 * ((100vw - 360px) / 1560))
     }
 }

 .title span {
     position: relative;
     color: #007BFF
 }

 .title span::after {
     content: "";
     width: 100%;
     left: 0;
     position: absolute;
     height: 5px;
     bottom: -7px;
     background: #007BFF
 }

 @media(max-width: 1920px) {
     .title span::after {
         height: calc(3px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .title span::after {
         bottom: calc(-5px + -2 * ((100vw - 360px) / 1560))
     }
 }

 .body--categiries .header {
     overflow: unset
 }

 .body-menu--active .header {
     position: unset
 }

 .header {
     position: relative;
     z-index: 10
 }

 .header-top {
     background: #202020
 }

 .header-top__inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 40px;
     padding: 20px 45px;
 }

 .header-top__deal {
     margin-right: auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .header-top__deal svg {
     margin-right: 15px
 }

 .header-top__deal-text {
     font-weight: 700;
     font-size: 15px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #fff
 }

 @media(max-width: 1920px) {
     .header-top__deal-text {
         font-size: calc(12px + 3 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .header-top__deal-text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .header-top__deal-text span {
     font-weight: 400
 }

 .header-top__entrance-link {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 10px;
     font-size: 15px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #fff;
     -webkit-transition: color .3s;
     -o-transition: color .3s;
     transition: color .3s
 }

 .header-top__entrance-link:hover {
     color: #007BFF
 }

 .header-top__entrance-link:hover svg {
     -webkit-transform: translateX(5px);
     -ms-transform: translateX(5px);
     transform: translateX(5px)
 }

 .header-top__entrance-link:hover svg path {
     stroke: #007BFF
 }

 .header-top__entrance-link svg {
     -webkit-transition: -webkit-transform .3s;
     transition: -webkit-transform .3s;
     -o-transition: transform .3s;
     transition: transform .3s;
     transition: transform .3s, -webkit-transform .3s
 }

 .header-top__entrance-link svg path {
     -webkit-transition: stroke .3s;
     -o-transition: stroke .3s;
     transition: stroke .3s
 }

 .header-top__socials {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 20px
 }

 .header-top__socials-link:hover svg path {
     stroke: #007BFF
 }

 .header-top__socials-link svg path {
     -webkit-transition: stroke .3s;
     -o-transition: stroke .3s;
     transition: stroke .3s
 }

 .header-top__socials svg path {
     stroke: #222;
 }

 .article-bottom__share:hover .header-top__socials {
     opacity: 1;
     right: 75px;
 }

 .article-bottom__share .header-top__socials {
     position: absolute;
     right: 60px;
     z-index: 3;
     gap: 10px;
     opacity: 1;
     -webkit-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s;
     opacity: 0;
 }

 .header-top-working-time {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 10px
 }

 .header-top-working-time__text {
     font-size: 15px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #fff
 }

 .header-content {
     padding-top: 40px;
     padding-bottom: 40px
 }

 @media(max-width: 1920px) {
     .header-content {
         padding-top: calc(30px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .header-content {
         padding-bottom: calc(30px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(min-width: 1600px) {
     .header-content__inner {
         padding: 0 45px;
     }
 }

 .header-content__inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .header-content__wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100%;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 50px
 }

 .header-content__entrance {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 25px;
     margin-left: auto
 }

 .header-content__entrance-link {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 15px;
     color: #202020;
     font-weight: 500;
     font-size: 18px;
     line-height: 22px;
     letter-spacing: -0.01em;
     text-transform: none;
     -webkit-transition: color .3s;
     -o-transition: color .3s;
     transition: color .3s
 }

 .header-content__entrance-link:hover {
     color: #490083
 }

 .header-content__entrance-link:hover svg path {
     fill: #490083
 }

 .header-content__entrance-link svg path {
     -webkit-transition: fill .3s;
     -o-transition: fill .3s;
     transition: fill .3s
 }

 .header-content__entrance-link:last-child {
     position: relative
 }

 .header-content__entrance-link:last-child::before {
     content: "";
     width: 0%;
     height: 1px;
     position: absolute;
     left: 0;
     background: #202020;
     right: 0;
     top: 102%;
     -webkit-transition: width .3s;
     -o-transition: width .3s;
     transition: width .3s
 }

 .header-content__entrance-link:last-child:hover {
     color: #202020
 }

 .header-content__entrance-link:last-child:hover::before {
     width: 100%
 }

 .header-content__purshace {
     margin-left: 35px;
     padding: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: #007BFF;
     border-radius: 100%;
     border: 1px solid rgba(0, 0, 0, 0);
     -webkit-transition: border .3s, background .3s;
     -o-transition: border .3s, background .3s;
     transition: border .3s, background .3s
 }

 .header-content__purshace:hover {
     background: rgba(0, 0, 0, 0);
     border: 1px solid #007BFF
 }

 .header-content__purshace:hover svg path {
     stroke: #007BFF
 }

 .header-content__purshace svg path {
     -webkit-transition: stroke .3s;
     -o-transition: stroke .3s;
     transition: stroke .3s
 }

 .menu {
     margin-left: 50px
 }

 .menu-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 40px
 }

 .menu-list__item--categories {
     position: relative
 }

 .menu-list__item {
     padding-bottom: 25px;
     padding-top: 25px;
 }

 .menu-list__item:hover .menu-list__submenu {
     display: block;
 }

 .menu-list__btn {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     gap: 6px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #202020;
     font-weight: 500;
     font-size: 18px;
     line-height: 22px;
     letter-spacing: -0.01em;
     text-transform: none
 }

 .menu-list__btn svg {
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg)
 }

 .menu-list__link {
     color: #202020;
     font-weight: 500;
     font-size: 18px;
     line-height: 22px;
     letter-spacing: -0.01em;
     text-transform: none;
     position: relative
 }

 .menu-list__link::before {
     content: "";
     width: 0%;
     height: 1px;
     position: absolute;
     left: 0;
     background: #202020;
     right: 0;
     top: 102%;
     -webkit-transition: width .3s;
     -o-transition: width .3s;
     transition: width .3s
 }

 .menu-list__link:hover::before {
     width: 100%
 }

 .menu-list-submenu {
     padding: 20px;
     padding-top: unset;
     padding-bottom: unset;
     top: 99%;
     position: absolute;
     z-index: 10;
     background: #fff;
     -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
     box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
     border-radius: 5px;
     width: 300px;
     display: none
 }

 .menu-list-submenu__item {
     position: relative
 }

 .menu-list-submenu__item:first-child .menu-list-submenu__btn {
     padding: 15px 0 15px 0
 }

 .menu-list-submenu__item:last-child .menu-list-submenu__btn {
     padding: 15px 0 15px 0;
     border-bottom: unset
 }

 .menu-list-submenu__btn {
     text-align: left;
     width: 100%;
     border-bottom: 1px solid #d9d9d9;
     padding: 15px 0;
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151;
     -webkit-transition: color .3s;
     -o-transition: color .3s;
     transition: color .3s;
     width: 100%;
     display: inline-block;
 }

 .menu-list-submenu__btn:hover {
     color: #007BFF
 }

 .menu-list-submenu_inner::after {
     content: "";
     width: 18px;
     height: 18px;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     right: 0;
     background-repeat: no-repeat;
     background-image: url(../images/select-arrow.svg)
 }

 .menu-list-submenu__btn--active {
     color: #007BFF
 }

 .menu-list-submenu_inner::after {
     background-image: url(../images/select-arrow-pink.svg)
 }

 .menu-list-submenu__items {
     display: none
 }

 .menu-list-submenu__items--active {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     position: absolute;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     position: absolute;
     left: 108%;
     padding: 20px;
     padding-top: 15px;
     padding-bottom: 15px;
     top: 0;
     z-index: 10;
     background: #fff;
     -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
     box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
     border-radius: 5px;
     width: 300px
 }

 .menu-list-submenu__items-item {
     width: 100%;
     border-bottom: 1px solid #d9d9d9;
     padding: 15px 0
 }

 .menu-list-submenu__items-item:first-child {
     padding: 0 0 15px 0
 }

 .menu-list-submenu__items-item:last-child {
     padding: 15px 0 0 0;
     border-bottom: unset
 }

 .menu-list-submenu__items-btn {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151;
     -webkit-transition: color .3s;
     -o-transition: color .3s;
     transition: color .3s
 }

 .menu-list-submenu__items-btn:hover {
     color: #007BFF
 }

 .header-content-call {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 35px
 }

 .header-content-call:nth-child(2) {
     display: none
 }

 .header-content-call__box {
     position: relative
 }

 .header-content-call__box::before {
     content: "";
     width: 1px;
     height: 80%;
     position: absolute;
     left: -18px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     background: #d9d9d9
 }

 .header-content-call__box-text {
     color: #515151;
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     letter-spacing: -0.01em
 }

 .header-content-call__box-link {
     color: #202020;
     font-weight: 500;
     font-size: 28px;
     line-height: 35px;
     text-transform: none;
     position: relative
 }

 .header-content-call__box-link::before {
     content: "";
     width: 0%;
     height: 1px;
     position: absolute;
     left: 0;
     background: #202020;
     right: 0;
     top: 102%;
     -webkit-transition: width .3s;
     -o-transition: width .3s;
     transition: width .3s
 }

 .header-content-call__box-link:hover::before {
     width: 100%
 }

 .menu--categiries .menu-list__btn svg {
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg)
 }

 .menu--categiries .menu-list-submenu {
     display: block
 }

 .section-top {
     position: relative;
     padding-top: 105px;
     padding-bottom: 110px
 }

 @media(max-width: 1920px) {
     .section-top {
         padding-top: calc(50px + 55 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .section-top {
         padding-bottom: calc(50px + 60 * ((100vw - 360px) / 1560))
     }
 }

 .section-top__img {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0
 }

 .section-top__img::after {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: rgba(0, 0, 0, .7);
     background-blend-mode: multiply
 }

 .section-top__img-image {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover
 }

 .section-top__title {
     font-weight: 800;
     font-size: 64px;
     line-height: 68px;
     margin-bottom: 35px;
     text-align: center;
     letter-spacing: -0.02em;
     text-transform: none;
     color: #fff;
     position: relative;
     z-index: 1
 }

 @media(max-width: 1920px) {
     .section-top__title {
         font-size: calc(30px + 34 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .section-top__title {
         line-height: calc(40px + 28 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .section-top__title {
         margin-bottom: calc(20px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .breadcrumbs__list {
     position: relative;
     z-index: 1;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 40px;
     gap: 40px;
     row-gap: 30px;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap
 }

 @media(max-width: 1920px) {
     .breadcrumbs__list {
         gap: calc(30px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .breadcrumbs__list {
         row-gap: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .breadcrumbs__list-item {
     position: relative
 }

 .breadcrumbs__list-item::after {
     content: "";
     position: absolute;
     right: -28px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     background-image: url(../images/link-arrow.svg);
     width: 18px;
     height: 18px;
     background-repeat: no-repeat;
     background-size: contain
 }

 @media(max-width: 1920px) {
     .breadcrumbs__list-item::after {
         right: calc(-23px + -5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .breadcrumbs__list-item::after {
         width: calc(14px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .breadcrumbs__list-item::after {
         height: calc(14px + 4 * ((100vw - 360px) / 1560))
     }
 }

 .breadcrumbs__list-item:last-child::after {
     content: unset
 }

 .breadcrumbs__list-link {
     position: relative;
     display: block;
     font-weight: 300;
     font-size: 17px;
     line-height: 30px;
     letter-spacing: .01em;
     text-decoration-line: underline;
     color: #fff
 }

 @media(max-width: 1920px) {
     .breadcrumbs__list-link {
         font-size: calc(14px + 3 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .breadcrumbs__list-link {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .categories {
     padding-top: 120px;
     margin-bottom: 75px
 }

 @media(max-width: 1920px) {
     .categories {
         padding-top: calc(40px + 80 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .categories {
         margin-bottom: calc(0px + 75 * ((100vw - 360px) / 1560))
     }
 }

 .categories__inner {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 1fr 1fr;
     grid-template-columns: 1fr 1fr;
     gap: 100px 30px;
     row-gap: 100px
 }

 @media(max-width: 1920px) {
     .categories__inner {
         row-gap: calc(50px + 50 * ((100vw - 360px) / 1560))
     }
 }

 .categories__box {
     max-width: 570px;
     margin-bottom: 80px
 }

 @media(max-width: 1920px) {
     .categories__box {
         margin-bottom: calc(30px + 50 * ((100vw - 360px) / 1560))
     }
 }

 .categories-item__box {
     margin-bottom: 75px;
     position: relative;
     display: block
 }

 @media(max-width: 1920px) {
     .categories-item__box {
         margin-bottom: calc(30px + 45 * ((100vw - 360px) / 1560))
     }
 }

 .categories-item__box:hover .categories-item__box-img {
     -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
     box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1)
 }

 .categories-item__box:hover .categories-item__box-text {
     color: #490083
 }

 .categories-item__box-img {
     -webkit-transition: -webkit-box-shadow .3s;
     transition: -webkit-box-shadow .3s;
     -o-transition: box-shadow .3s;
     transition: box-shadow .3s;
     transition: box-shadow .3s, -webkit-box-shadow .3s;
     max-width: 570px;
     max-height: 320px;
     height: 320px;
     width: 100%;
     overflow: hidden;
     -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0);
     box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0)
 }

 .categories-item__box-img:hover img {
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05)
 }

 @media(max-width: 1920px) {
     .categories-item__box-img {
         max-height: calc(220px + 100 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .categories-item__box-img {
         height: calc(220px + 100 * ((100vw - 360px) / 1560))
     }
 }

 .categories-item__box-img img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     -webkit-transition: -webkit-transform .3s;
     transition: -webkit-transform .3s;
     -o-transition: transform .3s;
     transition: transform .3s;
     transition: transform .3s, -webkit-transform .3s
 }

 .categories-item__box-text {
     color: #202020;
     position: absolute;
     left: 0;
     font-weight: 600;
     font-size: 24px;
     line-height: 32px;
     padding-top: 35px;
     padding-right: 75px;
     padding-bottom: 35px;
     padding-left: 75px;
     letter-spacing: -0.01em;
     text-transform: none;
     background: #fff;
     -webkit-transform: translateY(-60px);
     -ms-transform: translateY(-60px);
     transform: translateY(-60px);
     -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
     box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
     z-index: 1;
     display: inline-block;
     -webkit-transition: color .3s;
     -o-transition: color .3s;
     transition: color .3s
 }

 @media(max-width: 1920px) {
     .categories-item__box-text {
         font-size: calc(16px + 8 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .categories-item__box-text {
         line-height: calc(22px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .categories-item__box-text {
         padding-top: calc(20px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .categories-item__box-text {
         padding-right: calc(20px + 55 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .categories-item__box-text {
         padding-bottom: calc(20px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .categories-item__box-text {
         padding-left: calc(20px + 55 * ((100vw - 360px) / 1560))
     }
 }

 .categories-item__rent {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 15px
 }

 .categories-item__rent-line {
     margin-right: 15px;
     background: #d9d9d9;
     display: block;
     width: 100%;
     height: 1px
 }

 .categories-item__rent-text {
     color: #515151;
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     width: 160px;
     min-width: 160px;
     text-align: center
 }

 @media(max-width: 1920px) {
     .categories-item__rent-text {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .categories-item__rent-text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .categories-item__rent-price {
     display: block;
     color: #007BFF;
     font-weight: 500;
     font-size: 28px;
     line-height: 35px;
     text-transform: none
 }

 @media(max-width: 1920px) {
     .categories-item__rent-price {
         font-size: calc(20px + 8 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .categories-item__rent-price {
         line-height: calc(24px + 11 * ((100vw - 360px) / 1560))
     }
 }

 .subscribe {
     -webkit-transform: translateY(45px);
     -ms-transform: translateY(45px);
     transform: translateY(45px)
 }

 .subscribe-with-map {
     margin-top: -200px;
 }

 .subscribe__inner {
     background: #490083;
     padding-top: 55px;
     padding-right: 60px;
     padding-bottom: 55px;
     padding-left: 65px;
     gap: 30px;
     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
 }

 @media(max-width: 1920px) {
     .subscribe__inner {
         padding-top: calc(30px + 25 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__inner {
         padding-right: calc(15px + 45 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__inner {
         padding-bottom: calc(30px + 25 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__inner {
         padding-left: calc(15px + 50 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__inner {
         gap: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .subscribe__box-text {
     font-weight: 500;
     font-size: 18px;
     line-height: 22px;
     margin-bottom: 15px;
     letter-spacing: -0.01em;
     text-transform: none;
     color: rgba(255, 255, 255, .5)
 }

 @media(max-width: 1920px) {
     .subscribe__box-text {
         font-size: calc(14px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__box-text {
         line-height: calc(20px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__box-text {
         margin-bottom: calc(10px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .subscribe__title {
     font-weight: 700;
     font-size: 38px;
     line-height: 48px;
     display: inline-block;
     letter-spacing: -0.02em;
     text-transform: none;
     color: #fff
 }

 @media(max-width: 1920px) {
     .subscribe__title {
         font-size: calc(25px + 13 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__title {
         line-height: calc(32px + 16 * ((100vw - 360px) / 1560))
     }
 }

 .subscribe__title span {
     color: #007BFF
 }

 .subscribe__form {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding: 12px;
     max-width: 600px;
     width: 100%;
     background: #fff
 }

 @media(max-width: 1920px) {
     .subscribe__form {
         padding: calc(10px + 2 * ((100vw - 360px) / 1560))
     }
 }

 .subscribe__form-input {
     width: 100%;
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     color: #515151;
     letter-spacing: .01em;
     padding-top: 25px;
     padding-right: 35px;
     padding-bottom: 25px;
     padding-left: 35px;
     border: 1px solid #d9d9d9
 }

 @media(max-width: 1920px) {
     .subscribe__form-input {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__form-input {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__form-input {
         padding-top: calc(15px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__form-input {
         padding-right: calc(15px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__form-input {
         padding-bottom: calc(15px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__form-input {
         padding-left: calc(15px + 20 * ((100vw - 360px) / 1560))
     }
 }

 .subscribe__form-input::-webkit-input-placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     color: #515151;
     letter-spacing: .01em
 }

 .subscribe__form-input::-moz-placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     color: #515151;
     letter-spacing: .01em
 }

 .subscribe__form-input:-ms-input-placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     color: #515151;
     letter-spacing: .01em
 }

 .subscribe__form-input::-ms-input-placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     color: #515151;
     letter-spacing: .01em
 }

 .subscribe__form-input::placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     color: #515151;
     letter-spacing: .01em
 }

 @media(max-width: 1920px) {
     .subscribe__form-input::-webkit-input-placeholder {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }

     .subscribe__form-input::-moz-placeholder {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }

     .subscribe__form-input:-ms-input-placeholder {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }

     .subscribe__form-input::-ms-input-placeholder {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }

     .subscribe__form-input::placeholder {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__form-input::-webkit-input-placeholder {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }

     .subscribe__form-input::-moz-placeholder {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }

     .subscribe__form-input:-ms-input-placeholder {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }

     .subscribe__form-input::-ms-input-placeholder {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }

     .subscribe__form-input::placeholder {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .subscribe__form-btn {
     padding-top: 30px;
     padding-right: 35px;
     padding-bottom: 30px;
     padding-left: 35px;
     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;
     gap: 10px;
     font-weight: 500;
     font-size: 20px;
     line-height: 25px;
     text-transform: none;
     color: #fff;
     background: #007BFF;
     position: relative;
     overflow: hidden;
     z-index: 1;
     width: 100%;
     max-width: 205px
 }

 .single-btn {
     padding-top: 27px;
     padding-right: 35px;
     padding-bottom: 27px;
     padding-left: 35px;
     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;
     gap: 10px;
     font-weight: 500;
     font-size: 20px;
     line-height: 11px;
     text-transform: none;
     color: #fff;
     background: #007BFF;
     position: relative;
     overflow: hidden;
     z-index: 1;
     width: fit-content;
 }

 .single-btn:hover {
     color: #fff;
 }

 @media(max-width: 1920px) {
     .subscribe__form-btn {
         padding-top: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__form-btn {
         padding-right: calc(15px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__form-btn {
         padding-bottom: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__form-btn {
         padding-left: calc(15px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__form-btn {
         font-size: calc(14px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__form-btn {
         line-height: calc(0px + 25 * ((100vw - 360px) / 1560))
     }
 }

 .subscribe__form-btn svg {
     min-width: 27px;
     min-height: 19px;
     width: 27px;
     height: 19px;
     margin-right: 4px;
 }

 @media(max-width: 1920px) {
     .subscribe__form-btn svg {
         min-width: calc(20px + 7 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__form-btn svg {
         min-height: calc(13px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__form-btn svg {
         width: calc(20px + 7 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .subscribe__form-btn svg {
         height: calc(13px + 6 * ((100vw - 360px) / 1560))
     }
 }

 .subscribe__form-btn::before {
     content: "";
     width: 100%;
     height: 100%;
     background: #490083;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: -1;
     -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     transform: translateX(-100%);
     -webkit-transition: -webkit-transform .3s;
     transition: -webkit-transform .3s;
     -o-transition: transform .3s;
     transition: transform .3s;
     transition: transform .3s, -webkit-transform .3s
 }

 .single-btn::before {
     content: "";
     width: 100%;
     height: 100%;
     background: #490083;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: -1;
     -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     transform: translateX(-100%);
     -webkit-transition: -webkit-transform .3s;
     transition: -webkit-transform .3s;
     -o-transition: transform .3s;
     transition: transform .3s;
     transition: transform .3s, -webkit-transform .3s
 }

 .single-btn:hover::before {
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%)
 }

 .subscribe__form-btn:hover::before {
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%)
 }

 .footer {
     background: #202020;
     padding-top: 140px
 }

 @media(max-width: 1920px) {
     .footer {
         padding-top: calc(80px + 60 * ((100vw - 360px) / 1560))
     }
 }

 .footer__support {
     font-family: "Archivo", sans-serif;
     font-weight: 700;
     margin-bottom: 80px;
     font-size: 120px;
     line-height: 131px;
     text-align: center;
     display: block;
     text-transform: none;
     color: rgba(255, 255, 255, .25)
 }

 @media(max-width: 1920px) {
     .footer__support {
         margin-bottom: calc(30px + 50 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .footer__support {
         font-size: calc(40px + 80 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .footer__support {
         line-height: calc(50px + 81 * ((100vw - 360px) / 1560))
     }
 }

 .footer-content {
     padding-bottom: 80px
 }

 @media(max-width: 1920px) {
     .footer-content {
         padding-bottom: calc(30px + 50 * ((100vw - 360px) / 1560))
     }
 }

 .footer-content__inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 110px
 }

 @media(max-width: 1920px) {
     .footer-content__inner {
         gap: calc(30px + 80 * ((100vw - 360px) / 1560))
     }
 }

 .footer-content__list {
     padding-top: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
     max-width: 255px
 }

 @media(max-width: 1920px) {
     .footer-content__list {
         gap: calc(10px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .footer-content__list:last-child .footer-content__list-link {
     font-weight: 300
 }

 .footer-content__list-title {
     font-family: "Archivo", sans-serif;
     font-style: normal;
     font-weight: 700;
     font-size: 24px;
     line-height: 36px;
     margin-bottom: 10px;
     text-transform: none;
     color: #fff
 }

 @media(max-width: 1920px) {
     .footer-content__list-title {
         font-size: calc(16px + 8 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .footer-content__list-title {
         line-height: calc(22px + 14 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .footer-content__list-title {
         margin-bottom: calc(5px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .footer-content__list-link {
     font-family: "Archivo", sans-serif;
     font-size: 18px;
     line-height: 30px;
     color: #fff;
     -webkit-transition: color .3s;
     -o-transition: color .3s;
     transition: color .3s;
     position: relative;
 }

 .footer-content__list_with_dots .footer-content__list-link {
     margin-left: 15px;
 }

 .footer-content__list_with_dots .footer-content__list-link::before {
     content: "";
     width: 4px;
     height: 4px;
     position: absolute;
     left: -17px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     background: #fff;
     border-radius: 100%;
 }

 .footer-content__list-item i {
     font-size: 20px;
     margin-left: 0;
     position: absolute;
     color: #fff;
     left: 0;
     top: 3px;
 }

 .footer-content__contacts .footer-content__list-item__contact {
     position: relative;
     padding-left: 37px;
 }

 @media(max-width: 1920px) {
     .footer-content__list-link {
         font-size: calc(14px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .footer-content__list-link {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .footer-content__list-link:hover {
     color: #007BFF
 }

 .footer-content-box {
     margin-right: auto
 }

 .footer-content-box__logo {
     margin-bottom: 30px;
     display: inline-block;
     display: block
 }

 @media(max-width: 1920px) {
     .footer-content-box__logo {
         margin-bottom: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .footer-content-box__text {
     font-family: "Archivo", sans-serif;
     font-weight: 500;
     font-size: 18px;
     line-height: 36px;
     letter-spacing: -0.01em;
     color: #fff;
     max-width: 330px
 }

 @media(max-width: 1920px) {
     .footer-content-box__text {
         font-size: calc(14px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .footer-content-box__text {
         line-height: calc(20px + 16 * ((100vw - 360px) / 1560))
     }
 }

 .footer-bottom {
     padding-top: 40px;
     padding-bottom: 40px;
     border-top: 1px solid rgba(217, 217, 217, .2)
 }

 @media(max-width: 1920px) {
     .footer-bottom {
         padding-top: calc(30px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .footer-bottom {
         padding-bottom: calc(30px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .footer-bottom__inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     gap: 30px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .footer-bottom__copy {
     font-family: "Archivo", sans-serif;
     font-size: 16px;
     line-height: 28px;
     color: rgba(255, 255, 255, .5)
 }

 @media(max-width: 1920px) {
     .footer-bottom__copy {
         font-size: calc(12px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .footer-bottom__copy {
         line-height: calc(18px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .footer-bottom__socials {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 10px
 }

 .footer-bottom__socials-link {
     width: 40px;
     height: 40px;
     background: rgba(81, 81, 81, .4);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border-radius: 100%;
     -webkit-transition: background .3s;
     -o-transition: background .3s;
     transition: background .3s
 }

 @media(max-width: 1920px) {
     .footer-bottom__socials-link {
         width: calc(35px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .footer-bottom__socials-link {
         height: calc(35px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .footer-bottom__socials-link:hover {
     background: #007BFF
 }

 .blog-grid {
     padding-top: 120px;
     margin-bottom: 75px
 }

 @media(max-width: 1920px) {
     .blog-grid {
         padding-top: calc(30px + 90 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-grid {
         margin-bottom: calc(0px + 75 * ((100vw - 360px) / 1560))
     }
 }

 .blog-grid__inner {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 1fr 1fr 1fr;
     grid-template-columns: 1fr 1fr 1fr;
     -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
     column-gap: 30px;
     row-gap: 60px;
     margin-bottom: 80px
 }

 @media(max-width: 1920px) {
     .blog-grid__inner {
         -webkit-column-gap: calc(15px + 15 * ((100vw - 360px) / 1560));
         -moz-column-gap: calc(15px + 15 * ((100vw - 360px) / 1560));
         column-gap: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-grid__inner {
         row-gap: calc(30px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-grid__inner {
         margin-bottom: calc(30px + 50 * ((100vw - 360px) / 1560))
     }
 }

 .blog-grid__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-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center;
     margin-bottom: 80px
 }

 @media(max-width: 1920px) {
     .blog-grid__box {
         margin-bottom: calc(30px + 50 * ((100vw - 360px) / 1560))
     }
 }

 .blog-grid-item__inner {
     padding: 0 10px
 }

 .blog-grid-item__title {
     color: #202020;
     font-weight: 600;
     font-size: 20px;
     line-height: 28px;
     margin-bottom: 15px;
     letter-spacing: -0.01em;
     text-transform: none;
     display: block
 }

 @media(max-width: 1920px) {
     .blog-grid-item__title {
         font-size: calc(14px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-grid-item__title {
         line-height: calc(20px + 8 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-grid-item__title {
         margin-bottom: calc(10px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .blog-grid-item__title-link {
     color: #202020;
     -webkit-transition: color .3s;
     -o-transition: color .3s;
     transition: color .3s
 }

 .blog-grid-item__title-link:hover {
     color: #007BFF
 }

 .blog-grid-item__text {
     color: #515151;
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     margin-bottom: 25px;
     letter-spacing: .01em;
     display: block
 }

 @media(max-width: 1920px) {
     .blog-grid-item__text {
         font-size: calc(13px + 3 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-grid-item__text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-grid-item__text {
         margin-bottom: calc(20px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .blog-grid-item__bottom {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 15px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 @media(max-width: 1920px) {
     .blog-grid-item__bottom {
         gap: calc(10px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .blog-grid-item__bottom span {
     width: 140px;
     background: #d9d9d9;
     height: 1px
 }

 .blog-grid-item__bottom-text {
     margin-left: auto;
     color: #515151;
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     text-align: center;
     letter-spacing: -0.01em
 }

 @media(max-width: 1920px) {
     .blog-grid-item__bottom-text {
         font-size: calc(13px + 1 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-grid-item__bottom-text {
         line-height: calc(24px + 2 * ((100vw - 360px) / 1560))
     }
 }

 .blog-grid-item__bottom-link {
     color: #515151;
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     text-align: center;
     letter-spacing: -0.01em;
     -webkit-transition: color .3s;
     -o-transition: color .3s;
     transition: color .3s
 }

 @media(max-width: 1920px) {
     .blog-grid-item__bottom-link {
         font-size: calc(13px + 1 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-grid-item__bottom-link {
         line-height: calc(24px + 2 * ((100vw - 360px) / 1560))
     }
 }

 .blog-grid-item__bottom-link:hover {
     color: #490083
 }

 .blog-grid-item-box {
     position: relative;
     display: block;
     margin-bottom: 40px
 }

 @media(max-width: 1920px) {
     .blog-grid-item-box {
         margin-bottom: calc(25px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .blog-grid-item-box__img {
     width: 100%;
     max-width: 370px;
     height: 300px;
     max-height: 300px;
     overflow: hidden
 }

 .blog-grid-item-box__img-image {
     -o-object-fit: cover;
     object-fit: cover;
     width: 100%;
     height: 100%;
     -webkit-transition: -webkit-transform .3s;
     transition: -webkit-transform .3s;
     -o-transition: transform .3s;
     transition: transform .3s;
     transition: transform .3s, -webkit-transform .3s
 }

 .blog-grid-item-box__img-image:hover {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1)
 }

 .blog-grid-item-box__text {
     width: 65px;
     height: 65px;
     background: #007BFF;
     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: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-shadow: 10px 10px 50px rgba(0, 0, 0, .1);
     box-shadow: 10px 10px 50px rgba(0, 0, 0, .1);
     margin-left: 30px;
     position: absolute;
     bottom: -15px
 }

 @media(max-width: 1920px) {
     .blog-grid-item-box__text {
         width: calc(45px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-grid-item-box__text {
         height: calc(45px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-grid-item-box__text {
         margin-left: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .blog-grid-item-box__text span:first-child {
     font-weight: 500;
     font-size: 28px;
     line-height: 35px;
     text-transform: none;
     color: #fff;
     margin-bottom: -3px
 }

 @media(max-width: 1920px) {
     .blog-grid-item-box__text span:first-child {
         font-size: calc(18px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-grid-item-box__text span:first-child {
         line-height: calc(24px + 11 * ((100vw - 360px) / 1560))
     }
 }

 .blog-grid-item-box__text span:last-child {
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     letter-spacing: -0.01em;
     color: #fff;
     margin-top: -3px
 }

 @media(max-width: 1920px) {
     .blog-grid-item-box__text span:last-child {
         font-size: calc(12px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-grid-item-box__text span:last-child {
         line-height: calc(20px + 6 * ((100vw - 360px) / 1560))
     }
 }

 .page-buttons {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     gap: 12px
 }

 .page-buttons__link {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 58px;
     height: 58px;
     background: #fff;
     border: 1px solid #d9d9d9;
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151;
     -webkit-transition: color .3s, border .3s, background .3s;
     -o-transition: color .3s, border .3s, background .3s;
     transition: color .3s, border .3s, background .3s
 }

 @media(max-width: 1920px) {
     .page-buttons__link {
         width: calc(40px + 18 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .page-buttons__link {
         height: calc(40px + 18 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .page-buttons__link {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .page-buttons__link {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .page-buttons__link:hover {
     background: #007BFF;
     color: #fff;
     border: 1px solid rgba(0, 0, 0, 0)
 }

 .page-buttons__link:hover svg path {
     stroke: #fff
 }

 .page-buttons__link svg {
     width: 18px;
     height: 18px
 }

 @media(max-width: 1920px) {
     .page-buttons__link svg {
         width: calc(12px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .page-buttons__link svg {
         height: calc(12px + 6 * ((100vw - 360px) / 1560))
     }
 }

 .page-buttons__link svg path {
     -webkit-transition: stroke .3s;
     -o-transition: stroke .3s;
     transition: stroke .3s
 }

 .page-buttons__link--active {
     background: #007BFF;
     color: #fff;
     border: 1px solid rgba(0, 0, 0, 0)
 }

 .blog {
     padding-top: 120px;
     margin-bottom: 75px
 }

 @media(max-width: 1920px) {
     .blog {
         padding-top: calc(30px + 90 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog {
         margin-bottom: calc(0px + 75 * ((100vw - 360px) / 1560))
     }
 }

 .blog__inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 50px
 }

 @media(max-width: 1920px) {
     .blog__inner {
         gap: calc(30px + 20 * ((100vw - 360px) / 1560))
     }
 }

 .blog-list {
     max-width: 770px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 70px
 }

 @media(max-width: 1920px) {
     .blog-list {
         gap: calc(30px + 40 * ((100vw - 360px) / 1560))
     }
 }

 .blog-list .blog-grid__links {
     margin-top: 10px
 }

 .blog-list-item__content-title {
     color: #000;
     font-weight: 700;
     font-size: 38px;
     line-height: 48px;
     margin-bottom: 25px;
     letter-spacing: -0.02em;
     text-transform: none
 }

 @media(max-width: 1920px) {
     .blog-list-item__content-title {
         font-size: calc(24px + 14 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-list-item__content-title {
         line-height: calc(32px + 16 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-list-item__content-title {
         margin-bottom: calc(20px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .blog-list-item__content-text {
     margin-bottom: 45px;
     color: #515151;
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em
 }

 @media(max-width: 1920px) {
     .blog-list-item__content-text {
         margin-bottom: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-list-item__content-text {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-list-item__content-text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .blog-list-item__link:hover span:last-child {
     color: #fff
 }

 .blog-list-box {
     margin-bottom: 65px;
     display: block;
     position: relative
 }

 @media(max-width: 1920px) {
     .blog-list-box {
         margin-bottom: calc(40px + 25 * ((100vw - 360px) / 1560))
     }
 }

 .blog-list-box:hover .blog-list-box__image {
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05)
 }

 .blog-list-box__img {
     width: 100%;
     max-width: 100%;
     overflow: hidden;
     max-height: 500px;
     height: 500px
 }

 @media(max-width: 1920px) {
     .blog-list-box__img {
         max-height: calc(300px + 200 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-list-box__img {
         height: calc(300px + 200 * ((100vw - 360px) / 1560))
     }
 }

 .blog-list-box__image {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     -webkit-transition: -webkit-transform .3s;
     transition: -webkit-transform .3s;
     -o-transition: transform .3s;
     transition: transform .3s;
     transition: transform .3s, -webkit-transform .3s
 }

 .blog-list-box__text {
     width: 75px;
     height: 75px;
     background: #007BFF;
     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: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-shadow: 10px 10px 50px rgba(0, 0, 0, .1);
     box-shadow: 10px 10px 50px rgba(0, 0, 0, .1);
     margin-left: 55px;
     position: absolute;
     bottom: -20px
 }

 @media(max-width: 1920px) {
     .blog-list-box__text {
         width: calc(45px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-list-box__text {
         height: calc(45px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-list-box__text {
         margin-left: calc(15px + 40 * ((100vw - 360px) / 1560))
     }
 }

 .blog-list-box__text span:first-child {
     font-weight: 500;
     font-size: 28px;
     line-height: 35px;
     text-transform: none;
     color: #fff;
     margin-bottom: -3px
 }

 @media(max-width: 1920px) {
     .blog-list-box__text span:first-child {
         font-size: calc(18px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-list-box__text span:first-child {
         line-height: calc(24px + 11 * ((100vw - 360px) / 1560))
     }
 }

 .blog-list-box__text span:last-child {
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     letter-spacing: -0.01em;
     color: #fff;
     margin-top: -3px
 }

 @media(max-width: 1920px) {
     .blog-list-box__text span:last-child {
         font-size: calc(12px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-list-box__text span:last-child {
         line-height: calc(20px + 6 * ((100vw - 360px) / 1560))
     }
 }

 .blog-list-item-info {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 25px;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-bottom: 25px;
     row-gap: 20px
 }

 @media(max-width: 1920px) {
     .blog-list-item-info {
         row-gap: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .blog-list-item-info__author {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 10px;
     color: #515151;
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     letter-spacing: -0.01em
 }

 .blog-list-item-info__author-img {
     width: 45px;
     height: 45px;
     max-width: 45px;
     max-height: 45px;
     border-radius: 100%
 }

 .blog-list-item-info__author-text {
     width: 100%;
     height: 100%;
     border-radius: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     position: relative;
     -webkit-transition: color;
     -o-transition: color;
     transition: color
 }

 .blog-list-item-info__author-text::before {
     content: "";
     width: 0%;
     height: 1px;
     position: absolute;
     left: 0;
     background: #490083;
     right: 0;
     top: 102%;
     -webkit-transition: width .3s;
     -o-transition: width .3s;
     transition: width .3s
 }

 .blog-list-item-info__author-text:hover {
     color: #490083
 }

 .blog-list-item-info__author-text:hover::before {
     width: 100%
 }

 .blog-list-item-info__link {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #515151;
     font-weight: 500;
     gap: 10px;
     font-size: 14px;
     line-height: 26px;
     letter-spacing: -0.01em;
     -webkit-transition: color .3s;
     -o-transition: color .3s;
     transition: color .3s
 }

 @media(max-width: 1920px) {
     .blog-list-item-info__link {
         gap: calc(5px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-list-item-info__link {
         font-size: calc(13px + 1 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-list-item-info__link {
         line-height: calc(24px + 2 * ((100vw - 360px) / 1560))
     }
 }

 .blog-list-item-info__link:hover {
     color: #490083
 }

 .blog-list-item-info__link:hover svg path {
     stroke: #490083
 }

 .blog-list-item-info__link svg {
     width: 20px;
     height: 20px
 }

 @media(max-width: 1920px) {
     .blog-list-item-info__link svg {
         width: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-list-item-info__link svg {
         height: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .blog-list-item-info__link svg path {
     -webkit-transition: stroke .3s;
     -o-transition: stroke .3s;
     transition: stroke .3s
 }

 .blog-aside {
     max-width: 350px
 }

 .blog-aside__title {
     color: #202020;
     font-weight: 600;
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 25px;
     letter-spacing: -0.01em;
     text-transform: none
 }

 @media(max-width: 1920px) {
     .blog-aside__title {
         font-size: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside__title {
         line-height: calc(24px + 8 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside__title {
         margin-bottom: calc(15px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside__form {
     background: #fff;
     -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, .08);
     box-shadow: 0px 0px 25px rgba(0, 0, 0, .08);
     position: relative;
     margin-bottom: 60px
 }

 @media(max-width: 1920px) {
     .blog-aside__form {
         margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside__form-input {
     width: 100%;
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151;
     padding-top: 20px;
     padding-right: 60px;
     padding-bottom: 20px;
     padding-left: 30px
 }

 @media(max-width: 1920px) {
     .blog-aside__form-input {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside__form-input {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside__form-input {
         padding-top: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside__form-input {
         padding-right: calc(45px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside__form-input {
         padding-bottom: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside__form-input {
         padding-left: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside__form-input::-webkit-input-placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 .blog-aside__form-input::-moz-placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 .blog-aside__form-input:-ms-input-placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 .blog-aside__form-input::-ms-input-placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 .blog-aside__form-input::placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 @media(max-width: 1920px) {
     .blog-aside__form-input::-webkit-input-placeholder {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }

     .blog-aside__form-input::-moz-placeholder {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }

     .blog-aside__form-input:-ms-input-placeholder {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }

     .blog-aside__form-input::-ms-input-placeholder {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }

     .blog-aside__form-input::placeholder {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside__form-input::-webkit-input-placeholder {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }

     .blog-aside__form-input::-moz-placeholder {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }

     .blog-aside__form-input:-ms-input-placeholder {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }

     .blog-aside__form-input::-ms-input-placeholder {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }

     .blog-aside__form-input::placeholder {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside__form-btn {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     right: 25px;
     right: 25px
 }

 @media(max-width: 1920px) {
     .blog-aside__form-btn {
         right: calc(15px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside__form-btn svg {
     width: 20px;
     height: 20px
 }

 @media(max-width: 1920px) {
     .blog-aside__form-btn svg {
         width: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside__form-btn svg {
         height: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-categories {
     background: #f5f5f5;
     padding-top: 45px;
     padding-right: 45px;
     padding-left: 45px;
     padding-bottom: 45px;
     margin-bottom: 60px
 }

 @media(max-width: 1920px) {
     .blog-aside-categories {
         padding-top: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-categories {
         padding-right: calc(15px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-categories {
         padding-left: calc(15px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-categories {
         padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-categories {
         margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-categories__title {
     font-weight: 600;
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 35px;
     color: #202020;
     letter-spacing: -0.01em;
     text-transform: none;
     position: relative;
     display: inline-block
 }

 @media(max-width: 1920px) {
     .blog-aside-categories__title {
         font-size: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-categories__title {
         line-height: calc(24px + 8 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-categories__title {
         margin-bottom: calc(25px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-categories__title::after {
     content: "";
     width: 100%;
     left: 0;
     position: absolute;
     height: 5px;
     bottom: -7px;
     background: #007BFF
 }

 @media(max-width: 1920px) {
     .blog-aside-categories__title::after {
         height: calc(3px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-categories__title::after {
         bottom: calc(-5px + -2 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-categories__list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px
 }

 @media(max-width: 1920px) {
     .blog-aside-categories__list {
         gap: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-categories__list-item {
     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
 }

 .blog-aside-categories__list-item:hover .blog-aside-categories__list-link {
     color: #007BFF
 }

 .blog-aside-categories__list-item:hover svg path {
     stroke: #007BFF
 }

 .blog-aside-categories__list-item svg path {
     -webkit-transition: stroke .3s;
     -o-transition: stroke .3s;
     transition: stroke .3s
 }

 .blog-aside-categories__list-item svg {
     width: 20px;
     height: 20px
 }

 @media(max-width: 1920px) {
     .blog-aside-categories__list-item svg {
         width: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-categories__list-item svg {
         height: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-categories__list-link {
     color: #515151;
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     -webkit-transition: color .3s;
     -o-transition: color .3s;
     transition: color .3s
 }

 @media(max-width: 1920px) {
     .blog-aside-categories__list-link {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-categories__list-link {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-recent {
     background: #f5f5f5;
     padding-top: 45px;
     padding-right: 45px;
     padding-left: 45px;
     padding-bottom: 45px;
     margin-bottom: 60px
 }

 @media(max-width: 1920px) {
     .blog-aside-recent {
         padding-top: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-recent {
         padding-right: calc(15px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-recent {
         padding-left: calc(15px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-recent {
         padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-recent {
         margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-recent__title {
     font-weight: 600;
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 40px;
     color: #202020;
     letter-spacing: -0.01em;
     text-transform: none;
     position: relative;
     display: inline-block
 }

 @media(max-width: 1920px) {
     .blog-aside-recent__title {
         font-size: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-recent__title {
         line-height: calc(24px + 8 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-recent__title {
         margin-bottom: calc(25px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-recent__title::after {
     content: "";
     width: 100%;
     left: 0;
     position: absolute;
     height: 5px;
     bottom: -7px;
     background: #007BFF
 }

 @media(max-width: 1920px) {
     .blog-aside-recent__title::after {
         height: calc(3px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-recent__title::after {
         bottom: calc(-5px + -2 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-recent__inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 40px
 }

 @media(max-width: 1920px) {
     .blog-aside-recent__inner {
         gap: calc(20px + 20 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-recent-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 25px
 }

 @media(max-width: 1920px) {
     .blog-aside-recent-item {
         gap: calc(15px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-recent-item__img {
     width: 80px;
     height: 80px;
     max-width: 80px;
     max-height: 80px;
     min-width: 80px;
     min-height: 80px;
     overflow: hidden
 }

 .blog-aside-recent-item__img:hover img {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1)
 }

 .blog-aside-recent-item__img-image {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     -webkit-transition: -webkit-transform .3s;
     transition: -webkit-transform .3s;
     -o-transition: transform .3s;
     transition: transform .3s;
     transition: transform .3s, -webkit-transform .3s
 }

 .blog-aside-recent-item__box-text {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     color: #000;
     letter-spacing: .01em;
     margin-bottom: 12px;
     display: block;
     -webkit-transition: color .3s;
     -o-transition: color .3s;
     transition: color .3s
 }

 @media(max-width: 1920px) {
     .blog-aside-recent-item__box-text {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-recent-item__box-text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-recent-item__box-text {
         margin-bottom: calc(10px + 2 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-recent-item__box-text:hover {
     color: #490083
 }

 .blog-aside-recent-item__box-comments {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 5px;
     color: #515151;
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     letter-spacing: -0.01em;
     -webkit-transition: color .3s;
     -o-transition: color .3s;
     transition: color .3s
 }

 @media(max-width: 1920px) {
     .blog-aside-recent-item__box-comments {
         font-size: calc(12px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-recent-item__box-comments {
         line-height: calc(18px + 8 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-recent-item__box-comments span {
     display: inline-block
 }

 .blog-aside-recent-item__box-comments svg {
     height: 20px;
     bottom: 20px;
     margin-right: 5px
 }

 @media(max-width: 1920px) {
     .blog-aside-recent-item__box-comments svg {
         height: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-recent-item__box-comments svg {
         bottom: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-recent-item__box-comments svg {
         margin-right: calc(0px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-recent-item__box-comments svg path {
     -webkit-transition: stroke .3s;
     -o-transition: stroke .3s;
     transition: stroke .3s
 }

 .blog-aside-recent-item__box-comments:hover {
     color: #490083
 }

 .blog-aside-recent-item__box-comments:hover svg {
     margin-right: 5px
 }

 .blog-aside-recent-item__box-comments:hover svg path {
     stroke: #490083
 }

 .blog-aside-tags {
     background: #f5f5f5;
     padding-top: 45px;
     padding-right: 45px;
     padding-left: 45px;
     padding-bottom: 45px
 }

 @media(max-width: 1920px) {
     .blog-aside-tags {
         padding-top: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-tags {
         padding-right: calc(15px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-tags {
         padding-left: calc(15px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-tags {
         padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-tags__title {
     font-weight: 600;
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 40px;
     color: #202020;
     letter-spacing: -0.01em;
     text-transform: none;
     position: relative;
     display: inline-block
 }

 @media(max-width: 1920px) {
     .blog-aside-tags__title {
         font-size: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-tags__title {
         line-height: calc(24px + 8 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-tags__title {
         margin-bottom: calc(25px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-tags__title::after {
     content: "";
     width: 100%;
     left: 0;
     position: absolute;
     height: 5px;
     bottom: -7px;
     background: #007BFF
 }

 @media(max-width: 1920px) {
     .blog-aside-tags__title::after {
         height: calc(3px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-tags__title::after {
         bottom: calc(-5px + -2 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-tags__inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 12px 10px
 }

 .blog-aside-tags__tag {
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     color: #515151;
     letter-spacing: -0.01em;
     padding: 6px 15px;
     border: 1px solid #d9d9d9;
     -webkit-transition: color .3s, border .3s, background .3s;
     -o-transition: color .3s, border .3s, background .3s;
     transition: color .3s, border .3s, background .3s
 }

 @media(max-width: 1920px) {
     .blog-aside-tags__tag {
         font-size: calc(12px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-aside-tags__tag {
         line-height: calc(18px + 8 * ((100vw - 360px) / 1560))
     }
 }

 .blog-aside-tags__tag:hover {
     background: #f5ab1a;
     border: 1px solid rgba(0, 0, 0, 0);
     color: #fff
 }

 .article__title {
     font-weight: 700;
     font-size: 38px;
     line-height: 48px;
     margin-bottom: 25px;
     letter-spacing: -0.02em;
     text-transform: none;
     color: #000
 }

 @media(max-width: 1920px) {
     .article__title {
         font-size: calc(22px + 16 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .article__title {
         line-height: calc(30px + 18 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .article__title {
         margin-bottom: calc(15px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .article p {
     margin-bottom: 30px;
     color: #515151;
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em
 }

 @media(max-width: 1920px) {
     .article p {
         margin-bottom: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .article p {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .article p {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .article blockquote {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 25px;
     background: rgba(236, 108, 35, .08);
     padding-top: 45px;
     padding-right: 80px;
     padding-bottom: 45px;
     padding-left: 45px;
     margin-bottom: 45px
 }

 @media(max-width: 1920px) {
     .article blockquote {
         gap: calc(15px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .article blockquote {
         padding-top: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .article blockquote {
         padding-right: calc(15px + 65 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .article blockquote {
         padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .article blockquote {
         padding-left: calc(15px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .article blockquote {
         margin-bottom: calc(25px + 20 * ((100vw - 360px) / 1560))
     }
 }

 .article blockquote div {
     width: 50px;
     height: 50px;
     min-width: 50px;
     min-height: 50px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: #490083;
     border-radius: 100px
 }

 @media(max-width: 1920px) {
     .article blockquote div {
         width: calc(40px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .article blockquote div {
         height: calc(40px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .article blockquote div {
         min-width: calc(40px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .article blockquote div {
         min-height: calc(40px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .article blockquote p {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151;
     margin-bottom: 0
 }

 @media(max-width: 1920px) {
     .article blockquote p {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .article blockquote p {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .article-box {
     margin-bottom: 50px;
     padding-top: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 30px
 }

 @media(max-width: 1920px) {
     .article-box {
         margin-bottom: calc(30px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .article-box {
         padding-top: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .article-box {
         gap: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .article-box__img {
     height: 300px;
     width: 100%;
     max-height: 300px;
     max-width: 100%
 }

 .article-box__img-image {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover
 }

 .article-bottom {
     padding-top: 30px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     margin-bottom: 60px;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 15px
 }

 @media(max-width: 1920px) {
     .article-bottom {
         padding-top: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .article-bottom {
         margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560))
     }
 }

 .article-bottom__share {
     height: 40px;
     width: 65px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: #007BFF;
     position: relative
 }

 .article-bottom__share svg {
     width: 16px;
     height: 16px;
     margin-left: 8px
 }

 .article-bottom__share::after {
     content: "";
     width: 20px;
     height: 120%;
     position: absolute;
     top: -5px;
     left: -9px;
     bottom: -5px;
     background: #fff;
     -webkit-transform: rotate(17deg);
     -ms-transform: rotate(17deg);
     transform: rotate(17deg)
 }

 .article-bottom-tags {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 25px;
     row-gap: 20px
 }

 @media(max-width: 1920px) {
     .article-bottom-tags {
         row-gap: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .article-bottom-tags__text {
     font-weight: 600;
     font-size: 20px;
     line-height: 28px;
     color: #515151;
     letter-spacing: -0.01em;
     text-transform: none
 }

 @media(max-width: 1920px) {
     .article-bottom-tags__text {
         font-size: calc(16px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .article-bottom-tags__text {
         line-height: calc(22px + 6 * ((100vw - 360px) / 1560))
     }
 }

 .article-bottom-tags__inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 25px;
     gap: 10px
 }

 .article-bottom-tags__link {
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     letter-spacing: -0.01em;
     color: #515151;
     padding: 6px 16px;
     border: 1px solid #d9d9d9;
     -webkit-transition: border .3s, background .3s, color .3s;
     -o-transition: border .3s, background .3s, color .3s;
     transition: border .3s, background .3s, color .3s
 }

 @media(max-width: 1920px) {
     .article-bottom-tags__link {
         font-size: calc(12px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .article-bottom-tags__link {
         line-height: calc(18px + 8 * ((100vw - 360px) / 1560))
     }
 }

 .article-bottom-tags__link:hover {
     background: #f5ab1a;
     border: 1px solid rgba(0, 0, 0, 0);
     color: #fff
 }

 .blog-comments {
     border-top: 1px solid #d9d9d9;
     margin-bottom: 60px;
     padding-bottom: 60px;
     padding-top: 60px;
     border-bottom: 1px solid #d9d9d9;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column
 }

 @media(max-width: 1920px) {
     .blog-comments {
         margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-comments {
         padding-bottom: calc(30px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-comments {
         padding-top: calc(30px + 30 * ((100vw - 360px) / 1560))
     }
 }

 .blog-comments__title {
     margin-right: auto;
     font-weight: 600;
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 50px;
     color: #202020;
     letter-spacing: -0.01em;
     text-transform: none;
     position: relative;
     display: inline-block
 }

 @media(max-width: 1920px) {
     .blog-comments__title {
         font-size: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-comments__title {
         line-height: calc(24px + 8 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-comments__title {
         margin-bottom: calc(25px + 25 * ((100vw - 360px) / 1560))
     }
 }

 .blog-comments__title::after {
     content: "";
     width: 100%;
     left: 0;
     position: absolute;
     height: 5px;
     bottom: -7px;
     background: #007BFF
 }

 @media(max-width: 1920px) {
     .blog-comments__title::after {
         height: calc(3px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-comments__title::after {
         bottom: calc(-5px + -2 * ((100vw - 360px) / 1560))
     }
 }

 .blog-comments__inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 25px
 }

 @media(max-width: 1920px) {
     .blog-comments__inner {
         gap: calc(20px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .blog-comments__link {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     font-weight: 600;
     gap: 10px;
     font-size: 15px;
     line-height: 19px;
     color: #202020;
     margin-left: auto;
     text-transform: uppercase
 }

 @media(max-width: 1920px) {
     .blog-comments__link {
         gap: calc(5px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-comments__link {
         font-size: calc(14px + 1 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-comments__link {
         line-height: calc(18px + 1 * ((100vw - 360px) / 1560))
     }
 }

 .blog-comments__link:hover {
     color: #490083
 }

 .blog-comments__link:hover svg {
     -webkit-transform: translateX(5px);
     -ms-transform: translateX(5px);
     transform: translateX(5px)
 }

 .blog-comments__link:hover svg path {
     stroke: #490083
 }

 .blog-comments__link svg {
     width: 20px;
     height: 20px;
     -webkit-transition: -webkit-transform .3s;
     transition: -webkit-transform .3s;
     -o-transition: transform .3s;
     transition: transform .3s;
     transition: transform .3s, -webkit-transform .3s
 }

 @media(max-width: 1920px) {
     .blog-comments__link svg {
         width: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-comments__link svg {
         height: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .blog-comments__link svg path {
     -webkit-transition: stroke .3s;
     -o-transition: stroke .3s;
     transition: stroke .3s
 }

 .blog-comments-content__top {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 25px;
     margin-bottom: 15px;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap
 }

 @media(max-width: 1920px) {
     .blog-comments-content__top {
         gap: calc(20px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .blog-comments-content__top-text {
     font-weight: 600;
     font-size: 15px;
     line-height: 19px;
     color: #000;
     text-transform: uppercase
 }

 @media(max-width: 1920px) {
     .blog-comments-content__top-text {
         font-size: calc(14px + 1 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-comments-content__top-text {
         line-height: calc(18px + 1 * ((100vw - 360px) / 1560))
     }
 }

 .blog-comments-content__top-info {
     font-weight: 300;
     font-size: 13px;
     line-height: 26px;
     color: #515151;
     letter-spacing: -0.01em
 }

 @media(max-width: 1920px) {
     .blog-comments-content__top-info {
         font-size: calc(12px + 1 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-comments-content__top-info {
         line-height: calc(24px + 2 * ((100vw - 360px) / 1560))
     }
 }

 .blog-comments-content__text {
     max-width: 665px;
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     color: #515151;
     letter-spacing: .01em;
     margin-bottom: 25px
 }

 @media(max-width: 1920px) {
     .blog-comments-content__text {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-comments-content__text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .blog-comments-content__text {
         margin-bottom: calc(20px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .comment__title {
     margin-right: auto;
     margin-bottom: 60px;
     font-weight: 600;
     font-size: 24px;
     line-height: 32px;
     color: #202020;
     letter-spacing: -0.01em;
     text-transform: none;
     position: relative;
     display: inline-block
 }

 @media(max-width: 1920px) {
     .comment__title {
         margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .comment__title {
         font-size: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .comment__title {
         line-height: calc(26px + 6 * ((100vw - 360px) / 1560))
     }
 }

 .comment__title::after {
     content: "";
     width: 100%;
     left: 0;
     position: absolute;
     height: 5px;
     bottom: -7px;
     background: #007BFF
 }

 @media(max-width: 1920px) {
     .comment__title::after {
         height: calc(3px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .comment__title::after {
         bottom: calc(-5px + -2 * ((100vw - 360px) / 1560))
     }
 }

 .comment__text {
     font-weight: 500;
     font-size: 18px;
     line-height: 22px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-align: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     letter-spacing: -0.01em;
     text-transform: none;
     margin-bottom: 15px
 }

 @media(max-width: 1920px) {
     .comment__text {
         font-size: calc(14px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .comment__text {
         line-height: calc(20px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .comment__text {
         margin-bottom: calc(10px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .comment-form__box {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100%;
     gap: 30px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 30px
 }

 @media(max-width: 1920px) {
     .comment-form__box {
         gap: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .comment-form__box {
         margin-bottom: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .comment-form__box-input {
     background: #fff;
     border: 1px solid #d9d9d9;
     width: 100%;
     font-weight: 300;
     padding-top: 20px;
     padding-right: 30px;
     padding-bottom: 20px;
     padding-left: 30px;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 @media(max-width: 1920px) {
     .comment-form__box-input {
         padding-top: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .comment-form__box-input {
         padding-right: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .comment-form__box-input {
         padding-bottom: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .comment-form__box-input {
         padding-left: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .comment-form__box-input {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .comment-form__box-input {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .comment-form__box-input::-webkit-input-placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 .comment-form__box-input::-moz-placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 .comment-form__box-input:-ms-input-placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 .comment-form__box-input::-ms-input-placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 .comment-form__box-input::placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 @media(max-width: 1920px) {
     .comment-form__box-input::-webkit-input-placeholder {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }

     .comment-form__box-input::-moz-placeholder {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }

     .comment-form__box-input:-ms-input-placeholder {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }

     .comment-form__box-input::-ms-input-placeholder {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }

     .comment-form__box-input::placeholder {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .comment-form__box-input::-webkit-input-placeholder {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }

     .comment-form__box-input::-moz-placeholder {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }

     .comment-form__box-input:-ms-input-placeholder {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }

     .comment-form__box-input::-ms-input-placeholder {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }

     .comment-form__box-input::placeholder {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .comment-form__textarea {
     margin-bottom: 45px;
     background: #fff;
     border: 1px solid #d9d9d9;
     width: 100%;
     font-weight: 300;
     padding-top: 20px;
     padding-right: 30px;
     padding-bottom: 20px;
     padding-left: 30px;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151;
     resize: unset;
     height: 150px
 }

 @media(max-width: 1920px) {
     .comment-form__textarea {
         margin-bottom: calc(20px + 25 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .comment-form__textarea {
         padding-top: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .comment-form__textarea {
         padding-right: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .comment-form__textarea {
         padding-bottom: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .comment-form__textarea {
         padding-left: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .comment-form__textarea {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .comment-form__textarea {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .comment-form__textarea::-webkit-input-placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 .comment-form__textarea::-moz-placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 .comment-form__textarea:-ms-input-placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 .comment-form__textarea::-ms-input-placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 .comment-form__textarea::placeholder {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 .comment-form__btn {
     max-width: 245px;
     width: 245px;
     border: 1px solid #007BFF
 }

 .comment-form__btn span:first-child::before {
     background: #007BFF
 }

 .comment-form__btn:hover span:last-child {
     color: #fff
 }

 .contacts {
     padding-top: 120px;
     padding-bottom: 120px;
     background: #fff
 }

 @media(max-width: 1920px) {
     .contacts {
         padding-top: calc(40px + 80 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .contacts {
         padding-bottom: calc(40px + 80 * ((100vw - 360px) / 1560))
     }
 }

 .contacts__inner {
     max-width: 1075px;
     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;
     margin-left: auto;
     margin-right: auto;
     gap: 60px
 }

 @media(max-width: 1920px) {
     .contacts__inner {
         gap: calc(30px + 30 * ((100vw - 360px) / 1560))
     }
 }

 .contacts-item {
     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: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-align: center;
     max-width: 250px
 }

 .contacts-item__icon {
     margin-bottom: 45px;
     width: 193px;
     height: 193px;
     min-width: 193px;
     min-height: 193px
 }

 @media(max-width: 1920px) {
     .contacts-item__icon {
         margin-bottom: calc(20px + 25 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .contacts-item__icon {
         width: calc(70px + 123 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .contacts-item__icon {
         height: calc(70px + 123 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .contacts-item__icon {
         min-width: calc(70px + 123 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .contacts-item__icon {
         min-height: calc(70px + 123 * ((100vw - 360px) / 1560))
     }
 }

 .contacts-item__icon svg {
     width: 100% !important;
     height: 100% !important;
     min-width: 100% !important;
     min-height: 100% !important
 }

 .contacts-item__title {
     margin-left: auto;
     margin-right: auto;
     font-weight: 600;
     color: #202020;
     letter-spacing: -0.01em;
     text-transform: none;
     position: relative;
     display: inline-block;
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 35px
 }

 @media(max-width: 1920px) {
     .contacts-item__title {
         font-size: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .contacts-item__title {
         line-height: calc(24px + 8 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .contacts-item__title {
         margin-bottom: calc(20px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .contacts-item__title::after {
     content: "";
     width: 100%;
     left: 0;
     position: absolute;
     bottom: -3px;
     height: 5px;
     background: #007BFF
 }

 @media(max-width: 1920px) {
     .contacts-item__title::after {
         height: calc(3px + 2 * ((100vw - 360px) / 1560))
     }
 }

 .contacts-item__link {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151;
     display: block;
     -webkit-transition: color .3s;
     -o-transition: color .3s;
     transition: color .3s;
     position: relative
 }

 @media(max-width: 1920px) {
     .contacts-item__link {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .contacts-item__link {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .contacts-item__link::before {
     content: "";
     width: 0%;
     height: 1px;
     position: absolute;
     left: 0;
     background: #490083;
     right: 0;
     top: 102%;
     -webkit-transition: width .3s;
     -o-transition: width .3s;
     transition: width .3s
 }

 .contacts-item__link:hover {
     color: #490083
 }

 .contacts-item__link:hover::before {
     width: 100%
 }

 .main__send-message {
     max-width: 970px;
     margin-left: auto;
     margin-right: auto;
     padding-top: 120px;
     padding-bottom: 70px;
     background: #f5f5f5
 }

 @media(max-width: 1920px) {
     .main__send-message {
         padding-top: calc(40px + 80 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .main__send-message {
         padding-bottom: calc(0px + 70 * ((100vw - 360px) / 1560))
     }
 }

 .main__send-message .comment__title {
     font-weight: 700;
     font-size: 46px;
     line-height: 58px;
     display: inline-block;
     margin-left: auto;
     margin-right: auto;
     width: 100%;
     text-align: center;
     letter-spacing: -0.02em;
     text-transform: none;
     margin-bottom: 80px
 }

 @media(max-width: 1920px) {
     .main__send-message .comment__title {
         font-size: calc(30px + 16 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .main__send-message .comment__title {
         line-height: calc(36px + 22 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .main__send-message .comment__title {
         margin-bottom: calc(40px + 40 * ((100vw - 360px) / 1560))
     }
 }

 .main__send-message .comment__title::after {
     content: unset
 }

 .main__send-message .comment__title span {
     position: relative;
     color: #007BFF
 }

 .main__send-message .comment__title span::after {
     content: "";
     width: 100%;
     height: 5px;
     left: 0;
     position: absolute;
     bottom: -7px;
     background: #007BFF
 }

 @media(max-width: 1920px) {
     .main__send-message .comment__title span::after {
         height: calc(3px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .main__send-message .comment__title span::after {
         bottom: calc(-5px + -2 * ((100vw - 360px) / 1560))
     }
 }

 .main__send-message .comment-form__box {
     margin-bottom: 25px
 }

 @media(max-width: 1920px) {
     .main__send-message .comment-form__box {
         margin-bottom: calc(15px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .main__send-message .comment-form__btn {
     margin-left: auto;
     margin-right: auto
 }

 .main--grey {
     background: #f5f5f5
 }

 .about {
     padding-top: 120px;
     padding-bottom: 120px;
     max-width: 1155px;
     margin-left: auto;
     margin-right: auto
 }

 @media(max-width: 1920px) {
     .about {
         padding-top: calc(40px + 80 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .about {
         padding-bottom: calc(40px + 80 * ((100vw - 360px) / 1560))
     }
 }

 .about__inner {
     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;
     gap: 60px;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start
 }

 .about-images {
     width: 500px;
     min-width: 500px;
     height: 694px;
     position: relative
 }

 .about-images__img:nth-child(1) {
     width: 300px;
     height: 551px;
     max-width: 300px;
     max-height: 551px
 }

 .about-images__img:nth-child(2) {
     width: 340px;
     height: 590px;
     border: 20px solid #fff;
     position: absolute;
     top: 125px;
     left: 180px
 }

 .about-images__img-image {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover
 }

 .about-content {
     max-width: 570px
 }

 .about-content__about-images {
     display: none
 }

 .about-content__title {
     margin-bottom: 35px
 }

 @media(max-width: 1920px) {
     .about-content__title {
         margin-bottom: calc(30px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .about-content__text {
     font-weight: 300;
     letter-spacing: .01em;
     font-size: 16px;
     line-height: 30px;
     margin-bottom: 35px
 }

 @media(max-width: 1920px) {
     .about-content__text {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .about-content__text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .about-content__text {
         margin-bottom: calc(25px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .about-content__list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 12px;
     gap: 12px;
     margin-bottom: 45px
 }

 @media(max-width: 1920px) {
     .about-content__list {
         gap: calc(10px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .about-content__list {
         margin-bottom: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .about-content__list-item {
     padding-left: 38px;
     position: relative
 }

 @media(max-width: 1920px) {
     .about-content__list-item {
         padding-left: calc(30px + 8 * ((100vw - 360px) / 1560))
     }
 }

 .about-content__list-item::before {
     content: "";
     width: 24px;
     height: 24px;
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     background-repeat: no-repeat;
     background-size: cover;
     background-image: url(../images/list-tick-icon.svg)
 }

 @media(max-width: 1920px) {
     .about-content__list-item::before {
         width: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .about-content__list-item::before {
         height: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 .about-content__list-text {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     color: #515151;
     letter-spacing: .01em
 }

 @media(max-width: 1920px) {
     .about-content__list-text {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .about-content__list-text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .about-content-bottom {
     padding-top: 45px;
     border-top: 1px solid #d9d9d9;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     gap: 30px
 }

 @media(max-width: 1920px) {
     .about-content-bottom {
         padding-top: calc(20px + 25 * ((100vw - 360px) / 1560))
     }
 }

 .about-content-bottom__item {
     position: relative
 }

 .about-content-bottom__item:nth-child(1) .about-content-bottom__count {
     color: #490083
 }

 .about-content-bottom__item:nth-child(2) .about-content-bottom__count {
     color: #007BFF
 }

 .about-content-bottom__item:nth-child(3) .about-content-bottom__count {
     color: #202020
 }

 .about-content-bottom__item:nth-child(3)::after {
     content: unset
 }

 .about-content-bottom__item::after {
     content: "";
     width: 1px;
     height: 100%;
     background: #d9d9d9;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     right: -44px
 }

 .about-content-bottom__count {
     font-weight: 600;
     margin-bottom: 10px;
     font-size: 64px;
     line-height: 30px;
     letter-spacing: -0.02em;
     text-transform: none
 }

 @media(max-width: 1920px) {
     .about-content-bottom__count {
         margin-bottom: calc(5px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .about-content-bottom__count {
         font-size: calc(30px + 34 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .about-content-bottom__count {
         line-height: calc(36px + -6 * ((100vw - 360px) / 1560))
     }
 }

 .about-content-bottom__text {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 @media(max-width: 1920px) {
     .about-content-bottom__text {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .about-content-bottom__text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .users {
     margin-bottom: 120px
 }

 @media(max-width: 1920px) {
     .users {
         margin-bottom: calc(60px + 60 * ((100vw - 360px) / 1560))
     }
 }

 .users__inner {
     height: 230px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .users__img {
     margin-left: auto;
     height: 100%;
     width: 466px;
     min-width: 466px;
     max-width: 466px;
     max-height: 230px
 }

 .users__img-image {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover
 }

 .users-resently {
     padding-left: 150px;
     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: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding-top: 30px;
     padding-bottom: 30px;
     height: 100%;
     position: relative;
     width: 100%;
     border-top: 1px solid #d9d9d9;
     border-bottom: 1px solid #d9d9d9;
     height: 100%
 }

 .users-resently::before {
     content: "";
     position: absolute;
     right: 0;
     top: 50%;
     width: 158px;
     height: 158px;
     background-repeat: no-repeat;
     background-size: cover;
     background-image: url(../images/users-icon.svg);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     right: -50px
 }

 @media(max-width: 1920px) {
     .users-resently::before {
         width: calc(80px + 78 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .users-resently::before {
         height: calc(80px + 78 * ((100vw - 360px) / 1560))
     }
 }

 .users-resently__inner {
     max-width: 330px
 }

 .users-resently__text {
     color: #202020;
     font-weight: 500;
     font-size: 18px;
     line-height: 22px;
     margin-bottom: 30px;
     letter-spacing: -0.01em;
     text-transform: none
 }

 @media(max-width: 1920px) {
     .users-resently__text {
         font-size: calc(14px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .users-resently__text {
         line-height: calc(20px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .users-resently__text {
         margin-bottom: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .users-resently__list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .users-resently__list-item {
     border: 3px solid #fff;
     width: 76px;
     height: 76px;
     max-width: 76px;
     max-height: 76px;
     min-width: 76px;
     min-height: 76px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border-radius: 100%
 }

 .users-resently__list-item:nth-child(2) {
     -webkit-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     transform: translateX(-20px)
 }

 .users-resently__list-item:nth-child(3) {
     -webkit-transform: translateX(-40px);
     -ms-transform: translateX(-40px);
     transform: translateX(-40px)
 }

 .users-resently__list-item:nth-child(4) {
     -webkit-transform: translateX(-60px);
     -ms-transform: translateX(-60px);
     transform: translateX(-60px)
 }

 .users-resently__list-item:nth-child(5) {
     -webkit-transform: translateX(-80px);
     -ms-transform: translateX(-80px);
     transform: translateX(-80px)
 }

 .users-resently__list-img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     border-radius: 100%
 }

 .users-resently__list-count {
     width: 100%;
     height: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: #ffeaf6;
     border-radius: 100%;
     font-size: 24px;
     line-height: 40px;
     letter-spacing: -0.02em;
     color: #202020
 }

 .users-info {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: #490083;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 100%;
     gap: 90px;
     padding-top: 50px;
     padding-right: 80px;
     padding-bottom: 50px;
     padding-left: 80px
 }

 @media(max-width: 1920px) {
     .users-info {
         gap: calc(30px + 60 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .users-info {
         padding-top: calc(20px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .users-info {
         padding-right: calc(15px + 65 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .users-info {
         padding-bottom: calc(20px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .users-info {
         padding-left: calc(15px + 65 * ((100vw - 360px) / 1560))
     }
 }

 .users-info__item-count {
     font-weight: 800;
     font-size: 80px;
     line-height: 100px;
     letter-spacing: -0.02em;
     text-transform: uppercase;
     color: #fff
 }

 @media(max-width: 1920px) {
     .users-info__item-count {
         font-size: calc(30px + 50 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .users-info__item-count {
         line-height: calc(35px + 65 * ((100vw - 360px) / 1560))
     }
 }

 .users-info__item-text {
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     letter-spacing: -0.01em;
     color: #fff
 }

 @media(max-width: 1920px) {
     .users-info__item-text {
         font-size: calc(12px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .users-info__item-text {
         line-height: calc(20px + 6 * ((100vw - 360px) / 1560))
     }
 }

 .reasons {
     margin-bottom: 120px
 }

 @media(max-width: 1920px) {
     .reasons {
         margin-bottom: calc(60px + 60 * ((100vw - 360px) / 1560))
     }
 }

 .reasons__inner {
     max-width: 1200px;
     margin-left: auto;
     margin-right: auto
 }

 .reasons__wrapper {
     position: relative;
     padding-top: 45px;
     padding-bottom: 45px
 }

 @media(max-width: 1920px) {
     .reasons__wrapper {
         padding-top: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .reasons__wrapper {
         padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .reasons__suptext {
     text-align: center
 }

 .reasons__title {
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     display: inline-block;
     width: 100%;
     margin-bottom: 80px
 }

 @media(max-width: 1920px) {
     .reasons__title {
         margin-bottom: calc(30px + 50 * ((100vw - 360px) / 1560))
     }
 }

 .reasons__img {
     position: absolute;
     width: 430px;
     height: 430px;
     max-width: 430px;
     max-height: 430px;
     top: 50%;
     left: 50%;
     -webkit-transform: translateY(-50%) translateX(-50%);
     -ms-transform: translateY(-50%) translateX(-50%);
     transform: translateY(-50%) translateX(-50%)
 }

 @media(max-width: 1920px) {
     .reasons__img {
         width: calc(300px + 130 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .reasons__img {
         height: calc(300px + 130 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .reasons__img {
         max-width: calc(300px + 130 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .reasons__img {
         max-height: calc(300px + 130 * ((100vw - 360px) / 1560))
     }
 }

 .reasons__img-image {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover
 }

 .reasons__icon {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 158px;
     height: 158px;
     -webkit-transform: translateY(-50%) translateX(-50%);
     -ms-transform: translateY(-50%) translateX(-50%);
     transform: translateY(-50%) translateX(-50%)
 }

 @media(max-width: 1920px) {
     .reasons__icon {
         width: calc(80px + 78 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .reasons__icon {
         height: calc(80px + 78 * ((100vw - 360px) / 1560))
     }
 }

 .reasons-list {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 415px 415px;
     grid-template-columns: 415px 415px;
     z-index: 1;
     position: relative;
     gap: 150px 0;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between
 }

 .reasons-list__item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 35px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 @media(max-width: 1920px) {
     .reasons-list__item {
         gap: calc(20px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .reasons-list__item:nth-child(2) .reasons-list__box-title {
     text-align: left
 }

 .reasons-list__item:nth-child(2) .reasons-list__box-text {
     text-align: left
 }

 .reasons-list__item:nth-child(4) .reasons-list__box-title {
     text-align: left
 }

 .reasons-list__item:nth-child(4) .reasons-list__box-text {
     text-align: left
 }

 .reasons-list__box {
     max-width: 285px
 }

 .reasons-list__box-title {
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 5px !important;
     text-align: right;
     letter-spacing: -0.01em;
     text-transform: none;
     font-weight: 500;
 }

 @media(max-width: 1920px) {
     .reasons-list__box-title {
         font-size: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .reasons-list__box-title {
         line-height: calc(22px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .reasons-list__box-title {
         margin-bottom: calc(10px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .reasons-list__box-text {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     color: #515151;
     text-align: right;
     letter-spacing: .01em
 }

 @media(max-width: 1920px) {
     .reasons-list__box-text {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .reasons-list__box-text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .reasons-list__icon {
     background: #fff;
     -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
     box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
     width: 100px;
     height: 100px;
     min-width: 100px;
     min-height: 100px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 @media(max-width: 1920px) {
     .reasons-list__icon {
         width: calc(70px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .reasons-list__icon {
         height: calc(70px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .reasons-list__icon {
         min-width: calc(70px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .reasons-list__icon {
         min-height: calc(70px + 30 * ((100vw - 360px) / 1560))
     }
 }

 .reasons-list__icon svg {
     width: 50px;
     height: 50px
 }

 @media(max-width: 1920px) {
     .reasons-list__icon svg {
         width: calc(40px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .reasons-list__icon svg {
         height: calc(40px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .steps {
     background: #f5f5f5;
     padding-top: 120px;
     padding-bottom: 120px
 }

 @media(max-width: 1920px) {
     .steps {
         padding-top: calc(30px + 90 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .steps {
         padding-bottom: calc(30px + 90 * ((100vw - 360px) / 1560))
     }
 }

 .steps__inner {
     max-width: 1160px;
     margin-left: auto;
     margin-right: auto
 }

 .steps__suptext {
     max-width: 570px;
     text-align: center;
     margin-left: auto;
     margin-right: auto
 }

 .steps__title {
     margin-bottom: 80px;
     max-width: 570px;
     display: block;
     text-align: center;
     margin-left: auto;
     margin-right: auto
 }

 @media(max-width: 1920px) {
     .steps__title {
         margin-bottom: calc(40px + 40 * ((100vw - 360px) / 1560))
     }
 }

 .steps-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     gap: 60px
 }

 @media(max-width: 1920px) {
     .steps-list {
         gap: calc(30px + 30 * ((100vw - 360px) / 1560))
     }
 }

 .steps-list__item {
     max-width: 305px;
     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: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-align: center;
     position: relative
 }

 .steps-list__item::after {
     content: "";
     width: 63px;
     height: 22px;
     position: absolute;
     top: 100px;
     right: -90px;
     background-repeat: no-repeat;
     background-size: cover;
     background-image: url(../images/steps-arrow.svg)
 }

 .steps-list__item:last-child::after {
     display: none
 }

 .steps-list__top {
     position: relative
 }

 .steps-list__top-icon {
     margin-bottom: 60px;
     width: 193px;
     height: 193px
 }

 @media(max-width: 1920px) {
     .steps-list__top-icon {
         width: calc(70px + 123 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .steps-list__top-icon {
         height: calc(70px + 123 * ((100vw - 360px) / 1560))
     }
 }

 .steps-list__top-icon svg {
     width: 100%;
     height: 100%
 }

 .steps-list__top-count {
     position: absolute;
     top: 0;
     right: -10px;
     font-weight: 700;
     text-align: center;
     text-transform: none;
     color: #fff;
     font-size: 20px;
     line-height: 29px;
     width: 62px;
     height: 62px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: #007BFF;
     border: 5px solid #fff;
     border-radius: 100%
 }

 @media(max-width: 1920px) {
     .steps-list__top-count {
         font-size: calc(14px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .steps-list__top-count {
         line-height: calc(20px + 9 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .steps-list__top-count {
         width: calc(35px + 27 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .steps-list__top-count {
         height: calc(35px + 27 * ((100vw - 360px) / 1560))
     }
 }

 .steps-list__title {
     font-weight: 600;
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 25px;
     letter-spacing: -0.01em;
     text-transform: none;
     color: #202020
 }

 @media(max-width: 1920px) {
     .steps-list__title {
         font-size: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .steps-list__title {
         line-height: calc(24px + 8 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .steps-list__title {
         margin-bottom: calc(15px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .steps-list__text {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 @media(max-width: 1920px) {
     .steps-list__text {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .steps-list__text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .support {
     padding-top: 190px;
     margin-bottom: 130px
 }

 @media(max-width: 1920px) {
     .support {
         padding-top: calc(40px + 150 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .support {
         margin-bottom: calc(40px + 90 * ((100vw - 360px) / 1560))
     }
 }

 .support__inner {
     max-width: 1320px;
     margin-left: auto;
     margin-right: auto;
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     padding-top: 90px;
     padding-right: 90px;
     padding-bottom: 90px;
     padding-left: 90px
 }

 @media(max-width: 1920px) {
     .support__inner {
         padding-top: calc(30px + 60 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .support__inner {
         padding-right: calc(15px + 75 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .support__inner {
         padding-bottom: calc(30px + 60 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .support__inner {
         padding-left: calc(15px + 75 * ((100vw - 360px) / 1560))
     }
 }

 .support__inner::before {
     content: "";
     background: #007BFF;
     width: 500px;
     height: 10px;
     position: absolute;
     left: -50px;
     bottom: -10px
 }

 .support__inner::after {
     content: "";
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: rgba(0, 0, 0, .7);
     background-blend-mode: multiply;
     z-index: -1
 }

 .support__bg-img {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     z-index: -1
 }

 .support__img {
     position: absolute;
     left: -220px;
     top: -140px;
     width: 877px;
     height: 732px;
     max-width: 877px;
     max-height: 732px
 }

 .support__img-image {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover
 }

 .support-content {
     max-width: 620px;
     position: relative;
     z-index: 1
 }

 .support-content__title {
     font-weight: 700;
     font-size: 38px;
     line-height: 48px;
     margin-bottom: 60px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     letter-spacing: -0.02em;
     text-transform: none;
     color: #fff
 }

 @media(max-width: 1920px) {
     .support-content__title {
         font-size: calc(22px + 16 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .support-content__title {
         line-height: calc(32px + 16 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .support-content__title {
         margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560))
     }
 }

 .support-content__link {
     max-width: 240px;
     border: 1px solid #fff;
     background: rgba(0, 0, 0, 0);
     padding-right: 20px;
 }

 .support-content__link span:first-child::before {
     background: #fff
 }

 .support-content__link span:first-child svg path {
     stroke: #515151
 }

 .support-content__link span:first-child::after {
     background: rgba(0, 0, 0, 0)
 }

 .support-content__link span:last-child {
     color: #fff
 }

 .support-content__link:hover span:last-child {
     color: #515151
 }

 .map iframe {
     max-height: 445px;
     height: 445px
 }

 @media(max-width: 1920px) {
     .map iframe {
         max-height: calc(300px + 145 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .map iframe {
         height: calc(300px + 145 * ((100vw - 360px) / 1560))
     }
 }

 .brands {
     margin-bottom: 75px;
     position: relative
 }

 @media(max-width: 1920px) {
     .brands {
         margin-bottom: calc(0px + 75 * ((100vw - 360px) / 1560))
     }
 }

 .brands__img {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     z-index: -1
 }

 .brands__img::before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: rgba(0, 0, 0, .7);
     background-blend-mode: multiply
 }

 .brands__img-image {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     -o-object-fit: cover;
     object-fit: cover
 }

 .brands__box {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -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;
     text-align: center;
     margin-bottom: 80px
 }

 @media(max-width: 1920px) {
     .brands__box {
         margin-bottom: calc(30px + 50 * ((100vw - 360px) / 1560))
     }
 }

 .brands__box-suptext {
     color: #fff
 }

 .brands__box-title {
     color: #fff
 }

 .brands__inner {
     max-width: 1170px;
     margin-left: auto;
     margin-right: auto
 }

 .brands-list {
     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: 30px
 }

 @media(max-width: 1920px) {
     .brands-list {
         gap: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .brands-list__item {
     width: 100%;
     height: auto !important;
     max-height: 200px;
     max-width: 200px;
 }

 @media(max-width: 1920px) {
     .brands-list__item {
         height: calc(110px + 90 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .brands-list__item {
         max-height: calc(110px + 90 * ((100vw - 360px) / 1560))
     }
 }

 .brands-list__link {
     width: 100%;
     height: auto;
     overflow: hidden;
     display: block;
     border: 1px solid #d9d9d9
 }

 .brands-list__link-img {
     width: 100%;
     height: auto;
     -o-object-fit: cover;
     object-fit: cover;
     -webkit-transition: -webkit-transform .3s;
     transition: -webkit-transform .3s;
     -o-transition: transform .3s;
     transition: transform .3s;
     transition: transform .3s, -webkit-transform .3s
 }

 .brands-list__link-img:hover {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1)
 }

 .index-main .about {
     padding-top: 0
 }

 .index-main .blog-grid-item:last-child {
     margin-bottom: 0
 }

 .index-main .blog-grid__inner {
     margin-bottom: 0
 }

 .index-main .categories {
     background: #f5f5f5;
     padding-bottom: 120px;
     margin-bottom: 0
 }

 @media(max-width: 1920px) {
     .index-main .categories {
         padding-bottom: calc(40px + 80 * ((100vw - 360px) / 1560))
     }
 }

 .index-main .categories-item:nth-child(2) {
     -webkit-transform: translateY(-80px);
     -ms-transform: translateY(-80px);
     transform: translateY(-80px)
 }

 .index-main .categories-item:nth-child(4) {
     -webkit-transform: translateY(-80px);
     -ms-transform: translateY(-80px);
     transform: translateY(-80px)
 }

 .index-main .brands {
     padding-top: 120px;
     padding-bottom: 120px;
     margin-bottom: 0
 }

 @media(max-width: 1920px) {
     .index-main .brands {
         padding-top: calc(40px + 80 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .index-main .brands {
         padding-bottom: calc(40px + 80 * ((100vw - 360px) / 1560))
     }
 }

 .index-main .brands-list {
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between
 }

 .index-main .users-resently {
     border-top: unset
 }

 .featured {
     padding-top: 120px
 }

 @media(max-width: 1920px) {
     .featured {
         padding-top: calc(40px + 80 * ((100vw - 360px) / 1560))
     }
 }

 .featured__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-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 100%;
     text-align: center;
     margin-bottom: 80px
 }

 @media(max-width: 1920px) {
     .featured__box {
         margin-bottom: calc(30px + 50 * ((100vw - 360px) / 1560))
     }
 }

 .featured__box-suptext {
     max-width: 700px
 }

 .featured__box-title {
     max-width: 700px
 }

 .featured .swiper {
     padding-bottom: 125px
 }

 @media(max-width: 1920px) {
     .featured .swiper {
         padding-bottom: calc(30px + 95 * ((100vw - 360px) / 1560));
     }

     .main__featured.featured {
         padding-left: 35px;
         padding-right: 35px;
     }
 }

 .featured-swiper .swiper-horizontal>.swiper-pagination-bullets,
 .featured-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
 .featured-swiper .swiper-pagination-custom,
 .featured-swiper .swiper-pagination-fraction {
     bottom: 0
 }

 .featured-swiper .swiper-button-prev {
     width: 65px;
     height: 65px;
     min-width: 65px;
     min-height: 65px;
     background: #fff;
     -webkit-box-shadow: 10px 10px 13px rgba(0, 0, 0, .1);
     box-shadow: 10px 10px 13px rgba(0, 0, 0, .1);
     border-radius: 100px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     left: 40px;
     top: 28%;
     opacity: 0;
     -webkit-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s
 }

 .featured-swiper .swiper-button-prev:hover svg {
     -webkit-transform: translateX(-3px);
     -ms-transform: translateX(-3px);
     transform: translateX(-3px)
 }

 .featured-swiper .swiper-button-prev svg {
     -webkit-transition: -webkit-transform .3s;
     transition: -webkit-transform .3s;
     -o-transition: transform .3s;
     transition: transform .3s;
     transition: transform .3s, -webkit-transform .3s
 }

 .featured-swiper:hover .swiper-button-next,
 .featured-swiper:hover .swiper-button-prev {
     opacity: 1;
 }

 .featured-swiper .swiper-button-next {
     width: 65px;
     height: 65px;
     min-width: 65px;
     min-height: 65px;
     background: #fff;
     -webkit-box-shadow: 10px 10px 13px rgba(0, 0, 0, .1);
     box-shadow: 10px 10px 13px rgba(0, 0, 0, .1);
     border-radius: 100px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     right: 40px;
     top: 28%;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     opacity: 0;
     -webkit-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s
 }

 .featured-swiper .swiper-button-next:hover svg {
     -webkit-transform: translateX(-3px);
     -ms-transform: translateX(-3px);
     transform: translateX(-3px)
 }

 .featured-swiper .swiper-button-next svg {
     -webkit-transition: -webkit-transform .3s;
     transition: -webkit-transform .3s;
     -o-transition: transform .3s;
     transition: transform .3s;
     transition: transform .3s, -webkit-transform .3s
 }

 .featured-swiper .swiper-button-prev:after,
 .featured-swiper .swiper-rtl .swiper-button-next:after {
     content: unset
 }

 .featured-swiper .swiper-button-next:after,
 .featured-swiper .swiper-rtl .swiper-button-prev:after {
     content: unset
 }

 .featured-swiper .swiper-pagination-bullet {
     opacity: 1 !important;
     background: #d9d9d9;
     width: 15px;
     margin: 0 !important;
     height: 6px;
     border-radius: 0;
     -webkit-transition: background .3s;
     -o-transition: background .3s;
     transition: background .3s
 }

 .featured-swiper .swiper-pagination-bullet:hover {
     background: #490083
 }

 .featured-swiper .swiper-pagination {
     gap: 10px;
     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
 }

 .featured-swiper .swiper-pagination-bullet-active {
     width: 30px;
     background: #490083
 }

 .featured-slide {
     height: 100%;
     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-positive: 1;
     flex-grow: 1;
     position: relative
 }

 .featured-slide:hover .featured-slide-item__inner {
     opacity: 0
 }

 .featured-slide:hover .featured-slide-item__inner--deeper {
     opacity: 1
 }

 .featured-slide-item__link {
     width: 100%;
     max-height: 400px;
     height: 400px;
     display: block;
     margin-bottom: 35px;
     -webkit-transition: -webkit-box-shadow .3s;
     transition: -webkit-box-shadow .3s;
     -o-transition: box-shadow .3s;
     transition: box-shadow .3s;
     transition: box-shadow .3s, -webkit-box-shadow .3s;
     -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0);
     box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0)
 }

 @media(max-width: 1920px) {
     .featured-slide-item__link {
         max-height: calc(250px + 150 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .featured-slide-item__link {
         height: calc(250px + 150 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .featured-slide-item__link {
         margin-bottom: calc(20px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .featured-slide-item__link:hover {
     -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
     box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1)
 }

 .featured-slide-item__link-img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover
 }

 .featured-slide-item__inner {
     -webkit-transition: opacity .3s;
     -o-transition: opacity .3s;
     transition: opacity .3s
 }

 .featured-slide-item__title {
     font-weight: 600;
     margin-bottom: 10px;
     font-size: 24px;
     line-height: 32px;
     color: #202020;
     letter-spacing: -0.01em;
     text-transform: none
 }

 @media(max-width: 1920px) {
     .featured-slide-item__title {
         margin-bottom: calc(5px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .featured-slide-item__title {
         font-size: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .featured-slide-item__title {
         line-height: calc(24px + 8 * ((100vw - 360px) / 1560))
     }
 }

 .featured-slide-item__title-link {
     -webkit-transition: color .3s;
     -o-transition: color .3s;
     transition: color .3s;
     color: #202020
 }

 .featured-slide-item__title-link:hover {
     color: #490083
 }

 .featured-slide-item__text {
     font-weight: 500;
     font-size: 14px;
     line-height: 16px;
     letter-spacing: -0.01em;
     color: #515151;
     padding-bottom: 35px;
     border-bottom: 1px solid #d9d9d9
 }

 @media(max-width: 1920px) {
     .featured-slide-item__text {
         font-size: calc(12px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .featured-slide-item__text {
         line-height: calc(20px + -4 * ((100vw - 360px) / 1560))
     }
 }

 .featured-slide-item__text span {
     color: #007BFF;
     font-weight: 300;
     font-size: 24px;
     line-height: 40px;
     letter-spacing: -0.01em;
     text-transform: none;
     margin-left: 5px
 }

 @media(max-width: 1920px) {
     .featured-slide-item__text span {
         font-size: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .featured-slide-item__text span {
         line-height: calc(26px + 14 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .featured-slide-item__text {
         padding-bottom: calc(20px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .featured-slide-item__inner--deeper {
     margin-left: auto;
     margin-right: auto;
     background: #fff;
     padding: 45px;
     -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
     box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
     bottom: -175px;
     position: absolute;
     width: 100%;
     left: 50%;
     bottom: -40px;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     max-width: 350px;
     opacity: 0;
     -webkit-transition: opacity .3s;
     -o-transition: opacity .3s;
     transition: opacity .3s
 }

 @media(max-width: 1920px) {
     .featured-slide-item__inner--deeper {
         padding: calc(15px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .featured-slide-item__inner--deeper {
         bottom: calc(50px + -125 * ((100vw - 360px) / 1560))
     }
 }

 .featured-slide-item__inner--deeper .featured-slide-item__text {
     padding-bottom: 25px;
     margin-bottom: 25px
 }

 @media(max-width: 1920px) {
     .featured-slide-item__inner--deeper .featured-slide-item__text {
         padding-bottom: calc(15px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .featured-slide-item__inner--deeper .featured-slide-item__text {
         margin-bottom: calc(15px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .featured-slide-item__list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column
 }

 .featured-slide-item__list-item {
     position: relative;
     padding-left: 20px
 }

 .featured-slide-item__list-item::before {
     content: "";
     width: 3px;
     height: 3px;
     position: absolute;
     left: 10px;
     border-radius: 100%;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     background: #515151
 }

 .featured-slide-item__list-text {
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     color: #515151;
     letter-spacing: -0.01em
 }

 .recalls {
     background: #f5f5f5;
     padding-top: 120px;
     padding-bottom: 120px
 }

 @media(max-width: 1920px) {
     .recalls {
         padding-top: calc(40px + 80 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .recalls {
         padding-bottom: calc(40px + 80 * ((100vw - 360px) / 1560))
     }
 }

 .recalls__inner {
     max-width: 1360px;
     margin-left: auto;
     margin-right: auto
 }

 .recalls__box {
     margin-bottom: 80px;
     margin-left: auto;
     margin-right: auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -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;
     max-width: 500px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-align: center
 }

 @media(max-width: 1920px) {
     .recalls__box {
         margin-bottom: calc(30px + 50 * ((100vw - 360px) / 1560))
     }
 }

 .recalls .swiper {
     padding-bottom: 85px
 }

 @media(max-width: 1920px) {
     .recalls .swiper {
         padding-bottom: calc(50px + 35 * ((100vw - 360px) / 1560))
     }
 }

 .recalls-swiper .swiper-pagination-bullet {
     opacity: 1 !important;
     background: #d9d9d9;
     width: 15px;
     margin: 0 !important;
     height: 6px;
     border-radius: 0;
     -webkit-transition: background .3s;
     -o-transition: background .3s;
     transition: background .3s
 }

 .recalls-swiper .swiper-pagination-bullet:hover {
     background: #490083
 }

 .recalls-swiper .swiper-pagination {
     gap: 10px;
     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
 }

 .recalls-swiper .swiper-pagination-bullet-active {
     width: 30px;
     background: #490083
 }

 .recalls-swiper .swiper-slide-active {
     -webkit-box-shadow: 10px 10px 50px rgba(0, 0, 0, .1);
     box-shadow: 10px 10px 50px rgba(0, 0, 0, .1)
 }

 .recalls-slide {
     background: #fff;
     padding-top: 45px;
     padding-bottom: 45px;
     padding-right: 45px;
     padding-left: 45px
 }

 @media(max-width: 1920px) {
     .recalls-slide {
         padding-top: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .recalls-slide {
         padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .recalls-slide {
         padding-right: calc(15px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .recalls-slide {
         padding-left: calc(15px + 30 * ((100vw - 360px) / 1560))
     }
 }

 .recalls-slide__text {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151;
     max-width: 300px
 }

 @media(max-width: 1920px) {
     .recalls-slide__text {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .recalls-slide__text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .recalls-slide-top {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 20px;
     padding-bottom: 35px;
     margin-bottom: 35px;
     border-bottom: 1px solid rgba(217, 217, 217, .5)
 }

 @media(max-width: 1920px) {
     .recalls-slide-top {
         padding-bottom: calc(20px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .recalls-slide-top {
         margin-bottom: calc(20px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .recalls-slide-top__img {
     width: 80px;
     height: 80px;
     max-width: 80px;
     max-height: 80px
 }

 .recalls-slide-top__img-image {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     border-radius: 100%
 }

 .recalls-slide-top__box {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 2px
 }

 .recalls-slide-top__box-text {
     font-weight: 600;
     font-size: 18px;
     line-height: 28px;
     letter-spacing: -0.01em;
     text-transform: none;
     color: #202020
 }

 @media(max-width: 1920px) {
     .recalls-slide-top__box-text {
         font-size: calc(16px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .recalls-slide-top__box-text {
         line-height: calc(26px + 2 * ((100vw - 360px) / 1560))
     }
 }

 .recalls-slide-top__box-subtext {
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     letter-spacing: -0.01em;
     color: #515151
 }

 .deal {
     overflow: hidden;
     padding-top: 40px
 }

 @media(max-width: 1920px) {
     .deal {
         padding-top: calc(0px + 40 * ((100vw - 360px) / 1560))
     }
 }

 .deal__inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     gap: 30px;
 }

 .deal__img {
     width: 585px;
     height: 476px;
     max-width: 655px;
     max-height: 476px;
     overflow: hidden
 }

 .deal__img-image {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover
 }

 .deal-content {
     width: 100%;
     max-width: 880px;
     margin: 0 0 0 55px;
 }

 .deal-content__box {
     padding-top: 30px;
     max-width: 630px;
     position: relative;
     margin-bottom: 60px
 }

 @media(max-width: 1920px) {
     .deal-content__box {
         padding-top: calc(0px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-content__box {
         margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560))
     }
 }

 .deal-content__box-title {
     font-weight: 800;
     font-size: 64px;
     line-height: 68px;
     position: relative
 }

 @media(max-width: 1920px) {
     .deal-content__box-title {
         font-size: calc(33px + 31 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-content__box-title {
         line-height: calc(40px + 28 * ((100vw - 360px) / 1560))
     }
 }

 .deal-content__box-title::after {
     content: "";
     width: 78px;
     height: 86px;
     background-repeat: no-repeat;
     background-size: contain;
     position: absolute;
     right: -100px;
     top: 70%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     background-image: url(../images/deal-arrow.svg)
 }

 .deal-form {
     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-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     width: 100%
 }

 .deal-form__datapicker {
     background: #fff;
     border: 1px solid #d9d9d9;
     height: 100%;
     width: 100%;
     position: relative;
     max-width: 395px
 }

 .deal-form__datapicker input {
     background: rgba(0, 0, 0, 0);
     height: 100%;
     width: 100%;
     position: relative;
     z-index: 1;
     cursor: pointer;
     padding-top: 30px;
     padding-right: 70px;
     padding-bottom: 30px;
     padding-left: 30px;
     font-size: 16px;
     line-height: 30px;
     font-weight: 300;
     letter-spacing: .01em;
     color: #515151
 }

 @media(max-width: 1920px) {
     .deal-form__datapicker input {
         padding-top: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form__datapicker input {
         padding-right: calc(15px + 55 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form__datapicker input {
         padding-bottom: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form__datapicker input {
         padding-left: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form__datapicker input {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form__datapicker input {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .deal-form__datapicker svg {
     width: 24px;
     height: 24px;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     right: 25px
 }

 @media(max-width: 1920px) {
     .deal-form__datapicker svg {
         width: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form__datapicker svg {
         height: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 .deal-form__inner {
     z-index: 1;
     background: #fff;
     -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
     box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
     padding: 12px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 115px;
     gap: 12px;
     width: 100%
 }

 @media(max-width: 1920px) {
     .deal-form__inner {
         padding: calc(15px + -3 * ((100vw - 360px) / 1560))
     }
 }

 .deal-form__inner .custom-select {
     width: 100% !important;
     max-width: 400px;
     position: relative;
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     color: #515151;
     letter-spacing: .01em;
     height: 100%
 }

 @media(max-width: 1920px) {
     .deal-form__inner .custom-select {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form__inner .custom-select {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .deal-form__inner .custom-select select {
     display: none
 }

 .deal-form__inner .select-selected {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background-color: #fff;
     border: 1px solid #d9d9d9 !important;
     padding-right: 50px !important;
     height: 100%
 }

 .deal-form__inner .select-selected:after {
     position: absolute;
     content: "";
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     right: 30px;
     position: absolute;
     background-repeat: no-repeat;
     background-size: contain;
     background-image: url(../images/black-select-arrow.svg);
     width: 8px;
     height: 5px
 }

 .deal-form__inner .select-selected.select-arrow-active:after {
     -webkit-transform: rotate(180deg) translateY(-50%);
     -ms-transform: rotate(180deg) translateY(-50%);
     transform: rotate(180deg) translateY(-50%)
 }

 .deal-form__inner .select-items div,
 .deal-form__inner .select-selected {
     color: #515151;
     padding: 8px 16px;
     border: 1px solid rgba(0, 0, 0, 0);
     border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, .1) rgba(0, 0, 0, 0);
     cursor: pointer
 }

 .deal-form__inner .select-items {
     position: absolute;
     background-color: #fff;
     top: 110%;
     left: 0;
     right: 0;
     z-index: 99;
     border: 1px solid #d9d9d9
 }

 .deal-form__inner .select-hide {
     display: none
 }

 .deal-form__inner .select-items div:hover,
 .deal-form__inner .same-as-selected {
     background-color: rgba(0, 0, 0, .1)
 }

 .deal-form__btn {
     font-weight: 700;
     font-size: 20px;
     min-width: 240px;
     line-height: 25px;
     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;
     gap: 10px;
     text-transform: none;
     color: #fff;
     height: 100%;
     padding: 0 40px;
     background: #007BFF;
     position: relative;
     overflow: hidden;
     z-index: 1
 }

 .deal-form__btn::before {
     content: "";
     width: 100%;
     height: 100%;
     background: #490083;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: -1;
     -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     transform: translateX(-100%);
     -webkit-transition: -webkit-transform .3s;
     transition: -webkit-transform .3s;
     -o-transition: transform .3s;
     transition: transform .3s;
     transition: transform .3s, -webkit-transform .3s
 }

 .deal-form__btn:hover::before {
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%)
 }

 .deal-form__buttons {
     background: #fff;
     -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
     box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 30px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-top: 22px;
     padding-right: 48px;
     padding-bottom: 22px;
     padding-left: 48px
 }

 @media(max-width: 1920px) {
     .deal-form__buttons {
         gap: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form__buttons {
         padding-top: calc(15px + 7 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form__buttons {
         padding-right: calc(15px + 33 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form__buttons {
         padding-bottom: calc(15px + 7 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form__buttons {
         padding-left: calc(15px + 33 * ((100vw - 360px) / 1560))
     }
 }

 .deal-form__buttons .container {
     display: block;
     position: relative;
     padding-left: 30px;
     cursor: pointer;
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     letter-spacing: -0.01em;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     color: #515151
 }

 @media(max-width: 1920px) {
     .deal-form__buttons .container {
         font-size: calc(12px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form__buttons .container {
         line-height: calc(18px + 8 * ((100vw - 360px) / 1560))
     }
 }

 .deal-form__buttons .container input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0
 }

 .deal-form__buttons .checkmark {
     position: absolute;
     top: 2px;
     left: 0;
     height: 20px;
     width: 20px;
     border-radius: 100%;
     background-color: #d9d9d9
 }

 @media(max-width: 1920px) {
     .deal-form__buttons .checkmark {
         top: calc(-2px + 4 * ((100vw - 360px) / 1560))
     }
 }

 .deal-form__buttons .container input:checked~.checkmark {
     background-color: #f5ab1a
 }

 .deal-form__buttons .checkmark:after {
     content: "";
     position: absolute;
     display: none
 }

 .deal-form__buttons .container input:checked~.checkmark:after {
     display: block
 }

 .deal-form__buttons .container .checkmark:after {
     width: 8px;
     height: 8px;
     border-radius: 100%;
     position: absolute;
     top: 50%;
     background: #fff;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%)
 }

 .sort {
     margin-bottom: 40px
 }

 @media(max-width: 1920px) {
     .sort {
         margin-bottom: calc(20px + 20 * ((100vw - 360px) / 1560))
     }
 }

 .sort-form {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 15px
 }

 .sort-form__info {
     margin-right: auto
 }

 .sort-form__info-text {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151
 }

 @media(max-width: 1920px) {
     .sort-form__info-text {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .sort-form__info-text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .sort-form__box {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .sort-form__box-text {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     margin-right: 20px;
     letter-spacing: .01em;
     color: #515151
 }

 @media(max-width: 1920px) {
     .sort-form__box-text {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .sort-form__box-text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .sort-form__box-text {
         margin-right: calc(10px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .sort-form__box-btn {
     margin-right: 15px;
     width: 24px;
     height: 24px
 }

 .sort-form__box-btn svg path {
     stroke: #ccc !important;
     fill: #ccc !important;
 }

 .sort-form__box-btn_active svg path {
     stroke: #007BFF !important;
     fill: #007BFF !important;
 }

 @media(max-width: 1920px) {
     .sort-form__box-btn {
         margin-right: calc(10px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .sort-form__box-btn:last-child {
     margin-right: 0
 }

 .sort-form__box-btn:last-child:hover svg path {
     fill: #007BFF;
     fill-opacity: 1
 }

 .sort-form__box-btn svg path {
     -webkit-transition: fill .3s, fill-opacity .3s;
     -o-transition: fill .3s, fill-opacity .3s;
     transition: fill .3s, fill-opacity .3s
 }

 .catalog-grid {
     margin-bottom: 75px
 }

 @media(max-width: 1920px) {
     .catalog-grid {
         margin-bottom: calc(0px + 75 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-grid__inner {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 1fr 1fr 1fr;
     grid-template-columns: 1fr 1fr 1fr;
     -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
     column-gap: 30px;
     row-gap: 60px;
     margin-bottom: 80px
 }

 @media(max-width: 1920px) {
     .catalog-grid__inner {
         -webkit-column-gap: calc(15px + 15 * ((100vw - 360px) / 1560));
         -moz-column-gap: calc(15px + 15 * ((100vw - 360px) / 1560));
         column-gap: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-grid__inner {
         row-gap: calc(30px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-grid__inner {
         margin-bottom: calc(30px + 50 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-grid-item__link,
 .icon-btn {
     border: unset;
     background: #490083
 }

 .catalog-grid-item__link span:first-child::before,
 .icon-btn span:first-child::before {
     background: #007BFF
 }

 .catalog-grid-item__link span:first-child::after,
 .icon-btn span:first-child::after {
     background: #490083
 }

 .catalog-grid-item__link span:last-child,
 .icon-btn span:last-child {
     color: #fff
 }

 .catalog-grid-item__inner {
     background: #f5f5f5;
     padding-top: 45px;
     padding-right: 30px;
     padding-bottom: 45px;
     padding-left: 30px
 }

 @media(max-width: 1920px) {
     .catalog-grid-item__inner {
         padding-top: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-grid-item__inner {
         padding-right: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-grid-item__inner {
         padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-grid-item__inner {
         padding-left: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-grid-item-top {
     position: relative;
     width: 100%;
     height: 280px;
     max-width: 370px;
     max-height: 280px;
     z-index: 1;
     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-align: start;
     -ms-flex-align: start;
     align-items: flex-start
 }

 .catalog-grid-item-top__img {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     z-index: -1
 }

 .catalog-grid-item-top__img::before {
     content: "";
     width: 100%;
     height: 100%;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     position: absolute;
     background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(#000000));
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000000 100%);
     background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000000 100%)
 }

 .catalog-grid-item-top__img-image {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover
 }

 .catalog-grid-item-top__sale {
     margin-top: 10px;
     margin-left: 10px;
     font-weight: 500;
     font-size: 12px;
     line-height: 26px;
     padding: 0 10px;
     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;
     text-align: center;
     letter-spacing: -0.01em;
     color: #202020;
     background: #fff;
     margin-bottom: auto
 }

 .catalog-grid-item-top__links {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 30px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 100%;
     margin-bottom: 20px;
     position: absolute;
     bottom: 0;
     left: 0;
 }

 .catalog-grid-item-top__links-link {
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     letter-spacing: -0.01em;
     color: #fff;
     position: relative
 }

 .catalog-grid-item-top__links-link::before {
     content: "";
     width: 0%;
     height: 1px;
     position: absolute;
     left: 0;
     background: #fff;
     right: 0;
     top: 102%;
     -webkit-transition: width .3s;
     -o-transition: width .3s;
     transition: width .3s
 }

 .catalog-grid-item-top__links-link:hover::before {
     width: 100%
 }

 .catalog-grid-item-content__title {
     font-weight: 600;
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 20px;
     letter-spacing: -0.01em;
     text-transform: none;
     color: #202020
 }

 @media(max-width: 1920px) {
     .catalog-grid-item-content__title {
         font-size: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-grid-item-content__title {
         line-height: calc(24px + 8 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-grid-item-content__title {
         margin-bottom: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-grid-item-content__row {
     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;
     padding-bottom: 25px;
     border-bottom: 1px solid #d9d9d9;
     gap: 10px;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap
 }

 @media(max-width: 1920px) {
     .catalog-grid-item-content__row {
         padding-bottom: calc(15px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-grid-item-content__row-text {
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     color: #515151;
     letter-spacing: -0.01em;
     max-width: 130px
 }

 @media(max-width: 1920px) {
     .catalog-grid-item-content__row-text {
         font-size: calc(12px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-grid-item-content__row-text {
         line-height: calc(18px + 8 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-grid-item-content__row-price {
     font-weight: 500;
     text-align: right;
     font-size: 28px;
     line-height: 35px;
     text-transform: none;
     color: #007BFF
 }

 @media(max-width: 1920px) {
     .catalog-grid-item-content__row-price {
         font-size: calc(20px + 8 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-grid-item-content__row-price {
         line-height: calc(30px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-grid-item-rent {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 5px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding-top: 30px;
     margin-bottom: 30px;
     border-top: 1px solid #d9d9d9
 }

 @media(max-width: 1920px) {
     .catalog-grid-item-rent {
         padding-top: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-grid-item-rent {
         margin-bottom: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-grid-item-rent__item {
     position: relative;
     padding-left: 20px
 }

 .catalog-grid-item-rent__item::before {
     content: "";
     width: 4px;
     height: 4px;
     background: #490083;
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%)
 }

 .catalog-grid-item-rent__text {
     color: #007BFF;
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     letter-spacing: -0.01em
 }

 @media(max-width: 1920px) {
     .catalog-grid-item-rent__text {
         font-size: calc(12px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-grid-item-rent__text {
         line-height: calc(18px + 8 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-grid-item-rent--row {
     border-top: unset;
     padding-top: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     gap: 10px;
     padding-bottom: 20px;
     margin-bottom: 0;
     border-bottom: 1px solid #d9d9d9
 }

 .catalog-grid-item-rent--row .catalog-grid-item-rent__item {
     padding-left: 0
 }

 .catalog-grid-item-rent--row .catalog-grid-item-rent__item::before {
     left: unset;
     right: -20px
 }

 .catalog-grid-item-rent--row .catalog-grid-item-rent__item:last-child::before {
     content: unset
 }

 .catalog-grid-item-info {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding-top: 30px;
     margin-bottom: 30px
 }

 @media(max-width: 1920px) {
     .catalog-grid-item-info {
         padding-top: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-grid-item-info {
         margin-bottom: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-grid-item-info__item {
     padding-left: 20px;
     position: relative
 }

 .catalog-grid-item-info__item::before {
     content: "";
     width: 4px;
     height: 4px;
     position: absolute;
     left: 10px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     background: #515151;
     border-radius: 100%
 }

 .catalog-grid-item-info__text {
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     color: #515151;
     letter-spacing: -0.01em
 }

 @media(max-width: 1920px) {
     .catalog-grid-item-info__text {
         font-size: calc(12px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-grid-item-info__text {
         line-height: calc(22px + 4 * ((100vw - 360px) / 1560))
     }
 }

 .details {
     padding-top: 100px;
     margin-bottom: 75px
 }

 @media(max-width: 1920px) {
     .details {
         padding-top: calc(30px + 70 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details {
         margin-bottom: calc(0px + 75 * ((100vw - 360px) / 1560))
     }
 }

 .details__inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 50px
 }

 @media(max-width: 1920px) {
     .details__inner {
         gap: calc(30px + 20 * ((100vw - 360px) / 1560))
     }
 }

 .details-content {
     width: 100%;
     max-width: 100%;
     overflow: hidden
 }

 .details-content__title {
     display: inline-block;
     font-weight: 700;
     font-size: 38px;
     line-height: 48px;
     letter-spacing: -0.02em;
     text-transform: none;
     color: #202020;
     margin-bottom: 60px;
     position: relative
 }

 @media(max-width: 1920px) {
     .details-content__title {
         font-size: calc(24px + 14 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-content__title {
         line-height: calc(32px + 16 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-content__title {
         margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560))
     }
 }

 .details-content__title::after {
     content: "";
     width: 100%;
     height: 5px;
     left: 0;
     position: absolute;
     bottom: -2px;
     background: #de0a89;
 }

 @media(max-width: 1920px) {
     .details-content__title::after {
         height: calc(3px + 2 * ((100vw - 360px) / 1560))
     }
 }

 .details-content__view {
     width: 100%;
     height: 500px;
     max-height: 500px;
     margin-bottom: 20px
 }

 @media(max-width: 1920px) {
     .details-content__view {
         height: calc(300px + 200 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-content__view {
         max-height: calc(300px + 200 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-content__view {
         margin-bottom: calc(10px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .details-content__view-img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     display: none
 }

 .details-content__view-img--active {
     display: block
 }

 .details-content__text {
     color: #515151;
     font-weight: 300;
     margin-bottom: 20px;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em
 }

 @media(max-width: 1920px) {
     .details-content__text {
         margin-bottom: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-content__text {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-content__text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .details-content__list {
     padding-top: 15px;
     padding-left: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 12px;
     margin-bottom: 60px
 }

 @media(max-width: 1920px) {
     .details-content__list {
         padding-left: calc(0px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-content__list {
         gap: calc(10px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-content__list {
         margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560))
     }
 }

 .details-content__list-item {
     position: relative;
     padding-left: 40px
 }

 @media(max-width: 1920px) {
     .details-content__list-item {
         padding-left: calc(25px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .details-content__list-item::before {
     content: "";
     width: 24px;
     height: 24px;
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     background-repeat: no-repeat;
     background-size: cover;
     background-image: url(../images/list-tick-icon.svg)
 }

 @media(max-width: 1920px) {
     .details-content__list-item::before {
         width: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-content__list-item::before {
         height: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 .details-content__list-text {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: gray
 }

 @media(max-width: 1920px) {
     .details-content__list-text {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-content__list-text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .details-content-images {
     margin-bottom: 60px;
     gap: 12px;
     max-width: 100% !important;
     width: 100% !important;
     overflow: hidden !important
 }

 @media(max-width: 1920px) {
     .details-content-images {
         margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-content-images {
         gap: calc(10px + 2 * ((100vw - 360px) / 1560))
     }
 }

 .details-content-images__img {
     cursor: pointer;
     height: 80px;
     width: 100%;
     max-width: 80px;
     max-height: 80px;
     border: 5px solid rgba(0, 0, 0, 0);
     -webkit-transition: border .3s;
     -o-transition: border .3s;
     transition: border .3s
 }

 .details-content-images__img:hover {
     border: 5px solid #007BFF
 }

 .details-content-images__img--acitve {
     border: 5px solid #007BFF
 }

 .details-content-images__img-image {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover
 }

 .details-content-info__title {
     font-weight: 600;
     margin-bottom: 50px;
     font-size: 24px;
     line-height: 32px;
     letter-spacing: -0.01em;
     text-transform: none;
     color: #202020;
     position: relative;
     display: inline-block
 }

 @media(max-width: 1920px) {
     .details-content-info__title {
         margin-bottom: calc(25px + 25 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-content-info__title {
         font-size: calc(20px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-content-info__title {
         line-height: calc(28px + 4 * ((100vw - 360px) / 1560))
     }
 }

 .details-content-info__title::after {
     content: "";
     width: 100%;
     height: 5px;
     left: 0;
     position: absolute;
     bottom: -2px;
     background: #de0a89
 }

 @media(max-width: 1920px) {
     .details-content-info__title::after {
         height: calc(3px + 2 * ((100vw - 360px) / 1560))
     }
 }

 .details-content-info-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     background: #f5f5f5;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column
 }

 .details-content-info-list__item {
     padding-top: 15px;
     padding-right: 25px;
     padding-bottom: 15px;
     padding-left: 25px
 }

 @media(max-width: 1920px) {
     .details-content-info-list__item {
         padding-top: calc(15px + 0 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-content-info-list__item {
         padding-right: calc(15px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-content-info-list__item {
         padding-bottom: calc(15px + 0 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-content-info-list__item {
         padding-left: calc(15px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .details-content-info-list__item:nth-child(2n) {
     background: #fff
 }

 .details-content-info-list__text {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #515151;
     position: relative;
     padding-left: 30px;
     padding-left: 30px
 }

 @media(max-width: 1920px) {
     .details-content-info-list__text {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-content-info-list__text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-content-info-list__text {
         padding-left: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .details-content-info-list__text::before {
     content: "";
     width: 4px;
     height: 4px;
     position: absolute;
     left: 15px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     background: #515151;
     border-radius: 100%
 }

 @media(max-width: 1920px) {
     .details-content-info-list__text::before {
         left: calc(0px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside {
     margin-top: -140px;
     z-index: 1;
     min-width: 350px
 }

 .details-aside-content {
     margin-bottom: 45px
 }

 @media(max-width: 1920px) {
     .details-aside-content {
         margin-bottom: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content__inner {
     background: #490083;
     padding-right: 35px;
     padding-bottom: 45px;
     padding-left: 35px
 }

 @media(max-width: 1920px) {
     .details-aside-content__inner {
         padding-right: calc(15px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content__inner {
         padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content__inner {
         padding-left: calc(15px + 20 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content__adress {
     margin-bottom: 35px
 }

 @media(max-width: 1920px) {
     .details-aside-content__adress {
         margin-bottom: calc(30px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content__adress-text {
     margin-bottom: 15px;
     font-weight: 600;
     font-size: 15px;
     line-height: 19px;
     text-transform: uppercase;
     color: #fff
 }

 @media(max-width: 1920px) {
     .details-aside-content__adress-text {
         margin-bottom: calc(10px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content__adress-text {
         font-size: calc(12px + 3 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content__adress-text {
         line-height: calc(18px + 1 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content__adress-link {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em;
     color: #fff
 }

 @media(max-width: 1920px) {
     .details-aside-content__adress-link {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content__adress-link {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content__btn {
     margin-bottom: 35px;
     background: #218460;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 10px;
     width: 100%;
     padding: 16px 0;
     font-weight: 600;
     font-size: 15px;
     line-height: 19px;
     text-transform: uppercase;
     color: #fff
 }

 @media(max-width: 1920px) {
     .details-aside-content__btn {
         margin-bottom: calc(30px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content__btn {
         font-size: calc(14px + 1 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content__btn {
         line-height: calc(18px + 1 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content__total {
     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;
     margin-bottom: 35px
 }

 @media(max-width: 1920px) {
     .details-aside-content__total {
         margin-bottom: calc(20px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content__total-text {
     font-weight: 600;
     font-size: 24px;
     line-height: 32px;
     letter-spacing: -0.01em;
     text-transform: none;
     color: #fff
 }

 @media(max-width: 1920px) {
     .details-aside-content__total-text {
         font-size: calc(16px + 8 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content__total-text {
         line-height: calc(22px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content__button {
     background: #de0a89;
     font-weight: 700;
     font-size: 20px;
     line-height: 25px;
     text-transform: none;
     color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 100%;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     gap: 10px;
     padding-top: 22px;
     padding-bottom: 22px;
     position: relative;
     overflow: hidden;
     z-index: 1
 }

 @media(max-width: 1920px) {
     .details-aside-content__button {
         font-size: calc(14px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content__button {
         line-height: calc(20px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content__button {
         padding-top: calc(15px + 7 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content__button {
         padding-bottom: calc(15px + 7 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content__button span:last-child {
     width: 20px;
     height: 20px
 }

 @media(max-width: 1920px) {
     .details-aside-content__button span:last-child {
         width: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content__button span:last-child {
         height: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content__button span:last-child svg {
     width: 20px;
     height: 20px
 }

 @media(max-width: 1920px) {
     .details-aside-content__button span:last-child svg {
         width: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content__button span:last-child svg {
         height: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content__button::before {
     content: "";
     width: 100%;
     height: 100%;
     background: #218460;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: -1;
     -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     transform: translateX(-100%);
     -webkit-transition: -webkit-transform .3s;
     transition: -webkit-transform .3s;
     -o-transition: transform .3s;
     transition: transform .3s;
     transition: transform .3s, -webkit-transform .3s
 }

 .details-aside-content__button:hover::before {
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%)
 }

 .details-aside-content__datapicker {
     position: relative
 }

 .details-aside-content__datapicker input {
     z-index: 1;
     position: relative;
     padding-top: 40px;
     padding-bottom: 35px;
     font-size: 15px;
     line-height: 19px;
     cursor: pointer;
     width: 100%;
     background: rgba(0, 0, 0, 0);
     font-weight: 600;
     text-transform: uppercase;
     color: #fff;
     padding-right: 35px
 }

 @media(max-width: 1920px) {
     .details-aside-content__datapicker input {
         padding-top: calc(30px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content__datapicker input {
         padding-bottom: calc(30px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content__datapicker input {
         font-size: calc(14px + 1 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content__datapicker input {
         line-height: calc(18px + 1 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content__datapicker svg {
     right: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     position: absolute;
     width: 24px;
     height: 24px
 }

 @media(max-width: 1920px) {
     .details-aside-content__datapicker svg {
         width: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content__datapicker svg {
         height: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content-top {
     background: #007BFF
 }

 .details-aside-content-top__price {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding-top: 45px;
     padding-bottom: 35px;
     font-weight: 500;
     font-size: 18px;
     line-height: 22px;
     text-align: center;
     letter-spacing: -0.01em;
     text-transform: none;
     color: #fff;
     border-bottom: 1px solid rgba(255, 255, 255, .5)
 }

 @media(max-width: 1920px) {
     .details-aside-content-top__price {
         padding-top: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-top__price {
         padding-bottom: calc(30px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-top__price {
         font-size: calc(14px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-top__price {
         line-height: calc(20px + 2 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content-top__price span {
     letter-spacing: -0.02em;
     font-weight: 700;
     font-size: 46px;
     line-height: 58px
 }

 @media(max-width: 1920px) {
     .details-aside-content-top__price span {
         font-size: calc(38px + 8 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-top__price span {
         line-height: calc(44px + 14 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content-top__rent {
     padding-top: 20px;
     padding-right: 35px;
     padding-bottom: 20px;
     padding-left: 35px;
     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;
     gap: 25px
 }

 @media(max-width: 1920px) {
     .details-aside-content-top__rent {
         padding-top: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-top__rent {
         padding-right: calc(15px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-top__rent {
         padding-bottom: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-top__rent {
         padding-left: calc(15px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-top__rent {
         gap: calc(15px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content-top__rent-text {
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     letter-spacing: -0.01em;
     color: #fff
 }

 @media(max-width: 1920px) {
     .details-aside-content-top__rent-text {
         font-size: calc(12px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-top__rent-text {
         line-height: calc(20px + 6 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content-radios {
     border-top: 1px solid rgba(255, 255, 255, .3);
     border-bottom: 1px solid rgba(255, 255, 255, .3);
     padding-top: 35px;
     padding-bottom: 30px;
     margin-bottom: 35px
 }

 @media(max-width: 1920px) {
     .details-aside-content-radios {
         padding-top: calc(30px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-radios {
         padding-bottom: calc(30px + 0 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-radios {
         margin-bottom: calc(30px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content-radios__row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 20px;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between
 }

 .details-aside-content-radios__row-text {
     font-weight: 600;
     font-size: 17px;
     line-height: 30px;
     text-align: right;
     letter-spacing: .01em;
     color: #fff
 }

 @media(max-width: 1920px) {
     .details-aside-content-radios__row-text {
         font-size: calc(15px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-radios__row-text {
         line-height: calc(21px + 9 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content-radios .container {
     display: block;
     position: relative;
     padding-left: 35px;
     margin-left: unset;
     margin-right: unset;
     cursor: pointer;
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     padding-right: 0;
     display: inline-block;
     letter-spacing: .01em;
     color: #fff;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 @media(max-width: 1920px) {
     .details-aside-content-radios .container {
         padding-left: calc(25px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-radios .container {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-radios .container {
         line-height: calc(26px + 4 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content-radios .container input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0
 }

 .details-aside-content-radios .checkmark {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     left: 0;
     width: 22px;
     height: 22px;
     background: rgba(255, 255, 255, .5);
     border-radius: 20px
 }

 @media(max-width: 1920px) {
     .details-aside-content-radios .checkmark {
         width: calc(18px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-radios .checkmark {
         height: calc(18px + 4 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content-radios .container input:checked~.checkmark {
     background-color: #fff
 }

 .details-aside-content-radios .checkmark:after {
     content: "";
     position: absolute;
     display: none
 }

 .details-aside-content-radios .container input:checked~.checkmark:after {
     display: block
 }

 .details-aside-content-radios .container .checkmark:after {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 10px;
     height: 10px;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     background: #007BFF;
     -webkit-box-shadow: 10px 10px 13px rgba(0, 0, 0, .05);
     box-shadow: 10px 10px 13px rgba(0, 0, 0, .05);
     border-radius: 20px
 }

 @media(max-width: 1920px) {
     .details-aside-content-radios .container .checkmark:after {
         width: calc(8px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-radios .container .checkmark:after {
         height: calc(8px + 2 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content-count {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     border: 1px solid rgba(255, 255, 255, .5);
     margin-bottom: 35px
 }

 @media(max-width: 1920px) {
     .details-aside-content-count {
         margin-bottom: calc(30px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content-count__btn {
     font-weight: 600;
     font-size: 24px;
     line-height: 32px;
     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;
     text-align: center;
     letter-spacing: -0.01em;
     text-transform: none;
     color: #fff;
     width: 50px;
     min-width: 50px
 }

 .details-aside-content-count__input {
     padding: 10px;
     border-left: 1px solid rgba(255, 255, 255, .5);
     border-right: 1px solid rgba(255, 255, 255, .5);
     background: rgba(0, 0, 0, 0);
     width: 100%;
     font-weight: 600;
     font-size: 24px;
     line-height: 32px;
     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;
     text-align: center;
     letter-spacing: -0.01em;
     text-transform: none;
     color: #fff
 }

 .details-aside-content-count__input::-webkit-input-placeholder {
     letter-spacing: -0.01em;
     text-transform: none;
     color: #fff;
     font-weight: 600;
     font-size: 24px;
     line-height: 32px
 }

 .details-aside-content-count__input::-moz-placeholder {
     letter-spacing: -0.01em;
     text-transform: none;
     color: #fff;
     font-weight: 600;
     font-size: 24px;
     line-height: 32px
 }

 .details-aside-content-count__input:-ms-input-placeholder {
     letter-spacing: -0.01em;
     text-transform: none;
     color: #fff;
     font-weight: 600;
     font-size: 24px;
     line-height: 32px
 }

 .details-aside-content-count__input::-ms-input-placeholder {
     letter-spacing: -0.01em;
     text-transform: none;
     color: #fff;
     font-weight: 600;
     font-size: 24px;
     line-height: 32px
 }

 .details-aside-content-count__input::placeholder {
     letter-spacing: -0.01em;
     text-transform: none;
     color: #fff;
     font-weight: 600;
     font-size: 24px;
     line-height: 32px
 }

 .details-aside-content-count__input::-webkit-outer-spin-button,
 .details-aside-content-count__input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0
 }

 .details-aside-content-options {
     padding-bottom: 35px;
     margin-bottom: 35px;
     border-bottom: 1px solid rgba(255, 255, 255, .3)
 }

 @media(max-width: 1920px) {
     .details-aside-content-options {
         padding-bottom: calc(30px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-options {
         margin-bottom: calc(30px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content-options__text {
     font-weight: 600;
     margin-bottom: 20px;
     font-size: 15px;
     line-height: 19px;
     text-transform: uppercase;
     color: #fff
 }

 @media(max-width: 1920px) {
     .details-aside-content-options__text {
         margin-bottom: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-options__text {
         font-size: calc(14px + 1 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-options__text {
         line-height: calc(18px + 1 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content-options__box {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     gap: 20px
 }

 .details-aside-content-options__box-text {
     font-weight: 600;
     font-size: 17px;
     line-height: 30px;
     text-align: right;
     letter-spacing: .01em;
     color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column
 }

 @media(max-width: 1920px) {
     .details-aside-content-options__box-text {
         font-size: calc(14px + 3 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-options__box-text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content-options__box-text span {
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     color: rgba(255, 255, 255, .5)
 }

 @media(max-width: 1920px) {
     .details-aside-content-options__box-text span {
         font-size: calc(12px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-options__box-text span {
         line-height: calc(18px + 8 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content-options .container {
     display: block;
     position: relative;
     padding-left: 35px;
     margin-bottom: 12px;
     cursor: pointer;
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     margin-left: unset;
     margin-right: unset;
     display: inline-block;
     padding-right: 0;
     max-width: 170px;
     letter-spacing: .01em;
     color: #fff;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 @media(max-width: 1920px) {
     .details-aside-content-options .container {
         padding-left: calc(30px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-options .container {
         margin-bottom: calc(10px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-options .container {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-options .container {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content-options .container span {
     display: block
 }

 .details-aside-content-options .container span:nth-child(2) {
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     letter-spacing: -0.01em
 }

 @media(max-width: 1920px) {
     .details-aside-content-options .container span:nth-child(2) {
         font-size: calc(12px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-options .container span:nth-child(2) {
         line-height: calc(18px + 8 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content-options .container input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0
 }

 .details-aside-content-options .checkmark {
     position: absolute;
     left: 0;
     top: 4px;
     width: 22px;
     height: 22px;
     background-color: #eee;
     background: rgba(255, 255, 255, .2)
 }

 @media(max-width: 1920px) {
     .details-aside-content-options .checkmark {
         top: calc(1px + 3 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-options .checkmark {
         width: calc(18px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-options .checkmark {
         height: calc(18px + 4 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-content-options .container input:checked~.checkmark {
     background: #007BFF
 }

 .details-aside-content-options .checkmark:after {
     content: "";
     position: absolute;
     display: none
 }

 .details-aside-content-options .container input:checked~.checkmark:after {
     display: block
 }

 .details-aside-content-options .container .checkmark:after {
     position: absolute;
     width: 14px;
     height: 10px;
     top: 50%;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     background-repeat: no-repeat;
     background-size: contain;
     background-image: url(../images/tick-icon.svg)
 }

 @media(max-width: 1920px) {
     .details-aside-content-options .container .checkmark:after {
         width: calc(12px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-content-options .container .checkmark:after {
         height: calc(8px + 2 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-author {
     background: #f5f5f5;
     padding-top: 55px;
     padding-right: 35px;
     padding-bottom: 55px;
     padding-left: 35px
 }

 @media(max-width: 1920px) {
     .details-aside-author {
         padding-top: calc(30px + 25 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-author {
         padding-right: calc(15px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-author {
         padding-bottom: calc(30px + 25 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-author {
         padding-left: calc(15px + 20 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-author__title {
     color: #202020;
     font-weight: 600;
     margin-bottom: 35px;
     font-size: 24px;
     line-height: 32px;
     letter-spacing: -0.01em;
     text-transform: none;
     position: relative;
     display: inline-block
 }

 @media(max-width: 1920px) {
     .details-aside-author__title {
         margin-bottom: calc(20px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-author__title {
         font-size: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-author__title {
         line-height: calc(24px + 8 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-author__title::before {
     content: "";
     width: 100%;
     height: 5px;
     left: 0;
     position: absolute;
     bottom: -2px;
     background: #007BFF
 }

 @media(max-width: 1920px) {
     .details-aside-author__title::before {
         height: calc(3px + 2 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-author__inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 15px;
     gap: 15px;
     margin-bottom: 35px
 }

 @media(max-width: 1920px) {
     .details-aside-author__inner {
         gap: calc(10px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-author__inner {
         margin-bottom: calc(20px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-author__img {
     width: 80px;
     height: 80px;
     max-width: 80px;
     max-height: 80px;
     border-radius: 100%
 }

 @media(max-width: 1920px) {
     .details-aside-author__img {
         width: calc(60px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-author__img {
         height: calc(60px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-author__img {
         max-width: calc(60px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-author__img {
         max-height: calc(60px + 20 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-author__img-image {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     border-radius: 100%
 }

 .details-aside-author__box-text {
     font-weight: 600;
     font-size: 20px;
     line-height: 28px;
     letter-spacing: -0.01em;
     text-transform: none;
     color: #202020;
     margin-bottom: 2px
 }

 @media(max-width: 1920px) {
     .details-aside-author__box-text {
         font-size: calc(16px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-author__box-text {
         line-height: calc(22px + 6 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-author__box-subtext {
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     letter-spacing: -0.01em;
     color: #202020
 }

 @media(max-width: 1920px) {
     .details-aside-author__box-subtext {
         font-size: calc(12px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .details-aside-author__box-subtext {
         line-height: calc(20px + 6 * ((100vw - 360px) / 1560))
     }
 }

 .details-aside-author__btn {
     width: 100%;
     max-width: 100%;
     border: 1px solid #d9d9d9
 }

 .details-aside-author__btn span:first-child::before {
     background: #007BFF
 }

 .details-aside-author__btn:hover span:last-child {
     color: #fff
 }

 .deal-form--big {
     margin-bottom: 85px;
     max-width: 100%;
     margin-top: -35px;
     z-index: 1;
     position: relative;
     max-width: 1200px;
     margin-left: auto;
     margin-right: auto
 }

 @media(max-width: 1920px) {
     .deal-form--big {
         margin-bottom: calc(30px + 55 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form--big {
         margin-top: calc(-20px + -15 * ((100vw - 360px) / 1560))
     }
 }

 .deal-form--big::before {
     content: "";
     height: 6px;
     width: 48%;
     position: absolute;
     bottom: -6px;
     left: 15px;
     background: #007BFF
 }

 .deal-form--big .container {
     width: 100%
 }

 .deal-form--big .deal-form__inner {
     height: unset;
     background: #490083;
     -webkit-box-shadow: unset;
     box-shadow: unset;
     padding-top: 50px;
     padding-right: 45px;
     padding-left: 45px
 }

 @media(max-width: 1920px) {
     .deal-form--big .deal-form__inner {
         padding-top: calc(30px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form--big .deal-form__inner {
         padding-right: calc(15px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form--big .deal-form__inner {
         padding-left: calc(15px + 30 * ((100vw - 360px) / 1560))
     }
 }

 .deal-form--big .deal-form__buttons {
     background: #490083;
     padding-top: 30px;
     padding-bottom: 50px;
     padding-right: 45px;
     padding-left: 45px;
     gap: 25px
 }

 @media(max-width: 1920px) {
     .deal-form--big .deal-form__buttons {
         padding-top: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form--big .deal-form__buttons {
         padding-bottom: calc(30px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form--big .deal-form__buttons {
         padding-right: calc(15px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form--big .deal-form__buttons {
         padding-left: calc(15px + 30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form--big .deal-form__buttons {
         gap: calc(20px + 5 * ((100vw - 360px) / 1560))
     }
 }

 .deal-form--big .deal-form__buttons .checkmark {
     border: 2px solid #d9d9d9;
     background: unset
 }

 .deal-form--big .deal-form__buttons input:checked~.checkmark {
     background: rgba(0, 0, 0, 0)
 }

 .deal-form--big .deal-form__buttons .container {
     color: #fff;
     width: unset;
     margin-left: unset;
     margin-right: unset;
     padding-left: 30px;
     padding-right: 0px
 }

 .deal-form--big .deal-form__text {
     font-weight: 600;
     margin-bottom: 20px;
     font-size: 15px;
     line-height: 19px;
     text-transform: uppercase;
     color: #fff
 }

 @media(max-width: 1920px) {
     .deal-form--big .deal-form__text {
         margin-bottom: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form--big .deal-form__text {
         font-size: calc(14px + 1 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form--big .deal-form__text {
         line-height: calc(18px + 1 * ((100vw - 360px) / 1560))
     }
 }

 .deal-form--big .select-selected {
     height: unset;
     border: unset !important;
     padding-top: 20px;
     padding-bottom: 20px;
     padding-right: 30px;
     padding-left: 30px
 }

 .deal-form--big .select-selected::after {
     right: 15px;
     width: 15px;
     height: 8px
 }

 @media(max-width: 1920px) {
     .deal-form--big .select-selected {
         padding-top: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form--big .select-selected {
         padding-bottom: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form--big .select-selected {
         padding-right: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form--big .select-selected {
         padding-left: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .deal-form--big .custom-select {
     height: unset
 }

 .deal-form--big .deal-form__datapicker {
     height: unset;
     width: 100%;
     max-width: 300px;
     border: unset
 }

 .deal-form--big .deal-form__datapicker svg {
     right: unset;
     left: 30px
 }

 .deal-form--big .deal-form__datapicker input {
     height: unset;
     padding-top: 20px;
     padding-right: 10px;
     padding-bottom: 20px;
     padding-left: 70px
 }

 @media(max-width: 1920px) {
     .deal-form--big .deal-form__datapicker input {
         padding-top: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form--big .deal-form__datapicker input {
         padding-right: calc(15px + -5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form--big .deal-form__datapicker input {
         padding-bottom: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .deal-form--big .deal-form__datapicker input {
         padding-left: calc(50px + 20 * ((100vw - 360px) / 1560))
     }
 }

 .deal-form--big .deal-form__wrapper {
     width: 100%;
     max-width: 245px
 }

 .deal-form--big .deal-form__wrapper:nth-child(3) {
     max-width: 300px
 }

 .deal-form--big .deal-form__button {
     height: 100%;
     min-height: 100%;
     border: unset;
     margin-top: auto;
     width: 100%;
     background: #007BFF;
     max-width: 260px;
     padding-right: 30px
 }

 .deal-form--big .deal-form__button span:first-child {
     height: 69px
 }

 .deal-form--big .deal-form__button span:first-child::before {
     background: rgba(255, 255, 255, .2)
 }

 .deal-form--big .deal-form__button span:first-child::after {
     background: #007BFF
 }

 .deal-form--big .deal-form__button span:last-child {
     color: #fff;
     text-transform: none;
     font-size: 20px;
     line-height: 25px;
     padding-left: 0;
     margin-left: -5px;
 }

 .catalog-list {
     margin-bottom: 75px;
     max-width: 1430px;
     margin-left: auto;
     margin-right: auto
 }

 @media(max-width: 1920px) {
     .catalog-list {
         margin-bottom: calc(0px + 75 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list__inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 40px;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     position: relative;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start
 }

 .catalog-list-aside {
     height: unset;
     max-width: 350px;
     min-width: 350px;
     width: 350px;
     background: #f5f5f5;
     padding-top: 45px;
     padding-right: 40px;
     padding-bottom: 45px;
     padding-left: 40px;
     margin-top: 70px;
     position: sticky;
     top: 70px
 }

 @media(max-width: 1920px) {
     .catalog-list-aside {
         padding-top: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-aside {
         padding-right: calc(15px + 25 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-aside {
         padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-aside {
         padding-left: calc(15px + 25 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-aside-form {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 45px
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form {
         gap: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-aside-form .noUi-connect {
     position: relative
 }

 .catalog-list-aside-form__range .noUi-connects::before {
     content: "";
     width: 100%;
     height: 100%;
     background: #f5f5f5;
     position: absolute;
     top: -7px;
     left: -1px;
     right: 0;
     -webkit-transform: rotate(-3deg);
     -ms-transform: rotate(-3deg);
     transform: rotate(-3deg)
 }

 .catalog-list-aside-form .noUi-target {
     border: unset;
     -webkit-box-shadow: unset;
     box-shadow: unset;
     background: unset
 }

 .catalog-list-aside-form__range {
     padding-bottom: 45px;
     border-bottom: 1px solid #d9d9d9
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__range {
         padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-aside-form__range .noUi-connects {
     background: #490083;
     height: 16px !important
 }

 .catalog-list-aside-form__range .noUi-connect {
     background: transparent;
 }

 .catalog-list-aside-form__range .noUi-handle {
     top: 2px !important;
     width: 20px !important;
     height: 20px !important;
     background: #fff;
     -webkit-box-shadow: 3px 3px 13px rgba(0, 0, 0, .15);
     box-shadow: 3px 3px 13px rgba(0, 0, 0, .15);
     border-radius: 100%;
     border: unset
 }

 .catalog-list-aside-form__range .noUi-handle::before {
     content: "";
     background: #490083;
     -webkit-box-shadow: 10px 10px 13px rgba(0, 0, 0, .05);
     box-shadow: 10px 10px 13px rgba(0, 0, 0, .05);
     border-radius: 100%;
     width: 10px;
     height: 10px;
     left: 50%;
     top: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%)
 }

 .catalog-list-aside-form__range .noUi-handle::after {
     content: unset
 }

 .catalog-list-aside-form__range .noUi-handle-upper {
     top: -9px !important;
     width: 32px !important;
     height: 32px !important
 }

 .catalog-list-aside-form__range .noUi-handle-upper::before {
     width: 18px;
     height: 18px
 }

 .catalog-list-aside-form__range-slider {
     margin-bottom: 20px
 }

 .catalog-list-aside-form__range-values {
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     letter-spacing: -0.01em;
     color: #515151
 }

 .catalog-list-aside-form__range-title {
     font-weight: 600;
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 45px;
     letter-spacing: -0.01em;
     text-transform: none;
     color: #202020;
     position: relative;
     display: inline-block
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__range-title {
         font-size: calc(20px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__range-title {
         line-height: calc(28px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__range-title {
         margin-bottom: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-aside-form__range-title::after {
     content: "";
     width: 100%;
     left: 0;
     position: absolute;
     height: 5px;
     bottom: -7px;
     background: #007BFF
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__range-title::after {
         height: calc(3px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__range-title::after {
         bottom: calc(-5px + -2 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-aside-form__categories .container {
     display: inline-block;
     padding-right: 0;
     position: relative;
     padding-left: 35px;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     margin-left: unset;
     margin-right: unset;
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     color: #202020;
     letter-spacing: .01em
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__categories .container {
         padding-left: calc(25px + 10 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__categories .container {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__categories .container {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-aside-form__categories .container input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0
 }

 .catalog-list-aside-form__categories .checkmark {
     position: absolute;
     top: 4px;
     top: 4px;
     left: 0;
     width: 22px;
     height: 22px;
     background: #f5f5f5;
     border: 2px solid #d9d9d9;
     border-radius: 15px
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__categories .checkmark {
         top: calc(0px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__categories .checkmark {
         width: calc(18px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__categories .checkmark {
         height: calc(18px + 4 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-aside-form__categories .checkmark:after {
     content: "";
     position: absolute;
     display: none
 }

 .catalog-list-aside-form__categories .container input:checked~.checkmark:after {
     display: block
 }

 .catalog-list-aside-form__categories .container .checkmark:after {
     position: absolute;
     width: 10px;
     height: 10px;
     top: 50%;
     left: 50%;
     -webkit-transform: translateY(-50%) translateX(-50%);
     -ms-transform: translateY(-50%) translateX(-50%);
     transform: translateY(-50%) translateX(-50%);
     background: #007BFF;
     -webkit-box-shadow: 10px 10px 13px rgba(0, 0, 0, .05);
     box-shadow: 10px 10px 13px rgba(0, 0, 0, .05);
     border-radius: 11px
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__categories .container .checkmark:after {
         width: calc(8px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__categories .container .checkmark:after {
         height: calc(8px + 2 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-aside-form__categories-title {
     margin-bottom: 35px;
     font-weight: 600;
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 45px;
     letter-spacing: -0.01em;
     text-transform: none;
     color: #202020;
     position: relative;
     display: inline-block
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__categories-title {
         font-size: calc(20px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__categories-title {
         line-height: calc(28px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__categories-title {
         margin-bottom: calc(30px + 15 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-aside-form__categories-title::after {
     content: "";
     width: 100%;
     left: 0;
     position: absolute;
     height: 5px;
     bottom: -7px;
     background: #007BFF
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__categories-title::after {
         height: calc(3px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-aside-form__categories-title::after {
         bottom: calc(-5px + -2 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-aside-form__categories-inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 7px
 }

 .catalog-list-aside-form__btn {
     max-width: 100%;
     width: 100%;
     background: #007BFF;
     border: unset
 }

 .catalog-list-aside-form__btn span:first-child::after {
     background: #007BFF
 }

 .catalog-list-aside-form__btn span:first-child::before {
     background: rgba(255, 255, 255, .2)
 }

 .catalog-list-aside-form__btn span:last-child {
     color: #fff
 }

 .catalog-list-content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 40px
 }

 @media(max-width: 1920px) {
     .catalog-list-content {
         gap: calc(20px + 20 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-content__sort {
     margin-bottom: 0
 }

 .catalog-list-content-item {
     cursor: pointer;
     padding: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 30px;
     background: #fff;
     -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0);
     box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0);
     border: 1px solid #d9d9d9;
     -webkit-transition: border .3s, -webkit-box-shadow .3s;
     transition: border .3s, -webkit-box-shadow .3s;
     -o-transition: box-shadow .3s, border .3s;
     transition: box-shadow .3s, border .3s;
     transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item {
         padding: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item {
         gap: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-content-item:hover {
     border: 1px solid rgba(0, 0, 0, 0);
     -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
     box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1)
 }

 .catalog-list-content-item:nth-last-child(2) {
     margin-bottom: 40px
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item:nth-last-child(2) {
         margin-bottom: calc(15px + 25 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-content-item__img {
     width: 270px;
     max-width: 270px;
     height: 280px;
     max-height: 280px
 }

 .catalog-list-content-item__img-image {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover
 }

 .catalog-list-content-item-body-top__title {
     font-weight: 600;
     margin-bottom: 15px;
     font-size: 24px;
     line-height: 32px;
     letter-spacing: -0.01em;
     text-transform: none;
     color: #202020
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-body-top__title {
         margin-bottom: calc(15px + 0 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-body-top__title {
         font-size: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-body-top__title {
         line-height: calc(24px + 8 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-content-item-body-top-box {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 65px;
     padding-bottom: 20px;
     margin-bottom: 30px;
     border-bottom: 1px solid #d9d9d9
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-body-top-box {
         padding-bottom: calc(15px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-body-top-box {
         margin-bottom: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-content-item-body-top-box__inner {
     position: relative
 }

 .catalog-list-content-item-body-top-box__inner::after {
     content: "";
     background: #d9d9d9;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     left: -31px;
     height: 100%;
     width: 1px
 }

 .catalog-list-content-item-body-top-box__text {
     color: #515151;
     font-weight: 500;
     font-size: 13px;
     line-height: 26px;
     letter-spacing: -0.01em
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-body-top-box__text {
         font-size: calc(12px + 1 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-body-top-box__text {
         line-height: calc(22px + 4 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-content-item-body-top-box__price {
     color: #007BFF;
     font-weight: 300;
     font-size: 24px;
     line-height: 40px;
     letter-spacing: -0.01em;
     text-transform: none
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-body-top-box__price {
         font-size: calc(18px + 6 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-body-top-box__price {
         line-height: calc(28px + 12 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-content-item-body-bottom__text {
     color: #515151;
     font-weight: 300;
     margin-bottom: 10px;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: .01em
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-body-bottom__text {
         margin-bottom: calc(5px + 5 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-body-bottom__text {
         font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-body-bottom__text {
         line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-content-item-body-bottom__list {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 1fr 1fr;
     grid-template-columns: 1fr 1fr
 }

 .catalog-list-content-item-body-bottom__list-item {
     position: relative;
     padding-left: 20px
 }

 .catalog-list-content-item-body-bottom__list-item::before {
     content: "";
     position: absolute;
     width: 4px;
     height: 4px;
     background: #515151;
     border-radius: 100%;
     left: 10px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%)
 }

 .catalog-list-content-item-body-bottom__list-text {
     color: #515151;
     font-weight: 500;
     font-size: 14px;
     line-height: 26px;
     letter-spacing: -0.01em
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-body-bottom__list-text {
         font-size: calc(13px + 1 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-body-bottom__list-text {
         line-height: calc(24px + 2 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-content-item-info__box {
     background: rgba(73, 0, 131, .1);
     padding-top: 50px;
     padding-right: 35px;
     padding-bottom: 50px;
     padding-left: 35px;
     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: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-align: center;
     margin-bottom: 15px
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-info__box {
         padding-top: calc(30px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-info__box {
         padding-right: calc(15px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-info__box {
         padding-bottom: calc(30px + 20 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-info__box {
         padding-left: calc(15px + 20 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-content-item-info__box-text {
     font-weight: 500;
     font-size: 18px;
     line-height: 22px;
     margin-bottom: 20px;
     text-align: center;
     letter-spacing: -0.01em;
     text-transform: none;
     color: #515151;
     max-width: 155px
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-info__box-text {
         font-size: calc(14px + 4 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-info__box-text {
         line-height: calc(20px + 2 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-info__box-text {
         margin-bottom: calc(10px + 10 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-content-item-info__box-price {
     font-weight: 500;
     font-size: 28px;
     line-height: 35px;
     text-transform: none;
     color: #007BFF
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-info__box-price {
         font-size: calc(20px + 8 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1920px) {
     .catalog-list-content-item-info__box-price {
         line-height: calc(26px + 9 * ((100vw - 360px) / 1560))
     }
 }

 .catalog-list-content-item-info__btn {
     border: 1px solid #007BFF
 }

 .catalog-list-content-item-info__btn:hover span:last-child {
     color: #fff
 }

 .catalog-list-content-item-info__btn span:first-child::before {
     background: #007BFF
 }

 .ui-widget-header .ui-icon {
     display: none !important
 }

 .ui-datepicker .ui-datepicker-prev::before {
     content: "";
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translateY(-50%) translateX(-50%) rotate(180deg);
     -ms-transform: translateY(-50%) translateX(-50%) rotate(180deg);
     transform: translateY(-50%) translateX(-50%) rotate(180deg);
     width: 15px;
     height: 15px;
     background-image: url(../images/select-arrow-pink.svg);
     background-repeat: no-repeat;
     background-size: contain
 }

 .ui-datepicker .ui-datepicker-next::before {
     content: "";
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translateY(-50%) translateX(-50%);
     -ms-transform: translateY(-50%) translateX(-50%);
     transform: translateY(-50%) translateX(-50%);
     width: 15px;
     height: 15px;
     background-image: url(../images/select-arrow-pink.svg);
     background-repeat: no-repeat;
     background-size: contain
 }

 .ui-state-default,
 .ui-widget-content .ui-state-default {
     background: #fff !important
 }

 .ui-state-active,
 .ui-widget-content .ui-state-active {
     color: #007BFF !important;
     border: 1px solid #007BFF !important
 }

 .ui-widget-header {
     background: rgba(0, 0, 0, 0) !important;
     border: unset !important;
     margin-bottom: 10px !important;
     font-family: "Lexend Deca", sans-serif
 }

 .ui-datepicker-title {
     color: #202020 !important
 }

 .ui-datepicker-calendar {
     color: #202020 !important;
     font-family: "Lexend Deca", sans-serif
 }

 .ui-datepicker table {
     border-collapse: separate !important
 }

 .ui-datepicker td {
     border: unset !important
 }

 .ui-state-hover {
     background: unset !important;
     border: unset !important
 }

 .ui-datepicker .ui-datepicker-prev-hover {
     left: 2px !important;
     top: 2px !important
 }

 .ui-datepicker .ui-datepicker-next-hover {
     right: 2px !important;
     top: 2px !important
 }

 .ui-datepicker-prev {
     cursor: pointer
 }

 .ui-datepicker-next {
     cursor: pointer
 }

 @media(max-width: 1800px) {
     .users-resently {
         padding-left: 50px;
     }
 }

 @media(max-width: 1440px) {
     .users-resently {
         padding-left: 20px;
     }

     .users-resently__list-item {
         width: 66px;
         height: 66px;
         max-width: 66px;
         max-height: 66px;
         min-width: 66px;
         min-height: 66px;
     }

     .users__img {
         width: 366px;
         min-width: 366px;
         max-width: 366px;
         max-height: 230px;
     }

     .deal-content {
         max-width: 778px;
         margin-left: 3%;
         margin-right: 3%;
     }

     html .header-content__inner {
         padding: 0;
     }
 }

 @media(max-width: 1250px) {
     html .deal-content {
         max-width: 100%;
     }

     .deal__inner {
         padding-bottom: 50px;
     }
 }

 @media(max-width: 1190px) {
     .users__inner {
         display: -ms-grid;
         display: grid;
         -ms-grid-columns: 1fr 1fr;
         grid-template-columns: 1fr 1fr;
         background: #f2f2f2;
     }

     .users-info {
         -ms-grid-row: 2;
         -ms-grid-row-span: 1;
         -ms-grid-column: 1;
         -ms-grid-column-span: 2;
         grid-area: 2/1/3/3;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center
     }

     .users__img {
         width: 100%;
         max-width: 100%
     }

     .users-resently {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         padding-left: 35px;
         padding-right: 15px
     }

     .users .biggest-container {
         padding: 0
     }

     .users__inner {
         height: unset
     }

     .deal__img {
         margin-right: -15px
     }
 }

 @media(max-width: 1650px) {
     .menu {
         margin-left: 0
     }

     .header-content__burger {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         width: 70px;
         height: 70px;
         min-width: 70px;
         min-height: 70px;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         background: #007BFF;
         margin-left: 20px;
         border-radius: 100%;
         gap: 7px;
         z-index: 101
     }

     .header-content__burger span {
         width: 24px;
         height: 3px;
         background: #fff
     }

     .body-menu--active {
         position: relative
     }

     .body-menu--active .header-content {
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         position: absolute;
         width: 100%;
         height: 100%;
         background: #fff;
         z-index: 100
     }

     .body-menu--active .menu {
         display: none
     }

     .body-menu--active .logo {
         display: none
     }

     .body-menu--active .header-content__purshace {
         margin-left: 0;
         z-index: 101;
         margin-left: 20px
     }

     .body-menu--active .header-content__purshace:nth-child(3) {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex
     }

     .body-menu--active .header-content-call:nth-child(2) {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         margin-left: auto;
         z-index: 101;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         width: 70px;
         height: 70px;
         min-width: 70px;
         min-height: 70px;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         background: #007BFF;
         border-radius: 100%
     }

     .body-menu--active .header-content-call:nth-child(2) svg {
         width: 27px;
         height: 27px
     }

     .body-menu--active .header-content-call:nth-child(2) svg path {
         stroke: #fff
     }

     .body-menu--active .header-content__wrapper {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         width: 100%;
         min-height: 100%;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         gap: 30px;
         background: #fff;
         -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
         box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1)
     }

     .body-menu--active .header-content__entrance {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         margin-left: unset
     }

     .body-menu--active .header-content__entrance-link:nth-child(1) svg {
         display: none
     }
 }

 @media(max-width: 1750px) {
     html .header-content-call__box-link {
         font-size: 23px;
     }
 }

 @media(max-width: 1650px) {
     .catalog-list-content-item-body-top-box {
         display: -ms-grid;
         display: grid;
         -ms-grid-columns: 1fr 1fr;
         grid-template-columns: 1fr 1fr;
         gap: 15px
     }

     .catalog-list-content-item-body-top-box__inner::after {
         content: unset
     }

     .catalog-list-content-item-body-bottom__list {
         -ms-grid-columns: 1fr;
         grid-template-columns: 1fr
     }

     .catalog-list-content-item-info {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column
     }

     .catalog-list-content-item-info__box {
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1
     }

     .header-top-working-time {
         display: none
     }
 }

 @media(max-width: 1550px) {
     html .header-content__wrapper {
         justify-content: space-between;
     }

     .header-content__entrance {
         display: none !important;
     }
 }

 @media(max-width: 1400px) {
     .support__img {
         width: 877px;
         max-width: 877px;
         height: 732px;
         max-height: 732px;
         left: -129px;
         top: -10px
     }
 }

 @media(max-width: 1400px)and (max-width: 1920px) {
     .support__img {
         width: calc(300px + 577 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1400px)and (max-width: 1920px) {
     .support__img {
         max-width: calc(300px + 577 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1400px)and (max-width: 1920px) {
     .support__img {
         height: calc(250px + 482 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1400px)and (max-width: 1920px) {
     .support__img {
         max-height: calc(250px + 482 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1350px) {
     .deal__img {
         max-width: 30%
     }
 }

 @media(max-width: 1250px) {
     .deal-form--big .deal-form__inner {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         gap: 30px
     }

     .deal-form--big .deal-form__wrapper {
         max-width: 100% !important;
         width: 100%
     }

     .deal-form--big .custom-select {
         max-width: 100%
     }

     .deal-form--big .deal-form__datapicker {
         max-width: 100%
     }

     .deal-form--big .deal-form__button {
         margin-left: auto;
         margin-right: auto
     }

     .deal-form--big .deal-form__buttons {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center
     }

     .catalog-grid__inner {
         -ms-grid-columns: 1fr 1fr;
         grid-template-columns: 1fr 1fr
     }

     .catalog-grid-item-top {
         max-width: 100%
     }

     .catalog-grid-item-rent--row {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start
     }

     .catalog-grid-item-rent--row .catalog-grid-item-rent__item {
         position: relative;
         padding-left: 20px
     }

     .catalog-grid-item-rent--row .catalog-grid-item-rent__item:last-child::before {
         content: "";
         width: 4px;
         height: 4px;
         background: #490083;
         position: absolute;
         left: 0;
         top: 50%;
         -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         transform: translateY(-50%)
     }

     .catalog-grid-item-rent--row .catalog-grid-item-rent__item::before {
         content: "";
         width: 4px;
         height: 4px;
         background: #490083;
         position: absolute;
         left: 0;
         top: 50%;
         -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         transform: translateY(-50%)
     }

     .deal-form--big .deal-form__datapicker svg {
         right: 15px;
         left: unset
     }

     .deal-form--big .deal-form__datapicker input {
         padding-left: 15px;
         paddig-left: 30px;
         padding-right: 30px
     }
 }

 @media(max-width: 1250px)and (max-width: 1920px) {
     .deal-form--big .deal-form__datapicker input {
         paddig-left: calc(15px + 15 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1250px)and (max-width: 1920px) {
     .deal-form--big .deal-form__datapicker input {
         padding-right: calc(60px + -30 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1250px) {
     .catalog-list__inner {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column
     }
 }

 @media(max-width: 1250px) {
     .catalog-list-aside {
         position: unset;
         width: 100%;
         max-width: 100%;
         min-width: unset
     }
 }

 @media(max-width: 1250px) {
     .catalog-list-content {
         width: 100%
     }
 }

 @media(max-width: 1250px) {
     .catalog-list-content-item-body {
         width: 100%
     }
 }

 @media(max-width: 1250px) {
     .catalog-list-content-item__img {
         min-width: 280px
     }
 }

 @media(max-width: 1250px) {
     .catalog-list-content-item-body-top-box {
         -ms-grid-columns: 1fr 1fr 1fr;
         grid-template-columns: 1fr 1fr 1fr
     }
 }

 @media(max-width: 1250px) {
     .catalog-list-aside {
         margin-top: 30px
     }
 }

 @media(max-width: 1250px) {
     .menu-list {
         gap: 25px;
     }

     .deal__img {
         display: none
     }
 }

 @media(max-width: 1200px) {
     html .header-content__wrapper {
         justify-content: start;
     }

     .header-content-call {
         display: none !important;
     }

     .about-content-bottom {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column
     }

     .about-content-bottom__item::after {
         content: unset
     }

     .steps-list__item::after {
         content: unset
     }

     .support__img {
         bottom: -150px;
         top: unset;
         left: unset;
         right: -50px
     }

     .support__inner {
         overflow: hidden;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start
     }

     .blog-grid-item__bottom span {
         width: 50px
     }

     .blog-grid-item__bottom .blog-grid-item__bottom-text {
         margin-left: unset
     }
 }

 @media(max-width: 1150px) {
     .users-resently {
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start
     }

     .header-top__entrance-link {
         display: none
     }
 }

 @media(max-width: 1100px) {
     .reasons .biggest-container {
         padding: 0
     }

     .reasons__wrapper {
         padding-left: 15px;
         padding-right: 15px;
         background: #490083
     }

     .reasons-list__box-title {
         color: #fff
     }

     .reasons-list__box-text {
         color: #fff
     }

     .reasons__suptext {
         padding-left: 15px;
         padding-right: 15px
     }

     .reasons__title {
         padding-left: 15px;
         padding-right: 15px
     }
 }

 @media(max-width: 850px) {
     .about-images {
         width: 40%;
         max-width: 40%;
         height: 500px
     }

     .about-images__img:nth-child(1) {
         width: 45%;
         height: 60%;
         max-width: 45%;
         max-height: 400px
     }

     .about-images__img:nth-child(2) {
         width: 60%;
         max-width: 60%;
         height: 100%;
         border: 10px solid #fff;
         position: absolute;
         top: 80px;
         left: unset;
         right: 0
     }

     .about__inner {
         gap: 30px
     }
 }

 @media(max-width: 1000px) {
     .about-images {
         display: none
     }

     .about-content__about-images {
         display: block;
         margin-left: auto;
         margin-right: auto;
         height: 500px
     }

     .about-content {
         max-width: 100%;
         width: 100%
     }

     .about-images__img:nth-child(1) {
         height: 80%
     }

     .about-images__img:nth-child(2) {
         height: 84%
     }

     .about-content-bottom {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row
     }

     .about-content__about-images {
         margin-bottom: 90px
     }
 }

 @media(max-width: 1000px)and (max-width: 1920px) {
     .about-content__about-images {
         margin-bottom: calc(15px + 75 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1000px) {
     .users__img {
         position: relative;
         min-width: unset
     }

     .users__img:before {
         content: '';
         display: block;
         position: absolute;
         left: 0;
         top: 0;
         background-color: #222;
         width: 100%;
         height: 100%;
         opacity: 0.4;
     }

     .users__img::after {
         content: "";
         position: absolute;
         top: 50%;
         width: 158px;
         height: 158px;
         background-repeat: no-repeat;
         background-size: cover;
         background-image: url(../images/users-icon.svg);
         -webkit-transform: translateY(-50%) translateX(50%);
         -ms-transform: translateY(-50%) translateX(50%);
         transform: translateY(-50%) translateX(50%);
         right: 50%;
         z-index: 1
     }
 }

 @media(max-width: 1000px)and (max-width: 1920px) {
     .users__img::after {
         width: calc(80px + 78 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1000px)and (max-width: 1920px) {
     .users__img::after {
         height: calc(80px + 78 * ((100vw - 360px) / 1560))
     }
 }

 @media(max-width: 1000px) {
     .users-resently::before {
         content: unset
     }
 }

 @media(max-width: 1000px) {
     .reasons-list {
         -ms-grid-columns: 1fr 1fr;
         grid-template-columns: 1fr 1fr
     }
 }

 @media(max-width: 1000px) {
     .reasons-list__item {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center
     }
 }

 @media(max-width: 1000px) {
     .reasons-list {
         -webkit-column-gap: 100px;
         -moz-column-gap: 100px;
         column-gap: 100px
     }
 }

 @media(max-width: 1000px) {
     .about-content-bottom {
         border-top: unset;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start
     }
 }

 @media(max-width: 1000px) {
     .categories-item__box-text {
         -webkit-transform: translateY(-40px);
         -ms-transform: translateY(-40px);
         transform: translateY(-40px)
     }
 }

 @media(max-width: 1000px) {
     .catalog-list-content-item-body-top-box {
         -ms-grid-columns: 1fr;
         grid-template-columns: 1fr
     }
 }

 @media(max-width: 1000px) {
     .deal {
         margin-bottom: 30px
     }
 }

 @media(max-width: 1000px) {
     header.header {
         overflow: inherit;
         border-bottom: 1px solid #ddd;
         margin-bottom: 50px;
     }

     .menu-list {
         display: none
     }

     .dl-menuwrapper {
         display: block !important;
     }

     .header-content__logo {
         padding-left: 130px;
     }
 }

 @media(max-width: 1000px) {
     .body-menu--active .menu {
         margin-left: auto;
         margin-right: auto;
         display: block
     }

     .body-menu--active .menu-list {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column
     }
 }

 @media(max-width: 1000px) {
     .menu-list-submenu {
         position: unset;
         margin-top: 20px
     }
 }

 @media(max-width: 1000px) {
     .menu-list__btn {
         margin-left: auto;
         margin-right: auto
     }
 }

 @media(max-width: 1000px) {
     .menu-list-submenu__btn--active::after {
         -webkit-transform: unset;
         -ms-transform: unset;
         transform: unset;
         top: 21px !important
     }
 }

 @media(max-width: 1200px) {
     .index-main .brands-list {
         padding: 0 3%;
     }

     @media(max-width: 1000px) {
         .menu-list-submenu__items--active {
             position: relative;
             left: 0;
             width: 100%;
             z-index: 101;
             -webkit-box-shadow: unset;
             box-shadow: unset;
             padding-left: 0;
             padding-right: 0
         }
     }

     @media(max-width: 950px) {
         .blog-grid__inner {
             -ms-grid-columns: 1fr 1fr;
             grid-template-columns: 1fr 1fr
         }

         .blog-grid-item-box__img {
             max-width: 100%
         }
     }

     @media(max-width: 900px) {
         .footer-content__inner {
             -webkit-box-orient: vertical;
             -webkit-box-direction: normal;
             -ms-flex-direction: column;
             flex-direction: column;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             text-align: center;
             gap: 20px
         }

         .footer-content-box {
             margin-left: auto;
             margin-right: auto
         }

         .footer-content__list {
             padding-top: 0
         }

         .catalog-list-content-item {
             -webkit-box-orient: vertical;
             -webkit-box-direction: normal;
             -ms-flex-direction: column;
             flex-direction: column
         }

         .catalog-list-content-item__img {
             max-width: 100%;
             width: 100%;
             min-width: 100%
         }

         .deal-form__inner {
             -webkit-box-orient: vertical;
             -webkit-box-direction: normal;
             -ms-flex-direction: column;
             flex-direction: column;
             height: unset
         }

         .deal-form__btn {
             padding: 20px
         }

         .deal-form__inner .custom-select {
             max-width: 100%;
             width: 100%
         }

         .deal-form__inner .select-selected {
             padding: 15px
         }

         .deal-form__inner .deal-form__datapicker {
             max-width: 100%
         }

         .header-top__inner {
             display: inline-block !important;
         }

         .header-top__socials {
             padding: 15px 0 0;
             text-align: center;
         }

         .header-top__inner {
             gap: unset
         }
     }

     @media(max-width: 850px) {
         .details__inner {
             -webkit-box-orient: vertical;
             -webkit-box-direction: normal;
             -ms-flex-direction: column;
             flex-direction: column
         }

         .details-aside {
             margin-top: unset;
             min-width: 100%
         }

         .details-content__list {
             padding-left: 0
         }
     }

     @media(max-width: 800px) {
         .reasons-list {
             -ms-grid-columns: 1fr;
             grid-template-columns: 1fr;
             gap: 30px
         }

         .reasons__img {
             width: 100%;
             height: 100%;
             max-width: 100%;
             max-height: 100%
         }

         .reasons-list__item {
             -webkit-box-pack: end;
             -ms-flex-pack: end;
             justify-content: flex-end
         }

         .reasons-list__item:nth-child(2n) {
             -webkit-box-pack: start;
             -ms-flex-pack: start;
             justify-content: flex-start
         }

         .reasons__icon {
             display: none
         }

         .subscribe__inner {
             -webkit-box-orient: vertical;
             -webkit-box-direction: normal;
             -ms-flex-direction: column;
             flex-direction: column;
             text-align: center
         }

         .categories__inner {
             -ms-grid-columns: 1fr;
             grid-template-columns: 1fr
         }

         .categories-item__box-img {
             max-width: 100%
         }

         .index-main .categories-item {
             -webkit-transform: unset !important;
             -ms-transform: unset !important;
             transform: unset !important
         }

         .deal-content__box-title::after {
             display: none
         }

         .reasons__img {
             display: none
         }
     }

     @media(max-width: 750px) {
         .users__inner {
             -ms-grid-columns: 1fr;
             grid-template-columns: 1fr
         }

         .users-info {
             grid-area: unset
         }

         .users-resently {
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center
         }

         .users-resently__text {
             text-align: center
         }

         .users__img {
             max-height: 230px
         }
     }

     @media(max-width: 750px)and (max-width: 1920px) {
         .users__img {
             max-height: calc(150px + 80 * ((100vw - 360px) / 1560))
         }
     }

     @media(max-width: 750px) {
         .users-resently__list-item {
             width: 76px;
             height: 76px;
             max-width: 76px;
             max-height: 76px;
             min-width: 76px;
             min-height: 76px
         }
     }

     @media(max-width: 750px)and (max-width: 1920px) {
         .users-resently__list-item {
             width: calc(55px + 21 * ((100vw - 360px) / 1560))
         }
     }

     @media(max-width: 750px)and (max-width: 1920px) {
         .users-resently__list-item {
             height: calc(55px + 21 * ((100vw - 360px) / 1560))
         }
     }

     @media(max-width: 750px)and (max-width: 1920px) {
         .users-resently__list-item {
             max-width: calc(55px + 21 * ((100vw - 360px) / 1560))
         }
     }

     @media(max-width: 750px)and (max-width: 1920px) {
         .users-resently__list-item {
             max-height: calc(55px + 21 * ((100vw - 360px) / 1560))
         }
     }

     @media(max-width: 750px)and (max-width: 1920px) {
         .users-resently__list-item {
             min-width: calc(55px + 21 * ((100vw - 360px) / 1560))
         }
     }

     @media(max-width: 750px)and (max-width: 1920px) {
         .users-resently__list-item {
             min-height: calc(55px + 21 * ((100vw - 360px) / 1560))
         }
     }

     @media(max-width: 750px) {
         .users-resently__list-item:nth-child(2) {
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
     }

     @media(max-width: 750px) {
         .users-resently__list-item:nth-child(3) {
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
     }

     @media(max-width: 750px) {
         .users-resently__list-item:nth-child(4) {
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
     }

     @media(max-width: 750px) {
         .users-resently__list-item:nth-child(5) {
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0)
         }
     }

     @media(max-width: 750px) {
         .brands-list {
             width: 300px;
             max-width: 300px;
             display: -ms-grid;
             display: grid;
             -ms-grid-columns: 1fr;
             grid-template-columns: 1fr;
             margin-left: auto;
             margin-right: auto
         }
     }

     @media(max-width: 750px) {
         .brands-list__item {
             max-width: 100%;
             height: auto !important;
             max-height: fit-content;
         }
     }

     @media(max-width: 750px) {
         .blog__inner {
             -webkit-box-orient: vertical;
             -webkit-box-direction: normal;
             -ms-flex-direction: column;
             flex-direction: column
         }
     }

     @media(max-width: 750px) {
         .blog-aside {
             max-width: 100%;
             -webkit-box-ordinal-group: 0;
             -ms-flex-order: -1;
             order: -1
         }
     }

     @media(max-width: 750px) {
         .deal {
             margin-bottom: 0
         }
     }

     @media(max-width: 700px) {
         .header-content__purshace {
             display: none;
         }

         .steps-list {
             -webkit-box-orient: vertical;
             -webkit-box-direction: normal;
             -ms-flex-direction: column;
             flex-direction: column;
             width: 100%
         }

         .steps-list__item {
             -webkit-box-orient: horizontal;
             -webkit-box-direction: normal;
             -ms-flex-direction: row;
             flex-direction: row;
             width: 100%;
             max-width: 100%;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             gap: 50px
         }
     }

     @media(max-width: 700px)and (max-width: 1920px) {
         .steps-list__item {
             gap: calc(30px + 20 * ((100vw - 360px) / 1560))
         }
     }

     @media(max-width: 700px) {
         .steps-list__item__inner {
             -webkit-box-ordinal-group: 0;
             -ms-flex-order: -1;
             order: -1;
             text-align: left
         }
     }

     @media(max-width: 700px) {
         .steps-list__top-icon {
             -webkit-box-ordinal-group: 2;
             -ms-flex-order: 1;
             order: 1;
             margin-bottom: 0
         }
     }

     @media(max-width: 700px) {
         .contacts__inner {
             -webkit-box-orient: vertical;
             -webkit-box-direction: normal;
             -ms-flex-direction: column;
             flex-direction: column
         }
     }

     @media(max-width: 700px) {
         html .header-top__inner {
             padding: 20px 0;
         }

         .contacts-item {
             gap: 30px;
             width: 100%;
             -webkit-box-orient: horizontal;
             -webkit-box-direction: normal;
             -ms-flex-direction: row;
             flex-direction: row;
             max-width: 100%;
             -webkit-box-pack: justify;
             -ms-flex-pack: justify;
             justify-content: space-between;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center
         }
     }

     @media(max-width: 700px) {
         .contacts-item__inner {
             text-align: left;
             -webkit-box-ordinal-group: 0;
             -ms-flex-order: -1;
             order: -1
         }
     }

     @media(max-width: 700px) {
         .contacts-item__icon {
             margin-bottom: 0
         }
     }

     @media(max-width: 650px) {
         .catalog-grid__inner {
             -ms-grid-columns: 1fr;
             grid-template-columns: 1fr
         }
     }

     @media(max-width: 600px) {
         .blog-grid__inner {
             -ms-grid-columns: 1fr;
             grid-template-columns: 1fr
         }

         .blog-grid-item-box__text {
             margin-left: 10px
         }

         .featured-swiper__next {
             display: none !important
         }

         .featured-swiper__prev {
             display: none !important
         }
     }

     @media(max-width: 550px) {
         .about-images {
             width: 100%;
             max-width: 100%;
             min-width: 100%;
             height: 400px
         }

         .about-images__img:nth-child(2) {
             height: 80%
         }

         .about-content-bottom {
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center
         }

         .subscribe__form {
             -webkit-box-orient: vertical;
             -webkit-box-direction: normal;
             -ms-flex-direction: column;
             flex-direction: column
         }

         .subscribe__form-btn {
             width: 100%;
             max-width: 100%
         }

         .subscribe__form {
             gap: 15px
         }

         .footer-bottom__inner {
             -webkit-box-orient: vertical;
             -webkit-box-direction: normal;
             -ms-flex-direction: column;
             flex-direction: column;
             gap: 15px
         }

         .footer-content__inner {
             -webkit-box-orient: vertical;
             -webkit-box-direction: normal;
             -ms-flex-direction: column;
             flex-direction: column;
             -webkit-box-pack: start;
             -ms-flex-pack: start;
             justify-content: flex-start;
             -webkit-box-align: start;
             -ms-flex-align: start;
             align-items: flex-start;
             text-align: left
         }

         .footer-content-box {
             margin-left: unset
         }

         .footer-bottom__socials {
             margin-right: auto
         }

         .footer__support {
             text-align: left
         }

         .footer__support {
             display: none
         }

         .categories-item__rent-line {
             display: none
         }

         .categories-item__rent-text {
             width: unset;
             max-width: unset;
             text-align: left;
             display: block;
             min-width: unset
         }

         .categories-item__rent {
             -webkit-box-pack: justify;
             -ms-flex-pack: justify;
             justify-content: space-between
         }

         .article-bottom__share::after {
             content: unset
         }

         .article-bottom__share svg {
             margin-left: 0
         }

         .catalog-list-content-item-body-top-box {
             -ms-grid-columns: 1fr 1fr;
             grid-template-columns: 1fr 1fr
         }

         .catalog-list-content-item-info__btn {
             max-width: 100%
         }

         .catalog-list-content-item-body-bottom__list-item {
             padding-left: 15px
         }

         .catalog-list-content-item-body-bottom__list-item::before {
             left: 0px
         }

         .body-menu--active .header-content__wrapper {
             padding-top: 100px;
             padding-bottom: 100px
         }

         .body-menu--active .header-content__burger {
             width: 40px;
             height: 40px;
             max-width: 40px;
             max-height: 40px;
             min-width: unset;
             min-height: unset;
             margin-left: 10px;
             gap: 2px
         }

         .body-menu--active .header-content__burger span {
             width: 50%;
             height: 3px
         }

         .body-menu--active .header-content__purshace {
             width: 40px;
             height: 40px;
             margin-left: 10px
         }

         .body-menu--active .header-content__purshace svg {
             width: 20px;
             height: 20px;
             min-width: 20px;
             min-height: 20px
         }

         .body-menu--active .header-content-call:nth-child(2) {
             width: 40px;
             height: 40px;
             min-width: unset;
             min-height: unset
         }

         .body-menu--active .header-content-call:nth-child(2) svg {
             width: 20px;
             height: 20px;
             min-width: 20px;
             min-height: 20px
         }
     }

     @media(max-width: 500px) {
         .blog-comments__inner {
             -webkit-box-orient: vertical;
             -webkit-box-direction: normal;
             -ms-flex-direction: column;
             flex-direction: column
         }

         .deal-form__buttons {
             -webkit-box-orient: vertical;
             -webkit-box-direction: normal;
             -ms-flex-direction: column;
             flex-direction: column;
             -webkit-box-align: start;
             -ms-flex-align: start;
             align-items: flex-start
         }

         .deal-form__button {
             max-width: 100% !important;
             width: 100%
         }

         .index-main .deal-form__buttons .container {
             margin-left: unset
         }
     }

     @media(max-width: 400px) {
         .users-info {
             padding-left: 15px;
             padding-right: 15px;
             -webkit-box-pack: justify;
             -ms-flex-pack: justify;
             justify-content: space-between
         }

         .users-info__item:nth-child(2) .users-info__item-count {
             text-align: right
         }

         .brands-list {
             width: 80%;
             max-width: 80%
         }

         .brands-list__item {
             max-height: 150px;
             height: 150px
         }
     }
 }