/*-------------------------------------------------------------------------------------------------------------------------------*/ /* GLOBAL SETTINGS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ html{height: auto;} body{height: auto;overflow: visible;} body ::selection {color: var(--color-white);background: var(--color-bg-dark);} body ::-moz-selection {color: var(--color-white);background: var(--color-bg-dark);} html:not(.ie), html:not(.ie) body {height: 100%;} input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-results-button, input[type='search']::-webkit-search-results-decoration {display: none;} html.overflow-menu, html.overflow-menu body{overflow: hidden;} .section {position:relative;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* SIMPLE PAGE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .simple-block-sec,.simple-block {position: relative;display: block;width: 100%;} .simple-block > * {margin-bottom: 30px;} .simple-block > *:last-child {margin-bottom: 0;} .simple-block h1,.simple-block h2,.simple-block h3,.simple-block h4,.simple-block h5,.simple-block h6 {font-weight: 500;letter-spacing: 0.04em;} .simple-block iframe {display: block;width: 100%;max-width: 100%;height: 640px;max-height: calc(56.3vw - 30px);border: 0;} .simple-block picture {position: relative;display: block;width: 100%;height: 0;padding-bottom: 47%;} .simple-block img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;} /*table*/ .simple-block.text table {border-collapse: collapse;table-layout: fixed;width: 100%;} .simple-block.text table th {font-weight: 500;color: var(--color-light-8);} .simple-block.text table th,.simple-block.text table td {vertical-align: middle;text-align: left;border: 1px solid var(--color-light-6);padding: 10px;} .simple-block.text table td a {white-space: normal;} .simple-block.text table td,.simple-block.text table td span {color: var(--color-light-8);} /*bottom*/ .simple-block-bottom {position: relative;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;width: 100%;margin-top: 90px;} .simple-block-socials {position: relative;top: 1px;display: -webkit-box;display: -ms-flexbox;display: flex;margin-left: 30px;} .simple-block-socials .footer-social {margin: 0 15px 0 0;} .simple-block-socials .footer-social:last-child {margin-right: 0;} /*slide*/ .simple-block.text .swiper-entry .simple-slide {position: relative;display: block;width: 100%;background-color: var(--color-bg-dark);border-radius: 10px;overflow: hidden;} .simple-block.text .swiper-entry .simple-slide picture {padding-bottom: 59%;} .simple-block.text .swiper-entry .swiper-wrapper,.simple-block.text .swiper-entry .swiper-slide, .simple-block.text .swiper-entry .swiper-pagination-clickable .swiper-pagination-bullet {margin-bottom: 0;} /*news-detail-page*/ .news-detail-page .block-decor .decor-item:nth-child(1) {width: 306px;height: 306px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .news-detail-page .block-decor .decor-item:nth-child(2) {width: auto;height: auto;background: transparent;-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .news-detail-page .block-decor .decor-item:nth-child(3) {width: 268px;height: 268px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #1877F2 0%, #00E3FF 100%);-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .news-detail-page .block-decor .decor-item:nth-child(4) {width: 286px;height: 286px;background: #7024C4;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .news-detail-page .block-decor .decor-item:nth-child(5) {width: 180px;height: 180px;background: #2563EB;-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .news-detail-page .block-decor .decor-item:nth-child(6) {width: 444px;height: 444px;background: radial-gradient(81.25% 81.25% at 67.32% 18.75%, #70C1D7 0%, #626BCF 100%);-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .news-detail-page .block-decor .decor-item:nth-child(7) {width: auto;height: auto;background: transparent;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .news-detail-page .block-decor .decor-item:nth-child(8) {width: 176px;height: 176px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #E70000 0%, #C31162 100%);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .news-detail-page .block-decor .decor-item:nth-child(9) {width: 180px;height: 180px;background: #2563EB;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .news-detail-page .block-decor .decor-item:nth-child(10) {width: 306px;height: 306px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} .news-detail-page .block-decor .decor-item:nth-child(11) {width: 566px;height: 566px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} /*media*/ @media(max-width: 1800px){ .simple-block-bottom {margin-top: 80px;} .simple-block iframe {height: 560px;} } @media(max-width: 1730px){ .simple-block iframe {height: 680px;} } @media(max-width: 1640px){ .simple-block-bottom {margin-top: 70px;} .simple-block iframe {height: 640px;} } @media(max-width: 1440px){ .simple-block-bottom {margin-top: 60px;} .simple-block iframe {height: 560px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* POPUPS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .open-popup {cursor: pointer;} .popup-wrapper {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;-o-transition-delay: 0.3s;transition-delay: 0.3s;-webkit-transition-delay: 0.3s;} .popup-wrapper.active {left: 0;transition-delay: 0s;-webkit-transition-delay: 0s;} .popup-wrapper .bg-layer {position: absolute;left: 0;top: -100px;right: 0;bottom: -100px;background-color: rgba(17, 17, 17, 0.75);-o-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;opacity: 0;} .popup-wrapper.active .bg-layer {opacity: 1;} .popup-content {position: absolute;left: 0;top: 0;right: 0;bottom: 0;overflow: auto;-webkit-overflow-scrolling: touch;font-size: 0;text-align: center;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transform: translateY(100px);transform: translateY(100px);-webkit-transform: translateY(100px);opacity: 0;visibility: hidden;padding: 15px;letter-spacing: 0;} .popup-content.active {-ms-transform: translateY(0);transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;visibility: visible;} .popup-content::after {display: inline-block;vertical-align: middle;height: 100%;content: "";} .popup-content .layer-close {position: absolute;left: 0;bottom: 0;right: 0;height: 10000px;} .popup-container {position:relative;z-index: 1;display:inline-block;vertical-align:middle;width:100%;max-width: 750px;background-color: var(--color-bg);overflow: hidden;border-radius: 10px;} .popup-container.with-top {overflow: initial;} .popup-align {position:relative;z-index: 2;display: inline-block;width: 100%;padding: 57px 88px 72px 88px;} /*decor*/ .with-decor .block-decor,.with-decor-2 .block-decor {overflow: hidden;} .with-decor .block-decor .decor-item:nth-child(1) {width: 312px;height: 312px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, rgba(232, 57, 105, 0.5) 0%, rgba(195, 17, 98, 0.5) 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .with-decor .block-decor .decor-item:nth-child(2) {width: 300px;height: 300px;background: radial-gradient(81.25% 81.25% at 67.32% 18.75%, #70C1D7 0%, #626BCF 100%);-webkit-transform-origin: bottom;-ms-transform-origin: bottom;transform-origin: bottom;} .with-decor .block-decor .decor-item:nth-child(3) {width: 162px;height: 162px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} .with-decor-2 .block-decor .decor-item:nth-child(1) {width: 235px;height: 235px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .with-decor-2 .block-decor .decor-item:nth-child(2) {width: 160px;height: 160px;background: radial-gradient(81.25% 81.25% at 67.32% 18.75%, #70C1D7 0%, #626BCF 100%);-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;} .with-decor-2 .block-decor .decor-item:nth-child(3) {width: 232px;height: 232px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, rgba(232, 57, 105, 0.5) 0%, rgba(195, 17, 98, 0.5) 100%);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} /*popup-top*/ .popup-top {position: absolute;top: -60px;left: 50%;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;width: 120px;height: 120px;margin-left: -60px;border-radius: 50%;background-color: var(--color-bg);} .popup-top img {position: relative;display: inline-block;width: 80px;} /*location*/ .location-popup .title {margin-bottom: 48px;} .location-btns {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;} .location-btns .btn {margin-right: 30px;} .location-btns .btn:last-child {margin-right: 0;} /*reserve*/ .reserve-popup .popup-align {padding: 57px 134px 72px 134px;} .reserve-popup .title {margin-bottom: 35px;} .reserve-popup .input-wrapper label {text-align: left;} /*reserve two*/ .reserve-two-popup .title,.dont-work-popup .title {margin: 26px 0;} .reserve-two-popup .text {width: 335px;color: var(--color-light-6);margin: 0 auto;} /*dont-work*/ .dont-work-two-popup .text p {margin-bottom: 2px;} .dont-work-tree-popup .popup-align {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;min-height: 320px;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* ORDER BTN */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .btn.order-btn {overflow: hidden;} .btn.order-btn.loading {pointer-events: none;background-color: var(--color-bg-dark);} .btn.orange.order-btn.loading {background-color: var(--color-orange);} .btn.order-btn.loading span:nth-child(1):not(.btn-loader-inner, .btn-loader-inner span) {opacity: 0;visibility: hidden;} .order-btn .btn-loader {position: absolute;display: none;top: 0;left: 0;width: 100%;height: 100%;} .order-btn .btn-loader-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;width: 100%;height: 100%;} .order-btn .btn-loader-inner span {display: block;width: 5px;height: 5px;border-radius: 50%;background-color: var(--color-white);margin-right: 10px;-webkit-animation: scale 1s infinite ease;animation: scale 1s infinite ease;} .order-btn .btn-loader-inner span:last-child {margin-right: 0;} .order-btn .btn-loader-inner span:nth-child(2) {-webkit-animation-delay: 0.25s;animation-delay: 0.25s;} .order-btn .btn-loader-inner span:nth-child(3) {-webkit-animation-delay: 0.5s;animation-delay: 0.5s;} .order-btn .btn-loader-inner span:nth-child(4) {-webkit-animation-delay: 0.75s;animation-delay: 0.75s;} .order-btn .btn-loader-complete {position: absolute;display: none;top: 0;left: 0;display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;height: 100%;} .order-btn .btn-loader-complete::before {position: absolute;content: '';top: 50%;left: 50%;display: inline-block;width: 20px;height: 20px;background-image: url('../img/icons/icon_prod_check.svg');background-size: contain;background-repeat: no-repeat;background-position: center;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} @-webkit-keyframes scale {0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);}to {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}} @keyframes scale {0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);}to {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* CART INFORMER POPUP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .cart-informer-layer {position: fixed;z-index: 99;bottom: 0;left: 0;display: block;width: 100%;height: 256px;background: linear-gradient(0deg, #1A1A1A -32.42%, rgba(26, 26, 26, 0) 100%);opacity: 0;visibility: hidden;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;} .cart-informer-block {position: fixed;z-index: 99;bottom: 15px;left: 50%;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;width: 1100px;padding: 30px 60px;border-radius: 10px;background-color: rgba(36, 40, 73, 0.95);margin-left: -550px;-webkit-transform: translateY(calc(100% + 15px));-ms-transform: translateY(calc(100% + 15px));transform: translateY(calc(100% + 15px));-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;} .cart-informer-block .text {padding-right: 20px;color: var(--color-light-6);} .cart-informer-block .btn-close {top: 15px;right: 15px;} .cart-informer-block .btn span {white-space: nowrap;} /*active*/ .cart-informer.active .cart-informer-layer {opacity: 1;visibility: visible;} .cart-informer.active .cart-informer-block {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* COOKIES POPUP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .cookies-popup {position: fixed;z-index: 2;left: 30px;bottom: 30px;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;width: 585px;padding: 28px 32px;border-radius: 10px;background-color: var(--color-bg);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);-webkit-transform: translateY(calc(100% + 30px));-ms-transform: translateY(calc(100% + 30px));transform: translateY(calc(100% + 30px));-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;} .cookies-popup.active {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} .cookies-popup .text {font-size: 14px;line-height: 1.6em;padding-right: 20px;color: var(--color-white);} .cookies-popup .text a {color: var(--color-white);} .cookies-popup .text a::before {right: auto;left: 0;width: 100%;background-color: var(--color-white);} .cookies-popup .btn {margin-right: 30px;} .cookies-popup .btn span {white-space: nowrap;} .cookies-popup .btn-close {position: relative;top: auto;right: auto;min-width: 18px;} /*media*/ @media(min-width: 1200px){ .cookies-popup .text a:hover::before {width: 0;left: auto;right: 0;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* FORM */ /*-------------------------------------------------------------------------------------------------------------------------------*/ form {position: relative;display: block;width: 100%;} .form-block {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin-bottom: 16px;} .form-block:last-child {margin-bottom: 0;} .form-block .input-wrapper {width: 49%;margin: 0;} .input-wrapper {position: relative;display: block;width: 100%;margin-bottom: 16px;} .input-wrapper:last-child {margin-bottom: 0;} .input {position: relative;display: block;width: 100%;height: 56px;font-size: 16px;font-weight: 300;color: var(--color-white);border: none;background-image: var(--color-grad-light);background-color: transparent;padding: 0 15px;border-radius: 10px;} .input::placeholder {color: var(--color-light-6);-o-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;} .input:focus {background-image: var(--color-grad-light-hover);} .input:focus::placeholder {color: var(--color-black);} .input.invalid {border-color: var(--color-red);} .input.invalid::placeholder {color: var(--color-red);} textarea.input {height: 100px;resize: none;line-height: 1.4em;padding: 10px 15px;} .form-bottom {position: relative;display: block;text-align: center;width: 100%;margin: 0;} /*with-label*/ .input-wrapper.with-label label {position: relative;display: none;font-size: 14px;line-height: 1.3em;color: var(--color-white);margin-top: 5px;} .input.invalid + label {display: block;} /*media*/ @media(min-width: 1200px){ .input:hover::placeholder {color: var(--color-white);} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* CART POPUP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .cart {position: fixed;z-index: 2;top: var(--header-height);right: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 665px;max-height: calc(100% - var(--header-height));background: var(--color-bg);box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.15);border-radius: 0px 0px 10px 10px;opacity: 0;visibility: hidden;overflow: hidden;-webkit-transform: translateX(665px);-ms-transform: translateX(665px);transform: translateX(665px);-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;} .cart.active {opacity: 1;visibility: visible;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);} .cart-layer {position: fixed;z-index: 2;top: 0;left: 0;display: none;width: 100%;height: 100%;} .cart-layer.active {display: block;} .cart-body {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;height: calc(100% - 98px);max-height: 100%;overflow: auto;padding: 15px;} .cart-body.hide {padding: 0;} .cart-prod-item {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;padding: 10px 15px;border-radius: 10px;background-image: linear-gradient(152.97deg, rgba(0, 0, 0, 0.09) 0%, rgba(0, 0, 0, 0.27) 100%);margin-bottom: 15px;} .cart-prod-item:last-child {margin-bottom: 0;} .cart-prod-imgs {position: relative;display: inline-block;width: 90px;min-width: 90px;height: 90px;border-radius: 50%;background-color: var(--color-bg-dark);overflow: hidden;} .cart-prod-imgs img {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all 0.7s;-o-transition: all 0.7s;transition: all 0.7s;} .cart-prod-cont {position: relative;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;width: 100%;padding-left: 30px;} .cart-prod-name {position: relative;max-width: 200px;font-size: 18px;line-height: 1.4em;font-weight: 600;color: var(--color-white);padding-right: 10px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .cart-prod-navigations {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .prod-item-controls {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 112px;min-width: 112px;height: 36px;border-radius: 10px;overflow: hidden;border: 1px solid rgba(252, 250, 237, 0.3);} .prod-item-controls input {position: relative;display: inline-block;width: 40px;height: 100%;text-align: center;font-size: 16px;color: var(--color-white);background-color: transparent;} .prod-item-controls .minus,.prod-item-controls .plus {position: relative;top: -1px;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;width: 36px;height: 100%;cursor: pointer;font-size: 22px;color: var(--color-white);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .cart-prod-cont .prod-item-price {position: relative;display: inline-block;width: 90px;text-align: center;font-size: 18px;line-height: 1.4em;font-weight: 600;color: var(--color-white);margin-left: 20px;} .cart-item-remove-btn {position: relative;display: inline-block;cursor: pointer;width: 16px;height: 16px;margin-left: 20px;} .cart-item-remove-btn:active {-webkit-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);} .cart-item-remove-btn svg {position: relative;display: inline-block;width: auto;} .cart-item-remove-btn svg path {fill: var(--color-white);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} /*empty*/ .cart-empty {position: relative;display: none;width: 100%;text-align: center;padding: 30px 15px;} .cart-empty.active {display: block;} .cart-empty .media {margin-bottom: 20px;} /*footer*/ .cart-footer {position: relative;z-index: 1;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;width: 100%;min-height: 98px;background-color: var(--color-bg);padding: 0 15px;} .cart-total {position: relative;display: inline-block;font-size: 20px;line-height: 1.4em;color: var(--color-white);} .cart-total span {font-size: 24px;font-weight: 600;padding-left: 2px;} /*media*/ @media(min-width: 1200px){ .cart-prod-imgs:hover img {-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);} .cart-prod-name:hover,.prod-item-controls .minus:hover,.prod-item-controls .plus:hover {color: var(--color-orange);} .cart-item-remove-btn:hover svg path {fill: var(--color-orange);} } @media(max-width: 1640px){ .cart-total {font-size: 18px;} .cart-total span {font-size: 22px;} } @media(max-width: 1440px){ .cart {width: 640px;-webkit-transform: translateX(640px);-ms-transform: translateX(640px);transform: translateX(640px);} .cart-prod-imgs {width: 80px;min-width: 80px;height: 80px;} .cart-prod-name,.cart-prod-cont .prod-item-price {font-size: 17px;} .cart-prod-cont .prod-item-price {width: 85px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* SEO BLOCK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .seo-block-sec {position: relative;display: block;width: 100%;background-color: var(--color-bg-dark);padding: 30px 0;border-bottom: 1px solid rgba(252, 250, 237, 0.3);} .seo-block {position: relative;display: block;width: 100%;} .seo-block .media {margin-bottom: 15px;} .seo-block .text,.seo-block .text p {font-size: 20px;font-weight: 200;} .read-more {position: relative;cursor: pointer;display: inline-block;padding-right: 24px;font-size: 14px;line-height: 1.4em;font-weight: 500;color: var(--color-orange);text-transform: uppercase;letter-spacing: 0.12em;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .read-more::before {position: absolute;content: '';top: 50%;right: 0;display: inline-block;width: 8px;height: 8px;margin-top: -7px;border-right: 2px solid var(--color-orange);border-bottom: 2px solid var(--color-orange);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .more-text.open .read-more::before {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);margin-top: -2px;} /*media*/ @media(min-width: 1200px){ .read-more:hover {color: var(--color-white);} .read-more:hover::before {border-color: var(--color-white);} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* LEFT RIGHT BLOCK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .left-right-sec {position: relative;display: block;width: 100%;} .left-right-sec .block-decor .decor-item:nth-child(1) {width: 548px;height: 548px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, rgba(232, 57, 105, 0.5) 0%, rgba(195, 17, 98, 0.5) 100%);-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .left-right-sec .block-decor .decor-item:nth-child(2) {width: auto;height: auto;background: transparent;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .left-right-sec .block-decor .decor-item:nth-child(3) {width: 180px;height: 180px;background: #2563EB;-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} /*catefories-page*/ .catefories-page .left-right-sec .block-decor .decor-item:nth-child(2) {width: 176px;height: 176px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #E70000 0%, #C31162 100%);-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .catefories-page .left-right-sec .block-decor .decor-item:nth-child(4) {width: 444px;height: 444px;background: radial-gradient(81.25% 81.25% at 67.32% 18.75%, #70C1D7 0%, #626BCF 100%);-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .left-right-imgs {position: relative;display: block;width: 97%;height: 0;padding-bottom: 93%;} .left-right-imgs img {position: absolute;top: 50%;left: 50%;display: inline-block;width: auto;max-height: 100%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .left-right-cont {position: relative;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;width: 90%;height: 100%;} .left-right-cont .normal {margin-bottom: 30px;} .left-right-cont .text {margin-bottom: 45px;} .left-right-btns {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;} .left-right-btns a {position: relative;display: inline-block;width: 182px;margin-right: 20px;} .left-right-btns a:last-child {margin-right: 0;} .left-right-btns img {position: relative;display: inline-block;width: 100%;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} /*style-2*/ .left-right-sec.style-2 .left-right-imgs {width: 100%;border-radius: 10px;overflow: hidden;padding-bottom: 98%;} .left-right-sec.style-2 .left-right-imgs img {top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;-webkit-transform: none;-ms-transform: none;transform: none;} .left-right-sec.style-2 .left-right-cont {padding-left: 30px;width: 100%;} .left-right-sec.style-2 .left-right-cont.left {padding-left: 0;padding-right: 30px;} .left-right-sec.style-2 .left-right-cont .text p {margin-bottom: 25px;} .left-right-sec.style-2 .left-right-cont .text p:last-child {margin-bottom: 0;} .left-right-sec.style-2 .left-right-cont .btn {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;} /*media*/ @media(min-width: 1200px){ .left-right-btns a:hover img {-webkit-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);} } @media(max-width: 1640px){ .left-right-cont {width: 100%;} .left-right-cont .normal {margin-bottom: 20px;} .left-right-cont .text {margin-bottom: 40px;} .left-right-sec.style-2 .left-right-cont {padding-left: 20px;} .left-right-sec.style-2 .left-right-cont.left {padding-right: 20px;} } @media(max-width: 1440px){ .left-right-imgs {width: 100%;padding-bottom: 96%;} .left-right-sec.style-2 .left-right-cont,.left-right-sec.style-2 .left-right-cont.left {padding: 0;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* DECOR */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .block-decor {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;} .block-decor .decor-item {position: absolute;display: inline-block;width: auto;} .block-decor span.decor-item {border-radius: 50%;} .block-decor .blur {-webkit-filter: blur(55px);filter: blur(55px);} .block-decor .blur-2 {-webkit-filter: blur(72px);filter: blur(72px);} .block-decor .blur-3 {-webkit-filter: blur(20px);filter: blur(20px);} /*media*/ @media(max-width: 1640px){ .block-decor .decor-item {-webkit-transform: scale(0.95);-ms-transform: scale(0.95);transform: scale(0.95);} } @media(max-width: 1440px){ .block-decor .decor-item {-webkit-transform: scale(0.90);-ms-transform: scale(0.90);transform: scale(0.90);} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* ACTION BLOCK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .action-block-sec {position: relative;display: block;width: 100%;} .action-block-sec .decor-item:nth-child(1) {width: 300px;height: 300px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .action-block-sec .decor-item:nth-child(2) {width: 240px;height: 240px;background: radial-gradient(81.25% 81.25% at 67.32% 18.75%, #70C1D7 0%, #626BCF 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .action-block-sec .decor-item:nth-child(3) {width: 326px;height: 326px;background: radial-gradient(177.68% 177.68% at 74.11% 24.64%, #7D158E 0%, #E71D65 100%);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} .action-block-row {margin-bottom: 60px;} .action-block-row:last-child {margin-bottom: 0;} .action-block-col {margin-top: 30px;} .action-block-col:nth-child(1),.action-block-col:nth-child(2),.action-block-col:nth-child(3) {margin-top: 0;} .action-block {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;height: 100%;border-radius: 10px;overflow: hidden;background-image: linear-gradient(152.97deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);} .action-block::before {position: absolute;content: '';top: 0;left: 0;display: block;width: 100%;height: 100%;opacity: 0;visibility: hidden;background-image: var(--color-grad);-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;} .action-block:active {-webkit-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px);} .action-block-cont {position: relative;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;width: 100%;padding: 20px 25px 0 25px;margin-bottom: 5px;} .action-block-num {position: relative;display: block;width: 45%;font-size: 83px;font-weight: 800;line-height: 1.3em;color: var(--color-white);} .action-block-cont .text {width: 55%;text-align: right;color: var(--color-white);padding-right: 10px;} .action-block-imgs {position: relative;display: block;width: 100%;height: 0;padding-bottom: 50%;margin-top: auto;} .action-block-imgs .mask {-webkit-mask-image: url('../img/icons/action_block_mask.svg');-webkit-mask-position: right;} .action-block-info {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;height: 100%;padding-left: 30px;} .action-block-info .normal {margin-bottom: 20px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .action-block-info .text {margin-bottom: 30px;} /*news-page*/ .news-page .block-decor .decor-item:nth-child(1) {width: 362px;height: 362px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .news-page .block-decor .decor-item:nth-child(2) {width: 268px;height: 268px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #1877F2 0%, #00E3FF 100%);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .news-page .block-decor .decor-item:nth-child(3) {width: 176px;height: 176px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #E70000 0%, #C31162 100%);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .news-page .block-decor .decor-item:nth-child(4) {width: 286px;height: 286px;background: #F8AE4E;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .news-page .block-decor .decor-item:nth-child(5) {width: 262px;height: 262px;background: #2563EB;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .news-page .block-decor .decor-item:nth-child(6) {width: auto;height: auto;background: transparent;-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} .news-page .block-decor .decor-item:nth-child(7) {width: auto;height: auto;background: transparent;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} /*media*/ @media(min-width: 1200px){ .action-block:hover::before {opacity: 1;visibility: visible;} .action-block-info .normal:hover {color: var(--color-orange);} } @media(max-width: 1800px){ .action-block-cont {padding: 15px 15px 0 15px;} .action-block-num {font-size: 68px;line-height: 1.2em;} .action-block-cont .text {font-size: 20px;} .action-block-info {padding-left: 0;} .action-block-row {margin-bottom: 50px;} } @media(max-width: 1640px){ .action-block-cont {-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 0;padding: 15px;} .action-block-num,.action-block-cont .text {width: 100%;} .action-block-num {font-size: 64px;line-height: 1.1em;margin-bottom: 10px;} .action-block-cont .text {display: block;text-align: left;padding-right: 0;} .action-block-row {margin-bottom: 40px;} } @media(max-width: 1440px){ .action-block-num {font-size: 58px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* CATEGORY BLOCK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .category-block-sec {position: relative;display: block;width: 100%;} .category-block-sec .block-decor .decor-item:nth-child(1) {width: 244px;height: 244px;background: #7024C4;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .category-block-sec .block-decor .decor-item:nth-child(2) {width: 188px;height: 188px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #1877F2 0%, #00E3FF 100%);-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;} .category-block-sec .block-decor .decor-item:nth-child(3) {width: 444px;height: 444px;background: radial-gradient(81.25% 81.25% at 67.32% 18.75%, #70C1D7 0%, #626BCF 100%);-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .category-block-sec .block-decor .decor-item:nth-child(4) {width: 286px;height: 286px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #EA6545 0%, #F8BC93 100%);-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} /*catefories-page*/ .catefories-page .category-block-sec .block-decor .decor-item:nth-child(1) {width: 360px;height: 360px;background: -o-radial-gradient(70% 23.25%, 76.75% 76.75%, #DB7F69 0%, #F8BC93 100%);background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .catefories-page .category-block-sec .block-decor .decor-item:nth-child(2) {width: 244px;height: 244px;background: #7024C4;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .catefories-page .category-block-sec .block-decor .decor-item:nth-child(3) {width: 266px;height: 266px;background: -o-radial-gradient(70% 23.25%, 76.75% 76.75%, #1877F2 0%, #00E3FF 100%);background: radial-gradient(76.75% 76.75% at 70% 23.25%, #1877F2 0%, #00E3FF 100%);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .category-block-col {margin-top: 30px;} .category-block-col:nth-child(1),.category-block-col:nth-child(2),.category-block-col:nth-child(3),.category-block-col:nth-child(4) {margin-top: 0;} .category-block {position: relative;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;width: 100%;height: 100%;border-radius: 10px;overflow: hidden;background-image: linear-gradient(152.97deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);} .category-block::before {position: absolute;content: '';top: 0;left: 0;display: block;width: 100%;height: 100%;background-image: var(--color-grad);opacity: 0;visibility: hidden;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;} .category-block:active {-webkit-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px);} .category-block-imgs {position: relative;display: block;width: 60%;height: 0;padding-bottom: 43%;} .category-block-imgs .mask {-webkit-mask-image: url('../img/icons/category_block_mask.svg');-webkit-mask-position: top;} .category-block-title {position: relative;width: 40%;text-align: right;padding-right: 30px;color: var(--color-white);} /*media*/ @media(min-width: 1200px){ .category-block:hover::before {opacity: 1;visibility: visible;} } @media(max-width: 1800px){ .category-block-title {padding-right: 15px;} } @media(max-width: 1730px){ .category-block-col:nth-child(4) {margin-top: 30px;} .category-block-title {padding-right: 30px;} } @media(max-width: 1440px){ .category-block-title {padding-right: 20px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* HOME BLOCK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .home-block-sec {position: relative;display: block;width: 100%;} .home-block-sec .block-decor .decor-item:nth-child(1) {width: 360px;height: 360px;background-color: #DB7F69;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .home-block-sec .block-decor .decor-item:nth-child(2) {width: 267px;height: 267px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #1877F2 0%, #00E3FF 100%);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .home-block-sec .block-decor .decor-item:nth-child(3) {width: auto;height: auto;background: transparent;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .home-block-sec .block-decor .decor-item:nth-child(4) {width: auto;height: auto;background: transparent;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .home-block-sec .block-decor .decor-item:nth-child(5) {width: 176px;height: 176px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #E70000 0%, #C31162 100%);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} .home-block {position: relative;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;} /*nav*/ .home-block-nav {position: relative;display: block;width: 16.666667%;max-height: calc((68px * 7) + (15px * 6));overflow: auto;padding-right: 56px;} .home-block-nav.style-2 {max-height: none;} .home-block-title {position: relative;display: none;width: 100%;height: 54px;text-align: center;font-size: 20px;line-height: 52px;color: var(--color-white);padding: 0 20px;background-image: var(--color-grad);border-radius: 10px;-webkit-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;} .home-block-title::before {position: absolute;content: '';top: 50%;right: 20px;margin-top: -8px;width: 12px;height: 12px;border-right: 2px solid var(--color-white);border-bottom: 2px solid var(--color-white);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .home-block-nav.active .home-block-title {border-bottom-left-radius: 0;border-bottom-right-radius: 0;} .home-block-nav.active .home-block-title::before {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);margin-top: -3px;} .home-block-nav .tab-toggle {position: relative;display: block;width: 100%;} .home-block-nav .tab-toggle div,.home-block-nav .tab-toggle a {position: relative;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;padding: 10px 15px;border-radius: 10px;overflow: hidden;margin-bottom: 15px;} .home-block-nav .tab-toggle div::before,.home-block-nav .tab-toggle a::before {position: absolute;content: '';top: 0;left: 0;display: block;width: 100%;height: 100%;opacity: 0;visibility: hidden;background-image: var(--color-grad);-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;} .home-block-nav .tab-toggle div:last-child,.home-block-nav .tab-toggle a:last-child {margin-bottom: 0;} .home-block-nav .tab-toggle div svg,.home-block-nav .tab-toggle a svg {position: relative;display: inline-block;width: 40px;min-width: 40px;margin-right: 10px; max-height: 40px;} .home-block-nav .tab-toggle div svg path,.home-block-nav .tab-toggle a svg path {fill: var(--color-white);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .home-block-nav .tab-toggle div span,.home-block-nav .tab-toggle a span {position: relative;display: inline-block;font-size: 16px;line-height: 1.4em;color: var(--color-light-8);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} /*faq-nav*/ .home-block-nav.faq-nav {max-height: none;padding: 0;width: 240px;min-width: 240px;} .home-block-nav.faq-nav .tab-toggle div {display: block;text-align: center;height: 64px;line-height: 62px;padding: 0;background-image: linear-gradient(152.97deg, rgba(0, 0, 0, 0.09) 0%, rgba(0, 0, 0, 0.27) 100%);} .home-block-nav.faq-nav .tab-toggle div::before {position: absolute;content: '';top: 0;left: 0;display: block;width: 100%;height: 100%;opacity: 0;visibility: hidden;background-image: var(--color-grad);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .home-block-tabs.faq-tabs {width: calc(100% - 240px);} /*active*/ .home-block-nav .tab-toggle div.active::before,.home-block-nav .tab-toggle a.active::before {opacity: 1;visibility: visible;} .home-block-nav .tab-toggle div.active span,.home-block-nav .tab-toggle a.active span {color: var(--color-white);} /*tabs*/ .home-block-tabs {position: relative;display: block;width: 83.333333%;padding-left: 60px;margin-left: auto;} .tab:not(.tab:nth-child(1)) {display: none;} .home-block-tabs .swiper-slide {height: auto;} .home-block-slide {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;height: 100%;border-radius: 10px;background-image: linear-gradient(152.97deg, rgba(0, 0, 0, 0.09) 0%, rgba(0, 0, 0, 0.27) 100%);} .home-block-slide::before {position: absolute;content: '';top: 0;left: 0;display: block;width: 100%;height: 100%;opacity: 0;visibility: hidden;background-image: linear-gradient(152.97deg, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.57) 100%);border-radius: 10px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;} /* .home-block-imgs {position: relative;display: block;width: 100%;height: 220px;overflow: hidden;margin-bottom: 5px;} */ .home-block-imgs {position: relative;display: block;width: 100%;height: 0;padding-bottom: 74%;overflow: hidden;margin-bottom: 5px;} /* .home-block-imgs .mask {-webkit-mask-image: url('../img/icons/home_block_slide_mask.svg');-webkit-mask-position: right;} */ .home-block-labels {position: absolute; top: -45px; left: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: calc(100% + 8px);padding: 0 15px;margin-top: -8px;margin-left: -4px;} .home-block-labels span {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;font-size: 13px;color: var(--color-white);padding: 4px 10px 6px 10px;border-radius: 6px;margin: 8px 4px 0 4px;} .home-block-labels span:last-child {margin-right: 0;} .home-block-labels span.new {background-color: var(--color-blue);} .home-block-labels span.action {background-color: var(--color-pink);} .home-block-labels span.season {background-color: var(--color-orange);} .home-block-labels span.top {background-color: var(--color-purpul);} .home-block-cont {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;height: auto;padding: 15px;} .home-block-cont .semi-bold {height: 46px;min-height: 46px;margin-bottom: 6px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .home-block-cont .text {width: 100%;margin-bottom: 25px;overflow: hidden;-webkit-line-clamp: 5;-webkit-box-orient: vertical;display: -webkit-box;} .home-block-navigation {position: relative;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;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin-top: auto;} .home-block-price {position: relative;display: inline-block;} .home-block-price span {position: relative;display: block;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;font-size: 18px;font-weight: 600;color: var(--color-white);} .home-block-price span.old {font-size: 14px;font-weight: 500;color: var(--color-light-6);} .home-block-price span.old::before {position: absolute;content: '';top: 50%;left: 0;display: block;width: 100%;height: 1px;background-color: #E71D65;} .home-block-price span.old + span {color: var(--color-orange);} .home-block-swiper-bottom {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;width: 100%;margin-top: 30px;} .home-block-swiper-bottom .swiper-pagination {width: auto;margin-top: 0;margin-right: auto;} /*catefories-detail-page*/ .catefories-detail-page .home-block-sec .block-decor .decor-item:nth-child(1) {width: 360px;height: 360px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .catefories-detail-page .home-block-sec .block-decor .decor-item:nth-child(2) {width: 266px;height: 266px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #1877F2 0%, #00E3FF 100%);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .catefories-detail-page .home-block-sec .block-decor .decor-item:nth-child(3) {width: auto;height: auto;background: transparent;-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .catefories-detail-page .home-block-sec .block-decor .decor-item:nth-child(4) {width: 180px;height: 180px;background: #7024C4;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .catefories-detail-page .home-block-sec .block-decor .decor-item:nth-child(5) {width: 244px;height: 244px;background: #7024C4;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .catefories-detail-page .home-block-sec .block-decor .decor-item:nth-child(6) {width: 176px;height: 176px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #E70000 0%, #C31162 100%);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .catefories-detail-page .home-block-sec .block-decor .decor-item:nth-child(7) {width: 444px;height: 444px;background: radial-gradient(81.25% 81.25% at 67.32% 18.75%, #70C1D7 0%, #626BCF 100%);-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .catefories-detail-page .home-block-sec .block-decor .decor-item:nth-child(8) {width: 548px;height: 548px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, rgba(232, 57, 105, 0.5) 0%, rgba(195, 17, 98, 0.5) 100%);-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .catefories-detail-page .home-block-sec .block-decor .decor-item:nth-child(9) {width: 236px;height: 236px;background: radial-gradient(81.25% 81.25% at 67.32% 18.75%, #70C1D7 0%, #626BCF 100%);-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .catefories-detail-page .home-block-sec .block-decor .decor-item:nth-child(10) {width: 180px;height: 180px;background: #2563EB;-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} .catefories-detail-page .grid {margin-top: -30px;} .catefories-detail-page .home-block-slide {height: auto;margin-top: 30px;} .catefories-detail-page .home-block-cont {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;} .catefories-detail-page .block-wrap {height: auto;} .grid-sizer,.grid-item {width: 23.41%;} .gutter-sizer {width: 2.12%;} .filter-btns {padding-bottom: 15px;white-space: nowrap;overflow: auto;margin-bottom: 30px;} .filter-btns .checkbox-entry {width: auto;margin-bottom: 0;margin-right: 30px;} .filter-btns .checkbox-entry:last-child {margin-right: 0;} /*faq-page*/ .faq-page .block-decor .decor-item:nth-child(1) {width: 362px;height: 362px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .faq-page .block-decor .decor-item:nth-child(2) {width: 268px;height: 268px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #1877F2 0%, #00E3FF 100%);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .faq-page .block-decor .decor-item:nth-child(3) {width: 286px;height: 286px;background: #F8AE4E;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .faq-page .block-decor .decor-item:nth-child(4) {width: 176px;height: 176px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #E70000 0%, #C31162 100%);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .faq-page .block-decor .decor-item:nth-child(5) {width: auto;height: auto;background: transparent;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .faq-page .block-decor .decor-item:nth-child(6) {width: 444px;height: 444px;background: radial-gradient(81.25% 81.25% at 67.32% 18.75%, #70C1D7 0%, #626BCF 100%);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} /*media*/ @media(min-width: 1200px){ .home-block-nav .tab-toggle div:not(.active):hover span, .home-block-nav .tab-toggle a:not(.active):hover span {color: var(--color-orange);} .home-block-nav .tab-toggle div:not(.active):hover svg path, .home-block-nav .tab-toggle a:not(.active):hover svg path {fill: var(--color-orange);} .home-block-slide:hover::before {opacity: 1;visibility: visible;} .home-block-cont .semi-bold:hover {color: var(--color-orange);} .home-block-nav.faq-nav .tab-toggle div:hover::before {opacity: 1;visibility: visible;} .home-block-nav.faq-nav .tab-toggle div:hover span {color: var(--color-white);} } @media(max-width: 1800px){ .home-block-nav {padding-right: 25px;} .home-block-nav .tab-toggle div,.home-block-nav .tab-toggle a {padding: 10px;} .home-block-nav .tab-toggle div svg,.home-block-nav .tab-toggle a svg {margin-right: 5px;} .home-block-nav .tab-toggle div span,.home-block-nav .tab-toggle a span {font-size: 16px;} .home-block-tabs {padding-left: 30px;} .grid-sizer,.grid-item {width: 23.0575%;} .gutter-sizer {width: 2.59%;} /* .catefories-detail-page .home-block-slide {min-height: 432px;} */ } @media(max-width: 1640px){ .home-block-swiper-bottom {margin-top: 25px;} .grid-sizer,.grid-item {width: 31.5066666667%;} .gutter-sizer {width: 2.74%;} /* .catefories-detail-page .home-block-slide {min-height: 490px;} */ .filter-btns {margin-bottom: 25px;} .home-block-nav.faq-nav {width: 200px;min-width: 200px;} .home-block-nav.faq-nav .tab-toggle div {height: 60px;line-height: 58px;} .home-block-tabs.faq-tabs {width: calc(100% - 200px);} } @media(max-width: 1440px){ .home-block-nav {width: 20%;padding-right: 20px;} .home-block-tabs {width: 80%;padding-left: 20px;} .home-block-swiper-bottom {margin-top: 25px;} .grid-sizer,.grid-item {width: 31.2866666667%;} .gutter-sizer {width: 3.07%;} /* .catefories-detail-page .home-block-slide {min-height: 460px;} */ } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* BREADCRUMBS BLOCK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .breacrumbs-block {position: absolute;top: 0;left: 0;display: block;width: 100%;padding: 15px 30px;} .breacrumbs-block-list {position: relative;display: block;width: 100%;} .breacrumbs-block-list li {position: relative;display: inline-block;padding-right: 25px;margin-right: 20px;} .breacrumbs-block-list li::before {position: absolute;content: '';right: 8px;top: 50%;display: inline-block;width: 1px;height: 80%;background-color: var(--color-light-8);-webkit-transform: rotate(25deg) translateY(-50%);-ms-transform: rotate(25deg) translateY(-50%);transform: rotate(25deg) translateY(-50%);} .breacrumbs-block-list li:last-child {padding-right: 0;margin-right: 0;} .breacrumbs-block-list li:last-child::before {display: none;} .breacrumbs-block-list li a,.breacrumbs-block-list li span {position: relative;display: inline-block;font-size: 15px;color: var(--color-light-8);} .breacrumbs-block-list li a {transition: all 0.3s;} /*media*/ @media(min-width: 1200px){ .breacrumbs-block-list li a:hover {color: var(--color-white);} } @media(max-width: 1640px){ .breacrumbs-block {padding: 15px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* FAQ BLOCK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .faq-block-sec {position: relative;display: block;width: 100%;} /*decor*/ .faq-block-sec .block-decor .decor-item:nth-child(1) {width: auto;height: auto;background-color: transparent;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .faq-block-sec .block-decor .decor-item:nth-child(2) {width: 360px;height: 360px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} /*block*/ .faq-block {position: relative;z-index: 1;display: block;width: 100%;border-bottom: 1px solid rgba(252, 250, 237, 0.3);} .faq-block .accordeon-title {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;padding: 30px 0;padding-right: 20px;cursor: pointer;border-top: 1px solid rgba(252, 250, 237, 0.3);} .faq-block .accordeon-title::before {position: absolute;content: '';right: 0;display: inline-block;width: 12px;height: 12px;border-right: 2px solid var(--color-white);border-bottom: 2px solid var(--color-white);margin-top: -4px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .faq-block .accordeon-title.active .title {color: var(--color-orange);} .faq-block .accordeon-title.active::before {border-color: var(--color-orange);margin-top: 4px;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);} .faq-block .accordeon-content {display: none;padding-bottom: 30px;} .faq-block .accordeon-content:nth-child(2) {display: block;} /*media*/ @media(max-width: 1640px){ .faq-block .accordeon-title {padding: 20px 20px 20px 0;} .faq-block .accordeon-content {padding-bottom: 20px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* POLICY PAGE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .policy-page .block-decor .decor-item:nth-child(1) {width: 360px;height: 360px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .policy-page .block-decor .decor-item:nth-child(2) {width: 268px;height: 268px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #1877F2 0%, #00E3FF 100%);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .policy-page .block-decor .decor-item:nth-child(3) {width: auto;height: auto;background: transparent;-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .policy-page .block-decor .decor-item:nth-child(4) {width: 286px;height: 286px;background: #F8AE4E;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .policy-page .block-decor .decor-item:nth-child(5) {width: 176px;height: 176px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #E70000 0%, #C31162 100%);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .policy-page .block-decor .decor-item:nth-child(6) {width: auto;height: auto;background: transparent;-webkit-transform-origin: bottom;-ms-transform-origin: bottom;transform-origin: bottom;} .policy-page .block-decor .decor-item:nth-child(7) {width: 444px;height: 444px;background: radial-gradient(81.25% 81.25% at 67.32% 18.75%, #70C1D7 0%, #626BCF 100%);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 404 BLOCK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .block-404-sec {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;height: calc(100vh - var(--header-height));} /*decor*/ .block-404-sec .block-decor .decor-item:nth-child(1) {width: 360px;height: 360px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .block-404-sec .block-decor .decor-item:nth-child(2) {width: 286px;height: 286px;background: #F8AE4E;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .block-404-sec .block-decor .decor-item:nth-child(3) {width: 268px;height: 268px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #1877F2 0%, #00E3FF 100%);-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .block-404-sec .block-decor .decor-item:nth-child(4) {width: 176px;height: 176px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #E70000 0%, #C31162 100%);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} /*block*/ .block-404 {position: relative;display: block;width: 100%;} .block-404-imgs {position: relative;left: -60px;display: block;width: 540px;margin: 0 auto 40px auto;} .block-404-imgs img {position: relative;display: inline-block;width: auto;} .block-404-cont {position: relative;display: block;width: 100%;max-width: 620px;text-align: center;margin: 0 auto;} .block-404-cont .normal {margin-bottom: 25px;} .block-404-cont .text {margin-bottom: 42px;} /*media*/ @media(max-width: 1800px){ .block-404-imgs {left: -50px;width: 500px;margin-bottom: 30px;} .block-404-cont .normal {margin-bottom: 20px;} .block-404-cont .text {margin-bottom: 30px;} } @media(max-width: 1440px){ .block-404-imgs {left: -40px;width: 450px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* ABOUT PAGE DECOR */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*.simple-block-sec-one*/ .about-page .simple-block-sec-one .block-decor .decor-item:nth-child(1) {width: 360px;height: 360px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .about-page .simple-block-sec-one .block-decor .decor-item:nth-child(2) {width: 268px;height: 268px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #1877F2 0%, #00E3FF 100%);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .about-page .simple-block-sec-one .block-decor .decor-item:nth-child(3) {width: auto;height: auto;background: transparent;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .about-page .simple-block-sec-one .block-decor .decor-item:nth-child(4) {width: 286px;height: 286px;background: #F8AE4E;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .about-page .simple-block-sec-one .block-decor .decor-item:nth-child(5) {width: 176px;height: 176px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #E70000 0%, #C31162 100%);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} /*left-right-one*/ .about-page .left-right-one .block-decor .decor-item:nth-child(1) {width: 286px;height: 286px;background: #7024C4;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .about-page .left-right-one .block-decor .decor-item:nth-child(2) {width: auto;height: auto;background: transparent;-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .about-page .left-right-one .block-decor .decor-item:nth-child(3) {width: 180px;height: 180px;background: #2563EB;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .about-page .left-right-one .block-decor .decor-item:nth-child(4) {width: 444px;height: 444px;background: radial-gradient(81.25% 81.25% at 67.32% 18.75%, #70C1D7 0%, #626BCF 100%);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} /*left-right-two*/ .about-page .left-right-two .block-decor .decor-item:nth-child(1) {width: auto;height: auto;background: transparent;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .about-page .left-right-two .block-decor .decor-item:nth-child(2) {width: 176px;height: 176px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #E70000 0%, #C31162 100%);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .about-page .left-right-two .block-decor .decor-item:nth-child(3) {width: 306px;height: 306px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} /*left-right-tree*/ .about-page .left-right-tree .block-decor .decor-item:nth-child(2) {width: 180px;height: 180px;background: #2563EB;-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} /*simple-block-sec-two*/ .about-page .simple-block-sec-two .block-decor .decor-item:nth-child(1) {width: 444px;height: 444px;background: radial-gradient(81.25% 81.25% at 67.32% 18.75%, #70C1D7 0%, #626BCF 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .about-page .simple-block-sec-two .block-decor .decor-item:nth-child(2) {width: 176px;height: 176px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #E70000 0%, #C31162 100%);-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .about-page .simple-block-sec-two .block-decor .decor-item:nth-child(3) {width: auto;height: auto;background: transparent;-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} /*simple-block-sec-tree*/ .about-page .simple-block-sec-tree .block-decor .decor-item:nth-child(1) {width: 268px;height: 268px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #1877F2 0%, #00E3FF 100%);-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .about-page .simple-block-sec-tree .block-decor .decor-item:nth-child(2) {width: 286px;height: 286px;background: #7024C4;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* WHY WE BLOCK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .why-we-block-sec,.why-we-block {position: relative;display: block;width: 100%;} /*decor*/ .why-we-block-sec .block-decor .decor-item:nth-child(1) {width: 180px;height: 180px;background: #2563EB;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .why-we-block-sec .block-decor .decor-item:nth-child(2) {width: 266px;height: 266px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #1877F2 0%, #00E3FF 100%);-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .why-we-block-sec .block-decor .decor-item:nth-child(3) {width: 408px;height: 408px;background: #7024C4;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .why-we-block-sec .block-decor .decor-item:nth-child(4) {width: 566px;height: 566px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} /*block*/ .why-we-block .swiper-slide {height: auto;} .why-we-block-slide {position: relative;display: block;width: 100%;height: 100%;padding: 55px 22px;border-radius: 10px;overflow: hidden;background-image: linear-gradient(152.97deg, rgba(0, 0, 0, 0.09) 0%, rgba(0, 0, 0, 0.27) 100%);} .why-we-block-imgs {position: relative;display: block;width: 160px;height: 160px;margin: 0 auto;} .why-we-block-imgs img {position: absolute;top: 50%;left: 50%;display: inline-block;width: auto;max-height: 100%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .why-we-block-cont {position: relative;display: block;width: 100%;text-align: center;margin-top: 10px;} .why-we-block-cont .normal {margin-bottom: 20px;} /*media*/ @media(min-width: 1441px){ .why-we-block .swiper-slide {width: calc(25% - 30px) !important;margin: 30px 15px 0 15px;} } @media(min-width: 1200px) and (max-width: 1440px){ .why-we-block .swiper-slide {width: calc(33.333% - 30px) !important;margin: 30px 15px 0 15px;} } @media(min-width: 1200px){ .why-we-block .swiper-wrapper {-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: calc(100% + 30px);cursor: auto !important;margin-top: -30px;margin-left: -15px;-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;} .why-we-block .swiper-pagination {display: none;} } @media(max-width: 1440px){ .why-we-block-slide {padding: 40px 20px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* PROD DETAIL BLOCK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .prod-detail-block-sec {position: relative;display: block;width: 100%;} .prod-detail-block-sec .home-block-labels {position: absolute;top: 0;left: 0;z-index: 2;padding: 0;} /*decor*/ .prod-detail-block-sec .block-decor .decor-item:nth-child(1) {width: 360px;height: 360px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .prod-detail-block-sec .block-decor .decor-item:nth-child(2) {width: auto;height: auto;background: transparent;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .prod-detail-block-sec .block-decor .decor-item:nth-child(3) {width: 242px;height: 242px;background: #7024C4;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .prod-detail-block-sec .block-decor .decor-item:nth-child(4) {width: 266px;height: 266px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #1877F2 0%, #00E3FF 100%);-webkit-transform-origin: bottom;-ms-transform-origin: bottom;transform-origin: bottom;} /*block*/ .prod-detail-slide {position: relative;display: block;width: calc(100% - 50px);} .prod-detail-imgs {position: relative;display: block;width: 100%;height: 0;padding-bottom: 100%;border-radius: 50%;overflow: hidden;} .prod-detail-imgs img {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;-webkit-transition: all 0.7s;-o-transition: all 0.7s;transition: all 0.7s;} .prod-detail-cont {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: calc(100% - 90px);height: 100%;} .prod-detail-cont .text {margin-bottom: 40px;} .prod-detail-cont .text:last-child {margin-bottom: 0;} .prod-detail-cont .text p {margin-bottom: 25px;} .prod-detail-cont .text p:last-child {margin-bottom: 0;} .prod-detail-cont .text p span {font-weight: 500;padding-left: 2px;} .prod-detail-navigation {position: relative;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;width: 100%;padding: 25px 30px;border-radius: 10px;background-image: linear-gradient(152.97deg, rgba(0, 0, 0, 0.09) 0%, rgba(0, 0, 0, 0.27) 100%);} .prod-detail-navigation .prod-item-controls {width: 140px;min-width: 140px;height: 60px;} .prod-detail-navigation .prod-item-controls .minus,.prod-detail-navigation .prod-item-controls .plus {width: 50px;font-size: 30px;} .prod-detail-navigation .prod-item-controls input {font-size: 18px;} .prod-detail-navigation .prod-item-price {position: relative;display: inline-block;font-size: 24px;line-height: 1.4em;font-weight: 600;color: var(--color-white);} .prod-detail-navigation .prod-item-price .old {position: relative;display: block;width: fit-content;font-size: 18px;font-weight: 500;line-height: 1.4em;color: var(--color-light-6);} .prod-detail-navigation .prod-item-price .old::before {position: absolute;content: '';top: 50%;left: 0;display: block;width: 100%;height: 1px;background-color: #E71D65;} .prod-detail-navigation .btn span {font-size: 18px;} .prod-detail-navigation.prod-detail-sorry {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;padding: 38px 15px;} .prod-detail-navigation.prod-detail-sorry .text {color: var(--color-white);} /*prod-detail-swiper*/ .prod-detail-swiper .swiper-button-prev,.prod-detail-swiper .swiper-button-next {position: absolute;top: 50%;left: -75px;margin-top: -30px;} .prod-detail-swiper .swiper-button-next {left: auto;right: -75px;} .prod-detail-swiper .swiper-slide {height: auto;} .prod-detail-swiper .swiper-pagination {display: none;} /*prod-detail-page*/ .prod-detail-page .home-block-one .block-decor .decor-item:nth-child(1) {width: auto;height: auto;background: transparent;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .prod-detail-page .home-block-one .block-decor .decor-item:nth-child(2) {width: 176px;height: 176px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #E70000 0%, #C31162 100%);-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .prod-detail-page .home-block-one .block-decor .decor-item:nth-child(3) {width: 444px;height: 444px;background: radial-gradient(81.25% 81.25% at 67.32% 18.75%, #70C1D7 0%, #626BCF 100%);-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .prod-detail-page .home-block-two .block-decor .decor-item:nth-child(1) {width: 548px;height: 548px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, rgba(232, 57, 105, 0.5) 0%, rgba(195, 17, 98, 0.5) 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .prod-detail-page .home-block-two .block-decor .decor-item:nth-child(2) {width: 180px;height: 180px;background: #2563EB;-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} /*media*/ @media(min-width: 1200px){ .prod-detail-imgs:hover img {-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);} } @media(max-width: 1800px){ .prod-detail-slide {width: calc(100% - 20px);} .prod-detail-cont {width: 100%;} .prod-detail-navigation {padding: 25px;} .prod-detail-swiper .swiper-button-prev,.prod-detail-swiper .swiper-button-next {margin-top: -28px;left: -72px;} .prod-detail-swiper .swiper-button-next {left: auto;right: -72px;} } @media(max-width: 1640px){ .prod-detail-cont {width: calc(100% - 60px);} .prod-detail-swiper .swiper-button-prev,.prod-detail-swiper .swiper-button-next {margin-top: -25px;left: -70px;} .prod-detail-swiper .swiper-button-next {left: auto;right: -70px;} .prod-detail-navigation.prod-detail-sorry {padding: 34px 15px;} } @media(max-width: 1440px){ .prod-detail-slide {width: 100%;} .prod-detail-cont {width: calc(100% - 30px);} .prod-detail-cont .text p {margin-bottom: 20px;} .prod-detail-navigation {padding: 20px;} .prod-detail-swiper .swiper-button-prev,.prod-detail-swiper .swiper-button-next {display: none;} .prod-detail-swiper .swiper-pagination {display: block;} .prod-detail-navigation.prod-detail-sorry {padding: 30px 15px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* GALLARY */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .lg-backdrop {background-color: var(--color-bg);} .lg-toolbar {background-color: transparent;} #lg-counter {font-size: 18px;color: var(--color-white);} #lg-counter span {color: var(--color-white);} .lg-toolbar .lg-icon {position: absolute;top: 0;right: 0;z-index: 2;cursor: pointer;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: 60px;height: 60px;background-color: var(--color-orange);-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .lg-toolbar .lg-icon:hover,.lg-outer .lg-toogle-thumb:hover {opacity: 0.9;color: var(--color-orange);} .lg-toolbar .lg-close:after {color: var(--color-white);} .lg-actions .lg-next, .lg-actions .lg-prev {background-color:transparent;opacity: 1;} .lg-actions .lg-prev:after,.lg-actions .lg-next:before {content:none !important;} .lg-actions .lg-prev .swiper-button-prev,.lg-actions .lg-next .swiper-button-next {left: 80px;z-index: 1080;border-color: var(--color-white);} .lg-actions .lg-next .swiper-button-next {left: auto;right: 80px;} .lg-actions .lg-prev .swiper-button-prev::before,.lg-actions .lg-next .swiper-button-next::before {border-color: var(--color-white);} .lg-outer.lg-pull-caption-up .lg-sub-html {max-width:80%;margin:0 auto;color:var(--color-bg);} .lg-outer .lg-thumb-outer {background-color: var(--color-bg);box-shadow: 0px 0 16px rgba(0, 0, 0, 0.3);} .lg-outer .lg-toogle-thumb {background-color: var(--color-bg);color: var(--color-orange);box-shadow: 0px 0 16px rgba(0, 0, 0, 0.3);} .lg-outer .lg-toogle-thumb::before {position: absolute;content: '';top: 100%;left: -15%;display: block;width: 70px;height: 10px;background-color: var(--color-bg);} .lg-outer .lg-thumb {margin:0 auto;} .lg-outer .lg-thumb-item {border-radius:0 !important;border-color: transparent;} .lg-outer .lg-thumb-item img {padding: 2px;} .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {border: 2px solid var(--color-orange) !important;} /*media*/ @media(min-width: 1200px){ .lg-actions .lg-prev .swiper-button-prev:hover,.lg-actions .lg-next .swiper-button-next:hover, .lg-actions .lg-prev .swiper-button-prev:hover::before,.lg-actions .lg-next .swiper-button-next:hover::before {border-color: var(--color-orange);} } @media(max-width: 1800px){ .lg-actions .lg-prev .swiper-button-prev, .lg-actions .lg-next .swiper-button-next {left: 60px;} .lg-actions .lg-next .swiper-button-next {left: auto;right: 60px;} } @media(max-width: 1640px){ .lg-actions .lg-prev .swiper-button-prev, .lg-actions .lg-next .swiper-button-next {left: 40px;} .lg-actions .lg-next .swiper-button-next {left: auto;right: 40px;} } @media(max-width: 1440px){ .lg-actions .lg-prev .swiper-button-prev, .lg-actions .lg-next .swiper-button-next {left: 20px;} .lg-actions .lg-next .swiper-button-next {left: auto;right: 20px;} .lg-toolbar .lg-icon {width: 50px;height: 50px;} #lg-counter {font-size: 17px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* THANK YOU BLOCK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .thank-you-block-sec,.thank-you-block,.thank-you-block-footer {position: relative;display: block;width: 100%;} .thank-you-block-sec .block-decor .decor-item:nth-child(1) {width: 360px;height: 360px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .thank-you-block-sec .block-decor .decor-item:nth-child(2) {width: 266px;height: 266px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #1877F2 0%, #00E3FF 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .thank-you-block-sec .block-decor .decor-item:nth-child(3) {width: auto;height: auto;background: transparent;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .thank-you-block-sec .block-decor .decor-item:nth-child(4) {width: 180px;height: 180px;background: #2563EB;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .thank-you-block-sec .block-decor .decor-item:nth-child(5) {width: 244px;height: 244px;background: #7024C4;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .thank-you-block-sec .block-decor .decor-item:nth-child(6) {width: auto;height: auto;background: transparent;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .thank-you-block-sec .block-decor .decor-item:nth-child(7) {width: 176px;height: 176px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #E70000 0%, #C31162 100%);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} .thank-you-block-sec .block-decor .decor-item:nth-child(8) {width: 444px;height: 444px;background: radial-gradient(81.25% 81.25% at 67.32% 18.75%, #70C1D7 0%, #626BCF 100%);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} /*head*/ .thank-you-block-head {position: relative;display: block;width: 100%;text-align: center;} .thank-you-block-head .normal {margin-bottom: 10px;} /*body*/ .thank-you-block-body {position: relative;display: block;width: 100%;padding-bottom: 30px;border-bottom: 1px solid rgba(252, 250, 237, 0.3);} .thank-you-block-top {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;margin-bottom: 25px;} .thank-you-block-top.text * {margin-bottom: 0;} .thank-you-block-top div {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;} .thank-you-block-top div p {color: var(--color-white);margin-right: 20px;} .thank-you-block-top div p:last-child {margin-right: 0;} .thank-you-block-body .cart-body {display: block;height: auto;max-height: none;overflow: inherit;padding: 0;margin-bottom: 30px;} .thank-you-block-body .cart-prod-item {padding-right: 40px;} .thank-you-block-body .cart-prod-cont .prod-item-price {margin-left: 40px;} .thank-you-block-body .prod-item-num {position: relative;display: inline-block;font-size: 16px;line-height: 1.4em;color: var(--color-white);} .thank-you-block-total {position: relative;display: block;width: 100%;border-radius: 10px;padding: 15px;background-image: linear-gradient(152.97deg, rgba(0, 0, 0, 0.09) 0%, rgba(0, 0, 0, 0.27) 100%);} .thank-you-block-total.text p {margin-bottom: 18px;} .thank-you-block-total.text p:last-child {margin-bottom: 0;} .thank-you-block-total.text p .total {font-size: 24px;} /*footer*/ .thank-you-table {position: relative;display: block;width: 100%;border-collapse: collapse;} .thank-you-table.text p,.thank-you-block-total.text p {font-size: 18px;} .thank-you-table.text p span,.thank-you-block-total.text p span {font-weight: 500;padding-left: 2px;} .thank-you-table tr td {padding: 6px 0;} .thank-you-table tr td:first-child {width: 20%;padding-right: 16px;} .thank-you-block-btns {position: relative;display: block;width: 100%;text-align: center;padding-top: 46px;margin-top: 46px;} .thank-you-block-btns::before {position: absolute;content: '';top: 0;left: 0;display: block;width: 100%;height: 6px;background-image: var(--color-grad);} /*media*/ @media(min-width: 401px){ .thank-you-table.text * {margin-bottom: 0;} } @media(max-width: 1640px){ .thank-you-block-top {margin-bottom: 20px;} .thank-you-block-body {padding-bottom: 25px;} .thank-you-block-body .cart-body {margin-bottom: 25px;} .thank-you-block-body .cart-prod-item {padding-right: 30px;} .thank-you-block-btns {padding-top: 40px;margin-top: 40px;} .thank-you-block-btns::before {height: 5px;} } @media(max-width: 1440px){ .thank-you-block-body {padding-bottom: 20px;} .thank-you-block-body .cart-body {margin-bottom: 20px;} .thank-you-block-total.text p .total {font-size: 22px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* CHECKOUT BLOCK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .checkout-block-sec {position: relative;display: block;width: 100%;} .checkout-title {font-size: 28px;margin-bottom: 25px;} .checkout-block-sec .block-decor .decor-item:nth-child(1) {width: 360px;height: 360px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .checkout-block-sec .block-decor .decor-item:nth-child(2) {width: 266px;height: 266px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #1877F2 0%, #00E3FF 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .checkout-block-sec .block-decor .decor-item:nth-child(3) {width: auto;height: auto;background: transparent;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .checkout-block-sec .block-decor .decor-item:nth-child(4) {width: 180px;height: 180px;background: #2563EB;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .checkout-block-sec .block-decor .decor-item:nth-child(5) {width: 244px;height: 244px;background: #7024C4;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .checkout-block-sec .block-decor .decor-item:nth-child(6) {width: 176px;height: 176px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #E70000 0%, #C31162 100%);-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .checkout-block-sec .block-decor .decor-item:nth-child(7) {width: 444px;height: 444px;background: radial-gradient(81.25% 81.25% at 67.32% 18.75%, #70C1D7 0%, #626BCF 100%);-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .checkout-block-sec .block-decor .decor-item:nth-child(8) {width: 548px;height: 548px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, rgba(232, 57, 105, 0.5) 0%, rgba(195, 17, 98, 0.5) 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .checkout-block-sec .block-decor .decor-item:nth-child(9) {width: 418px;height: 418px;background: radial-gradient(81.25% 81.25% at 67.32% 18.75%, #70C1D7 0%, #626BCF 100%);-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} /*delivery-form*/ .delivery-form {position: relative;display: block;width: 100%;padding-right: 80px;} .delivery-form .form-group:nth-child(2) .form-group-wrapper .checkbox-entry-wrap:nth-child(1){ float: left; margin-right: 15px; } .form-group {position: relative;display: block;width: 100%;margin-bottom: 25px;} .form-group:last-child {margin-bottom: 0;} .form-group-wrapper {position: relative;display: block;width: 100%;} .form-group-wrapper.with-line {padding-top: 25px;border-top: 1px solid rgba(252, 250, 237, 0.3);} .form-group-wrapper.with-line .checkbox-entry.block {margin-bottom: 10px;} .form-group-wrapper .checkbox-entry-wrap {margin-bottom: 25px;} .form-group-wrapper .toggle-block {position: relative;display: none;width: 100%;} .btn.search-mobile-button {display: none;} .toggle-block-delivery .form-block .input-wrapper:nth-child(1) {width: 73%;} .toggle-block-delivery .form-block .input-wrapper:nth-child(2) {width: 25%;} .checkout-map .map-block {position: relative;display: block;width: 100%;height: 480px;border-radius: 10px;margin-top: 25px;} .checkout-map {position: relative;display: block;width: 100%;} .errorMsg {position: absolute;z-index: 1;top: 15px;left: 15px;display: none;width: calc(100% - 30px);font-size: 16px;line-height: 1.4em;letter-spacing: 0.01em;color: var(--color-light-8);padding: 12px 15px 12px 40px;background-color: var(--color-blue);border-radius: 10px;} .errorMsg::before {position: absolute;content: '';left: 15px;display: inline-block;width: 16px;height: 16px;background-image: url('../img/icons/errorMsg.svg');background-size: contain;background-repeat: no-repeat;background-position: center;margin-top: 4px;} /*autocomplite*/ .pac-container {background: var(--color-bg-dark);border-radius: 0;border: none;padding: 10px 0;box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.15);} .pac-container .pac-item {position: relative;cursor: pointer;margin: 0;border: none;padding: 0 15px;font-size: 14px;line-height: 40px;font-weight: 400;color: var(--color-light-8);letter-spacing: 0.01em;display: block;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .pac-container span {font-size: 14px;line-height: 40px;font-weight: 400;color: var(--color-light-8);letter-spacing: 0.01em;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .pac-container .pac-matched {font-weight: 500;color: var(--color-orange);} .pac-icon-marker {display: none !important;} .pac-item-query {font-size: 16px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .pac-container.pac-logo:after {content: none;} .pac-item:hover {background-color: transparent;color: var(--color-white);} .pac-item:hover span {color: var(--color-white);} .pac-item:hover .pac-matched {color: var(--color-orange);} /*checkout-block-pay*/ .checkout-block-pay {position: relative;display: block;width: 100%;} .checkout-block-pay-list {position: relative;display: block;width: 100%;} .checkout-block-pay-title {position: relative;display: none;width: 100%;height: 48px;text-align: center;font-size: 16px;line-height: 48px;color: var(--color-white);padding: 0 20px;border-radius: 10px;background-color: var(--color-blue);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .checkout-block-pay-title::before {position: absolute;content: '';top: 50%;right: 20px;display: inline-block;width: 9px;height: 9px;border-right: 2px solid var(--color-white);border-bottom: 2px solid var(--color-white);margin-top: -5px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .checkout-block-pay-list.active .checkout-block-pay-title {border-bottom-left-radius: 0;border-bottom-right-radius: 0;} .checkout-block-pay-list.active .checkout-block-pay-title::before {margin-top: -2px;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);} .checkout-block-pay-navigation {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;height: 56px;padding: 4px;border-radius: 10px;border: 1px solid var(--color-blue);margin-bottom: 30px;} .checkout-block-pay-navigation li {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;height: 100%;font-size: 16px;color: var(--color-light-8);border-radius: 8px;cursor: pointer;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .checkout-block-pay-navigation li.active {color: var(--color-white);background-color: var(--color-blue);} .checkout-block-pay-tabs {position: relative;display: block;width: 100%;} .checkout-block-pay-tabs .checkout-block-pay-tab {position: relative;display: none;width: 100%;} .moneychange-input {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;} .moneychange-input p {position: relative;display: inline-block;font-size: 18px;line-height: 1.4em;letter-spacing: 0.01em;color: var(--color-white);margin-right: 20px;} .moneychange-input .input-wrapper {width: 200px;margin-bottom: 0;margin-right: 60px;} .moneychange-input .input-wrapper .input.disabled {opacity: 0.8;pointer-events: none;} /*calendar*/ .form-block-calendar {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;} .form-block-calendar.form-block:last-child {margin-bottom: 25px;} .form-block-calendar .input-with-arrow,.form-block-calendar .sumoselect {width: 49%;} .input-with-arrow {position: relative;display: block;width: 100%;} .delivery-form .form-block .input-with-arrow label {position: absolute;top: 0;right: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;cursor: pointer;width: 50px;height: 100%;} .delivery-form .form-block .input-with-arrow label i {background-image: none;opacity: 1;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;width: 9px;height: 9px;border-right: 2px solid var(--color-white);border-bottom: 2px solid var(--color-white);margin-top: -2px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .delivery-form .form-block .calendar input {cursor: pointer;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .delivery-form .form-block .calendar.active input {border-bottom-left-radius: 0;border-bottom-right-radius: 0;} .delivery-form .form-block .calendar.active label i {margin-top: 5px;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);} /*right*/ .checkout-block-right {position: relative;display: block;width: 100%;padding-right: 80px;} .checkout-block-right .cart-body {display: block;height: auto;max-height: none;overflow: inherit;padding: 0;} .checkout-block-right .cart-body,.checkout-block-plastic,.checkout-block-prono {margin-bottom: 20px;} /*plastic*/ .checkout-block-plastic {position: relative;display: block;width: 100%;padding-bottom: 30px;} .checkout-block-plastic::before {position: absolute;content: '';bottom: 0;left: 0;display: block;width: 100%;height: 6px;background-image: var(--color-grad);} .checkout-block-plastic .media {margin-bottom: 12px;} .checkout-block-plastic-wrapper {position: relative;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;width: 100%;} .checkout-block-plastic-wrapper .text {font-size: 18px;margin-right: 80px;} /*promo*/ .checkout-block-prono {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;width: 100%;padding-bottom: 20px;border-bottom: 1px solid rgba(252, 250, 237, 0.3);} .checkout-block-prono .input-wrapper {width: 255px;margin-bottom: 0;margin-right: 15px;} .checkout-block-prono .input-wrapper .input {text-transform: uppercase;} .checkout-block-prono .input-wrapper .input::placeholder {text-transform: none;} .checkout-block-prono .btn {height: 100%;height: 56px;} .checkout-block-prono .btn span {font-size: 18px;line-height: 52px;} .remove-promo {position: relative;display: none;font-size: 18px;line-height: 56px;color: var(--color-orange);margin-left: auto;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .remove-promo.active {display: block;} /*info-box*/ .infoBox {padding: 15px;border-radius: 10px;background-color: rgba(9, 192, 241, 0.85);} .infoBox img {position: absolute !important;z-index: 1;cursor: pointer;top: 10px;right: 10px;display: inline-block;width: 26px;height: 26px;margin: 0 !important;} .info-cont {position: relative;display: block;width: 100%;} .info-title {color: var(--color-white);text-transform: uppercase;margin-bottom: 2px;} .info-text p {margin-bottom: 2px;} .info-text p:last-child {margin-bottom: 0;} .info-text a {color: var(--color-light-8);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .info-text a::before {display: none;} /*err-message*/ .checkout-block-bottom {position: relative;display: block;width: 100%;} .err-message {position: relative;display: block;width: 100%;font-size: 18px;line-height: 1.4em;letter-spacing: 0.01em;color: var(--color-light-8);padding-left: 24px;} .err-message::before {position: absolute;content: '';top: 5px;left: 0;display: inline-block;width: 16px;height: 16px;background-image: url('../img/icons/err_message.svg');background-size: contain;background-repeat: no-repeat;background-position: center;} .err-message span {font-weight: 500;color: var(--color-white);} .checkout-block-total {position: relative;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;width: 100%;border-radius: 10px;padding: 15px;background-image: linear-gradient(152.97deg, rgba(0, 0, 0, 0.09) 0%, rgba(0, 0, 0, 0.27) 100%);margin-top: 30px;} .checkout-block-total .text p {font-size: 18px;margin-bottom: 10px;} .checkout-block-total .text p:last-child {margin-bottom: 0;} .checkout-block-total .text p:not(.total) {display: none;} .checkout-block-total .text p span {font-weight: 500;color: var(--color-white);padding-left: 2px;} .checkout-block-total .text .total span {font-size: 24px;} .checkout-block-total.with-services {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;} .checkout-block-total.with-services .text p {display: block;} .checkout-block-mobile {position: relative;display: none;width: 100%;} .cart-empty-section {position: relative;display: none;width: 100%;} .cart-empty-section.active {display: block;} /*media*/ @media(min-width: 1200px){ .remove-promo:hover {color: var(--color-white);} .checkout-block-pay-navigation li:not(.active):hover {color: var(--color-blue);} .info-text a:hover {color: var(--color-orange);} } @media(max-width: 1640px){ .delivery-form,.checkout-block-right {padding-right: 40px;} .checkout-block-plastic-wrapper .text {margin-right: 60px;} .checkout-block-prono {-ms-flex-wrap: wrap;flex-wrap: wrap;} .remove-promo {width: 100%;text-align: center;line-height: 1.4em;margin-top: 20px;} .checkout-title {font-size: 26px;margin-bottom: 20px;} .checkout-block-prono,.checkout-block-plastic {padding-bottom: 25px;} .checkout-block-pay-navigation,.checkout-block-right .cart-body, .checkout-block-plastic,.checkout-block-prono {margin-bottom: 25px;} .moneychange-input .input-wrapper {width: 220px;margin-right: 40px;} } @media(max-width: 1440px){ .delivery-form,.checkout-block-right {padding-right: 0;} .checkout-block-plastic-wrapper .text {margin-right: 50px;} .checkout-title {font-size: 24px;margin-bottom: 15px;} .err-message br {display: none;} .remove-promo {margin-top: 15px;} .checkout-block-total .text .total span {font-size: 22px;} .checkout-map .map-block {height: 440px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* DELIVERY BLOCK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .delivery-block-sec,.delivery-block {position: relative;display: block;width: 100%;} .delivery-block .delivery-item {margin-bottom: 50px;} .delivery-block .delivery-item:last-child {margin-bottom: 0;} /*decor*/ .delivery-block-one .block-decor .decor-item:nth-child(1) {width: 360px;height: 360px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .delivery-block-one .block-decor .decor-item:nth-child(2) {width: 266px;height: 266px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #1877F2 0%, #00E3FF 100%);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;} .delivery-block-one .block-decor .decor-item:nth-child(3) {width: auto;height: auto;background: transparent;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .delivery-block-one .block-decor .decor-item:nth-child(4) {width: 286px;height: 286px;background: #F8AE4E;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .delivery-block-one .block-decor .decor-item:nth-child(5) {width: 286px;height: 286px;background: #7024C4;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .delivery-block-one .block-decor .decor-item:nth-child(6) {width: auto;height: auto;background: transparent;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .delivery-block-one .block-decor .decor-item:nth-child(7) {width: 180px;height: 180px;background: #2563EB;-webkit-transform-origin: bottom;-ms-transform-origin: bottom;transform-origin: bottom;} .delivery-block-one .block-decor .decor-item:nth-child(8) {width: 444px;height: 444px;background: radial-gradient(81.25% 81.25% at 67.32% 18.75%, #70C1D7 0%, #626BCF 100%);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} .delivery-block-two .block-decor .decor-item:nth-child(1) {width: 306px;height: 306px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .delivery-block-two .block-decor .decor-item:nth-child(2) {width: 180px;height: 180px;background: #2563EB;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .delivery-block-two .block-decor .decor-item:nth-child(3) {width: 266px;height: 266px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #1877F2 0%, #00E3FF 100%);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} /*zones*/ .delivery-block-zones,.delivery-block-pay-block {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: calc(100% + 30px);margin-top: -30px;margin-left: -15px;} .delivery-block-zone,.delivery-block-pay {position: relative;display: block;width: calc(50% - 30px);border-radius: 10px;background-image: linear-gradient(152.97deg, rgba(0, 0, 0, 0.09) 0%, rgba(0, 0, 0, 0.27) 100%);padding: 50px;margin: 30px 15px 0 15px;} .delivery-block-zone-imgs,.delivery-block-pay-imgs {position: relative;display: block;width: 206px;height: 180px;margin: 0 auto;} .delivery-block-zone-imgs img,.delivery-block-pay-imgs img {position: absolute;top: 50%;left: 50%;display: inline-block;width: auto;max-height: 100%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .delivery-block-zone-cont,.delivery-block-pay-cont {position: relative;display: block;width: 100%;margin-top: 10px;} .delivery-block-zone-cont .title,.delivery-block-pay-cont .title {margin-bottom: 20px;} .delivery-block-zone-cont .text p {margin-bottom: 5px;} .delivery-block-zone-cont .text p:last-child {margin-bottom: 0;} .delivery-block-zone-cont .text p span {font-weight: 500;} /*map*/ .delivery-map {position: relative;display: block;width: 100%;height: 550px;border-radius: 10px;overflow: hidden;} .delivery-map .map-block {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;} .delivery-map-input {position: absolute;z-index: 1;top: 15px;left: 15px;display: block;width: calc(100% - 30px);} .delivery-map-input-wrapper {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 450px;margin-bottom: 15px;} .delivery-map-input-wrapper .input-wrapper {margin: 0;} .delivery-map-input-wrapper .input-wrapper:nth-child(1) {width: 72%;} .delivery-map-input-wrapper .input-wrapper:nth-child(2) {width: 25%;} .delivery-map-input-wrapper .input-wrapper .input {background: rgba(9, 192, 241, 0.85);} .delivery-map-input-wrapper .input-wrapper .input::placeholder {color: var(--color-white);} .delivery-map-input .errorMsg {position: relative;top: auto;left: auto;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;} /*pay*/ .delivery-block-pay {width: calc(33.333% - 30px);} .delivery-block-pay-imgs {width: 160px;height: 160px;} .delivery-block-pay .text {max-width: 305px;margin: 0 auto;} /*media*/ @media(max-width: 1800px){ .delivery-block-zone,.delivery-block-pay {padding: 40px 30px;} .delivery-map {height: 500px;} } @media(max-width: 1440px){ .delivery-block-zone,.delivery-block-pay {padding: 30px 15px;} .delivery-map-input-wrapper {width: 500px;} .delivery-block-zone-imgs {width: 190px;height: 170px;} .delivery-block-pay-imgs {width: 150px;height: 150px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* CONTACT BLOCK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .contact-block-sec,.contact-block {position: relative;display: block;width: 100%;} .contact-block-one .block-decor .decor-item:nth-child(1) {width: 360px;height: 360px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .contact-block-one .block-decor .decor-item:nth-child(2) {width: 286px;height: 286px;background: #F8AE4E;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} .contact-block-one .block-decor .decor-item:nth-child(3) {width: 266px;height: 266px;transform: translate(-84%, -26%);background: radial-gradient(76.75% 76.75% at 70% 23.25%, #1877F2 0%, #00E3FF 100%);-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} .contact-block-two .block-decor .decor-item:nth-child(1) {width: 176px;height: 176px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #E70000 0%, #C31162 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .contact-block-two .block-decor .decor-item:nth-child(2) {width: auto;height: auto;background: transparent;-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} .contact-block-two .block-decor .decor-item:nth-child(3) {width: 286px;height: 286px;background: #7024C4;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} /*block*/ .contact-block {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;height: 100%;} .contact-block-item {margin-bottom: 25px;} .contact-block-item:last-child {margin-bottom: 0;} .contact-block-sec .title {font-size: 28px;} .contact-socials {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;} .contact-socials .normal {margin-right: 30px;} .contact-social {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;} .contact-social .footer-social {margin-right: 16px;} .contact-social .footer-social:last-child {margin-right: 0;} .contact-block-sec .footer-address-item {margin-bottom: 20px;} .contact-block-sec .footer-address-item-img {width: 32px;height: 32px;min-width: 32px;} .contact-block-sec .footer-address-item-cont a,.contact-block-sec .footer-address-item-cont p {font-size: 22px;font-weight: 400;margin-bottom: 8px;} .contact-map {position: relative;display: block;width: 100%;height: 500px;border-radius: 10px;overflow: hidden;} .contact-map .map-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .map-img .gm-style > div > div > div > div > div[style*='background-image'] {width: 38px !important;height: 46px !important;font-family: 'Exo', sans-serif !important;font-weight: 400 !important;font-size: 18px !important;line-height: 38px !important;color: #3D2847 !important;background-repeat: no-repeat;background-position: top right !important;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} /*form*/ .contact-form,.contact-form-cont {position: relative;display: block;width: 100%;} .contact-form-cont .normal {margin-bottom: 15px;} /*media*/ @media(max-width: 1640px){ .contact-map {height: 450px;} .contact-block-item {margin-bottom: 20px;} .contact-block-sec .title {font-size: 24px;} .contact-block-sec .footer-address-item-img {width: 28px;height: 28px;min-width: 28px;} .contact-block-sec .footer-address-item-cont a,.contact-block-sec .footer-address-item-cont p {font-size: 20px;} .contact-socials .normal {margin-right: 25px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* FOOTER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ footer {position: relative;display: block;width: 100%;background-color: var(--color-bg-dark);} footer .block-decor .decor-item:nth-child(1) {width: 246px;height: 246px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #E70000 0%, #EA4C6F 100%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} footer .block-decor .decor-item:nth-child(2) {width: auto;height: auto;background: transparent;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;} footer .block-decor .decor-item:nth-child(3) {width: 269px;height: 269px;background: radial-gradient(76.75% 76.75% at 70% 23.25%, #DB7F69 0%, #F8BC93 100%);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);} footer .block-decor .decor-item:nth-child(4) {width: auto;height: auto;background: transparent;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;} footer .block-decor .decor-item:nth-child(5) {width: 220px;height: 220px;background: radial-gradient(81.25% 81.25% at 67.32% 18.75%, #70C1D7 0%, #626BCF 100%);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;} .footer-top {position: relative;display: block;width: 100%;padding: 48px 0;} .footer-top-block {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;} /*logo*/ .footer-logo {position: relative;display: inline-block;} .footer-logo-imgs {position: relative;display: inline-block;width: 100px;height: 100px;} .footer-logo img,.footer-address-item-img img {position: absolute;top: 50%;left: 50%;width: auto;max-height: 100%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} /*address*/ .footer-address {position: relative;display: inline-block;} .footer-address .title {color: var(--color-white);margin-bottom: 15px;} .footer-address-items {position: relative;display: block;width: 100%;} .footer-address-item {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;margin-bottom: 15px;} .footer-address-item:last-child {margin-bottom: 0;} .footer-address-item-img {position: relative;display: block;width: 24px;height: 24px;min-width: 24px;margin-right: 10px;} .footer-address-item-cont {position: relative;display: block;width: 100%;} .footer-address-item-cont a,.footer-address-item-cont p {position: relative;display: block;width: 100%;font-size: 16px;line-height: 1.4em;font-weight: 300;color: var(--color-light-8);margin-bottom: 6px;} .footer-address-item-cont a:last-child,.footer-address-item-cont p:last-child {margin-bottom: 0;} .footer-address-item-cont a {-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} /*menu*/ .footer-menu {position: relative;display: inline-block;} .footer-menu li {position: relative;display: block;width: 100%;margin-bottom: 15px;} .footer-menu li:last-child {margin-bottom: 0;} .footer-menu li a {position: relative;display: inline-block;font-size: 18px;line-height: 1.4em;color: var(--color-white);-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;} .footer-menu li a.blur {-webkit-filter: blur(1px);filter: blur(1px);} /*socials*/ .footer-socials {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100px;min-width: 100px;height: 100%;} .footer-social {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 42px;height: 42px;border-radius: 50%;background-color: var(--color-bg);overflow: hidden;margin-top: 16px;} .footer-social::before {position: absolute;content: '';left: 0;top: 0;display: block;width: 100%;height: 100%;background-color: var(--color-white);opacity: 0;visibility: hidden;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;} .footer-social:nth-child(1),.footer-social:nth-child(2) {margin-top: 0;} .footer-social.viber {background: #7F4DA0;} .footer-social.facebook {background: #1877F2;} .footer-social.telegram {background: linear-gradient(203.2deg, #37AEE2 21.67%, #1E96C8 70%);} .footer-social.instagram {background: linear-gradient(0deg, #E09B3D 0.29%, #C74C4D 29.97%, #C21975 59.65%, #7024C4 99.22%);} .footer-social.messenger {background: radial-gradient(108.96% 108.95% at 19.25% 99.45%, #0099FF 0%, #A033FF 60.98%, #FF5280 93.48%, #FF7061 100%);} .footer-social.tripa {background: #34E0A1;} .footer-social:active {-webkit-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px);} .footer-social img {position: absolute;z-index: 1;display: inline-block;width: auto;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;} .footer-social img.hover {opacity: 0;visibility: hidden;} /*bottom*/ .footer-bottom {position: relative;display: block;width: 100%;padding-bottom: 28px;} .footer-bottom-block {position: relative;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;width: 100%;} .footer-bottom-left {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .footer-bottom-left p,.footer-bottom-left a,.footer-bottom-redstone span {position: relative;display: inline-block;font-size: 14px;line-height: 1.4em;font-weight: 200;color: var(--color-light-8);margin-right: 30px;} .footer-bottom-left a,.footer-bottom-redstone span {-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .footer-bottom-imgs {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .footer-bottom-imgs img {position: relative;display: inline-block;width: auto;margin-right: 15px;} .footer-bottom-imgs img:last-child {margin-right: 0;} .footer-bottom-redstone {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .footer-bottom-redstone span {margin-right: 15px;} .footer-bottom-redstone img {position: relative;display: inline-block;width: 80px;} /*media*/ @media(min-width: 1200px){ .footer-address-item-cont a:hover,.footer-bottom-left a:hover,.footer-bottom-redstone:hover span {color: var(--color-white);} .footer-social:hover::before {opacity: 1;visibility: visible;} .footer-social:hover img:not(.hover) {opacity: 0;visibility: hidden;} .footer-social:hover img.hover {opacity: 1;visibility: visible;} } @media(max-width: 1640px){ .footer-logo-imgs {width: 90px;height: 90px;} .footer-menu li {margin-bottom: 12px;} .footer-menu li a {font-size: 17px;} .footer-decor img {-webkit-transform: scale(0.95);-ms-transform: scale(0.95);transform: scale(0.95);} } @media(max-width: 1440px){ .footer-logo-imgs {width: 80px;height: 80px;} .footer-socials {width: 90px;min-width: 90px;} .footer-social {width: 40px;height: 40px;} .footer-decor img {-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);} }