/* ==========================================================================
   vendor.css — Filters, nice-select, md-standart-form/slider, Swiper, TwentyTwenty
   ========================================================================== */

 .filters__slider {
   width: 100%;
   position: relative;
   margin-bottom: 3.3854166667vw;
 }

 .filters__slider .swiper-container {
   min-height: 4.1666666667vw;
 }

 .filters__slider .swiper-container .swiper-wrapper {
   min-height: 4.1666666667vw;
   align-items: stretch;
 }

 .filters__slider .swiper-container .swiper-wrapper .swiper-slide {
   height: auto;
 }

 .filters__slider .filters-item {
   width: 14.5833333333vw;
   height: 100%;
   padding: 1.0416666667vw 1.5625vw;
   background: #F5F8F9;
   border-radius: 100rem;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 500;
   font-size: 0.9375vw;
   line-height: 1.09375vw;
   text-align: center;
   letter-spacing: 0.04em;
   color: #252526;
   transition: 0.3s;
   cursor: pointer;
 }

 .filters__slider .filters-item.active {
   color: #fff;
   background-color: var(--main-color);
 }

 .filters__slider .slider-btn.swiper-button-disabled {
   opacity: 0;
 }

 .filters__content .portfolio__container {
   margin-bottom: 0;
 }

 .md-standart-slider {
   position: relative;
 }

 .md-standart-slider .slider-hint {
   display: none;
 }

 .md-standart-slider .swiper-container {
   width: 100%;
   height: 100%;
 }

 .md-standart-slider .swiper-container .swiper-wrapper {
   height: 100%;
   align-items: stretch;
 }

 .md-standart-slider .swiper-container .swiper-wrapper .swiper-slide {
   height: auto;
   overflow: hidden;
 }

 .md-standart-slider .slider-btn {
   width: 3.3333333333vw;
   height: 3.3333333333vw;
   border-radius: 50%;
   background-color: var(--sp-cost-accent);
   position: absolute;
   top: 50%;
   left: -5.2083333333vw;
   z-index: 5;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: 0.3s;
   cursor: pointer;
   transform: translateY(-50%);
 }

 .md-standart-slider .slider-btn img,
 .md-standart-slider .slider-btn svg {
   width: 0.4708333333vw;
   height: 0.8234375vw;
   object-fit: cover;
   fill: #fff;
 }

 .md-standart-slider .slider-btn img path,
 .md-standart-slider .slider-btn svg path {
   fill: #fff;
 }

 .md-standart-slider .slider-btn:hover {
   background-color: var(--sp-cost-accent-dark);
 }

 .md-standart-slider .slider-btn.slider-next-btn {
   left: auto;
   right: -5.2083333333vw;
 }

 .md-standart-slider .slider-btn.swiper-button-lock,
 .md-standart-slider .slider-pagination.swiper-pagination-lock {
   display: none;
 }

 .md-standart-slider .slider-pagination {
   position: absolute;
   left: 0;
   right: 0;
   bottom: -4.1666666667vw;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .md-standart-slider .slider-pagination .swiper-pagination-bullet {
   opacity: 1;
   transition: 0.5s;
   width: 0.78125vw;
   height: 0.78125vw;
   margin: 0 0.78125vw;
   background-color: #ECECEC;
 }

 .md-standart-slider .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background-color: var(--main-color);
 }

 .md-standart-form .form-text {
   font-size: 1.25vw;
   line-height: 1.9270833333vw;
   letter-spacing: 0.03em;
   margin-bottom: 1.3020833333vw;
 }

 .md-standart-form .form-container {
   display: flex;
   align-items: center;
   margin-bottom: 1.0416666667vw;
 }

 .md-standart-form .form-select {
   width: 18.90625vw;
   height: 6.2083333333vw;
   border-radius: 100rem;
   color: var(--text-main-color);
   margin-right: 1.3020833333vw;
   padding: 0 2.34375vw;
   font-weight: 500;
   font-size: 0.9375vw;
   line-height: 1.25vw;
   letter-spacing: 0.03em;
   box-shadow: none;
   border: none;
   display: flex;
   align-items: center;
 }

 .md-standart-form .form-select::after {
   border: none;
   width: 0.46875vw;
   height: 0.46875vw;
   border-left: 0.0520833333vw solid var(--text-main-color);
   border-bottom: 0.0520833333vw solid var(--text-main-color);
   transform: translate(-300%, -50%) rotate(-45deg);
   transition: 0.3s;
   position: absolute;
   display: block;
 }

 .md-standart-form .form-select span.current {
   line-height: 5.2083333333vw;
   position: relative;
 }

 .md-standart-form .form-select .list {
   width: 100%;
   top: 90%;
   border: none;
   border-bottom-left-radius: 2.6041666667vw;
   border-bottom-right-radius: 2.6041666667vw;
   box-shadow: none;
 }

 .md-standart-form .form-select .list .option {
   line-height: 5.2083333333vw;
   padding: 0 2.34375vw;
 }

 .md-standart-form .form-select.open {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }

 .md-standart-form .form-select.open::after {
   transform: translate(-300%, -30%) rotate(-45deg);
 }

 .md-standart-form .form-input {
   width: 18.90625vw;
   height: 6.2083333333vw;
   padding: 0 2.6041666667vw;
   font-weight: 500;
   font-size: 0.9375vw;
   line-height: 1.25vw;
   letter-spacing: 0.03em;
   color: var(--text-main-color);
   border-radius: 100rem;

   margin-right: 1.0416666667vw;
 }

 .md-standart-form .form-input::-webkit-input-placeholder {
   color: var(--text-main-color);
   /* font-family: "Raleway", Arial, sans-serif; */
 }

 .md-standart-form .form-input::-moz-placeholder {
   color: var(--text-main-color);
   /* font-family: "Raleway", Arial, sans-serif; */
 }

 .md-standart-form .form-input:-ms-input-placeholder {
   color: var(--text-main-color);
   /* font-family: "Raleway", Arial, sans-serif; */
 }

 .md-standart-form .form-input::-ms-input-placeholder {
   color: var(--text-main-color);
   /* font-family: "Raleway", Arial, sans-serif; */
 }

 .md-standart-form .form-input::placeholder {
   color: var(--text-main-color);
   /* font-family: "Raleway", Arial, sans-serif; */
 }

 .md-standart-form .form-textarea {
   width: 100%;
   height: 7.5520833333vw;
   border-radius: var(--brad-regular);
   padding: 2.5vw 2.34375vw;
   font-weight: 500;
   font-size: 0.9375vw;
   line-height: 1.25vw;
   letter-spacing: 0.03em;
   resize: none;
   margin-bottom: 0.8854166667vw;
 }

 .md-standart-form .form-textarea::-webkit-input-placeholder {
   color: var(--text-main-color);
 }

 .md-standart-form .form-textarea::-moz-placeholder {
   color: var(--text-main-color);
 }

 .md-standart-form .form-textarea:-ms-input-placeholder {
   color: var(--text-main-color);
 }

 .md-standart-form .form-textarea::-ms-input-placeholder {
   color: var(--text-main-color);
 }

 .md-standart-form .form-textarea::placeholder {
   color: #000 !important;
 }

 .md-standart-form .form-btn {
   width: 20.0520833333vw;
   display: flex;
   justify-content: center;
   padding-left: 0;
 }

 .md-standart-form .form-file {
   position: relative;
   cursor: pointer;
 }

 .md-standart-form .form-file input {
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   opacity: 0;
 }

 .md-standart-form .form-file>div {
   width: 18.90625vw;
   height: 5.2083333333vw;
   padding: 0 2.6041666667vw;
   padding-right: 3.6458333333vw;
   font-weight: 500;
   font-size: 0.9375vw;
   line-height: 1.25vw;
   letter-spacing: 0.03em;
   color: var(--text-main-color);
   border-radius: var(--brad-regular);

   margin-right: 1.0416666667vw;
   background-color: #fff;
   display: flex;
   align-items: center;
 }

 .md-standart-form .form-file>div img,
 .md-standart-form .form-file>div svg {
   width: 1.1458333333vw;
   height: 1.1979166667vw;
   object-fit: contain;
   fill: var(--text-main-color);
   position: absolute;
   top: 50%;
   right: 3.125vw;
   transform: translateY(-50%);
 }

 .md-standart-form .form-file>div img path,
 .md-standart-form .form-file>div svg path {
   fill: var(--text-main-color);
 }

 .md-standart-form .form-file>div p {
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   max-height: 1.25vw;
   -webkit-line-clamp: 1;
 }

 .md-standart-form .form-stars {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 1.3020833333vw;
 }

 .md-standart-form .form-stars label {
   position: relative;
   width: 0.8333333333vw;
   height: 0.78125vw;
   margin-right: 0.4166666667vw;
   cursor: pointer;
 }

 .md-standart-form .form-stars label:last-child {
   margin-right: 0;
 }

 .md-standart-form .form-stars label input {
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   opacity: 0;
 }

 .md-standart-form .form-stars label img,
 .md-standart-form .form-stars label svg {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   object-fit: contain;
   fill: var(--main-color);
 }

 .md-standart-form .form-stars label img path,
 .md-standart-form .form-stars label svg path {
   fill: var(--main-color);
 }

 .md-standart-form .form-stars label.disabled svg {
   fill: #AAAAAA;
 }

 .md-standart-form .form-stars label.disabled svg path {
   fill: #AAAAAA;
 }

 .md-standart-form .form-checkbox {
   display: flex;
   align-items: center;
 }

 .md-standart-form .form-checkbox>div {
   width: 1.0416666667vw;
   height: 1.0416666667vw;
   margin-right: 0.8333333333vw;
   border: 0.0520833333vw solid var(--main-color);
   border-radius: var(--brad-regular);
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   transition: 0.3s;
   cursor: pointer;
   flex-shrink: 0;
 }

 .md-standart-form .form-checkbox>div input {
   position: absolute;
   left: 0;
   bottom: 100%;
   display: none;
 }

 .md-standart-form .form-checkbox>div img,
 .md-standart-form .form-checkbox>div svg {
   width: 0.4166666667vw;
   height: 0.3125vw;
   fill: #fff;
   opacity: 0;
   transition: 0.3s;
 }

 .md-standart-form .form-checkbox>div img path,
 .md-standart-form .form-checkbox>div svg path {
   fill: #fff;
 }

 .md-standart-form .form-checkbox>div.checked {
   background-color: var(--main-color);
 }

 .md-standart-form .form-checkbox>div.checked img,
 .md-standart-form .form-checkbox>div.checked svg {
   opacity: 1;
 }

 .form-consent-text {
   font-size: 13px;
 }

 .md-standart-form .form-checkbox p {
   font-weight: 500;
   font-size: 0.7291666667vw;
   line-height: 0.9895833333vw;
   letter-spacing: 0.03em;
   cursor: pointer;
 }

 .md-standart-form .form-checkbox p span {
   color: #000;
 }

 .md-standart-form .form-checkbox p span:hover {
   text-decoration: underline;
 }

 input.validate_error:-webkit-autofill,
 input.validate_error:-webkit-autofill:hover,
 input.validate_error:-webkit-autofill:focus {
   -webkit-text-fill-color: red !important;
   caret-color: red !important;
 }

 input[type=text],
 input[type=email],
 input[type=password] {
   outline: none;
   -webkit-appearance: none;
   -moz-appearance: none;
 }

 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus {
   background-color: #FFF;
   border: none;
   -webkit-text-fill-color: var(--text-main-color);
   transition: background-color 5000s ease-in-out 0s;
   caret-color: var(--text-main-color);
 }

 .nice-select {
   color: #000 !important;
   -webkit-tap-highlight-color: transparent;
   background-color: #fff;
   border-radius: var(--brad-regular);
   border: solid 0.0520833333vw #e8e8e8;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   clear: both;
   cursor: pointer;
   display: block;
   float: left;
   font-family: inherit;
   font-size: 0.7291666667vw;
   font-weight: normal;
   height: 2.1875vw;
   line-height: 2.0833333333vw;
   outline: none;
   padding-left: 0.9375vw;
   padding-right: 1.5625vw;
   position: relative;
   text-align: left !important;
   transition: all 0.2s ease-in-out;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   white-space: nowrap;
   width: auto;
 }

 .nice-select:hover {
   border-color: #dbdbdb;
 }

 .nice-select:active,
 .nice-select.open,
 .nice-select:focus {
   border-color: #999;
 }

 .nice-select:after {
   border-bottom: 0.1041666667vw solid #999;
   border-right: 0.1041666667vw solid #999;
   content: "";
   display: block;
   height: 0.2604166667vw;
   margin-top: -0.2083333333vw;
   pointer-events: none;
   position: absolute;
   right: 0.625vw;
   top: 50%;
   transform-origin: 66% 66%;
   transform: rotate(45deg);
   transition: all 0.15s ease-in-out;
   width: 0.2604166667vw;
 }

 .nice-select.open:after {
   transform: rotate(-135deg);
 }

 .nice-select.open .list {
   opacity: 1;
   pointer-events: auto;
   transform: scale(1) translateY(0);
 }

 .nice-select.disabled {
   border-color: #ededed;
   color: #999;
   pointer-events: none;
 }

 .nice-select.disabled:after {
   border-color: #cccccc;
 }

 .nice-select.wide {
   width: 100%;
 }

 .nice-select.wide .list {
   left: 0 !important;
   right: 0 !important;
 }

 .nice-select.right {
   float: right;
 }

 .nice-select.right .list {
   left: auto;
   right: 0;
 }

 .nice-select.small {
   font-size: 0.625vw;
   height: 1.875vw;
   line-height: 1.7708333333vw;
 }

 .nice-select.small:after {
   height: 0.2083333333vw;
   width: 0.2083333333vw;
 }

 .nice-select.small .option {
   line-height: 1.7708333333vw;
   min-height: 1.7708333333vw;
 }

 .nice-select .list {
   background-color: #fff;
   border-radius: var(--brad-regular);
   box-shadow: 0 0 0 0.0520833333vw rgba(68, 68, 68, 0.11);
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   margin-top: 0.2083333333vw;
   opacity: 0;
   overflow: hidden;
   padding: 0;
   pointer-events: none;
   position: absolute;
   top: 100%;
   left: 0;
   transform-origin: 50% 0;
   transform: scale(0.75) translateY(-21px);
   transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
   z-index: 9;
 }

 .nice-select .list:hover .option:not(:hover) {
   background-color: transparent !important;
 }

 .nice-select .option {
   cursor: pointer;
   font-weight: 400;
   line-height: 2.0833333333vw;
   list-style: none;
   min-height: 2.0833333333vw;
   outline: none;
   padding-left: 0.9375vw;
   padding-right: 1.5104166667vw;
   text-align: left;
   transition: all 0.2s;
 }

 .nice-select .option:hover,
 .nice-select .option.focus,
 .nice-select .option.selected.focus {
   background-color: #f6f6f6;
 }

 .nice-select .option.selected {
   font-weight: bold;
 }

 .nice-select .option.disabled {
   background-color: transparent;
   color: #999;
   cursor: default;
 }

 .no-csspointerevents .nice-select .list {
   display: none;
 }

 .no-csspointerevents .nice-select.open .list {
   display: block;
 }

 .swiper-container {
   margin: 0 auto;
   position: relative;
   overflow: hidden;
   list-style: none;
   padding: 0;
   z-index: 1;
 }

 .swiper-container-no-flexbox .swiper-slide {
   float: left;
 }

 .swiper-container-vertical>.swiper-wrapper {
   flex-direction: column;
 }

 .swiper-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: flex;
   transition-property: -webkit-transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
 }

 .swiper-container-android .swiper-slide,
 .swiper-wrapper {
   transform: translate3d(0, 0, 0);
 }

 .swiper-container-multirow>.swiper-wrapper {
   flex-wrap: wrap;
 }

 .swiper-container-free-mode>.swiper-wrapper {
   transition-timing-function: ease-out;
   margin: 0 auto;
 }

 .swiper-slide {
   flex-shrink: 0;
   width: 100%;
   height: 100%;
   position: relative;
   transition-property: -webkit-transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
 }

 .swiper-invisible-blank-slide {
   visibility: hidden;
 }

 .swiper-container-autoheight,
 .swiper-container-autoheight .swiper-slide {
   height: auto;
 }

 .swiper-container-autoheight .swiper-wrapper {
   align-items: flex-start;
   transition-property: height, -webkit-transform;
   transition-property: transform, height;
   transition-property: transform, height, -webkit-transform;
 }

 .swiper-container-3d {
   -webkit-perspective: 1200px;
   perspective: 1200px;
 }

 .swiper-container-3d .swiper-cube-shadow,
 .swiper-container-3d .swiper-slide,
 .swiper-container-3d .swiper-slide-shadow-bottom,
 .swiper-container-3d .swiper-slide-shadow-left,
 .swiper-container-3d .swiper-slide-shadow-right,
 .swiper-container-3d .swiper-slide-shadow-top,
 .swiper-container-3d .swiper-wrapper {
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
 }

 .swiper-container-3d .swiper-slide-shadow-bottom,
 .swiper-container-3d .swiper-slide-shadow-left,
 .swiper-container-3d .swiper-slide-shadow-right,
 .swiper-container-3d .swiper-slide-shadow-top {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 10;
 }

 .swiper-container-3d .swiper-slide-shadow-left {
   background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 }

 .swiper-container-3d .swiper-slide-shadow-right {
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 }

 .swiper-container-3d .swiper-slide-shadow-top {
   background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 }

 .swiper-container-3d .swiper-slide-shadow-bottom {
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 }

 .swiper-container-wp8-horizontal,
 .swiper-container-wp8-horizontal>.swiper-wrapper {
   -ms-touch-action: pan-y;
   touch-action: pan-y;
 }

 .swiper-container-wp8-vertical,
 .swiper-container-wp8-vertical>.swiper-wrapper {
   -ms-touch-action: pan-x;
   touch-action: pan-x;
 }

 .swiper-button-next,
 .swiper-button-prev {
   position: absolute;
   top: 50%;
   width: 27px;
   height: 44px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   background-size: 27px 44px;
   background-position: center;
   background-repeat: no-repeat;
 }

 .swiper-button-next.swiper-button-disabled,
 .swiper-button-prev.swiper-button-disabled {
   opacity: 0.35;
   cursor: auto;
   pointer-events: none;
 }

 .swiper-button-prev,
 .swiper-container-rtl .swiper-button-next {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
   left: 10px;
   right: auto;
 }

 .swiper-button-next,
 .swiper-container-rtl .swiper-button-prev {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
   right: 10px;
   left: auto;
 }

 .swiper-button-prev.swiper-button-white,
 .swiper-container-rtl .swiper-button-next.swiper-button-white {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
 }

 .swiper-button-next.swiper-button-white,
 .swiper-container-rtl .swiper-button-prev.swiper-button-white {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
 }

 .swiper-button-prev.swiper-button-black,
 .swiper-container-rtl .swiper-button-next.swiper-button-black {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
 }

 .swiper-button-next.swiper-button-black,
 .swiper-container-rtl .swiper-button-prev.swiper-button-black {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
 }

 .swiper-button-lock {
   display: none;
 }

 .swiper-pagination {
   position: absolute;
   text-align: center;
   transition: 0.3s opacity;
   transform: translate3d(0, 0, 0);
   z-index: 10;
 }

 .swiper-pagination.swiper-pagination-hidden {
   opacity: 0;
 }

 .swiper-container-horizontal>.swiper-pagination-bullets,
 .swiper-pagination-custom,
 .swiper-pagination-fraction {
   bottom: 10px;
   left: 0;
   width: 100%;
 }

 .swiper-pagination-bullets-dynamic {
   overflow: hidden;
   font-size: 0;
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   transform: scale(0.33);
   position: relative;
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
   transform: scale(1);
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
   transform: scale(1);
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
   transform: scale(0.66);
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
   transform: scale(0.33);
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
   transform: scale(0.66);
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
   transform: scale(0.33);
 }

 .swiper-pagination-bullet {
   width: 8px;
   height: 8px;
   display: inline-block;
   border-radius: 50%;
   background: #000;
   opacity: 0.2;
 }

 button.swiper-pagination-bullet {
   border: none;
   margin: 0;
   padding: 0;
   box-shadow: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }

 .swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer;
 }

 .swiper-pagination-bullet-active {
   opacity: 1;
   background: #007aff;
 }

 .swiper-container-vertical>.swiper-pagination-bullets {
   right: 10px;
   top: 50%;
   transform: translate3d(0, -50%, 0);
 }

 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 6px 0;
   display: block;
 }

 .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
   top: 50%;
   transform: translateY(-50%);
   width: 8px;
 }

 .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   display: inline-block;
   transition: 0.2s top, 0.2s -webkit-transform;
   transition: 0.2s transform, 0.2s top;
   transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
 }

 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 4px;
 }

 .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
   left: 50%;
   transform: translateX(-50%);
   white-space: nowrap;
 }

 .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   transition: 0.2s left, 0.2s -webkit-transform;
   transition: 0.2s transform, 0.2s left;
   transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
 }

 .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   transition: 0.2s right, 0.2s -webkit-transform;
   transition: 0.2s transform, 0.2s right;
   transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
 }

 .swiper-pagination-progressbar {
   background: rgba(0, 0, 0, 0.25);
   position: absolute;
 }

 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
   background: #007aff;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   transform: scale(0);
   transform-origin: left top;
 }

 .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
   transform-origin: right top;
 }

 .swiper-container-horizontal>.swiper-pagination-progressbar,
 .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
   width: 100%;
   height: 4px;
   left: 0;
   top: 0;
 }

 .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
 .swiper-container-vertical>.swiper-pagination-progressbar {
   width: 4px;
   height: 100%;
   left: 0;
   top: 0;
 }

 .swiper-pagination-white .swiper-pagination-bullet-active {
   background: #fff;
 }

 .swiper-pagination-progressbar.swiper-pagination-white {
   background: rgba(255, 255, 255, 0.25);
 }

 .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
   background: #fff;
 }

 .swiper-pagination-black .swiper-pagination-bullet-active {
   background: #000;
 }

 .swiper-pagination-progressbar.swiper-pagination-black {
   background: rgba(0, 0, 0, 0.25);
 }

 .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
   background: #000;
 }

 .swiper-pagination-lock {
   display: none;
 }

 .swiper-scrollbar {
   border-radius: var(--brad-regular);
   position: relative;
   -ms-touch-action: none;
   background: rgba(0, 0, 0, 0.1);
 }

 .swiper-container-horizontal>.swiper-scrollbar {
   position: absolute;
   left: 1%;
   bottom: 3px;
   z-index: 50;
   height: 5px;
   width: 98%;
 }

 .swiper-container-vertical>.swiper-scrollbar {
   position: absolute;
   right: 3px;
   top: 1%;
   z-index: 50;
   width: 5px;
   height: 98%;
 }

 .swiper-scrollbar-drag {
   height: 100%;
   width: 100%;
   position: relative;
   background: rgba(0, 0, 0, 0.5);
   border-radius: var(--brad-regular);
   left: 0;
   top: 0;
 }

 .swiper-scrollbar-cursor-drag {
   cursor: move;
 }

 .swiper-scrollbar-lock {
   display: none;
 }

 .swiper-zoom-container {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
 }

 .swiper-zoom-container>canvas,
 .swiper-zoom-container>img,
 .swiper-zoom-container>svg {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain;
 }

 .swiper-slide-zoomed {
   cursor: move;
 }

 .swiper-lazy-preloader {
   width: 42px;
   height: 42px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -21px;
   margin-top: -21px;
   z-index: 10;
   transform-origin: 50%;
   animation: swiper-preloader-spin 1s steps(12, end) infinite;
 }

 .swiper-lazy-preloader:after {
   display: block;
   content: "";
   width: 100%;
   height: 100%;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
   background-position: 50%;
   background-size: 100%;
   background-repeat: no-repeat;
 }

 .swiper-lazy-preloader-white:after {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 }

 @-webkit-keyframes swiper-preloader-spin {
   100% {
     transform: rotate(360deg);
   }
 }

 @keyframes swiper-preloader-spin {
   100% {
     transform: rotate(360deg);
   }
 }

 .swiper-container .swiper-notification {
   position: absolute;
   left: 0;
   top: 0;
   pointer-events: none;
   opacity: 0;
   z-index: -1000;
 }

 .swiper-container-fade.swiper-container-free-mode .swiper-slide {
   transition-timing-function: ease-out;
 }

 .swiper-container-fade .swiper-slide {
   pointer-events: none;
   transition-property: opacity;
 }

 .swiper-container-fade .swiper-slide .swiper-slide {
   pointer-events: none;
 }

 .swiper-container-fade .swiper-slide-active,
 .swiper-container-fade .swiper-slide-active .swiper-slide-active {
   pointer-events: auto;
 }

 .swiper-container-cube {
   overflow: visible;
 }

 .swiper-container-cube .swiper-slide {
   pointer-events: none;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   z-index: 1;
   visibility: hidden;
   transform-origin: 0 0;
   width: 100%;
   height: 100%;
 }

 .swiper-container-cube .swiper-slide .swiper-slide {
   pointer-events: none;
 }

 .swiper-container-cube.swiper-container-rtl .swiper-slide {
   transform-origin: 100% 0;
 }

 .swiper-container-cube .swiper-slide-active,
 .swiper-container-cube .swiper-slide-active .swiper-slide-active {
   pointer-events: auto;
 }

 .swiper-container-cube .swiper-slide-active,
 .swiper-container-cube .swiper-slide-next,
 .swiper-container-cube .swiper-slide-next+.swiper-slide,
 .swiper-container-cube .swiper-slide-prev {
   pointer-events: auto;
   visibility: visible;
 }

 .swiper-container-cube .swiper-slide-shadow-bottom,
 .swiper-container-cube .swiper-slide-shadow-left,
 .swiper-container-cube .swiper-slide-shadow-right,
 .swiper-container-cube .swiper-slide-shadow-top {
   z-index: 0;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }

 .swiper-container-cube .swiper-cube-shadow {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background: #000;
   opacity: 0.6;
   filter: blur(50px);
   z-index: 0;
 }

 .swiper-container-flip {
   overflow: visible;
 }

 .swiper-container-flip .swiper-slide {
   pointer-events: none;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   z-index: 1;
 }

 .swiper-container-flip .swiper-slide .swiper-slide {
   pointer-events: none;
 }

 .swiper-container-flip .swiper-slide-active,
 .swiper-container-flip .swiper-slide-active .swiper-slide-active {
   pointer-events: auto;
 }

 .swiper-container-flip .swiper-slide-shadow-bottom,
 .swiper-container-flip .swiper-slide-shadow-left,
 .swiper-container-flip .swiper-slide-shadow-right,
 .swiper-container-flip .swiper-slide-shadow-top {
   z-index: 0;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }

 .swiper-container-coverflow .swiper-wrapper {
   -ms-perspective: 1200px;
 }

 .twentytwenty-horizontal .twentytwenty-handle:before,
 .twentytwenty-horizontal .twentytwenty-handle:after,
 .twentytwenty-vertical .twentytwenty-handle:before,
 .twentytwenty-vertical .twentytwenty-handle:after {
   content: " ";
   display: block;
   background: white;
   position: absolute;
   z-index: 30;
   box-shadow: 0 0 0.625vw rgba(51, 51, 51, 0.5);
 }

 .twentytwenty-horizontal .twentytwenty-handle:before,
 .twentytwenty-horizontal .twentytwenty-handle:after {
   width: 0.15625vw;
   height: 520.78125vw;
   left: 50%;
   margin-left: -0.078125vw;
 }

 .twentytwenty-vertical .twentytwenty-handle:before,
 .twentytwenty-vertical .twentytwenty-handle:after {
   width: 520.78125vw;
   height: 0.15625vw;
   top: 50%;
   margin-top: -0.078125vw;
 }

 .twentytwenty-before-label,
 .twentytwenty-after-label,
 .twentytwenty-overlay {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
 }

 .twentytwenty-before-label,
 .twentytwenty-after-label,
 .twentytwenty-overlay {
   transition-duration: 0.5s;
 }

 .twentytwenty-before-label,
 .twentytwenty-after-label {
   transition-property: opacity;
 }

 .twentytwenty-before-label:before,
 .twentytwenty-after-label:before {
   color: white;
   font-size: 0.6770833333vw;
   letter-spacing: 0.1em;
 }

 .twentytwenty-before-label:before,
 .twentytwenty-after-label:before {
   position: absolute;
   background: rgba(255, 255, 255, 0.2);
   line-height: 1.9791666667vw;
   padding: 0 1.0416666667vw;
   border-radius: var(--brad-regular);
 }

 .twentytwenty-horizontal .twentytwenty-before-label:before,
 .twentytwenty-horizontal .twentytwenty-after-label:before {
   top: 50%;
   margin-top: -0.9895833333vw;
 }

 .twentytwenty-vertical .twentytwenty-before-label:before,
 .twentytwenty-vertical .twentytwenty-after-label:before {
   left: 50%;
   margin-left: -2.34375vw;
   text-align: center;
   width: 4.6875vw;
 }

 .twentytwenty-left-arrow,
 .twentytwenty-right-arrow,
 .twentytwenty-up-arrow,
 .twentytwenty-down-arrow {
   width: 0;
   height: 0;
   border: 0.3125vw inset transparent;
   position: absolute;
 }

 .twentytwenty-left-arrow,
 .twentytwenty-right-arrow {
   top: 50%;
   margin-top: -0.3125vw;
 }

 .twentytwenty-up-arrow,
 .twentytwenty-down-arrow {
   left: 50%;
   margin-left: -0.3125vw;
 }

 .twentytwenty-container {
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   z-index: 0;
   overflow: hidden;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
 }

 .twentytwenty-container img {
   max-width: 100%;
   position: absolute;
   top: 0;
   display: block;
 }

 .twentytwenty-container.active .twentytwenty-overlay,
 .twentytwenty-container.active :hover.twentytwenty-overlay {
   background: rgba(0, 0, 0, 0);
 }

 .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
 .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
 .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
 .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
   opacity: 0;
 }

 .twentytwenty-container * {
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
 }

 .twentytwenty-before-label {
   opacity: 0;
 }

 .twentytwenty-before-label:before {
   content: attr(data-content);
 }

 .twentytwenty-after-label {
   opacity: 0;
 }

 .twentytwenty-after-label:before {
   content: attr(data-content);
 }

 .twentytwenty-horizontal .twentytwenty-before-label:before {
   left: 0.5208333333vw;
 }

 .twentytwenty-horizontal .twentytwenty-after-label:before {
   right: 0.5208333333vw;
 }

 .twentytwenty-vertical .twentytwenty-before-label:before {
   top: 0.5208333333vw;
 }

 .twentytwenty-vertical .twentytwenty-after-label:before {
   bottom: 0.5208333333vw;
 }

 .twentytwenty-overlay {
   transition-property: background;
   background: rgba(0, 0, 0, 0);
   z-index: 25;
 }

 .twentytwenty-overlay:hover {
   background: rgba(0, 0, 0, 0.5);
 }

 .twentytwenty-overlay:hover .twentytwenty-after-label {
   opacity: 1;
 }

 .twentytwenty-overlay:hover .twentytwenty-before-label {
   opacity: 1;
 }

 .twentytwenty-before {
   z-index: 20;
 }

 .twentytwenty-after {
   z-index: 10;
 }

 .twentytwenty-handle {
   height: 1.9791666667vw;
   width: 1.9791666667vw;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -1.1458333333vw;
   margin-top: -1.1458333333vw;
   border: 0.15625vw solid white;
   border-radius: 50%;
   box-shadow: 0 0 0.625vw rgba(51, 51, 51, 0.5);
   z-index: 40;
   cursor: pointer;
 }

 .twentytwenty-horizontal .twentytwenty-handle:before {
   bottom: 50%;
   margin-bottom: 1.1458333333vw;
   box-shadow: 0 0.15625vw 0 white, 0 0 0.625vw rgba(51, 51, 51, 0.5);
 }

 .twentytwenty-horizontal .twentytwenty-handle:after {
   top: 50%;
   margin-top: 1.1458333333vw;
   box-shadow: 0 -0.15625vw 0 white, 0 0 0.625vw rgba(51, 51, 51, 0.5);
 }

 .twentytwenty-vertical .twentytwenty-handle:before {
   left: 50%;
   margin-left: 1.1458333333vw;
   box-shadow: 0.15625vw 0 0 white, 0 0 0.625vw rgba(51, 51, 51, 0.5);
 }

 .twentytwenty-vertical .twentytwenty-handle:after {
   right: 50%;
   margin-right: 1.1458333333vw;
   box-shadow: -0.15625vw 0 0 white, 0 0 0.625vw rgba(51, 51, 51, 0.5);
 }

 .twentytwenty-left-arrow {
   border-right: 0.3125vw solid white;
   left: 50%;
   margin-left: -0.8854166667vw;
 }

 .twentytwenty-right-arrow {
   border-left: 0.3125vw solid white;
   right: 50%;
   margin-right: -0.8854166667vw;
 }

 .twentytwenty-up-arrow {
   border-bottom: 0.3125vw solid white;
   top: 50%;
   margin-top: -0.8854166667vw;
 }

 .twentytwenty-down-arrow {
   border-top: 0.3125vw solid white;
   bottom: 50%;
   margin-bottom: -0.8854166667vw;
 }

 section {
   background-size: cover !important;
   background-position: center center !important;
   background-repeat: no-repeat !important;
 }