html, body {
min-height: 100%;
}
.promo_description {
color: #000;
}
.box-section a {
color: initial;
}
.promo_description p {
margin: 0;
}
.action3__title {
position: relative;
}
.action3__title.action3__title-box:after {
content: "";
position: absolute;
bottom: -15px;
left: calc(50% - 25px);
display: block;
width: 50px;
height: 2px;
background-color: #FFFB03;
}
.action3__first-description {
font-size: 16px;
margin-top: -10px;
margin-bottom: 30px;
font-weight: 500;
}
.promo_description__col {
padding-bottom: 15px;
margin-bottom: 57px;
padding-right: 12px;
padding-left: 12px;
}
.promo_description img {
width: 100%;
height: 100%;
object-fit: contain;
}
.promo_description .btn {
margin: 30px 0 30px 0;
}
.promo_description__img-wrap {
position: relative;
margin-bottom: 20px;
max-height: 430px;
overflow: hidden;
}
.promo_description__date {
position: absolute;
padding: 4px 8px;
top: 16px;
left: 16px;
color: #000000;
background-color: #ffffff;
font-size: 12px;
}
.promo_description__strong {
font-weight: 400;
}
.promo_description__text {
font-size: 16px;
line-height: 1.3;
}
@media (max-width: 768px) {
.promo_description__col {
margin-bottom: 22px;
padding-right: 15px;
padding-left: 15px;
}
.promo_description__date {
padding: 8px 16px;
top: 8px;
left: 8px;
}
.promo_description__strong {
font-weight: 700;
margin-bottom: 14px;
font-size: 18px;
}
}
.promo_link_title {
color: inherit;
text-decoration: none;
}
.promo_description__img-wrap img {
cursor: pointer;
}
.action3-box-contain .column {
display: block;
width: 50%;
float: left;
padding: 0 2%;
}
.action3-box-contain {
padding: 0 0%;
}
.action3-box-contain ul {
list-style: none;
padding: 0;
margin: 0;
}
.action3-box-contain li {
margin: 0;
line-height: 30px;
padding: 0;
}
.action3-box-contain li:nth-child(2n) {
margin-bottom: 30px;
}
.action3-box-contain img {
width: 16px !important;
height: 16px;
margin-top: 6px;
display: block;
margin-right: 20px;
float: left;
}
.promo_header {
font-size: 18px;
line-height: 30px;
letter-spacing: 0.34px;
text-transform: uppercase;
/* padding-top: 16px; */
padding-top: 0;
margin: 0;
font-weight: 800;
}
.promo_subheader {
font-size: 15px;
line-height: 30px;
margin-top: 5px;
margin-bottom: 25px;
}
.promo_subheader:empty {
margin: 0;
}
.promo_content {
font-size: 15px;
line-height: 24px;
margin-top: 5px;
margin-bottom: 10px;
}
.promo_content .price-condition {
margin-bottom: 8px;
}
.promo_content .price {
font-size: 18px;
line-height: 32px;
letter-spacing: 0.708333px;
}
.promo_content p:empty {
margin: 0;
}
.promo_content strong {
display: inline-block;
font-weight: 500;
}
.promo_description__strong {
font-size: 24px;
margin-bottom: 10px;
line-height: 1.3;
}
.promo_content strong.--list {
font-size: 18px;
line-height: 30px;
}
.promo_main_text {
margin-top: 17px;
font-size: 18px;
font-weight: bold;
line-height: 23px;
}
.promo_footnote {
padding-left: 40px;
position: relative;
font-size: 13px;
line-height: 19px;
opacity: 0.5;
}
.promo_footnote::before {
position: absolute;
content: "*";
left: 11px;
}
.promo_btn {
padding: 0 30px;
font-size: 19px;
line-height: 50px;
letter-spacing: 1.97px;
border: 2px solid #000;
}
.promo_btn.btn-transparent {
color: #000;
margin-left: 20px;
}
/* Promo-slider */
.promo_slider {
width: 100%;
margin: 0 auto;
margin-top: 70px;
}
.slid {
margin-bottom: 70px;
}
.promo_slider img {
max-width: 100%;
}
.promo_slider .promo_arrow_prev,
.promo_slider .promo_arrow_next {
width: 18px;
height: 18px;
border: 4px solid #FFF;
border-bottom: none;
border-right: none;
display: block;
position: absolute;
bottom: 5px;
opacity: 0.75;
z-index: 9999;
transition: all;
}
.promo_slider .promo_arrow_prev {
transform: rotate(-45deg);
left: 20px;
}
.promo_slider .promo_arrow_next {
transform: rotate(135deg);
right: 20px;
}
.promo_slider .promo_arrow_prev:hover,
.promo_slider .promo_arrow_next:hover {
opacity: 1;
}
.promo_slider .promo_arrow_prev::after,
.promo_slider .promo_arrow_next::after {
content: "";
display: block;
width: 18px;
height: 4px;
background-color: #fff;
border-radius: 25%;
position: absolute;
transform: rotate(45deg);
bottom: 3px;
opacity: 0.3;
transition: all 0.5s
}
.promo_slider .promo_arrow_prev:hover::after,
.promo_slider .promo_arrow_next:hover::after {
opacity: 1;
}
.promo_slider .slick-dots {
display: block;
width: 100%;
padding: 0;
padding-bottom: 7px;
margin: 0;
list-style: none;
text-align: center;
position: absolute;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
}
.promo_slider .slick-dots li.slick-active button:before {
opacity: .85;
background-color: #FFF;
color: black;
border: 1px solid #FFF;
border-radius: 50%;
}
.promo_slider .slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.promo_slider .slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
width: 12px;
height: 12px;
border: 1px solid #FFF;
border-radius: 50%;
content: ' ';
text-align: center;
opacity: .45;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.promo_slider.slick-dotted.slick-slider {
margin-bottom: 0;
}
/* Promo_founders*/
.promo_founders {
padding-top: 80px;
padding-bottom: 40px;
text-align: center;
color: #000;
}
.promo_founders h2 {
margin: 0;
font-size: 28px;
line-height: 40px;
}
.promo_founders .promo_founders_text {
margin: 0;
margin-top: 40px;
line-height: 30px;
font-size: 18px;
letter-spacing: 0.346px;
}
/*banner*/
.banner_how-to {
margin: 40px 0 50px 0;
color: #000;
font-weight: 500;
font-size: 20px;
line-height: 1.4;
letter-spacing: 0.6px;
}
/*Promo2*/
.promo_description_alt {
padding-top: 0px;
color: #000;
}
.promo_description_alt p {
margin: 0;
}
.promo_description_alt img {
width: 100%;
}
.promo_description_alt .btn {
margin: 30px 0 30px 0;
}
.promo_header_alt {
font-size: 26px;
font-weight: 600;
line-height: 40px;
letter-spacing: 0.52px;
padding-top: 20px;
}
.promo_header_alt span {
font-size: 18px;
}
.promo_main_text_alt {
margin-top: 40px;
margin-bottom: 11px;
font-size: 18px;
font-weight: 600;
line-height: 23px;
letter-spacing: 0.708px;
}
.promo_conditions {
font-size: 12px;
line-height: 19px;
color: rgba(0, 0, 0, .6);
margin-top: 25px;
}
.promo_conditions:empty {
margin-top: 0;
}
.promo_conditions strong {
margin-bottom: 11px;
font-size: 18px;
font-weight: 600;
line-height: 23px;
letter-spacing: 0.708px;
}
.promo_conditions p:not(:first-child) {
margin-top: 5px;
}
.promo_btn_alt {
padding: 0 30px;
}
/* Menu Items */
.promo_menu_examples {
padding: 70px 0 20px 0;
margin-top: 80px;
margin-bottom: 44px;
background-color: rgba(247, 247, 247, 0.5);
color: #000;
}
.promo_menu_examples h2 {
margin: 0;
text-align: center;
font-size: 28px;
line-height: 40px;
}
.promo_menu_items {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 60px;
}
.promo_menu_item {
width: 300px;
margin: 0 calc(65px/2);
margin-bottom: 58px;
text-align: center;
position: relative;
}
.promo_menu_item p {
margin-top: 0;
margin-bottom: 20px;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.41px;
font-weight: 500;
}
.promo_menu_item::after {
display: block;
margin: 0 auto;
content: "";
width: 50px;
height: 2px;
background-color: #FFFB03;
}
#popup-order {
width: auto;
max-width: 500px;
min-width: 300px;
}
.addon-label {
font-family: Roboto;
text-align: center;
margin: 0 auto 20px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
width: 40%;
}
.addon-label svg {
margin-right: 20px;
}
@media (max-width: 768px) {
.action3-box-contain .column {
width: 100%;
float: initial;
}
.action3-box-contain {
padding: 0;
margin: 40px 0;
}
.promo_content .price {
font-size: 15px;
line-height: 26px;
}
.promo_content .price strong {
font-size: 18px;
}
.promo_content strong {
font-size: 18px;
font-weight: 700;
}
.promo_description_alt img {
max-height: 70vh;
object-fit: cover;
}
.promo_description_alt.sl img {
max-height: 50vh;
object-fit: cover;
}
.promo_btn.btn-transparent {
margin: 0;
}
.addon-label {
width: 90%;
}
.action3__second-item img {
width: 60px;
height: 60px;
max-width: 60px;
min-width: 60px;
}
.action3__third-text p {
font-size: 18px;
line-height: 30px;
letter-spacing: 0.05em;
}
.action3__third-text img {
max-width: 160px;
}
}
/*new steps form*/
.addon-label {
width: auto;
position: relative;
font-size: 16px;
line-height: 140%;
text-align: left;
padding-left: 29px;
margin: 0;
cursor: pointer;
}
.subtitle {
margin: 0;
font-size: 32px;
line-height: 1;
font-weight: 700;
}
/* -------------- helpers ------------ */
.color-gray {
color: rgba(255, 255, 255, 0.5);
}
.color-pale-gray {
color: #999999;
}
.color-red {
color: #E33759;
}
.color-green {
color: #68BE70;
}
.dashed {
border-bottom: 1px dashed #ffffff;
}
.fw-500 {
font-weight: 500;
}
.fs-14 {
font-size: 14px !important;
}
@media (max-width: 768px) {
.fs-14-mob {
font-size: 14px !important;
}
}
.relative {
position: relative !important;
}
.mb-8 {
margin-bottom: 8px !important;
}
.mb-48 {
margin-bottom: 48px;
}
.mb-64 {
margin-bottom: 64px;
}
.mb-xxl {
margin-bottom: 152px;
}
@media (max-width: 768px) {
.mb-xxl {
margin-bottom: 88px;
}
}
.mb-xl {
margin-bottom: 96px;
}
@media (max-width: 768px) {
.mb-xl {
margin-bottom: 64px;
}
}
.mb-l {
margin-bottom: 69px;
}
.mb-l--80-desc {
margin-bottom: 80px;
}
@media (max-width: 768px) {
.mb-l {
margin-bottom: 40px;
}
}
.show-mobile {
display: none !important;
}
@media (max-width: 768px) {
.show-mobile {
display: block !important;
}
}
@media (max-width: 768px) {
.hide-mobile {
display: none !important;
}
}
@media (max-width: 768px) {
.width-full-mob {
width: 100%;
}
}
/* -------------- grid -------------- */
.grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
@media (max-width: 1100px) {
.grid {
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
}
@media (max-width: 768px) {
.grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
}
@media (max-width: 500px) {
.grid {
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
}
}
.grid-8-4 {
display: grid;
grid-template-columns: 2fr 1fr;;
grid-column-gap: 20px;
}
@media (max-width: 768px) {
.grid-8-4 {
grid-template-columns: 1fr;
}
}
@media (max-width: 1024px) {
.grid-1-laptop {
grid-template-columns: 1fr;
}
}
/* -------------- header ------------ */
.header__container {
padding-top: 18px;
padding-bottom: 21px;
background-color: #000000;
}
.header__top .header__nav-item:last-child {
margin-left: 60px;
}
.header__container .container {
display: flex;
align-items: center;
justify-content: space-between;
}
.header__location {
color: #FFF;
font-size: 16px;
}
.header__nav {
display: flex;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.header__nav .burger {
border-left: 2px solid rgba(255, 255, 255, 0.2);
}
.header__nav-item {
margin-left: 40px;
}
.header__nav-item:first-child {
margin-left: 0;
}
.header__nav-item--dot {
position: relative;
}
.header__top .header__nav-item:last-child {
margin-left: 100px;
}
.header__nav-item--dot::after {
position: absolute;
content: "";
width: 5px;
height: 5px;
right: -25px;
bottom: 7px;
border-radius: 50%;
background-color: #FFF;
}
.header__nav-link {
display: flex;
text-decoration: none;
color: #000000;
font-size: 16px;
}
.header__nav-link-cart {
position: relative;
}
.header__nav-link-cart-count {
position: absolute;
bottom: calc(100% - 12px);
left: 11px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 18px;
width: 18px;
height: 18px;
background-color: #D0E939;
border: 1px solid #FFFFFF;
font-size: 12px;
line-height: 100%;
}
.show-mobile .header__nav-link-cart-count {
bottom: calc(100% - 38px);
left: 24px;
border: 1px solid #000;
color: #000;
}
.header__nav-link svg {
margin-right: 13px;
}
.header__nav--white .header__nav-link {
color: #FFF;
text-decoration: none;
}
.header__down {
background-color: #ffffff;
}
.header__down > .container {
display: flex;
padding-top: 24px;
padding-bottom: 24px;
}
.header__down-logo-link {
display: flex;
margin-right: 37px;
}
.header__down .header__nav {
margin-left: auto;
width: 100%;
}
.header__down .header__nav-item:last-child {
margin-left: auto;
padding-left: 40px;
}
.header__down .header__nav--white {
display: none;
}
.burger {
position: relative;
width: 63px;
height: 64px;
padding: 18px;
background: none;
border: none;
outline: none;
cursor: pointer;
}
.burger__open,
.burger__close {
position: absolute;
left: 21px;
}
.burger__close:after {
opacity: 0;
}
.burger__open:after,
.burger__close:after,
.burger__close:before {
content: "";
position: absolute;
background: #ffffff;
width: 22px;
height: 2px;
transition: opacity 0.2s;
}
.burger__open:after {
box-shadow: 0 -7px #ffffff, 0 7px #ffffff;
}
@media (max-width: 1024px) {
.header__top .header__nav-item:last-child {
margin-left: 10px;
}
.header__nav-item {
margin-left: 20px;
}
.header__nav-item--dot::after {
right: -13px;
}
}
@media (max-width: 768px) {
.header--active.header {
position: fixed;
height: 100vh;
display: flex;
flex-direction: column;
}
.header--active .header__down {
position: static;
flex-grow: 1;
transform: translateX(0);
visibility: visible;
overflow: auto;
transition: transform 0.3s linear, visibility 0.3s linear;
}
.header--active .burger__open:after {
opacity: 0;
transition: opacity 0.2s;
}
.header--active .burger__close:after {
opacity: 1;
transition: opacity 0.2s;
}
.header--active .burger__close:after {
transform: rotate(-45deg);
}
.header--active .burger__close:before {
transform: rotate(45deg);
}
.header__container {
padding: 0;
}
.container.header__top {
padding-right: 0;
}
.header__nav-item {
margin-left: 0;
}
.header__nav-link {
font-size: 24px;
}
.header__top .header__nav-link {
padding: 23px 14px;
}
.header__top .header__nav-link svg {
transform: scale(1.2);
margin-right: 0;
}
.header__down {
position: absolute;
height: 93vh;
padding-top: 6px;
background-color: #000000;
transform: translateX(-100%);
visibility: hidden;
z-index: 5;
transition: transform 0.3s linear, visibility 0.3s linear;
}
.header__down > .container {
flex-direction: column;
height: 100%;
padding-bottom: 60px;
}
header.header .container {
overflow: auto;
}
.header__down .header__nav-link {
padding: 16px 0;
color: #ffffff;
}
.header__down .header__nav {
flex-direction: column;
align-items: flex-start;
margin-top: 74px;
}
.header__down .header__nav--white {
display: flex;
flex-direction: row;
margin-top: auto;
/* padding-bottom: 30px; */
}
.header__down .header__nav--white .header__nav-link {
padding: 0;
font-size: 16px;
}
.header__down .header__nav-item:last-child {
margin-left: 0;
}
.header__down .header__nav-item--dot::after {
right: -24px;
}
.header__down .header__nav--white .header__nav-item:last-child {
margin-left: 43px;
padding-left: 0;
}
.header__down .header__down-logo-link {
display: none;
}
.header__down-logo-link {
margin-right: 10px;
}
.header__down-logo-link img {
margin-top: 8px;
}
}
@media (max-width: 450px) {
.header__down .header__nav {
margin-top: 55px;
}
.header__nav-link {
padding: 13px 0;
font-size: 22px;
}
.header__down .header__nav--white {
padding-bottom: 45px;
}
}
@media (max-width: 375px) {
.header__nav.header__nav--white {
margin-top: auto;
}
.header__down .header__nav--white .header__nav-item:last-child {
margin-left: 20px;
}
.header__down .header__nav-item--dot::after {
right: -13px;
}
}
/* ------------ breadcrumbs ------------- */
.breadcrumbs {
background-color: unset;
}
.breadcrumbs .breadcrumbs-path {
font-size: 12px;
text-transform: none;
}
.breadcrumbs-list {
list-style: none;
display: flex;
margin: 0;
padding: 0;
}
.breadcrumbs-list__item {
position: relative;
margin-right: 20px;
}
.breadcrumbs-list__item:last-child {
margin-right: 10px;
}
.breadcrumbs-list__item:not(:last-child)::after {
position: absolute;
content: "";
width: 5px;
height: 5px;
right: -13px;
top: calc(50% - 2px);
border-radius: 50%;
background-color: #C4C4C4;
}
.breadcrumbs:empty .breadcrumbs-list:empty { display: none }
/* ----------- value-counter ------------- */
.value-form {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.value-form .btn-cart {
z-index: 0;
}
.value-form.active .btn-cart {
z-index: -10;
opacity: 0;
}
.value-form .value-counter {
z-index: -10;
}
.value-form.active .value-counter {
z-index: 4;
}
.value-counter {
position: absolute;
display: grid;
grid-template-columns: repeat(3, 1fr);
max-width: 108px;
width: 100%;
max-height: 36px;
height: 100%;
z-index: -10;
}
.value-counter--active {
z-index: 0;
}
.cart-good__by-day .value-counter {
grid-template-columns: 1fr 2fr 1fr;
}
.value-counter--big .value-counter__number {
width: max-content;
padding-left: 5px;
padding-right: 5px;
}
.value-counter__button {
position: relative;
border: none;
background-color: #FFF;
outline: none;
}
.value-counter__number {
display: flex;
align-items: center;
justify-content: center;
background-color: #F6F6F6;
font-size: 16px;
font-weight: 500;
}
.value-counter__by-day {
display: none;
align-items: center;
justify-content: center;
background-color: #F6F6F6;
font-size: 16px;
padding: 0 5px;
}
.js-cart-item-price-by-day {
display: none;
}
.cart-good__by-day .js-cart-item-price-by-day {
display: inline;
}
.cart-good__by-day .value-counter__by-day {
display: flex;
}
.cart-good__by-day .value-counter__number {
display: none;
}
.value-counter__button--sub::before {
content: '';
position: absolute;
width: 48%;
height: 1px;
left: 27%;
background-color: #000000;
}
.value-counter__button--add::after {
content: '';
position: absolute;
transform: scale(1.2);
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url('../../../../../assets/img-static/icons/plus.svg') no-repeat;
background-position: 70% 70%;
}
/* ------------ product-deatils ----------- */
.product-deatils {
display: grid;
grid-template-columns: 41% 50%;
grid-gap: 9%;
}
.product-deatils.container {
padding-top: 12px;
}
.product-deatils .btn {
padding-top: 20px;
padding-bottom: 20px;
}
/* .product-deatils .value-form */
.product-content {
margin-bottom: 56px;
}
.product-content > * {
margin: 0;
margin-bottom: 26px;
}
.product-content > *:last-child {
margin-bottom: 0;
}
.product-content ul {
padding-left: 18px;
}
.product-deatils__container {
display: flex;
flex-direction: column;
position: relative;
}
.product-deatils .product-slider-nav {
width: 100%;
margin-top: -60px;
}
.product-slider {
height: 562px;
background-color: #F6F6F6;
}
.product-slider .product-slider__link {
padding: 0 50px;
}
.product-deatils .slick-prev,
.product-deatils .slick-next {
top: -260px;
}
.product-deatils__title {
margin-bottom: 24px;
margin-top: -9px;
font-weight: bold;
font-size: 40px;
line-height: 115%;
color: #000000;
}
.product-deatils__label-list {
display: flex;
}
.product-deatils__label-list .product-mark {
margin-right: 20px;
margin-bottom: 24px;
}
@media (max-width: 1024px) {
.product-deatils {
grid-template-columns: 43% 52%;
grid-gap: 4%;
}
}
@media (max-width: 768px) {
.product-deatils {
display: block;
}
.product-deatils .value-form {
width: 100%;
}
.product-deatils__title {
font-size: 32px;
}
.product-deatils.container {
padding-top: 0;
}
.product-deatils__container {
margin-bottom: 32px;
margin-right: -15px;
margin-left: -15px;
}
.product-slider {
height: 375px;
min-height: unset;
}
.product-deatils .product-slider-nav {
width: 100%;
margin-top: -55px;
}
.product-deatils .slick-prev,
.product-deatils .slick-next {
top: -150px;
}
}
/* ---------------- recommend-slider ------------------- */
.recommend-slider {
margin: 0 -10px;
}
.recommend-slider .slick-list {
padding-top: 10px;
}
.recommend-slider .slick-track {
display: flex;
}
.recommend-slider .slick-slide {
margin: 0 10px;
height: auto !important;
width: 85vw;
}
.recommend-slider__buttons {
position: absolute;
right: 15px;
top: -82px;
width: 110px;
height: 35px;
}
.recommend-slider .slick-dots {
margin-top: 48px;
}
@media (max-width: 768px) {
.recommend-slider .slick-dots {
margin-top: 32px;
}
}
@media (max-width: 500px) {
.recommend-slider {
margin-left: -5px;
}
}
/* ----------------- Accordion -------------- */
.accordion {
list-style: none;
padding: 0;
margin: 0;
}
.accordion--delivery .accordion__title {
display: flex;
}
.accordion--delivery .accordion__title-number {
font-weight: 400;
width: 45%;
}
.accordion--delivery .accordion__title-text {
width: 30%;
}
.accordion--delivery .accordion__content {
padding: 0 0 8px 0;
}
.accordion__item {
background-color: #F6F6F6;
}
.accordion__item:not(:last-child) {
margin-bottom: 16px;
}
.accordion__item--active .accordion__wrapper {
transition: max-height 0.2s;
}
.accordion__item--active .arrow-there {
transform: rotate(180deg);
transition: transform 0.2s;
}
.accordion__title {
position: relative;
padding: 32px;
margin: 0;
font-size: 18px;
font-weight: 500;
line-height: 1;
cursor: pointer;
user-select: none;
}
.accordion__title-text {
display: inline-block;
max-width: 92%;
}
.accordion__content {
padding-right: 20px;
padding-bottom: 20px;
padding-left: 32px;
padding-top: 8px;
}
.arrow-there {
position: absolute;
right: 33px;
width: 24px;
height: 13px;
top: 0;
bottom: 0;
margin: auto 0;
transition: transform 0.2s;
}
.arrow-there:before,
.arrow-there:before,
.arrow-there:after,
.arrow-there:after {
position: absolute;
content: '';
background-color: #000000;
width: 15px;
height: 1px;
}
.arrow-there:before {
transform: rotate(-135deg);
top: 5px;
right: 11px;
}
.arrow-there:after {
transform: rotate(135deg);
top: 5px;
right: 0;
}
.accordion__wrapper {
position: relative;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s;
}
.accordion__text {
margin: 0;
font-size: 16px;
line-height: 1.4;
font-weight: 400;
}
.accordion__text:not(:last-child) {
margin-bottom: 6px;
}
.accordion__text--light {
font-size: 14px;
opacity: 0.4;
}
@media (max-width: 1024px) {
.accordion--delivery .accordion__title-number {
width: 50%;
}
}
@media (max-width: 768px) {
.accordion__title {
padding: 28px 16px;
font-size: 16px;
}
.accordion__title-text {
max-width: 86%;
}
.accordion--delivery .accordion__title {
flex-direction: column;
}
.accordion--delivery .accordion__title-number {
margin-bottom: 10px;
}
.accordion--delivery .accordion__title-number,
.accordion--delivery .accordion__title-text {
width: 85%;
}
.accordion__content {
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
padding-top: 8px;
}
}
/* ------------------- list -------------------- */
.list {
padding-left: 15px;
list-style: none;
}
.list__item {
position: relative;
}
.list__item:not(:last-child) {
padding-bottom: 16px;
}
.list__item::before {
content: '';
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #000;
left: -15px;
top: 8px;
}
/* ------------- карта --------------- */
.map {
position: relative;
/* pointer-events: none; */
}
.map::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
z-index: 10;
}
.map--active::before {
z-index: -10;
}
.map-hint {
position: absolute;
padding: 15px 18px 17px 18px;
background-color: #ffffff;
z-index: 10;
z-index: 10;
right: 25px;
bottom: 48px;
}
.map-hint::before {
content: '';
position: absolute;
width: 4px;
height: 100%;
left: 0;
top: 0;
background-color: #2CCF03;
}
.map-hint__text {
font-size: 16px;
font-weight: 500;
margin: 0;
}
.map-hint__text:not(:last-child) {
margin-bottom: 8px;
}
.map-hint__text--normal {
font-weight: 400;
}
@media (max-width: 768px) {
.map {
height: 550px;
}
.map iframe {
height: 550px;
}
.map-hint {
right: unset;
left: 16px;
}
}
/* ---------------- calorific ------------------ */
.calorific {
position: relative;
display: flex;
padding: 3px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 24px;
width: 100%;
}
.calorific.slider-gradient:before,
.calorific.slider-gradient:after {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 30px;
z-index: 2;
pointer-events: none;
background: linear-gradient(90deg, rgba(246,246,246,1) 40%, rgba(246,246,246,0) 100%);
}
.calorific.slider-gradient:after {
left: auto;
right: 0;
background: linear-gradient(270deg, rgba(246,246,246,1) 40%, rgba(246,246,246,0) 100%);
}
.calorific__button {
flex-grow: 1;
padding: 4px 10px;
width: 33.3% !important;
border: none;
background-color: transparent;
border-radius: 24px;
font-size: 12px;
line-height: 1;
font-weight: 400;
color: rgba(0, 0, 0, 0.4);
box-sizing: border-box;
}
.calorific__button--active {
background-color: #fff;
color: #000000;
}
/* --------------- program-card ---------------- */
.program-card {
position: relative;
display: flex;
flex-direction: column;
min-height: 427px;
background-color: #F6F6F6;
outline: none;
}
.program-card .btn {
max-height: 48px;
}
.program-card__top-info {
position: absolute;
padding: 9px 10px;
right: -7px;
top: -9px;
color: #ffffff;
background-color: #000000;
line-height: 1;
font-size: 12px;
}
.program-card__top-info::after {
content: '';
position: absolute;
width: 7px;
height: 7px;
right: 0;
top: 30px;
background-color: #000000;
clip-path: polygon(0 0, 0% 100%, 98% 0);
}
.program-card .calorific {
margin-bottom: 12px;
}
.program-card__img {
width: 100%;
/* height: auto; */
min-height: 210px;
object-fit: cover;
}
.program-card__container,
.program-card__wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.program-card__container {
flex-grow: 1;
padding: 16px 16px 24px 16px;
}
.program-title {
margin-top: 0;
margin-bottom: 12px;
font-size: 16px;
font-weight: 500;
}
.program__description {
margin-top: 0;
margin-bottom: auto;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
}
.program-card__price-wrapper {
margin-top: 12px;
}
.program-price {
margin-right: auto;
line-height: 1;
}
.program-price__from {
display: block;
margin-bottom: 8px;
font-weight: 400;
color: rgba(0, 0, 0, 0.4);
}
.program-price__price {
font-size: 24px;
font-weight: 500;
}
.program-price__per-day {
margin-left: -3px;
font-size: 14px;
}
@media (max-width: 768px) {
.program-card .btn {
max-height: 48px;
width: auto;
}
}
/* --------------- баннер ------------- */
.site-banner {
display: flex;
position: relative;
overflow: hidden;
max-height: 400px;
}
.site-banner--slider .site-banner__content {
padding-bottom: 112px;
display: flex;
flex-direction: column;
}
.site-banner--slider .site-banner__content p {
margin: 0 0 20px 0;
}
.site-banner--slider .site-banner__circle::after {
top: -550px;
right: -26%;
}
.site-banner--slider .slick-arrow {
top: unset;
bottom: 15px;
z-index: 10;
}
.site-banner--slider .slick-prev {
left: 40px;
}
.site-banner--slider .slick-next {
left: 100px;
}
.site-banner--slider .slick-dots {
position: absolute;
right: 40px;
bottom: 40px;
width: auto;
}
.site-banner .btn {
min-width: 212px;
margin-right: 37px;
}
.site-banner__slider-wrapper {
display: flex;
overflow: hidden;
}
.site-banner__content {
position: relative;
padding: 40px 0 40px 56px;
width: 40%;
background-color: #F6F6F6;
}
.site-banner__list {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin-top: -16px;
margin-bottom: 32px;
margin-left: -55px;
}
.site-banner__item {
display: flex;
flex-direction: column;
margin-left: 55px;
margin-top: 16px;
}
.site-banner__day-number {
font-size: 24px;
line-height: 1;
}
.site-banner__text {
color: rgba(0, 0, 0, 0.4);
}
.site-banner__title {
margin-top: 0;
margin-bottom: 20px;
font-weight: 700;
color: #000000;
font-size: 32px;
line-height: 1.3;
}
.site-banner__container {
display: flex;
align-items: center;
margin-top: auto;
}
.site-banner__circle::after {
content: '';
position: absolute;
width: 1154px;
height: 1154px;
top: -600px;
right: -16%;
background-color: #F6F6F6;
border-radius: 50%;
z-index: -1;
}
.site-banner__tel {
font-size: 16px;
font-weight: 500;
color: #000000;
text-decoration: none;
}
.site-banner__img-container {
width: 60%;
z-index: -2;
}
.site-banner__img {
width: 100%;
height: 100%;
object-fit: cover;
}
.site-banner-slider {
padding-bottom: 72px;
}
@media (max-width: 1199.98px) {
.site-banner__content {
width: 51%;
}
.site-banner__circle::after {
right: -14%;
}
.site-banner__img-container {
width: 49%;
}
}
@media (max-width: 1024px) {
.site-banner .btn {
margin-bottom: 16px;
}
.site-banner__circle::after {
right: -20%;
}
.site-banner--slider .site-banner__circle::after {
top: -500px;
right: -33%;
}
.site-banner__content {
width: 46%;
}
.site-banner__title {
font-size: 20px;
}
.site-banner__container {
flex-direction: column;
align-items: baseline;
}
.site-banner__img-container {
width: 54%;
}
}
@media (max-width: 768px) {
.site-banner {
flex-direction: column;
max-height: 600px;
}
.site-banner--slider .site-banner__content {
padding-bottom: 24px;
}
.site-banner--slider .slick-arrow {
width: 40px;
height: 40px;
background-color: #ffffff;
border-radius: 50%;
top: 65%;
}
.site-banner--slider .slick-prev {
left: 3%;
}
.site-banner--slider .slick-next {
right: 3%;
left: unset;
}
.site-banner--slider .slick-next:before,
.site-banner--slider .slick-next:after {
right: 11px;
}
.site-banner--slider .slick-next:before,
.site-banner--slider .slick-prev:before {
top: 14px;
}
.site-banner--slider .slick-next:after,
.site-banner--slider .slick-prev:after {
bottom: 14px;
}
.site-banner--slider .slick-prev:before,
.site-banner--slider .slick-prev:after {
right: 13px;
}
.site-banner--slider .slick-dots {
right: 0;
left: 0;
bottom: 24px;
}
.site-banner__slider-wrapper {
flex-direction: column;
}
.site-banner__circle {
position: relative;
margin-left: -16px;
margin-right: -16px;
}
.site-banner__circle::after,
.site-banner--slider .site-banner__circle::after {
top: -164px;
width: 100%;
height: 375px;
border-radius: 0;
margin: auto;
right: 0;
left: 0;
clip-path: ellipse(50% 8% at 50% 50%);
}
.site-banner .btn {
margin-bottom: 0;
}
.site-banner__content {
padding: 24px 16px;
width: 100%;
}
.site-banner__tel {
order: -1;
margin-bottom: 16px;
}
.site-banner__img-container {
width: 100%;
max-height: 64vw;
}
}
@media (max-width: 500px) {
.site-banner--slider .slick-arrow {
top: 77%;
}
}
/* -------------- program-header ------------- */
.program-header {
position: relative;
}
.program-header__title {
margin-top: 0;
margin-bottom: 0;
font-weight: 700;
line-height: 1;
white-space: normal;
font-size: 48px;
}
.program-header__container {
display: flex;
flex-wrap: wrap;
position: relative;
}
.program-header__title-wrap {
display: flex;
margin-right: auto;
padding-right: 20px;
}
.program-header__list {
display: flex;
padding-left: 0;
margin: 0;
list-style: none;
}
.program-header__item {
display: flex;
align-items: flex-end;
font-size: 48px;
line-height: 1;
color: #b3b3b3;
text-decoration: none;
}
.program-header__item--active {
color: #000000;
}
.program-header__item:not(:last-child) {
margin-right: 20px;
}
.program-header__ccal {
margin-bottom: 8px;
margin-left: 4px;
font-size: 16px;
}
.program-header__ccal-wrap {
font-size: 14px;
color: #b3b3b3;
line-height: 1;
transition: opacity 0.2s;
}
.program-header__ccal-wrap p {
margin-top: 0;
margin-bottom: 10px;
}
.program-header__button {
display: none;
}
@media (max-width: 1400px) {
.program-header__container {
flex-wrap: wrap;
}
.program-header__title-wrap {
margin-bottom: 15px;
}
}
@media (max-width: 1024px) {
.program-header__title {
font-size: 32px;
}
.program-header__item {
font-size: 32px;
}
.program-header__ccal {
font-size: 14px;
margin-bottom: 5px;
}
}
@media (max-width: 768px) {
.program-header {
padding: 16px 8px;
margin-right: -7px;
margin-left: -7px;
}
.program-header--active .program-header__list {
visibility: visible;
opacity: 1;
box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.09);
transition: opacity 0.2s;
}
.program-header--active .program-header__ccal-wrap {
opacity: 0;
transition: opacity 0.2s;
}
.program-header__container {
margin-bottom: 32px;
}
.program-header__title-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
padding-right: 35px;
margin-bottom: 0;
width: 100%;
font-size: 32px;
}
.program-header__title {
margin-right: 10px;
}
.program-header__title-ccal {
font-size: 14px;
margin-top: auto;
line-height: 1.4;
}
.program-header__title-ccal-number {
line-height: 1;
}
.program-header__list {
flex-direction: column;
visibility: hidden;
opacity: 0;
position: absolute;
padding: 8px;
margin-left: -7px;
top: 100%;
width: 100%;
z-index: 10;
background-color: #ffffff;
border-top: 1px solid rgba(0, 0, 0, 0.1);
transition: opacity 0.2s;
}
.program-header__item {
padding: 8px 0;
font-size: 16px;
color: #000000;
}
.program-header__item--active {
display: none;
}
.program-header__ccal {
margin-bottom: 2px;
}
.program-header__button {
display: flex;
position: absolute;
align-items: center;
padding: 0;
right: 10px;
top: 0;
bottom: 0;
border: none;
background-color: transparent;
outline: none;
}
.program-header__button svg {
transition: transform 0.2s;
}
}
/* ------------- menu-block ------------ */
.menu-block {
display: flex;
flex-direction: column;
position: relative;
padding: 32px 32px 48px 32px;
min-width: 0;
min-height: 522px;
background-color: #F6F6F6;
}
.menu-block__container {
display: flex;
align-items: center;
margin-bottom: 40px;
}
.menu-block__title {
margin: 0;
margin-right: 10px;
font-size: 16px;
font-weight: 500;
}
@media (max-width: 768px) {
.menu-block {
padding-top: 40px;
padding-right: 16px;
padding-left: 16px;
padding-bottom: 10px;
margin-left: -15px;
margin-right: -15px;
}
}
.day-slider {
display: flex;
position: relative;
padding-left: 28px;
padding-right: 28px;
max-height: 61px;
margin-bottom: 29px;
background-color: #ffffff;
overflow: hidden;
}
.day-slider .slick-track {
display: flex;
}
.day-slider .slick-track .day-slider__item:first-child:after {
display: none;
}
.day-slider .slick-arrow {
position: absolute;
top: 27px;
z-index: 10;
background-color: #FFFFFF;
}
.day-slider .slick-next {
right: 7px;
}
.day-slider .slick-prev {
left: 2px;
}
.day-slider__item {
position: relative;
display: block;
}
.day-slider__item--active::before {
position: absolute;
content: '';
width: 75%;
height: 4px;
bottom: 0;
left: 12%;
background-color: #D0E939;
}
.day-slider__item::after {
position: absolute;
content: '';
width: 1px;
height: 29px;
top: 14px;
background-color: rgba(0, 0, 0, 0.3);
}
.day-slider__link {
display: block;
padding: 11px 24px;
text-decoration: none;
}
.day-slider__day,
.day-slider__date {
display: block;
font-size: 14px;
line-height: 1;
}
.day-slider__day {
margin-bottom: 4px;
color: #b3b3b3;
}
.day-slider__date {
font-weight: 500;
color: #000000;
}
@media (max-width: 1250px) {
.day-slider__link {
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 1024px) {
.day-slider__item::after {
top: 10px;
height: 22px;
}
}
@media (max-width: 768px) {
.day-slider {
margin-right: -15px;
margin-left: -15px;
}
.day-slider .slick-arrow {
top: 6px;
transform: scale(0.8);
}
.day-slider__item::after {
top: 9px;
}
.day-slider .slick-prev {
left: -2px;
}
.day-slider .slick-next {
right: -1px;
}
.day-slider__day {
margin-bottom: 6px;
font-size: 10px;
}
.day-slider__date {
font-size: 9px;
}
.day-slider__link {
padding-left: 7px;
padding-right: 7px;
}
}
/* ------------- calendar ------------- */
.calendar {
display: flex;
flex-direction: column;
padding: 32px 32px 48px 32px;
min-height: 522px;
background-color: #F6F6F6;
}
.calendar .menu-block__container {
margin-bottom: 15px;
}
.calendar .menu-tabs-nav,
.calendar .day-calendar,
.calendar .program-days {
display: flex;
flex-direction: column;
height: 100%;
}
.calendar .nav-item {
margin-right: 32px;
}
.calendar .tab-content {
flex-grow: 1;
}
.calendar .tab-pane,
.calendar .program-days {
height: 100%;
}
.calendar .btn {
width: 100%;
height: 48px;
}
@media (max-width: 768px) {
.calendar {
padding: 25px 15px 40px 15px;
margin-right: -15px;
margin-left: -15px;
}
}
/* ------------------- meal-slider --------------- */
.meal-slider {
display: flex !important;
}
.meal-slider .slick-track {
display: flex;
}
.meal-slider .slick-arrow {
position: absolute;
width: 40px;
height: 40px;
top: 135px;
z-index: 10;
background-color: #FFFFFF;
border-radius: 50%;
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.06);
}
.meal-slider .slick-prev {
left: -13px;
}
.meal-slider .slick-next {
left: 39%;
right: unset;
}
.meal-slider .slick-next:before,
.meal-slider .slick-next:after {
right: 11px;
}
.meal-slider .slick-next:before,
.meal-slider .slick-prev:before {
top: 14px;
}
.meal-slider .slick-next:after,
.meal-slider .slick-prev:after {
bottom: 14px;
}
.meal-slider .slick-prev:before,
.meal-slider .slick-prev:after {
right: 13px;
}
.meal-slider__slide {
display: flex;
max-height: 290px;
}
.meal-slider__img-wrap {
width: 42%;
}
.meal-slider__img {
width: 100%;
height: auto;
object-fit: cover;
}
.meal-slider__description {
padding: 15px 42px;
width: 58%;
}
.meal-slider__crumbs {
display: flex;
margin-top: 0;
margin-bottom: 32px;
padding-left: 0;
list-style: none;
}
.meal-slider__crumbs-item {
position: relative;
font-size: 14px;
color: rgba(0, 0, 0, 0.4);
line-height: 1;
}
.meal-slider__crumbs-item:first-child {
color: #000000;
}
.meal-slider__crumbs-item:not(:last-child) {
margin-right: 18px;
}
.meal-slider__crumbs-item:not(:last-child)::after {
content: "";
position: absolute;
right: -9px;
top: 7px;
width: 2px;
height: 2px;
background-color: #000000;
border-radius: 50%;
}
.meal-slider__text {
margin-top: 0;
margin-bottom: 24px;
font-size: 18px;
font-weight: 500;
}
.meal-slider__ccal {
margin: 0;
font-size: 12px;
line-height: 1;
color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 1200px) {
.meal-slider .slick-arrow {
top: 10vw;
}
}
@media (max-width: 1024px) {
.meal-slider__slide {
max-height: 320px;
}
.meal-slider .slick-arrow {
top: 14vw;
}
}
@media (max-width: 1024px) {
.meal-slider .slick-arrow {
top: 14vw;
}
}
@media (max-width: 768px) {
.meal-slider__slide {
flex-direction: column;
max-height: unset;
width: 80vw;
opacity: 0.3;
transition: 0.2s;
}
.meal-slider__slide.slick-current {
opacity: 1;
transition: 0.2s;
}
.meal-slider__slide.slick-current .meal-slider__description {
opacity: 1;
transition: 0.2s;
}
.meal-slider__img-wrap,
.meal-slider__description {
width: 100%;
}
.meal-slider__description {
padding-left: 0;
padding-right: 0;
padding-top: 25px;
opacity: 0;
transition: 0.2s;
}
.meal-slider .slick-arrow {
top: 32vw;
}
.meal-slider .slick-next {
left: 79%;
}
}
@media (max-width: 400px) {
.meal-slider {
max-height: 420px;
}
}
/* ------------------- meal-slider-preview --------------- */
.meal-slider-preview {
display: flex;
position: absolute;
width: 51%;
right: 27px;
top: 371px;
background-color: #F6F6F6;
border-radius: 8px;
}
.meal-slider-preview__slide {
position: relative;
opacity: 0.3;
}
.meal-slider-preview__slide--pd {
padding-right: 50px;
}
.meal-slider-preview__slide {
display: flex;
}
.meal-slider-preview__img {
max-width: 110px;
margin-right: 12px;
width: 100%;
height: auto;
max-height: 90px;
object-fit: cover;
/*Фикс для нормальной работы обновления меню по js*/
width: 110px;
height: 90px;
}
.meal-slider-preview__text {
position: absolute;
right: -25px;
top: 0;
bottom: 0;
margin: auto;
transform: rotate(270deg);
font-size: 12px;
}
.meal-slider-preview__slide--pd::before {
content: "";
position: absolute;
width: 1px;
height: 100%;
right: 9px;
background-color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 1200px) {
.meal-slider-preview__slide--pd {
padding-right: 4vw;
}
}
@media (max-width: 768px) {
.meal-slider-preview {
display: none;
}
}
/* ------------ program-days ------------ */
.program-days__list {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 7px;
padding-left: 0;
margin-top: 16px;
list-style: none;
}
.program-days__item {
background-color: #FFFFFF;
}
.program-days__item label {
display: block;
padding: 14px 14px 15px 16px;
width: 100%;
height: 100%;
cursor: pointer;
}
.program-days__item input[type=radio] {
display: none;
}
.program-days__item input[type=radio]:checked + label {
background: #D0E939;
}
.program-days__day,
.program-days__price {
display: block;
line-height: 1;
}
.program-days__day {
margin-bottom: 9px;
font-size: 14px;
font-weight: 500;
}
.program-days__price {
font-size: 12px;
color: rgba(0, 0, 0, 0.4);
}
.program-days__icon {
margin-right: 10px;
}
.program-days__container {
margin-top: auto;
}
.program-days__text-container {
display: flex;
align-items: center;
margin-bottom: 13px;
}
.program-days__text {
margin: 0;
font-size: 14px;
}
/* ------------- datepicker ------------ */
.datepicker {
position: relative;
}
.ui-state-hover {
border: none;
background: none;
}
.ui-datepicker.ui-widget.ui-widget-content {
max-width: 300px;
border: none;
background-color: #F6F6F6;
}
.ui-widget-header {
position: absolute;
width: 100%;
background: transparent;
border: none;
}
.ui-datepicker-title {
margin: 0;
margin-bottom: 15px;
text-align: left;
}
.ui-datepicker-month,
.ui-datepicker-year {
font-size: 16px;
font-weight: 700;
text-transform: none ;
}
.ui-datepicker.ui-widget .ui-datepicker-next {
right: -7px;
-webkit-user-select: none;
}
.ui-datepicker.ui-widget .ui-datepicker-prev {
left: unset;
right: 18px;
}
.ui-icon-circle-triangle-e {
background: url('arrow-right.svg') !important;
background-repeat: no-repeat !important;
cursor: pointer;
}
.ui-icon-circle-triangle-w {
background: url('arrow-left.svg') !important;
background-repeat: no-repeat !important;
cursor: pointer;
}
.ui-icon {
width: 20px;
height: 20px;
}
.ui-datepicker.ui-widget table {
margin-top: 30px;
}
.ui-datepicker.ui-widget thead {
margin-bottom: 10px;
}
.ui-datepicker-calendar thead th {
padding-bottom: 10px;
font-size: 9px;
font-weight: 400;
color: #333333;
opacity: 0.4;
text-align: left;
}
.ui-datepicker-calendar thead th span {
display: block;
margin-bottom: -5px;
}
.ui-state-default, .ui-widget-content .ui-state-default {
border: none;
}
.ui-widget .ui-state-default,
.ui-widget td a {
position: absolute;
width: 100%;
height: 100%;
top: -3px;
text-align: left;
background-color: transparent;
}
.ui-datepicker.ui-widget td {
position: relative;
border: 1px solid #E6E6E6;
height: 36px;
font-size: 10px;
}
.ui-datepicker-calendar {
table-layout: fixed;
}
/* .datepicker .ui-datepicker-current-day {
background-color: #D0E939;
} */
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
background-color: #D0E939;
}
.ui-widget-content .ui-state-active {
color: #000000;
}
@media (max-width: 1024px) {
.datepicker {
margin: 0 auto;
}
.ui-datepicker-prev {
right: unset;
left: 320px;
}
.ui-datepicker-next {
left: 350px;
right: unset;
}
}
@media (max-width: 768px) {
.datepicker {
margin-left: 0;
}
}
@media (max-width: 400px) {
.ui-datepicker-prev {
right: 27px;
left: unset;
}
.ui-datepicker-next {
right: -3px;
left: unset;
}
}
/* -------------- program-features ----------------- */
.program-features {
margin-bottom: 88px;
}
.program-features__wrap {
max-width: 1275px;
}
.program-features__title {
margin-top: 0;
margin-bottom: 49px;
font-size: 32px;
font-weight: 700;
}
.program-features__text-bold {
margin-top: 0;
margin-bottom: 0;
max-width: 1150px;
font-size: 24px;
font-weight: 500;
line-height: 1.4;
}
.program-features__text-bold:not(:last-child) {
margin-bottom: 56px;
}
.program-features__container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 130px;
}
.program-features__text{
margin: 0;
line-height: 1.7;
}
.program-features__text:not(:last-child) {
margin-bottom: 32px;
}
.program-features__list {
margin: 0;
padding-left: 17px;
}
.program-features__list:not(:last-child) {
margin-bottom: 32px;
}
.program-features__item {
line-height: 1.7;
}
.program-features__item:not(:last-child) {
margin-bottom: 13px;
}
@media (max-width: 1150px) {
.program-features__container {
grid-gap: 60px;
}
}
@media (max-width: 768px) {
.program-features {
margin-bottom: 48px;
}
.program-features__container {
grid-template-columns: 1fr;
grid-gap: 40px;
}
.program-features__title {
font-size: 20px;
margin-bottom: 24px;
}
.program-features__text-bold {
font-size: 18px;
}
.program-features__text-bold:not(:last-child) {
margin-bottom: 40px;
}
}
/* ------------- footer -------------- */
.footer {
position: relative;
margin-top: 100px;
padding-top: 73px;
background-color: #000;
color: #FFFFFF;
}
.footer > .container {
padding-bottom: 56px;
}
.footer a {
text-decoration: none;
}
.footer-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 20px;
}
.footer__logo {
margin-bottom: 44px;
}
.footer__tel {
margin-bottom: 8px;
font-size: 24px;
font-weight: 700;
color: #FFFFFF;
}
.footer__btn {
margin-bottom: 24px;
padding: 0;
background-color: transparent;
border: none;
border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
line-height: 1.2;
}
.footer__social-link {
margin-top: 48px;
}
.footer__nav-container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 20px;
}
.footer__nav {
list-style: none;
padding: 0;
margin: 0;
}
.footer__nav-item:not(:last-child) {
margin-bottom: 23px;
}
.footer__nav-item-link {
color: #FFFFFF;
line-height: 1;
}
.footer__text {
margin-top: 0;
margin-bottom: 8px;
font-size: 12px;
line-height: 1.3;
}
.footer__connect {
font-size: 14px;
line-height: 1.4;
}
.footer__development img {
margin-right: 16px;
opacity: 0.5;
}
.footer__development span {
font-size: 10px;
line-height: 1;
}
.footer__bottom {
padding: 16px 0;
background-color: #1C1C1C;
}
.footer__bottom .container {
display: grid;
grid-template-columns: 2fr 2fr 1fr 1fr;
}
.footer__bottom-link {
font-size: 12px;
line-height: 12px;
color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 1024px) {
.footer__logo {
width: 150px;
height: 34px;
}
.footer__tel {
font-size: 18px;
}
.footer__nav-item-link {
font-size: 14px;
}
}
@media (max-width: 768px) {
.footer {
margin-top: 80px;
padding-top: 32px;
}
.footer-grid {
grid-template-columns: 1fr;
}
.footer > .container {
padding-bottom: 25px;
}
.footer__top-container {
position: relative;
}
.footer__top-container,
.footer__nav-container {
margin-bottom: 32px;
}
.footer__logo {
margin-bottom: 24px;
}
.footer__logo {
width: 150px;
height: 34px;
}
.footer__tel {
font-size: 18px;
}
.footer__nav-item:not(:last-child) {
margin-bottom: 18px;
}
.footer__nav-item-link {
font-size: 14px;
}
.footer__bottom .container {
grid-template-columns: 1fr;
position: relative;
}
.footer__bottom-link {
margin-bottom: 8px;
}
.footer__bottom-link-year {
position: absolute;
right: 15px;
bottom: 0;
}
}
/* ---------- модалка ---------- */
.site-modal {
visibility: hidden;
position: fixed;
display: flex;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
transition: opacity, 0.2s ease;
opacity: 0;
overflow: auto;
}
.site-modal .cart-program__label {
justify-content: center;
padding-left: 16px;
margin-bottom: 16px;
}
.site-modal .select2-dropdown {
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.09);
}
.site-modal--active {
visibility: visible;
opacity: 1;
transition: opacity, 0.2s ease;;
}
.site-modal .btn {
padding-top: 20px;
padding-bottom: 20px;
}
.site-modal__wrapper {
position: relative;
margin: auto;
z-index: 30;
padding: 48px 64px;
width: 574px;
background-color: white;
}
.site-modal__wrapper .close-button {
position: absolute;
right: 20px;
top: 20px;
width: 32px;
height: 32px;
padding: 0;
background: rgba(196, 196, 196, 0.2);
border-radius: 50%;
border: none;
outline: none;
cursor: pointer;
transition: 0.2s;
}
.site-modal__wrapper .close-button:hover {
opacity: 0.7;
transition: 0.2s;
}
.site-modal__wrapper .close-button img {
display: block;
margin: auto;
}
.site-modal__title {
margin-bottom: 16px;
margin-top: 0;
font-size: 32px;
line-height: 1;
font-weight: 700;
}
.site-modal__sub-title {
margin-bottom: 16px;
margin-top: 0;
font-size: 18px;
line-height: 1.4;
font-weight: 500;
}
.site-modal__text {
margin-bottom: 24px;
margin-top: 0;
line-height: 1.3;
}
.site-modal__restore-pass {
display: block;
font-size: 14px;
text-decoration: none;
color: #000000;
text-align: center;
}
.site-modal__agree {
margin: 0;
font-size: 12px;
line-height: 1.3;
text-align: center;
}
.site-modal__agree-link {
align-self: center;
margin-top: 24px;
text-decoration: none;
color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 768px) {
.site-modal__wrapper {
width: 100%;
min-height: 100%;
padding: 67px 16px 16px 16px;
}
}
/* ----------- форма ----------- */
.site-form {
display: flex;
flex-direction: column;
margin-bottom: 24px;
}
.site-form__wrap {
position: relative;
}
.site-form__wrap:not(:last-child) {
margin-bottom: 16px;
}
.site-form__placeholder {
position: absolute;
color: #999999;
line-height: 1;
top: 21px;
left: 21px;
transition: 0.2s;
pointer-events: none;
}
.site-form__wrap--active .site-form__placeholder {
transform: translateY(-12px);
font-size: 12px;
transition: 0.2s;
}
.site-form__wrap--active input {
padding-bottom: 0;
}
.site-form__wrap--active textarea {
padding-top: 25px;
}
.site-form__show-pass {
position: absolute;
background: none;
border: none;
padding: 5px;
right: 15px;
top: 10px;
}
.site-form__icon {
position: absolute;
right: 17px;
top: 16px;
}
.error-form .error-text {
opacity: 1;
transition: 0.2s;
}
.site-form__input {
min-height: 56px;
}
.error-form .site-form__input {
padding-bottom: 0px;
border: 1px solid #EA0606;
background-color: rgba(234, 6, 6, 0.03);
}
.error-form .site-form__placeholder {
transform: translateY(8px);
transition: 0.2s;
}
.error-text {
opacity: 0;
position: absolute;
top: 8px;
left: 21px;
color: rgba(234, 6, 6, 0.4);
font-size: 12px;
line-height: 1;
transition: 0.2s;
}
/* ----------- форма регистрации в модалке ----------- */
.login-modal .nav-item {
margin-right: 32px;
}
.login-modal .nav-item a {
line-height: 1;
}
.login-modal .nav-tabs {
margin-bottom: 22px;
}
/* ----------- аккордеон на странице сертификатов ----------- */
.certificate-accordion {
border-top: 1px solid rgba(0, 0, 0, .1);
}
.certificate-accordion .accordion__title {
padding: 32px 0;
}
.certificate-accordion .arrow-there {
right: 0;
}
.certificate-accordion .accordion__content {
padding-left: 0;
}
.certificate-accordion .accordion__item {
background-color: transparent;
}
.certificate-accordion .list {
margin-bottom: 24px;
}
/* --------------- anchor --------------- */
.anchor {
position: relative;
}
.anchor__id {
position: absolute;
top: -50px;
}
@media (max-width: 768px) {
.anchor__id {
position: absolute;
top: -65px;
}
}
/* --------------- main-page -------------- */
.main-page .site-banner {
margin-bottom: 100px;
}
.main-page .how {
margin-bottom: 112px;
}
.main-page .programs {
margin-bottom: 64px;
}
.main-page .programs .video {
order: 100;
display: flex;
padding: 16px 16px 24px;
background-color: rgb(246, 246, 246);
grid-column-start: 2;
grid-column-end: 5;
}
@media (max-width: 1100px) {
.main-page .programs .video {
grid-column-start: 1;
grid-column-end: 3;
}
}
@media (max-width: 768px) {
.main-page .programs .video {
flex-direction: column;
justify-content: center;
grid-column-start: 2;
grid-column-end: 2;
}
}
@media (max-width: 500px) {
.main-page .programs .video {
flex-direction: column;
justify-content: center;
grid-column-start: 1;
grid-column-end: 1;
}
}
.main-page .programs .video .title {
min-width: 35%;
padding-right: 24px;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 768px) {
.main-page .programs .video .title {
text-align: center;
margin-bottom: 12px;
}
}
.main-page .programs .video .title span {
font-size: 16px;
font-weight: 500;
}
.main-page .programs .video .wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.main-page .programs .video video {
aspect-ratio: 1918 / 1080;
}
.main-page .about {
margin-bottom: 82px;
}
.main-page .our-work,
.main-page .our-work {
margin-bottom: 53px;
}
.main-page .about-us,
.main-page .reviews,
.main-page .sc-inst {
margin-bottom: 120px;
}
.main-page__title {
margin-top: 47px;
margin-bottom: 48px;
font-size: 64px;
font-weight: 700;
line-height: 1.2;
}
.main-page__sub-title {
font-size: 40px;
font-weight: 700;
margin-bottom: 56px;
}
@media (max-width: 768px) {
.main-page .site-banner {
margin-bottom: 44px;
}
.main-page__title {
font-size: 40px;
line-height: 1.1;
}
.main-page__sub-title {
font-size: 24px;
margin-bottom: 40px;
}
.main-page .main-page__sub-title {
margin-bottom: 20px;
}
.main-page .how,
.main-page .about-us,
.main-page .our-work,
.main-page .sc-inst {
margin-bottom: 80px;
}
.main-page .reviews {
margin-bottom: 115px;
}
}
/* -------------- how -------------- */
.how__list {
display: flex;
flex-wrap: wrap;
margin-left: -40px;
margin-bottom: -32px;
padding: 0;
list-style: none;
}
.how__item {
margin-left: 48px;
margin-bottom: 32px;
max-width: 305px;
}
.how__img {
margin-bottom: 30px;
width: 62px;
height: 62px;
}
.how__text {
margin: 0;
font-weight: 500;
line-height: 1.3;
}
@media (max-width: 768px) {
.how__item {
max-width: unset;
width: 100%;
}
}
/* ------------- about ----------- */
.about {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-gap: 20px;
grid-template-areas:
"first second fourth"
"first third fourth";
}
.about__item.about__item--main {
position: relative;
padding: 40px;
min-height: 470px;
}
.about__img {
width: 100%;
height: auto;
object-fit: contain;
}
.about__img--small {
align-self: center;
margin-top: 10px;
}
.about__img-wrap {
display: flex;
justify-content: end;
position: absolute;
margin-bottom: -8px;
width: 52%;
max-height: 470px;
bottom: 8px;
right: 4%;
}
.about__item--main .about__text {
max-width: 280px;
}
.about__item {
display: flex;
padding: 32px 24px;
background-color: #F6F6F6;
}
.about__item:not(.about__item--main) {
flex-direction: column;
justify-content: space-between;
}
.about__item:nth-child(1) {
grid-area: first;
}
.about__item:nth-child(2) {
grid-area: second;
}
.about__item:nth-child(3) {
grid-area: third;
}
.about__item:nth-child(4) {
grid-area: fourth;
padding-bottom: 20px;
}
.about__wrapper {
display: flex;
flex-direction: column;
width: 54%;
}
.about__title {
margin-top: 0;
margin-bottom: 40px;
max-width: 370px;
font-size: 24px;
font-weight: 700;
line-height: 1.3;
}
.about__subtitle {
margin-top: 0;
margin-bottom: 10px;
font-size: 18px;
font-weight: 500;
line-height: 1.3;
}
.about__title span {
color: #999999;
}
.about__text {
margin: 0;
color: #999999;
}
.about__creator {
max-width: 250px;
margin-top: auto;
margin-bottom: 0;
color: #999999;
font-size: 12px;
line-height: 1.5;
}
.about__creator span {
display: block;
margin-bottom: 8px;
font-size: 14px;
line-height: 1;
color: #000000;
font-weight: 500;
}
@media (max-width: 1300px) {
.about {
grid-template-columns: 2fr 2fr;
grid-template-areas:
"first first"
"second fourth"
"third fourth";
}
.about__img--small {
width: 60%;
}
}
@media (max-width: 768px) {
.about {
display: block;
}
.about__item:not(:last-child) {
margin-bottom: 24px;
}
.about__item.about__item--main {
min-height: unset;
padding: 24px 32px;
}
.about__item--main .about__text {
margin-bottom: 24px;
}
.about__wrapper {
width: 100%;
}
.about__title {
margin-bottom: 16px;
font-size: 20px;
}
.about__img-wrap {
position: absolute;
width: 30%;
}
.about__creator {
max-width: 200px;
}
.about__creator,
.about__creator span {
font-size: 10px;
}
.about__img--small {
width: 100%;
}
}
/* -------------------- our-work --------------------- */
.our-work__container {
display: flex;
}
.our-work__wrapper {
width: 55%;
}
.our-work__list {
margin: 0;
padding: 0;
list-style: none;
}
.our-work__item {
display: flex;
}
.our-work__number-wrap {
position: relative;
margin-right: 32px;
}
.our-work__item:not(:last-child) .our-work__number-wrap::after {
position: absolute;
content: '';
margin: auto;
width: 1px;
height: 100%;
top: 0;
left: 0;
right: 0;
z-index: -1;
background-color: #f2f2f2;
}
.our-work__number {
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
border-radius: 50%;
font-weight: 500;
text-align: center;
background-color: #f2f2f2;
}
.our-work__text-wrap {
padding-top: 5px;
padding-bottom: 0;
}
.our-work__item:not(:last-child) .our-work__text-wrap {
padding-bottom: 53px;
}
.our-work__subtitle {
margin-top: 0;
margin-bottom: 8px;
}
.our-work__text {
margin: 0;
max-width: 470px;
color: rgba(0, 0, 0, 0.4);
}
.our-work__img-wrap {
margin-top: -120px;
width: 45%;
}
.our-work__img {
width: 100%;
height: auto;
object-fit: cover;
}
@media (max-width: 1300px) {
.our-work__img-wrap {
margin-top: -100px;
}
}
@media (max-width: 768px) {
.our-work__container {
flex-direction: column;
}
.our-work__wrapper {
width: 100%;
}
.our-work__item:not(:last-child) .our-work__text-wrap {
padding-bottom: 16px;
}
.our-work__img-wrap {
order: -1;
width: 75%;
margin-top: 0;
margin-bottom: 20px;
}
}
/* -------------- about-production -------------- */
.about-production {
padding-top: 120px;
padding-bottom: 60px;
background-color: #F6F6F6;
}
.about-production .main-page__sub-title {
margin-top: 0;
}
.about-production__text-wrap {
display: flex;
margin-bottom: 72px;
}
.about-production__text {
width: 43%;
line-height: 1.7;
margin: 0;
}
.about-production__text:first-child {
margin-right: 10%;
}
.about-production__img {
width: 100%;
height: auto;
}
@media (max-width: 768px) {
.about-production {
padding-top: 80px;
padding-bottom: 32px;
}
.about-production__text-wrap {
display: block;
margin-bottom: 40px;
}
.about-production__text {
width: 100%;
}
.about-production__text:first-child {
margin-right: 0;
margin-bottom: 27px;
}
}
/* -------------- about-us -------------- */
.about-us {
padding-top: 60px;
padding-bottom: 120px;
background-color: #F6F6F6;
}
.about-us .main-page__sub-title {
margin: 0;
}
.about-us__wrapper {
display: flex;
justify-content: space-between;
margin-bottom: 68px;
}
.about-us__contacts {
display: flex;
}
.about-us__contacts-wrap {
display: flex;
flex-direction: column;
margin-left: 60px;
line-height: 1.7;
}
.about-us__link {
color: #000000;
text-decoration: none;
}
.about-us__brand-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
margin-top: -20px;
margin-bottom: 0;
padding: 0;
}
.about-us__item {
display: flex;
justify-content: center;
align-items: center;
min-height: 126px;
width: 15.5%;
background-color: #ffffff;
margin-top: 20px;
}
@media (max-width: 1024px) {
.about-us__item {
width: 32%;
}
}
@media (max-width: 768px) {
.about-us {
padding-bottom: 80px;
padding-top: 30px;
}
.about-us__wrapper {
flex-direction: column;
margin-bottom: 32px;
}
.about-us__wrapper .main-page__sub-title {
margin-bottom: 32px;
}
.about-us__contacts {
flex-direction: column;
}
.about-us__contacts > span {
margin-bottom: 16px;
}
.about-us__contacts-wrap {
margin-left: 0;
}
.about-us__brand-list {
margin-top: -9px;
}
.about-us__item {
margin-top: 9px;
width: 49%;
}
}
/* ------------- reviews ------------- */
.reviews .main-page__sub-title {
margin-top: 0;
}
/* ------------ review-card ------------ */
.review-card {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 10px;
}
.review-card__img {
margin-bottom: -100px;
z-index: 1;
width: 150px;
height: 150px;
border-radius: 50%;
border: 9px solid #FFFFFF;
}
.review-card__wrapper {
width: 100%;
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 117px 19px 32px 19px;
background-color: #F6F6F6;
text-align: center;
}
.review-card__title {
margin-top: 0;
margin-bottom: 16px;
font-weight: 500;
}
.review-card__text {
margin-top: 0;
margin-bottom: 32px;
}
.review-card__time {
margin-top: auto;
font-size: 14px;
color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 768px) {
.review-card__wrapper {
padding: 97px 12px 24px 12px;
}
.review-card__img {
margin-bottom: -80px;
width: 116px;
height: 116px;
border: 7px solid #FFFFFF;
}
.review-card__title {
font-size: 14px;
}
.review-card__text {
font-size: 14px;
}
.review-card__time {
font-size: 12px;
}
}
/* --------------- sc-inst --------------- */
.sc-inst .btn {
min-width: 204px;
}
.sc-inst__wrapper {
margin-bottom: 50px;
}
.sc-inst__wrapper,
.sc-inst__title-wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
.sc-inst__title {
margin: 0;
font-size: 24px;
line-height: 1;
font-weight: 700;
}
.sc-inst__icon {
margin-right: 17px;
}
.sc-inst__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
list-style: none;
margin: 0;
padding: 0;
}
.sc-inst__img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sc-inst__loader {
width: 100%;
height: 300px;
animation: sc-inst__loader 1.2s infinite cubic-bezier(0.33, 1, 0.68, 1);
background-color: #F6F6F6;
}
.sc-inst__list > *:nth-child(2) {
animation-delay: 260ms;
}
.sc-inst__list > *:nth-child(3) {
animation-delay: 520ms;
}
.sc-inst__list > *:nth-child(4) {
animation-delay: 780ms;
}
@keyframes sc-inst__loader {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
@media (max-width: 768px) {
.sc-inst__wrapper {
margin-bottom: 32px;
}
.sc-inst__list {
grid-template-columns: repeat(2, 1fr);
grid-gap: 9px;
margin-bottom: 32px;
}
}
/* ------------ partner-card ----------- */
.partner-card {
display: flex;
align-items: center;
justify-content: center;
padding: 45px 15px;
max-height: 126px;
background-color: #F6F6F6;
}
.partner-card__img {
width: 100%;
max-height: 33px;
object-fit: contain;
}
@media (max-width: 768px) {
.partner-card {
padding: 20px 15px;
max-height: 62px;
}
.partner-card__img {
max-height: 17px;
}
.recommend-slider .partner-card {
width: 42vw;
}
}
/* ------------ cart ----------- */
.cart .sticky-wrapper {
margin-bottom: 128px;
}
.cart__container {
width: 74.6%;
}
.cart__section {
position: relative;
}
.cart__container > .cart__section:not(:last-child) {
margin-bottom: 80px;
}
.sticky-block .cart-overall {
margin-bottom: 16px;
}
.sticky-block .tips {
margin-top: 16px;
padding: 24px 8px 24px 16px;
border: 1px solid rgb(230, 230, 230);
}
.sticky-block .tips a {
font-size: 14px;
color: rgb(0, 0, 0);
text-decoration: underline;
}
.cart__title {
margin-top: 0;
margin-bottom: 32px;
font-weight: 500;
color: rgba(0, 0, 0, 0.4);
}
.cart__recommend .menu-tabs-nav {
margin-top: -30px;
}
.cart__recommend .nav-tabs {
margin-bottom: 41px;
margin-left: 350px;
}
.cart__recommend .nav-item:not(:last-child) {
margin-right: 32px;
}
.cart__recommend .recommend-slider {
margin-left: -20px;
}
@media (max-width: 1024px) {
.cart .sticky-container {
margin-bottom: 48px;
}
.cart__container {
width: 100%;
}
}
@media (max-width: 768px) {
.cart .sticky-wrapper {
margin-bottom: 80px;
}
.cart__programs {
margin-bottom: 64px;
}
.cart__recommend .menu-tabs-nav {
margin-top: 32px;
}
.cart__recommend .nav-tabs {
margin-left: 0;
margin-bottom: 21px;
}
.cart__recommend .recommend-slider {
margin-left: -16px;
margin-right: -16px;
}
}
/* ------------ sticky-block ----------- */
.sticky-wrapper {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.sticky-container {
width: 24%;
padding-top: 57px;
}
.sticky-block {
position: sticky;
top: 200px;
}
.sticky-block--fix {
position: fixed;
top: 159px;
}
@media (max-width: 1024px) {
.sticky-wrapper {
flex-direction: column;
}
.sticky-container {
width: 100%;
padding-top: 0;
}
}
/* ------------ cart-program -------------- */
.cart-program {
padding: 28px 32px 30px 32px;
/* width: 74.8%; */
background-color: #F6F6F6;
}
.cart-program:not(:last-child) {
margin-bottom: 24px;
}
.cart-program p {
margin-top: 0;
margin-bottom: 16px;
line-height: 1;
}
.cart-program__head {
display: flex;
padding-bottom: 25px;
border-bottom: 1px solid #e6e6e6;
}
.cart-program__head-wrap {
display: flex;
width: 100%;
}
.cart-program__img-wrap {
display: flex;
margin-right: 11%;
}
.cart-program__text-big {
margin: 0;
font-size: 20px;
font-weight: 500;
line-height: 1;
}
h3.cart-program__text-big {
margin-bottom: 8px;
}
.cart-program__text-small {
font-size: 12px;
color: #999999;
line-height: 1;
}
.cart-program__img {
margin-right: 14px;
object-fit: cover;
}
.cart-program__head-text-wrap {
display: flex;
justify-content: space-between;
align-items: center;
margin-right: 20px;
width: 82%;
}
.cart-program__button {
margin-left: auto;
background: none;
border: none;
padding: 0;
width: 20px;
height: 20px;
}
.cart-program__button img {
width: 27px;
height: 27px;
}
.cart-program__body {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3.5%;
padding-top: 24px;
}
.cart-program__input-wrap {
display: flex;
}
.cart-program__input-wrap--time .cart-program__label {
justify-content: center;
}
.cart-program__input-wrap:first-of-type {
margin-bottom: 24px;
}
.cart-program__input-container {
position: relative;
width: 100%;
}
.cart-program__label:not(:last-child),
.cart-program__input-container:not(:last-child) {
margin-right: 6px;
}
.cart-program .cart-program__label {
padding: 9px 5px 9px 14px;
background-color: transparent;
}
@media (min-width: 768px) {
.cart-program .cart-program__label.w33p {
width: calc(100% / 3);
}
}
.cart-program input[type="checkbox"] {
display: none;
}
.cart-program__input-wrap input[type="checkbox"]:checked + label {
background: #FFFFFF;
border: 1px solid #D0E939;
transition: 0.2s;
}
.cart-program__input-wrap input[type="checkbox"]:checked + label .cart-program__input-check {
opacity: 1;
transition: 0.2s;
}
.cart-program__label {
display: flex;
flex-direction: column;
flex-wrap: wrap;
position: relative;
min-height: 56px;
width: 100%;
border: 1px solid #e6e6e6;
cursor: pointer;
transition: 0.2s;
line-height: 1.15;
font-size: 14px;
user-select: none;
}
.cart-program__label--active .cart-program__time {
margin-bottom: 6px;
font-size: 12px;
}
.cart-program__label--active .cart-program__date {
display: block;
}
.cart-program__label--one-line {
flex-direction: row;
align-items: center;
}
.cart-program__label .datepicker {
position: absolute;
top: 55px;
left: -1px;
width: 300px;
z-index: -1;
opacity: 0;
transition: 0.2s;
}
.cart-program__label .ui-datepicker {
width: 100%;
}
.cart-program__label .ui-datepicker-next {
left: unset;
}
.cart-program__label--show .datepicker {
z-index: 2;
opacity: 1;
transition: 0.2s;
}
.cart-program__label .datepicker .ui-widget .ui-state-default {
top: 5px;
}
.cart-program__label .cart-program__text-small {
margin-top: 15px;
}
.cart-program__label--delivery .select2 {
position: absolute;
width: 100% !important;
height: 100%;
left: 0;
opacity: 0;
}
.cart-program__label--delivery .select2-dropdown {
border: none;
}
.cart-program__label--delivery .select2-container {
z-index: 3;
}
.cart-program__label--delivery .select2-selection {
height: 100%;
}
.cart-program__input-icon {
margin-top: 11px;
}
.cart-program__label--one-line .cart-program__label-text,
.cart-program__label--one-line .cart-program__text-small {
line-height: 1.5;
}
.cart-program__label--one-line .cart-program__text-small {
margin-top: 0;
}
.cart-program__label-text {
margin-right: 8px;
}
.cart-program__input-check {
position: absolute;
top: 10px;
right: 12px;
opacity: 0;
transition: 0.2s;
}
.cart-program__time {
font-size: 16px;
color: #999999;
}
.cart-program__input-time-img {
position: absolute;
content: "";
right: 6%;
}
.cart-program__date {
display: none;
}
.cart-program__select-container {
position: relative;
min-height: 56px;
}
.cart-program__selected-exeptions {
position: relative;
z-index: -1;
position: absolute;
right: 10%;
top: 12px;
padding-left: 20px;
background-color: #F6F6F6;
}
.cart-program__selected-exeptions::before {
content: '';
position: absolute;
width: 1px;
height: 100%;
left: 10px;
background-color: #e6e6e6;
}
.cart-program__selected-count {
display: block;
padding: 9px;
font-size: 14px;
line-height: 1;
background-color: #ffffff;
}
.cart-program__select-container--active .cart-program__selected-exeptions {
z-index: 2;
}
.select2-container--open + .cart-program__selected-exeptions {
z-index: -1;
}
.cart-program__select-container .select2 {
width: 100% !important;
z-index: 1;
border: 1px solid #e6e6e6;
}
.cart-program__select-container .select2::before {
position: absolute;
content: '';
width: 20px;
height: 10px;
z-index: 1;
top: 21px;
right: 18px;
pointer-events: none;
transition: 0.2s;
background: url('../../../../../assets/img-static/icons/arrow-down.svg');
}
.cart-program__select-container .select2-container--open.select2::before {
transform: rotate(180deg);
transition: 0.2s;
}
.select2-container {
z-index: 2;
}
.cart-program__select-container .select2.select2-container--open {
border-bottom: none;
z-index: 1;
}
.cart-program__select-container .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
width: 2px;
background-color: transparent;
}
.cart-program__select-container .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
background-color: #000000;
border-radius: 4px;
}
.cart-program__select-container .select2-container .select2-selection__rendered {
display: flex;
position: absolute;
margin: 0;
top: 12px;
}
.cart-program__select-container .select2-container--open .select2-selection {
overflow: visible;
width: 100%;
}
.cart-program__select-container .select2-container--open .select2-selection__rendered {
display: none;
position: absolute;
padding: 16px;
padding-bottom: 8px;
width: 100%;
top: 54px;
left: 0;
background-color: #ffffff;
z-index: 1100;
}
.cart-program__select-container .select2-container--open .select2-selection__rendered::before {
position: absolute;
content: "";
width: 93%;
left: 16px;
top: 0;
height: 1px;
background-color: #e6e6e6;
}
.cart-program__select-container .select2-container--default.select2-container--focus .select2-selection--multiple,
.cart-program__select-container .select2-container--default .select2-selection--multiple {
border: none;
}
.cart-program__select-container .select2-container--default.select2-container--open .select2-selection--multiple {
background-color: #ffffff;
border: none;
}
.cart-program__select-container .select2-container--default .select2-selection--multiple {
background-color: #F6F6F6;
border-radius: 0;
padding-left: 18px;
overflow: hidden;
}
.cart-program__select-container--active .select2-selection--multiple::after {
position: absolute;
content: '';
width: 95px;
height: 100%;
right: 0;
background-color: #F6F6F6;
}
.cart-program__select-container .select2-container--open .select2-selection--multiple {
overflow: visible;
}
.cart-program__select-container .select2-container--open .select2-selection--multiple::after {
background-color: transparent;
}
.cart-program__select-container .select2-container .select2-search--inline .select2-search__field {
margin-top: 18px;
margin-bottom: 13px;
margin-left: 0;
}
.cart-program__select-container .select2-container--open .select2-container {
z-index: 1100;
}
.cart-program__select-container .select2-container--open .select2-selection--active .select2-selection__rendered {
display: block;
}
.cart-program__select-container .select2-container--open .select2-selection--active .select2-selection__rendered::after {
content: '';
position: absolute;
bottom: 0;
width: 93%;
height: 1px;
left: 16px;
background-color: #e6e6e6;
}
.cart-program__select-container .select2-results {
position: absolute;
width: 100%;
padding: 0 6px 0 16px;
background-color: #ffffff;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.09);
}
.cart-program__select-container .select2-results__options {
position: relative;
padding-top: 8px;
}
.cart-program__select-container .select2-container--default .select2-selection--multiple .select2-selection__choice {
display: inline-flex;
flex-direction: row-reverse;
margin-left: 0;
margin-top: 0;
margin-right: 8px;
margin-bottom: 8px;
padding: 9px;
background: #ffffff;
border-radius: 0;
border: none;
font-size: 14px;
line-height: 1;
}
.cart-program__select-container .select2-container--open .select2-selection--multiple .select2-selection__choice {
background: #f2f2f2;
}
.cart-program__select-container .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
position: relative;
padding: 0;
width: 15px;
border: none;
line-height: 1;
}
.cart-program__select-container .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
display: none;
}
.cart-program__select-container .select2-container--default .select2-selection--multiple .select2-selection__choice__remove::before {
position: absolute;
content: "";
width: 15px;
height: 15px;
top: -2px;
left: 0;
background: url('../../../../../assets/img-static/icons/close.svg');
}
.cart-program__select-container .select2-results__option--selectable {
margin-bottom: 2px;
line-height: 1.2;
}
.cart-program__select-container .select2-container--default .select2-results__option--selected {
position: relative;
padding-right: 40px;
width: fit-content;
background-color: #f2f2f2 !important;
color: #000000;
}
.cart-program__select-container .select2-container--default .select2-results__option--selected::before {
position: absolute;
content: "";
width: 15px;
height: 15px;
top: 7px;
right: 10px;
background: url('../../../../../assets/img-static/icons/close.svg');
}
.cart-program__select-container .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: transparent;
color: #000000;
opacity: 0.7;
}
@media (max-width: 1200px) {
.cart-program {
padding: 21px 16px 32px 16px;
}
.cart-program__img-wrap {
margin-right: 5%;
}
.cart-program__body {
grid-gap: 1.5%;
}
.cart-program__container:not(:last-child) {
margin-bottom: 24px;
}
}
@media (max-width: 1024px) {
.cart-program__head {
flex-direction: column;
position: relative;
}
.cart-program__img-wrap {
margin-bottom: 16px;
}
.cart-program__head-text-wrap {
margin-right: 0;
width: 100%;
font-size: 14px;
}
.cart-program__button {
position: absolute;
top: -10px;
right: 10px;
}
.cart-program__body {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.cart-program:not(:last-child) {
margin-bottom: 16px;
}
.cart-program__input-wrap--column {
flex-direction: column;
}
.cart-program__input-wrap--column .cart-program__label:not(:last-child) {
margin-right: 0;
margin-bottom: 6px;
}
.cart-program__input-check {
top: 18px;
transform: scale(1.2);
}
.cart-program__input-wrap--wrap {
flex-wrap: wrap;
}
.cart-program__input-wrap--wrap {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 6px;
}
.cart-program__select-container .select2-container--open .select2-selection--active .select2-selection__rendered {
display: flex;
min-width: 100%;
width: auto;
overflow: auto;
}
.cart-program__select-container .select2-container--open .select2-selection--active {
height: 129px;
margin-bottom: -64px;
}
.cart-program__select-container .select2-container--open .select2-selection {
overflow: auto;
}
.cart-program__select-container .select2::before {
right: 10px;
}
.cart-program__button {
right: 0;
}
}
/* -------------- cart-overall --------------*/
.cart-overall {
position: relative;
padding: 24px;
background-color: #F6F6F6;
line-height: 1;
}
.cart-overall .hidden-block__container {
padding-bottom: 16px;
}
.cart-overall .btn {
display: block;
margin-bottom: 16px;
}
.cart-overall__head {
padding-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.cart-overall__wrapper {
display: flex;
justify-content: space-between;
}
.cart-overall__title {
font-size: 20px;
font-weight: 500;
}
.cart-overall__text-wrap span {
display: block;
max-width: 190px;
}
.cart-overall__text-small {
margin-top: 8px;
color: #999999;
font-size: 12px;
}
.cart-overall__wrapper {
margin-bottom: 16px;
}
.cart-overall__wrapper:last-of-type {
margin-bottom: 0;
}
.cart-overall__container {
margin-bottom: 24px;
}
.cart-overall__input-wrapper {
position: relative;
}
.cart-overall .cart-overall__promo {
background-color: #F6F6F6;
}
.cart-overall__promo::-webkit-input-placeholder {color:#999999;}
.cart-overall__promo::-moz-placeholder {color:#999999;}
.cart-overall__promo:-moz-placeholder {color:#999999;}
.cart-overall__promo:-ms-input-placeholder {color:#999999;}
.cart-overall__apply {
position: absolute;
padding: 0;
padding-left: 4px;
right: 5%;
top: 16px;
border: none;
background: #F6F6F6;
color: black;
line-height: 1.5;
}
.cart-overall__apply:disabled {
color: #d9d9d9;
}
.cart-overall__link {
padding: 0;
margin-top: 8px;
font-size: 14px;
border: none;
background: none;
}
/* -------------- hidden-block ------------ */
.hidden-block {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s;
}
.hidden-block-button .hidden-block-text-hide {
display: none;
}
.hidden-block-button--active .hidden-block-text-hide {
display: initial;
}
.hidden-block-button--active .hidden-block-text-show {
display: none;
}
/* -------------- cart-hint ------------- */
.cart-hint {
display: flex;
padding: 24px 8px 24px 16px;
border: 1px solid #e6e6e6;
}
.cart-hint__img {
width: 24px;
height: 27px;
}
.cart-hint__text {
margin: 0 0 0 4.5%;
line-height: 1.4;
}
/* ------------------- cart-good ------------------ */
.cart-good {
padding: 28px 32px;
background-color: #F6F6F6;
}
.cart-good--single .cart-good__container {
padding-bottom: 0;
}
.cart-good:not(:last-child) {
margin-bottom: 24px;
}
.cart-good__container {
display: flex;
align-items: center;
position: relative;
padding-bottom: 30px;
}
.cart-good__title-wrap {
display: flex;
align-items: center;
width: 40%;
}
.cart-good__img {
margin-right: 6%;
width: 100%;
height: auto;
max-width: 50px;
max-height: 60px;
object-fit: cover;
}
.cart-good__title {
margin-right: 20px;
}
.cart-good__title,
.cart-good__price {
margin: 0;
max-width: 230px;
font-size: 20px;
line-height: 22px;
font-weight: 500;
}
.cart-good__wrapper {
display: flex;
align-items: center;
width: 60%;
}
.cart-good__wrapper .value-counter {
min-width: 108px;
min-height: 36px;
max-width: unset;
width: auto;
}
.cart-good__wrapper .ms2_form {
margin-right: 11%;
}
.cart-good__wrapper .fs-14-mob {
min-width: 90px;
margin-right: 25%;
}
.cart-good__text {
position: relative;
min-width: 90px;
margin: 0;
width: 50%;
padding-left: 32px;
margin-right: 20px;
font-size: 14px;
line-height: 1.3;
}
.cart-good__text::before {
position: absolute;
content: "";
width: 16px;
height: 16px;
top: 4px;
left: 0;
background: url('../../../../../assets/img-static/icons/alert.svg');
}
.cart-good__close {
position: absolute;
width: 20px;
height: 20px;
right: 15px;
top: 10px;
border: 0;
padding: 0;
background: none;
}
.cart-good__close img {
width: 27px;
height: 27px;
}
.cart-good__container--bottom {
padding-bottom: 0;
padding-top: 30px;
border-top: 1px solid #e6e6e6;
}
.cart-good__select-container {
width: 45%;
margin-right: 5%;
}
.cart-good__select-container .select2 {
width: 100% !important;
border: 1px solid #e6e6e6;
}
.cart-good__select-container .select2.select2-container--below {
border: 1px solid #D0E939;
background-color: #ffffff;
}
.cart-good__select-container .select2-container--default .select2-selection--single {
min-height: 56px;
padding-top: 12px;
border-radius: 0;
border: none;
background-color: transparent;
}
.cart-good__select-container .select2-container--default .select2-selection--single .select2-selection__arrow {
display: none;
}
.cart-good__select-container .select2-dropdown {
z-index: 1;
border-color: #e6e6e6;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.09);
}
.cart-good__select-container .select2::before {
position: absolute;
content: '';
width: 20px;
height: 10px;
z-index: 1;
top: 21px;
right: 18px;
pointer-events: none;
transition: 0.2s;
background: url('../../../../../assets/img-static/icons/arrow-down.svg');
}
.cart-good__select-container .select2-container--open.select2::before {
transform: rotate(180deg);
transition: 0.2s;
}
@media (max-width: 1200px) {
.cart-good__wrapper .fs-14-mob {
margin-right: 10%;
}
}
@media (max-width: 1024px) {
.cart-good {
width: 100%;
}
}
@media (max-width: 768px) {
.cart-good {
padding: 25px 16px 32px 16px;
}
.cart-good:not(:last-child) {
margin-bottom: 16px;
}
.cart-good__container {
flex-direction: column;
padding-bottom: 25px;
}
.cart-good__title-wrap,
.cart-good__wrapper,
.cart-good__select-container,
.cart-good__text {
width: 100%;
}
.cart-good__title-wrap {
margin-bottom: 16px;
}
.cart-good__title {
font-size: 16px;
}
.cart-good__wrapper .value-counter {
margin-right: 10%;
margin-right: unset;
transform: scale(0.8);
margin-left: -10px;
}
.cart-good__wrapper .fs-14-mob {
margin-right: unset;
transform: scaleX(-10px);
}
.cart-good__wrapper {
justify-content: space-between;
}
.cart-good__img {
margin-right: 11%;
}
.cart-good__container--bottom {
flex-direction: column-reverse;
padding-top: 25px;
padding-bottom: 0;
}
.cart-good__text {
margin-bottom: 24px;
}
.cart-good__select-container {
margin-right: 0;
}
}
/* --------------- loader --------------- */
.loader {
position: absolute;
top: calc(50% - 8px);
left: calc(50% - 8px);
width: 16px;
height: 16px;
font-size: 10px;
text-indent: -9999em;
border-radius: 50%;
background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
position: relative;
-webkit-animation: load3 1.4s infinite linear;
animation: load3 1.4s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.loader:before {
width: 50%;
height: 50%;
background: #ffffff;
border-radius: 100% 0 0 0;
position: absolute;
top: 0;
left: 0;
content: '';
}
.loader:after {
background: #0dc5c1;
width: 75%;
height: 75%;
border-radius: 50%;
content: '';
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.btn--black .loader:after {
background: #000;
}
.btn.loading {
font-size: 0;
pointer-events: none;
position: relative;
}
@-webkit-keyframes load3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* ---------------- checkout ---------------- */
.checkout a {
text-decoration: none;
}
.checkout .cart-overall .btn {
margin-bottom: 0;
width: 100%;
}
.checkout .sticky-container {
padding-top: 0;
width: 329px;
}
.checkout__form-wrapper {
width: 562px;
}
.checkout__list {
list-style: none;
padding-left: 0;
margin: 0;
}
.checkout__item {
position: relative;
}
.checkout__item .checkout-address {
margin-bottom: 16px;
}
.checkout__item:not(:last-child) {
margin-bottom: 64px;
}
.checkout__title-wrap {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-bottom: 32px;
}
.checkout__title {
margin: 0;
margin-left: -25px;
font-size: 24px;
font-weight: 500;
}
.checkout__text {
padding: 0;
font-size: 14px;
color: #999999;
background: none;
border: none;
}
.checkout__hidden-btn {
display: none;
}
@media (max-width: 1500px) {
.checkout .checkout__title {
margin-left: 0;
}
}
@media (max-width: 1024px) {
.checkout .sticky-container,
.checkout__form-wrapper {
width: 100%;
}
.checkout.sticky-wrapper {
flex-direction: column-reverse;
}
}
@media (max-width: 768px) {
.checkout__form-wrapper {
margin-bottom: 56px;
}
.checkout__item:not(:last-child) {
margin-bottom: 40px;
}
.checkout__title-wrap {
flex-direction: column;
align-items: flex-start;
margin-bottom: 24px;
}
.checkout__title + .checkout__text {
margin-top: 24px;
}
}
/* --------------- checkout-contacts ----------------- */
.checkout-contacts .tooltip {
position: absolute;
right: 15px;
bottom: 30px;
}
.checkout-contacts__wrapper {
display: flex;
flex-direction: column;
min-height: 203px;
}
.checkout-contacts__textarea {
min-height: 203px;
}
/* ---------------- checkbox-list -------------------- */
.checkbox-list {
padding: 0;
margin: 0;
list-style: none;
-webkit-user-select: none;
}
.checkbox-list .tooltip {
margin-left: 2px;
margin-bottom: -3px;
z-index: 1;
}
.checkbox-list__item {
display: flex;
justify-content: space-between;
}
.checkbox-list__item span {
max-width: 85%;
}
.checkbox-list__item:not(:last-child) {
margin-bottom: 24px;
}
@media (max-width: 450px) {
.checkbox-list__item span {
max-width: 80%;
}
}
/* ---------------- checkout-address --------------- */
.checkout-address .btn {
width: 100%;
}
.checkout-address__container {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 16px;
}
.checkout-address__text-area {
min-height: 152px;
}
@media (max-width: 768px) {
.checkout-address__container {
display: block;
margin-bottom: 16px;
}
}
/* --------------- checkbox-switch ---------------- */
.checkbox-switch {
display: none;
}
.checkbox-switch + label {
position: relative;
display: block;
width: 53px;
height: 30px;
background-color: #E6E6E6;
border-radius: 24px;
cursor: pointer;
}
.checkbox-switch:checked + label {
background-color: #D0E939;
transition: 0.2s;
}
.checkbox-switch + label::before {
content: "";
position: absolute;
margin: auto;
width: 20px;
height: 20px;
top: 0;
bottom: 0;
border-radius: 50%;
background-color: #ffffff;
left: 5px;
transition: 0.2s;
}
.checkbox-switch:checked + label::before {
transform: translateX(115%);
transition: 0.2s;
}
.checkbox-switch:disabled + label,
.checkbox-switch:disabled + label::before {
opacity: 0.6;
pointer-events: none;
}
@media (max-width: 768px) {
.checkbox-switch + label {
transform: scale(0.8);
}
}
/* --------------- radio-button ---------------- */
.radio-button {
display: none;
}
.radio-button + label {
position: relative;
padding-left: 40px;
cursor: pointer;
}
.radio-button + label::before,
.radio-button:checked + label::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
}
.radio-button + label::before {
left: 0;
width: 24px;
height: 24px;
border: 1px solid #000000;
cursor: pointer;
}
.radio-button + label::after {
left: 6px;
width: 12px;
height: 12px;
background-color: #000000;
cursor: pointer;
opacity: 0;
transition: 0.2s;
}
.radio-button:checked + label::after {
opacity: 1;
transition: 0.2s;
}
.radio-button:disabled + label,
.radio-button:disabled + label::before,
.radio-button:disabled + label::after {
opacity: 0.6;
pointer-events: none;
}
.radio-button--bordered + label {
display: block;
padding: 21px 16px 21px 56px;
border: 1px solid #e6e6e6;
transition: 0.2s;
}
.radio-button--bordered + label:not(:last-child) {
margin-bottom: 16px;
}
.radio-button--bordered:checked + label {
border: 1px solid #000000;
transition: 0.2s;
}
.radio-button--bordered + label::before,
.radio-button--bordered:checked + label::after {
top: 20px;
bottom: unset;
margin: 0;
}
.radio-button--bordered + label::before {
left: 16px;
}
.radio-button--bordered:checked + label::after {
left: 22px;
top: 26px;
}
.radio-button--bordered + label button {
display: block;
margin-top: 14px;
border: none;
background: none;
padding: 0;
}
/* ---------------- tippy ---------------- */
.tippy-content {
padding: 16px;
background-color: #ffffff;
color: #000000;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
}
.tippy-tooltip[data-placement^=top]>.tippy-arrow {
border-top-color: #ffffff;
}
.about-page {
margin-top: 14px;
}
.about-page .main-page__sub-title {
margin-top: 0;
line-height: 52px;
}
.about-page .about-intro {
margin-bottom: 88px;
}
.about-page .about-intro .about-intro__text {
font-weight: bold;
font-size: 40px;
line-height: 130%;
max-width: 1256px;
}
.about-page .about-intro .about-intro__text p {
margin: 0;
}
.about-page .about-intro .about-intro__text span {
color: rgba(0, 0, 0, 0.4);
}
.about-page .about-intro__bot {
margin-top: 90px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding-bottom: 88px;
}
.about-page .about-intro__bot p {
margin-top: 0;
}
.about-page .about-intro__bot-left {
font-weight: 500;
font-size: 16px;
}
.about-page .about-intro__bot-cr {
display: flex;
}
.about-page .about-intro__bot-center {
font-size: 16px;
line-height: 170%;
max-width: 552px;
margin-right: 146px;
}
.about-page .about-intro__bot-center p {
margin-bottom: 0;
}
.about-page .about-intro__bot-right .count {
font-size: 80px;
line-height: 80px;
margin-bottom: 8px;
}
.about-page .about-intro__bot-right .count-description {
font-size: 16px;
line-height: 140%;
opacity: 0.4;
width: 215px;
}
.about-page .about-intro__bot {
display: flex;
justify-content: space-between;
}
.about-page .about-lead {
margin-bottom: 144px;
}
.about-page .about-lead .main-page__sub-title {
margin-bottom: 40px;
}
.about-page .about-lead-description {
font-weight: 500;
font-size: 16px;
line-height: 160%;
max-width: 556px;
margin-bottom: 89px;
margin-top: 0;
}
.about-page .about-lead-description span {
opacity: 0.4;
}
.about-page .about-lead-text {
display: flex;
}
.about-page .about-lead-quote-text {
max-width: 562px;
position: relative;
padding-top: 10px;
line-height: 27px;
}
.about-page .about-lead-quote-text:before {
content: '';
background-image: url('/assets/img-static/about/quote.svg');
width: 84px;
height: 58px;
position: absolute;
top: 0;
left: -62px;
z-index: -1;
background-size: cover;
}
.about-page .about-lead-img-1 {
width: 255px;
height: 320px;
object-fit: cover;
margin-right: 210px;
}
.about-page .about-lead-img-2 {
width: 233px;
height: 310px;
object-fit: cover;
margin-top: -139px;
margin-left: auto;
}
.about-page .about-advantage {
margin-bottom: 120px;
}
.about-page .about-advantage .main-page__sub-title {
margin-bottom: 72px;
}
.about-page .about-advantage .advantage-card:nth-child(2n) {
flex-direction: row-reverse;
}
.about-page .advantage-card {
margin-bottom: 72px;
}
.about-page .advantage-card img {
height: 420px;
width: 100%;
object-fit: cover;
}
.about-page .advantage-card__text {
max-width: 548px;
}
.about-page .about-advantage .advantage-card:nth-child(2n) .advantage-card__text {
margin-left: 112px;
}
.about-page .advantage-card h3 {
font-size: 24px;
line-height: 31px;
}
.about-page .advantage-card p {
font-size: 16px;
line-height: 27px;
}
.about-page .advantage-card p b {
font-weight: 500;
}
.about-page .recommend-slider-wrapper {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding-bottom: 78px;
}
.about-page .eating-card {
margin-bottom: 80px;
}
.about-page .eating-card img {
height: 56px;
width: 56px;
margin-bottom: 48px;
}
.about-page .eating-card span {
font-weight: 500;
font-size: 16px;
line-height: 16px;
margin-bottom: 16px;
}
.about-page .eating-card p {
font-size: 16px;
line-height: 27px;
max-width: 385px;
margin: 0;
}
.about-page .about-production {
padding-top: 88px;
padding-bottom: 120px;
background-color: initial;
}
.about-page .about-eating {
background: #F6F6F6;
padding-top: 120px;
}
.about-page .about-eating .main-page__sub-title {
margin-bottom: 80px;
}
.about-page .about-us {
padding-top: 42px;
}
.about-page .reviews {
padding-top: 120px;
}
.about-page .callback-banner .banner {
background: #F6F6F6;
display: flex;
}
.about-page .callback-banner .banner .left {
padding: 40px 56px;
width: 600px;
}
.about-page .callback-banner .banner .right {
background-image: url('/assets/img-static/about/banner.png');
background-size: cover;
width: calc(100% - 600px);
background-position-x: right;
}
.about-page .callback-banner .title {
font-weight: bold;
font-size: 32px;
line-height: 42px;
margin-top: 0;
margin-bottom: 24px;
}
.about-page .banner-callback-btn {
margin-right: 37px;
display: inline-block;
width: 212px;
}
.about-page .banner-phone {
font-weight: 500;
font-size: 16px;
text-decoration: none;
color: black;
}
.btn--transparent {
padding: 20px;
}
.about-page .callback-banner {
margin-top: 120px;
margin-bottom: 120px;
}
.about-page .banner {
position: relative;
}
/*.about-page .banner:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 59%;
height: 100%;
background-image: url('/assets/img-static/about/banner.png');
background-size: cover;
}*/
.about-page .banner:before {
content: '';
}
.about-eating .show-more {
display: none;
}
.btn--gray-border {
border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 1400px) {
.about-page .about-lead-img-1 {
margin-right: auto;
}
.about-page .about-lead-img-2 {
margin-left: auto;
}
.about-page .about-lead-quote-text:before {
top: -45px;
left: 0;
}
.about-page .about-lead-quote-text {
margin: 0 40px;
}
}
@media (max-width: 998px) {
.about-page .about-advantage .advantage-card:nth-child(2n) .advantage-card__text {
margin-left: 0;
}
}
@media (max-width: 768px) {
.about-page .about-intro__bot, .about-page .about-intro__bot-cr, .about-page .about-lead-text {
flex-direction: column;
}
.about-page .about-advantage .advantage-card .col-md-6 {
max-width: 100%;
flex: initial;
}
.about-page .advantage-card__text {
max-width: 100%;
}
.about-page .about-lead-img-2 {
margin-top: 0;
}
.about-page .about-lead-text img {
width: 100%;
height: 100%;
}
.about-page .about-lead-quote-text {
margin: 0;
}
.about-page .about-intro__bot-center {
max-width: initial;
margin-right: 0;
}
.about-page .callback-banner .banner .right {
background-image: url(/assets/img-static/about/banner-mobile.png);
background-size: cover;
width: 100%;
background-position: bottom;
height: 250px;
}
.about-page .callback-banner .banner {
flex-direction: column;
}
.about-page .callback-banner .banner .left {
width: 100%;
}
.about-page .about-intro .about-intro__text {
font-size: 24px;
line-height: 31px;
}
.about-intro__bot-right {
display: flex;
align-items: center;
margin-top: 20px;
}
.about-intro__bot-right p {
margin-bottom: 0;
}
.about-page .about-intro__bot-right .count {
margin-right: 16px;
margin-bottom: 0;
}
.about-page .about-intro__bot {
margin-top: 32px;
padding-bottom: 40px;
}
.about-page .about-intro {
margin-bottom: 40px;
}
.about-page .about-lead .main-page__sub-title {
margin-bottom: 24px;
}
.about-page .about-lead-description {
margin-bottom: 32px;
}
.about-page .main-page__sub-title {
line-height: 24px;
}
.about-page .about-lead-quote-text {
margin-top: 80px;
margin-bottom: 38px;
padding-top: 0;
max-width: 100%;
}
.about-page .about-lead-quote-text:before {
width: 62px;
height: 42px;
}
.about-page .about-lead {
margin-bottom: 80px;
}
.about-page .about-advantage .advantage-card {
flex-direction: column-reverse !important;
}
.about-page .about-advantage .main-page__sub-title {
margin-bottom: 48px;
}
.about-page .advantage-card img {
height: 215px;
}
.about-page .advantage-card h3 {
font-size: 20px;
line-height: 26px;
margin-top: 40px;
}
.advantage-card__text p {
margin: 0;
}
.about-page .advantage-card {
margin-bottom: 48px;
}
.about-page .about-advantage {
margin-bottom: 80px;
}
.about-page .recommend-slider-wrapper {
padding-bottom: 46px;
}
.about-page .about-production {
padding-bottom: 80px;
padding-top: 48px;
}
.about-page .about-eating {
padding-top: 80px;
}
.about-page .about-eating .main-page__sub-title {
margin-bottom: 56px;
}
.about-page .eating-card img {
margin-bottom: 24px;
}
.about-page .eating-card {
margin-bottom: 50px;
}
.about-page .about-us {
padding-top: 80px;
}
.about-page .reviews {
padding-top: 80px;
}
.about-page .callback-banner .banner .left {
padding: 24px 16px;
}
.about-page .callback-banner .title {
font-weight: bold;
font-size: 20px;
line-height: 32px;
margin-bottom: 24px;
}
.about-page .phone-block {
display: flex;
flex-direction: column-reverse;
}
.about-page .banner-phone {
margin-bottom: 16px;
}
.about-page .callback-banner {
margin-top: 56px;
margin-bottom: 80px;
}
.about-page .banner-callback-btn {
width: 100%;
}
.about-page .site-banner__img {
width: 100%;
height: 244px;
object-fit: cover;
object-position: bottom;
}
.about-page .site-banner__circle::after {
clip-path: ellipse(52% 12% at 50% 48%);
}
}
@media (max-width: 767px) {
.about-eating .show-more {
display: inline-block;
}
.about-page .eating-card-wrapper:nth-child(5), .about-page .eating-card-wrapper:nth-child(6) {
display: none;
}
}
/* ------------------- personal ----------------- */
.personal .tab-list {
margin-bottom: 80px;
}
@media (max-width: 768px) {
.personal .tab-list {
margin-bottom: 40px;
}
}
/* ------------------ date-input --------------- */
.date-input {
color: transparent;
}
.site-form__wrap--active .date-input {
color: initial;
}
/* ---------------- change-button --------------- */
.change-button {
padding: 0;
font-size: 14px;
color: #999999;
background: none;
border: none;
}
/* ------------------- profile ------------------ */
.profile {
padding-left: 0;
margin: 0;
list-style: none;
width: 100%;
}
.profile.active {
max-width: 911px;
}
.profile .site-form {
margin-bottom: 0;
}
.profile__title {
margin: 0;
font-weight: 400;
font-size: 24px;
}
.profile__item {
display: flex;
justify-content: space-between;
position: relative;
margin-bottom: 48px;
}
.profile__container {
width: 562px;
padding-bottom: 48px;
border-bottom: 1px solid #e6e6e6;
}
.profile__gender {
margin-bottom: 8px;
}
.profile__gender-choose {
margin-top: 16px;
}
.profile__gender-choose label:not(:last-child) {
margin-right: 48px;
}
.profile__item .btn {
display: block;
margin-top: 24px;
width: 329px;
}
.profile__change-container {
display: flex;
justify-content: space-between;
line-height: 1;
}
.profile__change-container:not(:last-child) {
margin-bottom: 16px;
}
.profile__change-wrapper {
display: flex;
flex-direction: column;
}
.profile__change-text-small {
margin-bottom: 6px;
font-size: 12px;
color: #999999;
}
.profile__logout {
position: absolute;
display: block;
bottom: -70px;
color: #E33759;
text-decoration: none;
}
@media (max-width: 1024px) {
.profile__container {
width: 65%;
}
}
@media (max-width: 768px) {
.profile__item {
flex-direction: column;
margin-bottom: 12px;
}
.profile__title {
margin-bottom: 32px;
}
.profile__container {
width: 100%;
border: none;
padding-bottom: 40px;
}
.profile__container--border-mob {
border-bottom: 1px solid #e6e6e6;
}
.profile__item .btn {
margin-top: 16px;
width: 100%;
}
.profile__logout {
bottom: -62px;
}
}
/* --------------- address-block --------------- */
.address-block {
position: relative;
padding: 24px;
background-color: #F6F6F6;
}
.address-block:not(:last-child) {
margin-bottom: 16px;
}
.address-block__text {
margin-top: 0;
margin-bottom: 16px;
max-width: 90%;
line-height: 1.2;
}
.address-block__close-button {
position: absolute;
padding: 0;
border: none;
background: none;
right: 16px;
top: 16px;
}
@media (max-width: 768px) {
.address-block {
padding: 24px 16px 24px 16px;
}
}
/* -------------- my-orders ---------------- */
.my-orders {
width: 100%;
}
.my-orders .accordion__item {
margin-bottom: 40px;
}
.my-orders.active {
max-width: 1027px;
}
.my-orders__title {
margin-top: 0;
margin-bottom: 48px;
font-size: 24px;
line-height: 1;
}
.my-orders__date {
display: block;
margin-bottom: 16px;
color: #999999;
text-align: center;
}
/* --------------- program-order ------------- */
.program-order {
position: relative;
padding: 32px;
border-top: 1px solid #e6e6e6;
}
.program-order .btn {
min-width: 220px;
margin-left: auto;
}
.program-order__item {
display: flex;
align-items: center;
margin-bottom: 16px;
}
.program-order__item span {
margin-right: 9px;
}
.program-order__item:first-child {
margin-bottom: 24px;
}
.program-order__item:last-child {
margin-bottom: 0;
}
.program-order__item.tips {
display: flex;
justify-content: end;
}
.program-order__item.tips a {
}
.program-order__programs {
display: flex;
flex-wrap: wrap;
position: relative;
width: 45%;
line-height: 1.2;
}
.program-order__programs-wrap:not(:last-child) {
width: 100%;
margin-bottom: 16px;
}
.program-order__dates {
margin-right: 10px;
}
.program-order__title {
margin: 0;
font-weight: 500;
font-size: 16px;
line-height: 1;
}
.program-order__number {
font-weight: 500;
}
.program-order__price {
font-size: 24px;
font-weight: 500;
}
@media (max-width: 1024px) {
.program-order {
padding: 24px;
}
.program-order__programs {
width: 50%;
}
}
@media (max-width: 768px) {
.program-order__item {
flex-direction: column;
align-items: baseline;
}
.program-order__item--adress .program-order__programs {
padding-left: 0;
}
.program-order__title {
margin-bottom: 3px;
margin-top: 16px;
}
.program-order__title--mb {
margin-bottom: 22px;
margin-top: 0;
}
.program-order__programs {
padding-left: 20px;
width: 100%;
}
.program-order__programs-wrap + .program-order__programs-wrap {
margin-left: -20px;
}
.program-order__programs-wrap:not(:last-child) {
margin-bottom: 8px;
}
.program-order__number {
position: absolute;
left: 0;
}
.program-order__price {
display: block;
margin-top: 16px;
}
.program-order .btn {
margin-top: 30px;
}
}
.suggestions-addon {
display: none !important;
}
.site-modal[data-modal=add-to-cart] .site-modal__container {
display: flex;
flex-wrap: wrap;
}
.site-modal[data-modal=add-to-cart] .site-modal__container > button, .site-modal[data-modal=add-to-cart] .site-modal__container > a {
width: 50%;
position: relative;
top: 0;
right: 0;
border-radius: 0;
height: unset;
}
@media (max-width: 768px) {
.site-modal[data-modal=add-to-cart] .site-modal__container > button {
width: 100%;
margin-bottom: 16px;
}
.site-modal[data-modal=add-to-cart] .site-modal__container > a {
width: 100%;
}
}
.site-modal[data-modal=add-to-cart] .site-modal__container > .close-button {
padding: 16px;
background-color: RGB(208, 233, 57);
font-weight: bold;
}
.site-modal[data-modal=add-to-cart] .site-modal__container > .close-button:hover {
background-color: RGB(192, 217, 42);
}
.site-modal[data-modal=add-to-cart] .site-modal__container > .btn {
background-color: rgba(196, 196, 196, 0.2) !important;
font-weight: normal;
}
.day-slider, .meal-slider, .meal-slider-preview, .recommend-slider {
opacity: 0;
transition: all .3s;
}
.slick-initialized {
opacity: 1;
}
.payment__question > .container {
position: sticky;
top: 200px;
}
.slick-disabled {
visibility: hidden;
cursor: default;
}
.checkout__item .cart-program__label {
padding: 0 15px;
}
.checkout__item .cart-program__time {
font-size: 16px;
margin-bottom: 0 !important;
}
.js-checkout-delivery-time-select {
opacity: 0;
}
.pets__top {
display: flex;
margin-bottom: 90px;
}
@media (max-width: 767.98px) {
.pets__top {
flex-wrap: wrap;
}
}
.pets__top .content {
height: 100%;
display: flex;
flex-direction: column;
padding: 40px 40px 40px 56px;
background-color: rgb(246, 246, 246);
position: relative;
}
@media (max-width: 767.98px) {
.pets__top .content {
padding: 24px 16px;
}
}
.pets__top .content a.btn {
margin-top: auto;
}
.pets__top .wrapper {
width: 40%;
flex: 0 0 auto;
position: relative;
}
@media (max-width: 767.98px) {
.pets__top .wrapper {
width: 100%;
}
}
.pets__top .wrapper .circle {
width: 30%;
height: 100%;
position: absolute;
top: 0;
right: -30%;
bottom: 0;
overflow: hidden;
}
@media (max-width: 767.98px) {
.pets__top .wrapper .circle {
display: none;
}
}
.pets__top .wrapper .circle:before {
top: -550px;
right: -235%;
content: '';
position: absolute;
width: 1154px;
height: 1154px;
top: -585px;
right: 0;
background-color: RGB(246, 246, 246);
border-radius: 50%;
z-index: 1;
}
.pets__top .image {
width: 60%;
flex: 0 0 auto;
position: relative;
z-index: 0;
}
@media (max-width: 767.98px) {
.pets__top .image {
width: 100%;
}
}
.pets__top img {
width: 100%;
vertical-align: top;
}
.pet__about {
position: relative;
z-index: 1;
}
.pet__about-img {
margin-top: auto;
margin-bottom: auto;
position: relative;
z-index: 0;
right: 0;
}
@media (max-width: 767.98px) {
.pet__about-img {
display: none;
}
}
.pet__about-img:after {
content: '';
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-box-shadow: 0px 0px 30px 30px rgb(246, 246, 246) inset;
-moz-box-shadow: 0px 0px 30px 30px rgb(246, 246, 246) inset;
box-shadow: 0px 0px 30px 30px rgb(246, 246, 246) inset;
}
.pet__about .about__text {
margin-top: auto;
}
.pet__delivery-img {
position: relative;
z-index: 0;
}
.pet__delivery-img:after {
content: '';
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-box-shadow: 0px 0px 30px 30px rgb(246, 246, 246) inset;
-moz-box-shadow: 0px 0px 30px 30px rgb(246, 246, 246) inset;
box-shadow: 0px 0px 30px 30px rgb(246, 246, 246) inset;
}
.pet_accordion {
margin-bottom: 90px;
}
@media (max-width: 767.98px) {
.pet_accordion .accordion__title {
padding-right: 60px;
}
}
.our-work.pet .our-work__img-wrap {
display: flex;
flex-direction: column;
margin-top: 0;
}
@media (max-width: 767.98px) {
.our-work.pet .our-work__img-wrap {
width: 100%;
}
}
.our-work.pet .our-work__img-wrap .wrapper {
margin: auto 0;
position: relative;
}
.our-work.pet .our-work__img-wrap .wrapper:after {
content: '';
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-box-shadow: 0px 0px 30px 30px rgb(255, 255, 255) inset;
-moz-box-shadow: 0px 0px 30px 30px rgb(255, 255, 255) inset;
box-shadow: 0px 0px 30px 30px rgb(255, 255, 255) inset;
}
.our-work.pet .our-work__img-wrap .wrapper img {
vertical-align: top;
width: 100%;
}
#petsCalculator {
/* display: none; */
}
#petsCalculator .step {
display: none;
}
@media (max-width: 767.98px) {
#petsCalculator .step {
flex-wrap: wrap;
}
}
#petsCalculator .step.active {
display: flex;
}
#petsCalculator .step .description {
display: flex;
flex-direction: column;
justify-content: center;
width: 25%;
margin: 0 auto 0 0;
padding: 20px;
font-weight: bold;
font-size: 32px;
line-height: 32px;
background-color: rgb(246, 246, 246);
flex: 0 0 auto;
}
@media (max-width: 767.98px) {
#petsCalculator .step .description {
width: 100%;
text-align: center;
font-size: 24px;
line-height: 24px;
}
}
#petsCalculator .step .description p {
font-size: 50%;
line-height: 100%;
font-weight: normal;
}
#petsCalculator .step .description .buttons {
display: none;
margin-top: auto;
}
@media (max-width: 767.98px) {
#petsCalculator .step .description .buttons {
margin-top: 30px;
}
}
#petsCalculator .step .description .buttons.active {
display: flex;
margin-top: 20px;
}
#petsCalculator input[type=radio], #petsCalculator input[type=checkbox] {
display: none;
}
#petsCalculator .step.pet .items {
width: 75%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
@media (max-width: 767.98px) {
#petsCalculator .step.pet .items {
width: 100%;
}
}
#petsCalculator .step.pet .items > label {
width: 21%;
margin: 10px 2%;
cursor: pointer;
user-select: none;
}
@media (max-width: 767.98px) {
#petsCalculator .step.pet .items > label {
width: 100%;
max-width: 320px;
}
}
#petsCalculator .step.pet .items > label .select {
padding: 20px 30px;
}
#petsCalculator .step.pet .items > label img {
width: 100%;
}
#petsCalculator .step.pet .items > label .caption {
text-align: center;
text-transform: uppercase;
}
#petsCalculator .step.pet .items > label input:checked + .select {
outline: 2px solid #000;
}
#petsCalculator .step.exceptions .items {
width: 75%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
@media (max-width: 767.98px) {
#petsCalculator .step.exceptions .items {
width: 100%;
}
}
#petsCalculator .step.exceptions .items > label {
width: 21%;
margin: 10px 2%;
cursor: pointer;
user-select: none;
background-color: rgb(192, 217, 42);
}
@media (max-width: 767.98px) {
#petsCalculator .step.exceptions .items > label {
width: 96%;
}
}
#petsCalculator .step.exceptions .items > label input[disabled] + .caption {
opacity: .5;
cursor: default;
background-color: rgb(255, 255, 255);
}
#petsCalculator .step.exceptions .items > label .caption {
padding: 20px;
font-size: 16px;
text-align: center;
}
#petsCalculator .step.exceptions .items > label input:checked + .caption {
outline: 3px solid rgb(193, 12, 67);
}
#petsCalculator .step.weight input[name=weight] {
border: 0;
border-bottom: 3px dashed #000;
padding: 0 10px;
background: transparent;
text-align: right;
}
#petsCalculator .step.weight input[name=weight]::placeholder {
color: rgb(146, 146, 146);
font: inherit;
}
#petsCalculator .step.weight .content {
display: flex;
justify-content: center;
align-items: initial;
flex-wrap: wrap;
max-width: 320px;
padding: 0 20px;
margin-right: auto;
font-size: 30px;
background-color: rgb(246, 246, 246);
border-radius: 50%;
aspect-ratio: 1;
width: 320px;
}
@media (max-width: 767.98px) {
#petsCalculator .step.weight .content {
margin-top: 20px;
}
}
#petsCalculator .step.weight .field {
display: flex;
justify-content: center;
align-items: end;
font-weight: bold;
}
#petsCalculator .step.weight .kg {
width: 100%;
margin-top: 10px;
text-align: center;
}
#petsCalculator .step.finaly {
font-size: 22px;
font-weight: bold;
}
#petsCalculator .step.finaly .result {
margin: auto;
}
@media (max-width: 767.98px) {
#petsCalculator .step.finaly .result {
padding: 20px 0;
}
}
#petsCalculator .step.finaly .result .button {
text-align: center;
padding-top: 20px;
}
#petsMenu {
margin-bottom: 60px;
}
#petsMenu .pet_menu {
list-style: none;
display: flex;
user-select: none;
}
@media (max-width: 767.98px) {
#petsMenu .pet_menu {
flex-wrap: wrap;
padding: 0;
}
}
#petsMenu .pet_menu li {
padding: 10px 20px;
cursor: pointer;
color: rgb(0, 0, 0);
font-size: 16px;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
}
@media (max-width: 767.98px) {
#petsMenu .pet_menu li {
width: 100%;
}
}
#petsMenu .tabs .items {
display: none;
flex-wrap: wrap;
}
#petsMenu .tabs .items.active {
display: flex;
}
#petsMenu .pet_menu li.active {
background-color: RGB(208, 233, 57);
}
#petsMenu .item {
display: flex;
width: 50%;
padding: 2%;
}
@media (max-width: 767.98px) {
#petsMenu .item {
width: 100%;
flex-wrap: wrap;
}
}
#petsMenu .item .image {
width: 50%;
position: relative;
overflow: hidden;
order: 2;
}
@media (max-width: 767.98px) {
#petsMenu .item .image {
width: 100%;
max-width: 320px;
margin: 0 auto;
}
}
#petsMenu .item img {
width: 100%;
vertical-align: top;
}
#petsMenu .item .content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
padding: 10px;
background-color: rgb(246, 246, 246);
border-radius: 0 10px 10px 0;
order: 1;
}
@media (max-width: 767.98px) {
#petsMenu .item .content {
width: 100%;
}
}
#petsMenu .item:nth-child(odd) .content {
order: 3;
}
@media (max-width: 767.98px) {
#petsMenu .item:nth-child(odd) .content {
order: 1;
}
}
#petsMenu .item .title {
text-align: center;
text-transform: uppercase;
font-weight: bold;
color: #000;
}
/* #petsMenu .items:first-child .item .title { */
/* display: flex; */
/* justify-content: center; */
/* align-items: center; */
/* height: 80%; */
/* font-size: 26px; */
/* } */
#petsMenu .item .composition {
list-style: circle;
width: 100%;
}
/* #petsMenu .items:first-child .item .composition { */
/* width: auto; */
/* } */
/* #petsMenu .items:first-child .item .composition { */
/* padding: 0; */
/* margin: 0; */
/* list-style: none; */
/* } */
/* #petsMenu .items:first-child .item .composition li { */
/* display: inline-block; */
/* font-size: 10px; */
/* text-transform: uppercase; */
/* } */
/* #petsMenu .items:first-child .item .composition li:after { */
/* content: ','; */
/* } */
/* #petsMenu .items:first-child .item .composition li:last-child:after { */
/* content: ''; */
/* } */
@media (max-width: 767.98px) {
.site-banner__circle {
display: none !important;
}
}
.cart-pet-program-list {
display: flex;
flex-direction: column;
margin-top: 20px;
padding: 20px;
background-color: rgb(226, 226, 226);
border-radius: 10px;
font-size: 14px;
}
.cart-pet-program-list .item {
display: flex;
}
.cart-pet-program-list .item .count {
margin-left: auto;
}
.cart-pet-program-body {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3.5%;
padding-top: 24px;
}
.cart-pet-program-detail {
padding: 0 !important;
font-size: 90%;
}
@media (max-width: 1200px) {
.cart-pet-program-body {
grid-gap: 1.5%;
}
}
@media (max-width: 1024px) {
.cart-pet-program-body {
grid-template-columns: 1fr;
}
}
.cart-pet-program-delivery {
padding: 0 !important;
}
#startTop {
padding-top: 3%
}
.start__top {
display: flex;
margin-bottom: 90px;
position: relative;
z-index: 1;
}
@media (max-width: 767.98px) {
.start__top {
flex-wrap: wrap;
margin-bottom: 0;
}
}
.start__top .content {
height: 100%;
display: flex;
flex-direction: column;
padding: 40px 40px 40px 56px;
background-color: rgb(246, 246, 246);
position: relative;
}
@media (max-width: 767.98px) {
.start__top .content {
padding: 24px 16px;
}
}
.start__top .content header {
position: relative;
top: 0;
right: 0;
left: 0;
bottom: 0;
flex: 1 0 auto;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 26px;
line-height: 42px;
margin-bottom: 20%;
z-index: 0;
}
@media (max-width: 767.98px) {
.start__top .content header {
text-align: left;
padding-right: 10%;
margin-bottom: 5%;
}
.start__top .content header br {
display: none;
}
}
.start__top .content a.btn {
margin-top: auto;
}
.start__top .wrapper {
width: 40%;
flex: 0 0 auto;
position: relative;
}
@media (max-width: 767.98px) {
.start__top .wrapper {
width: 100%;
}
}
.start__top .wrapper .circle {
width: 30%;
height: 100%;
position: absolute;
top: 0;
right: -30%;
bottom: 0;
overflow: hidden;
}
@media (max-width: 767.98px) {
.start__top .wrapper .circle {
display: none;
}
}
.start__top .wrapper .circle:before {
top: -550px;
right: -235%;
content: '';
position: absolute;
width: 1154px;
height: 1154px;
top: -585px;
right: 0;
background-color: RGB(246, 246, 246);
border-radius: 50%;
z-index: 1;
}
.start__top .image {
width: 60%;
flex: 0 0 auto;
position: relative;
z-index: 0;
overflow: hidden;
}
@media (max-width: 767.98px) {
.start__top .image {
display: none;
width: 100%;
height: 250px;
}
}
.start__top img {
min-width: 100%;
min-height: 100%;
vertical-align: top;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#startDescription {
padding-top: 120px;
padding-bottom: 240px;
position: relative;
overflow: hidden;
}
@media (max-width: 767.98px) {
#startDescription {
padding-bottom: 180px;
}
}
@media (max-width: 575.98px) {
#startDescription {
padding-bottom: 120px;
}
}
#startDescription .container {
display: flex;
}
@media (max-width: 767.98px) {
#startDescription .container {
flex-wrap: wrap;
}
}
#startDescription .image {
display: flex;
align-items: center;
justify-content: start;
width: 50%;
position: relative;
z-index: 0;
}
@media (max-width: 767.98px) {
#startDescription .image {
width: 100%;
}
}
#startDescription .image img {
width: 140%;
position: absolute;
z-index: 0;
opacity: .5;
transform: translate(-40%, 5%);
}
@media (max-width: 767.98px) {
#startDescription .image img {
width: 1000px;
top: 50%;
left: 50%;
transform: translate(-40%,-30%);
}
}
#startDescription .description {
width: 50%;
padding: 40px;
font-size: 18px;
position: relative;
z-index: 1;
line-height: 22px;
background-color: rgb(246, 246, 246);
}
@media (max-width: 767.98px) {
#startDescription .description {
width: 100%;
}
}
#startDescription .description a {
color: #000;
}
#startRation {
display: flex;
margin-bottom: 120px;
position: relative;
z-index: 1;
}
#startRation .prefix {
margin-bottom: 30px;
font-size: 32px;
line-height: 46px;
font-weight: bold;
text-transform: uppercase;
text-align: center
}
#startRation ul {
display: flex;
list-style: none;
padding: 0;
margin: 0;
}
@media (max-width: 767.98px) {
#startRation ul {
flex-wrap: wrap;
}
}
#startRation ul li {
width: 20%;
overflow: hidden;
margin: 15px auto;
position: relative;
background-color: rgb(246, 246, 246);
border-radius: 50% 50% 0 50%;
}
@media (max-width: 767.98px) {
#startRation ul li {
width: 60%;
}
}
#startRation ul li img {
max-width: 100%;
}
#startRation ul li .sub {
position: absolute;
right: 20px;
bottom: 20px;
left: 0;
text-align: right;
font-weight: bold;
text-transform: uppercase;
}
#startWithout {
display: flex;
margin-bottom: 240px;
}
@media (max-width: 767.98px) {
#startWithout {
margin-bottom: 120px;
}
}
#startWithout .prefix {
margin-bottom: 30px;
font-size: 48px;
font-weight: bold;
text-transform: uppercase;
}
#startWithout ul {
display: flex;
list-style: none;
padding: 0 0 0 100px;
margin: 0;
}
@media (max-width: 767.98px) {
#startWithout ul {
flex-wrap: wrap;
padding: 0;
}
}
#startWithout ul li {
width: 20%;
height: 150px;
margin: 15px auto;
position: relative;
}
@media (max-width: 767.98px) {
#startWithout ul li {
width: 60%;
transform: translateX(15%);
}
}
#startWithout ul li .sub {
position: absolute;
right: 20px;
bottom: 20px;
text-align: right;
font-weight: bold;
text-transform: uppercase;
background-color: #fff;
border-radius: 20px;
padding: 0 3px;
}
#startWithout ul li img {
max-width: 100%;
max-height: 100%;
}
#startMenu {
position: relative;
z-index: 1;
padding: 60px 0;
background-color: rgb(246, 246, 246);
background-image: url('/assets/images/start/menu.png');
background-repeat: no-repeat;
background-position: 115% bottom;
background-size: auto 500px;
}
@media (max-width: 767.98px) {
#startMenu {
padding: 20px 0;
}
}
#startMenu .menu-block__title {
font-size: 32px;
font-weight: bold;
}
#startMenu .meal-slider__slide {
max-height: unset;
}
@media (max-width: 767.98px) {
.meal-slider__slide {
min-width: calc(100vw - 30px);
}
.meal-slider .slick-next {
left: unset;
right: -13px;
}
}
#startMenu .meal-slider .slick-arrow {
top: 50%;
}
#startMenu .meal-slider__crumbs-item:first-child:after {
display: none;
}
#startMenu .meal-slider__crumbs-item:last-child {
display: none;
}
#startMenu .meal-slider__ccal {
display: none;
}
#startMenu .day-slider__date {
padding: 12px 0 8px 0;
text-transform: uppercase;
}
@media (max-width: 767.98px) {
#startMenu .day-slider__date {
white-space: nowrap;
}
}
#startMenu .meal-slider__img-wrap {
position: relative;
}
#startMenu .meal-slider__img-wrap:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(246, 246, 246, 0);
background: radial-gradient(circle, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 100%);
}
@media (max-width: 767.98px) {
#startMenu .meal-slider__img-wrap:after {
background: radial-gradient(circle, rgba(246, 246, 246, 0) 50%, rgba(246, 246, 246, 1) 100%);
}
}
#startPrice {
padding-top: 180px;
padding-bottom: 240px;
position: relative;
z-index: 1;
overflow: hidden;
}
@media (max-width: 767.98px) {
#startPrice {
padding-top: 120px;
padding-bottom: 120px;
}
}
#startPrice h2 {
margin-bottom: 10px;
}
#startPrice .lead {
text-align: center;
margin-bottom: 56px;
}
#startPrice .background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
}
#startPrice .background img:first-child {
position: absolute;
top: -20%;
left: -25%;
width: 60%;
transform: rotate(-5deg);
}
@media (max-width: 767.98px) {
#startPrice .background img:first-child {
top: -5%;
}
}
#startPrice .background img:last-child {
position: absolute;
top: -20%;
right: -25%;
width: 60%;
transform: rotate(15deg);
}
@media (max-width: 767.98px) {
#startPrice .background img:last-child {
top: -5%;
}
}
#startPrice .container {
display: flex;
flex-direction: column;
position: relative;
z-index: 1;
}
#startPrice .main-page__sub-title {
text-align: center;
}
#startPrice .content {
margin: 0 auto;
}
#startPrice .prices {
display: flex;
list-style: none;
padding: 0;
margin: 0 0 20px 0;
user-select: none;
}
@media (max-width: 1199.98px) {
#startPrice .prices {
flex-wrap: wrap;
justify-content: center;
}
}
#startPrice .prices li > label {
display: block;
height: 100%;
padding: 10px 20px;
cursor: pointer;
}
@media (max-width: 767.98px) {
#startPrice .prices li > label {
font-size: 14px;
}
}
#startPrice .prices li > label input {
display: none;
}
#startPrice .prices li.active {
background-color: rgb(208, 233, 57);
}
#startPrice .prices li .days {
font-size: 110%;
font-weight: bold;
text-transform: uppercase;
}
#startPrice .prices li .sale {
font-size: 90%;
}
#startPrice .wrapper {
display: flex;
align-items: center;
}
@media (max-width: 767.98px) {
#startPrice .wrapper {
flex-direction: column;
}
}
#startPrice .tabs {
margin: 0 20px;
border-radius: 50%;
overflow: auto;
height: 300px;
width: 300px;
border: 10px solid rgb(246, 246, 246);
background-color: rgb(246, 246, 246);
order: 2;
}
@media (max-width: 767.98px) {
#startPrice .tabs {
margin: 0 auto;
}
}
#startPrice .tabs .item {
display: none;
flex-direction: column;
height: 100%;
}
#startPrice .tabs .item.active {
display: flex;
}
#startPrice .tabs .item .cost {
display: flex;
flex-direction: column;
justify-content: center;
height: 70%;
padding: 40px 40px 20px 40px;
border-bottom: 10px solid rgb(246, 246, 246);
background-color: rgb(255, 255, 255);
flex: 0 0 auto;
}
#startPrice .tabs .item .cost > *:last-child {
margin-bottom: 0;
}
#startPrice .tabs .item .price {
position: relative;
margin: 0 auto 20px auto;
font-size: 32px;
}
#startPrice .tabs .item .price.strike:after {
content: '';
display: block;
width: 100%;
height: 2px;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: rotate(-5deg);
background-color: rgba(255, 0, 0, .9);
}
#startPrice .tabs .item .sale {
margin: 0 auto 20px auto;
font-size: 32px;
font-weight: bold;
}
#startPrice .tabs .item .profit {
text-align: center;
}
#startPrice .tabs .item .button {
height: 30%;
}
#startPrice .tabs .item .button button {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
text-transform: uppercase;
font-weight: bold;
padding-bottom: 11%;
}
#startPrice .tabs .item .button button .loader {
display: none !important;
}
#startPrice .add_soup {
margin-right: auto;
border: 5px solid rgba(246, 246, 246, .6);
border-radius: 50%;
order: 3;
}
#startPrice .add_snack {
margin-left: auto;
border: 5px solid rgba(246, 246, 246, .6);
border-radius: 50%;
order: 1;
}
@media (max-width: 767.98px) {
#startPrice .add_soup, #startPrice .add_snack {
margin: 0 auto 20px auto;
order: 1;
}
}
#startPrice .add_soup.active, #startPrice .add_snack.active {
border: 5px solid rgb(0, 0, 0);
}
#startPrice .add_soup input, #startPrice .add_snack input {
display: none;
}
#startPrice label {
width: 190px;
height: 190px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
text-align: center;
}
#startPrice label .image {
position: relative;
width: 140px;
}
#startPrice label .image img {
max-width: 100%;
}
#startPrice label .image:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-box-shadow: 0px 0px 30px 30px rgb(255, 255, 255) inset;
-moz-box-shadow: 0px 0px 30px 30px rgb(255, 255, 255) inset;
box-shadow: 0px 0px 30px 30px rgb(255, 255, 255) inset;
}
#startPrice label .title {
position: relative;
z-index: 2;
margin-bottom: -20px;
text-transform: uppercase;
font-size: 14px;
}
#startPrice label .price {
position: relative;
z-index: 2;
margin-top: -20px;
text-transform: uppercase;
font-size: 14px;
}
#startDelivery {
margin-bottom: 120px;
position: relative;
z-index: 1;
}
#startDelivery h2 {
text-transform: uppercase;
margin-bottom: 10px;
}
#startDelivery .lead {
margin-bottom: 56px;
text-align: center;
}
#startPreorder .container {
display: flex;
flex-wrap: wrap;
}
#startPreorder .description {
width: 48%;
margin-right: 2%;
}
#startPreorder .description strong {
font-weight: normal;
}
#startPreorder .description .info {
/* font-size: 12px; */
/* line-height: 1.3; */
}
#startPreorder .preorder {
width: 48%;
margin-left: 2%;
}
@media (max-width: 767.98px) {
#startPreorder .description {
width: 100%;
margin-right: 0;
}
#startPreorder .preorder {
width: 100%;
margin-left: 0;
}
}
.hide {
display: none !important;
}
.checkbox {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.checkbox:last-child {
margin-bottom: 0;
}
.checkbox img {
max-height: 70px;
max-width: 100%;
}
.site-modal[data-modal="sbp-modal"] .qr {
display: block;
}
.site-modal[data-modal="sbp-modal"] .qr img {
max-width: 100%;
max-height: 100%;
margin: 0 auto;
display: block;
}
.site-modal div.toggle {
display: none;
}
label {
user-select: none;
}
#js-registration-from .loyalty {
margin-bottom: 16px;
}
.programs-page .grid > .program-card:nth-child(1), .programs .grid > .program-card:nth-child(1) {
order: 10;
}
.programs-page .grid > .program-card:nth-child(2), .programs .grid > .program-card:nth-child(2) {
order: 20;
}
.programs-page .grid > .program-card:nth-child(3), .programs .grid > .program-card:nth-child(3) {
order: 30;
}
.programs-page .grid > .program-card:nth-child(4), .programs .grid > .program-card:nth-child(4) {
order: 50;
}
.programs-page .grid > .program-card:nth-child(5), .programs .grid > .program-card:nth-child(5) {
order: 90;
}
.programs-page .grid > .program-card:nth-child(6), .programs .grid > .program-card:nth-child(6) {
order: 60;
}
.programs-page .grid > .program-card:nth-child(7), .programs .grid > .program-card:nth-child(7) {
order: 70;
}
.programs-page .grid > .program-card:nth-child(8), .programs .grid > .program-card:nth-child(8) {
order: 80;
}
.programs-page .grid > .program-card:nth-child(9), .programs .grid > .program-card:nth-child(9) {
order: 40;
}
.my-loyalty__accept {
max-width: 574px;
margin: 0 auto;
}
.my-loyalty__accept form {
width: 100%;
}
.my-loyalty__accept .loyalty {
margin-bottom: 30px;
}
.my-loyalty__data {
display: flex;
flex-wrap: wrap;
}
.my-loyalty__data .bonus {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 31.333333%;
padding: 3%;
margin: 0 2% 0 0;
box-sizing: border-box;
background-color: rgb(246, 246, 246);
}
@media (max-width: 767.98px) {
.my-loyalty__data .bonus {
width: 100%;
margin: 0 0 45px 0;
}
}
.my-loyalty__data .bonus h2 {
margin: 0 0 45px 0;
text-transform: uppercase;
text-align: center;
}
.my-loyalty__data .bonus .count {
font-size: 48px;
font-weight: bold;
text-align: center;
}
.my-loyalty__data .bonus .status {
margin: 45px 0 5px 0;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
.my-loyalty__data .bonus .cashback {
margin: 0 0 5px 0;
text-transform: uppercase;
text-align: center;
}
.my-loyalty__data .bonus .paylimit {
margin: 0 0 5px 0;
text-transform: uppercase;
text-align: center;
}
.my-loyalty__data .bonus p {
margin: 45px 0 0 0;
font-size: 10px;
text-align: center;
}
.my-loyalty__data .promo {
display: flex;
flex-direction: column;
justify-content: start;
width: 31.333333%;
padding: 3%;
margin: 0 2% 0 0;
box-sizing: border-box;
background-color: rgb(255, 255, 255);
}
.my-loyalty__data .promo pre {
text-align: center;
font-weight: 700;
cursor: pointer;
background-color: rgb(246, 246, 246);
border-radius: 6px;
}
@media (max-width: 767.98px) {
.my-loyalty__data .promo {
width: 100%;
margin: 0 0 45px 0;
}
}
.my-loyalty__data .promo h2 {
margin: 0 0 45px 0;
text-transform: uppercase;
text-align: center;
font-size: 20px;
}
.my-loyalty__data .referral {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 31.333333%;
padding: 3%;
margin: 0 2% 0 auto;
box-sizing: border-box;
background-color: rgb(246, 246, 246);
}
@media (max-width: 767.98px) {
.my-loyalty__data .referral {
width: 100%;
margin: 0 0 45px 0;
}
}
.my-loyalty__data .referral h2 {
margin: 0 0 45px 0;
text-transform: uppercase;
text-align: center;
line-height: 1.1em;
}
.my-loyalty__data .referral pre {
display: block;
text-align: center;
font-weight: bold;
cursor: pointer;
background-color: rgb(255, 255, 255);
border-radius: 6px;
}
.my-loyalty__data .referral p {
text-align: center;
}
.my-loyalty__data .referral p:last-child {
margin: 45px 0 0 0;
font-size: 10px;
}
.cart-loyalty {
margin-bottom: 15px;
}
.loyalty-page section.how .table {
display: flex;
}
.loyalty-page section.how .list {
width: 60%;
margin-right: 20%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.loyalty-page section.how .list .item {
margin-top: auto;
margin-bottom: auto;
}
.loyalty-page section.how .image {
width: 30%
}
.loyalty-page section.how .image img {
width: 100%;
vertical-align: middle;
}
.loyalty-page section.phone {
display: flex;
justify-content: start;
align-items: center;
}
.loyalty-page section.phone .content {
width: 50%;
min-width: 150px;
flex: 0 0 auto;
}
.loyalty-page section.phone .image {
width: 25%;
min-width: 150px;
flex: 0 0 auto;
margin-left: auto;
margin-right: auto;
}
.loyalty-page section.phone .image img {
max-width: 100%;
}
.loyalty-page section.table {
display: flex;
flex-direction: column;
}
.loyalty-page section.table .row {
display: flex;
justify-content: stretch;
margin: 0;
}
.loyalty-page section.table .column {
display: flex;
justify-content: center;
align-items: center;
padding: 10px 15px;
width: auto;
margin-right: 2px;
margin-bottom: 2px;
flex: 0 1 auto;
border: 1px solid rgb(231, 231, 231);
}
.loyalty-page section.table .column sub {
float: left;
}
.loyalty-page section.table .column:last-child {
margin-right: 0;
}
.loyalty-page section.table .row:nth-child(even) .column {
/* background-color: rgb(203, 203, 203); */
}
.loyalty-page section.table .row:nth-child(odd) .column {
/* background-color: rgb(231, 231, 231); */
}
.loyalty-page section.table .row:last-child .column {
margin-bottom: 0;
}
.loyalty-page section.table .th .column {
/* background-color: rgb(175, 175, 175) !important; */
font-weight: bold;
}
.loyalty-page section.table .row .column:nth-child(1) {
width: 12%;
}
.loyalty-page section.table .row .column:nth-child(2) {
flex: 1 0 auto;
}
.loyalty-page section.table .row .column:nth-child(3) {
width: 12%;
}
.loyalty-page section.table .row .column:nth-child(4) {
width: 12%;
}
.loyalty-page section.table .row .column:nth-child(5) {
width: 12%;
}
.loyalty-page section.table .row .column:nth-child(6) {
width: 12%;
}
.loyalty-page section.table .row .column:nth-child(7) {
width: 12%;
}
.loyalty-page section.table .row .column .title {
display: none;
}
@media (max-width: 1129.98px) {
.loyalty-page section.table .th {
display: none !important;
}
.loyalty-page section.table {
flex-direction: row;
flex-wrap: wrap;
}
.loyalty-page section.table .row {
width: 49%;
margin-left: .5%;
margin-right: .5%;
margin-bottom: 30px;
}
.loyalty-page section.table .row .column {
flex: 0 0 auto !important;
width: 100% !important;
padding: 0;
align-items: stretch;
}
.loyalty-page section.table .row:last-child .column {
margin-bottom: 2px;
}
.loyalty-page section.table .row .column .title {
display: flex;
justify-content: center;
align-items: center;
/* background-color: rgb(175, 175, 175) !important; */
padding: 10px 15px;
width: 50%;
text-align: center;
font-weight: bold;
}
.loyalty-page section.table .row .column .value {
display: flex;
justify-content: center;
align-items: center;
padding: 10px 15px;
width: 50%;
text-align: center;
}
}
@media (max-width: 674.98px) {
.loyalty-page section.table .row {
width: 100% !important;
}
}
body.loading:after {
content: '';
display: block;
position: fixed;
top:0;
right:0;
bottom: 0;
left:0;
z-index: 999999;
background-color: rgba(255, 255, 255, .75);
background-repeat: no-repeat;
background-position: center center;
background-image: url('data:image/gif;base64,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')
}
.slick-slide img {
max-width: 100%;
}
.b2b-page .header {
position: relative;
padding: 5% 0;
overflow: hidden;
}
.b2b-page span.nowrap {
white-space: nowrap;
}
.b2b-page .header:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 2;
height: 100%;
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 10%);
}
.b2b-page .header:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 2;
height: 100%;
background: linear-gradient(180deg, rgba(246, 246, 246,0) 0%, rgba(246, 246, 246,1) 90%);
}
.b2b-page .header h2 {
position: relative;
z-index: 3;
font-size: 48px;
line-height: 1;
}
.b2b-page .header p {
position: relative;
z-index: 3;
}
.b2b-page .header .background {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
}
.b2b-page .header .background img {
min-width: 100%;
min-height: 100%;
}
.b2b-page .header a {
position: relative;
z-index: 3;
}
.b2b-page .corporateCatering {
margin-bottom: 120px;
padding: 120px 0 60px 0;
background-color: rgb(246, 246, 246);
}
.b2b-page .corporateCatering .container {
display: grid;
grid-column-gap: 80px;
grid-row-gap: 40px;
grid-template-areas:
'h h i1 i1'
'i2 i3 i3 i4'
'if if if if';
align-items: center;
}
.b2b-page .corporateCatering h3 {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
grid-area: h;
font-size: 32px;
line-height: 1em;
}
.b2b-page .corporateCatering .item {
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
padding: 24px;
background-color: rgb(255, 255, 255);
border-radius: 20px;
}
.b2b-page .corporateCatering .item:nth-child(2) {
grid-area: i1;
}
.b2b-page .corporateCatering .item:nth-child(3) {
grid-area: i2;
}
.b2b-page .corporateCatering .item:nth-child(4) {
grid-area: i3;
}
.b2b-page .corporateCatering .item:nth-child(5) {
grid-area: i4;
}
.b2b-page .corporateCatering .info {
grid-area: if;
display: flex;
justify-content: center;
align-items: center;
font-style: italic;
padding: 32px 24px;
background-color: rgb(246, 246, 255);
position: relative;
}
.b2b-page .corporateCatering .info:before {
content: '!';
position: absolute;
top: 10px;
left: 10px;
font-size: 28px;
font-weight: bold;
font-style: normal;
opacity: .5;
}
.b2b-page .corporateCatering .info > div {
width: 80%;
}
.b2b-page .corporateHowItWork {
margin-bottom: 120px;
}
.b2b-page .corporateHowItWork h3 {
font-size: 32px;
line-height: 1em;
}
.b2b-page .corporateHowItWork .our-work__wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.b2b-page .corporateHowItWork .our-work__img-wrap {
margin-top: -20px;
}
.b2b-page .corporatePay {
margin-bottom: 120px;
position: relative;
}
.b2b-page .corporatePay h3 {
margin: 0 0 60px 0;
grid-area: h;
font-size: 32px;
line-height: 1em;
position: relative;
z-index: 1;
}
.b2b-page .corporatePay .items {
width: 80%;
margin: 0 auto;
display: grid;
grid-column-gap: 80px;
grid-row-gap: 40px;
grid-template-areas:
'. i1'
't i2'
'. i3';
position: relative;
z-index: 1;
}
.b2b-page .corporatePay .items .title {
display: flex;
justify-content: center;
align-items: center;
grid-area: t;
font-size: 20px;
font-weight: bold;
line-height: 1em;
text-transform: uppercase;
}
.b2b-page .corporatePay .items .item {
position: relative;
padding: 32px 24px;
background-color: rgb(246, 246, 246);
}
.b2b-page .corporatePay .items .item:nth-child(2) {
grid-area: i1;
}
.b2b-page .corporatePay .items .item:nth-child(3) {
grid-area: i2;
}
.b2b-page .corporatePay .items .item:nth-child(4) {
grid-area: i3;
}
.b2b-page .corporatePay .background {
position: absolute;
z-index: 0;
top: 50%;
left: 0;
max-width: 50%;
transform: translate(-50%, -50%);
}
.b2b-page .corporatePay .background:after {
height: 100%;
width: 100%;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: radial-gradient(circle,rgba(255,255,255,0) 0%,rgb(255, 255, 255) 60%);
}
.b2b-page .corporatePay .background img {
width: 100%;
}
.b2b-page .corporateComfortable {
margin-bottom: 120px;
}
.b2b-page .corporateComfortable h3 {
margin: 0 0 60px 0;
grid-area: h;
font-size: 32px;
line-height: 1em;
}
.b2b-page .corporateComfortable .items {
display: flex;
justify-content: space-between;
}
.b2b-page .corporateComfortable .items .item {
width: 300px;
height: 300px;
padding: 26px;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
border: 1px solid rgb(221, 221, 221);
border-radius: 50%;
text-align: center;
}
.b2b-page .corporateOnline {
margin-bottom: 0;
}
.b2b-page .corporateOnline h3 {
margin: 0 0 60px 0;
font-size: 32px;
line-height: 1em;
}
.b2b-page .corporateOnline .items {
display: flex;
justify-content: space-around;
align-items: center;
}
.b2b-page .corporateOnline .items .desc {
width: 60%;
padding: 32px 24px;
background-color: rgb(246, 246, 246);
}
.b2b-page .partners {
padding: 5% 0;
position: relative;
overflow: hidden;
}
.b2b-page .partners:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 2;
height: 100%;
background: linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 10%);
}
.b2b-page .partners:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 2;
height: 100%;
background: linear-gradient(180deg,rgba(246,246,246,0) 0%,rgba(246,246,246,1) 90%);
}
.b2b-page .partners h2 {
font-size: 48px;
line-height: 1;
position: relative;
z-index: 3;
}
.b2b-page .partners .items {
display: flex;
position: relative;
z-index: 3;
}
.b2b-page .partners .items .info {
width: 40%;
font-size: 28px;
line-height: 1em;
}
.b2b-page .partners .items .desc {
width: 40%;
margin-left: auto;
}
.b2b-page .partners .background {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 50%;
z-index: 1;
transform: translate(-50%,-50%);
}
.b2b-page .partners .background img {
min-width: 100%;
min-height: 100%;
}
.b2b-page .partnersInterested {
margin-bottom: 120px;
padding: 32px 24px;
background-color: rgb(246, 246, 246);
font-size: 18px;
}
.b2b-page .partnersHowSell {
margin-bottom: 120px;
}
.b2b-page .partnersHowSell h3 {
margin: 0 0 60px 0;
font-size: 32px;
line-height: 1em;
}
.b2b-page .partnersHowSell ul {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
list-style: none;
}
.b2b-page .partnersHowSell ul li {
display: flex;
margin: 0 20px 20px 0;
}
.b2b-page .partnersHowSell ul li > div {
padding: 10px 20px 10px 30px;
position: relative;
background-color: rgb(246, 246, 246);
}
.b2b-page .partnersHowSell ul li > div:before {
content: '✓';
position: absolute;
left: 10px;
color: rgb(208, 233, 57);
text-shadow: 1px 1px 2px black;
}
.b2b-page .partnersEasy {
display: flex;
margin-bottom: 120px;
}
.b2b-page .partnersEasy h3 {
display: flex;
justify-content: center;
align-items: center;
width: 40%;
margin: 0 5% 0 0;
font-size: 32px;
line-height: 1em;
}
.b2b-page .partnersEasy .desc {
width: 40%;
margin: 0 0 0 5%;
padding: 32px 24px;
background-color: rgb(246, 246, 246);
}
.b2b-page .partnersButton {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 120px;
}
.b2b-page .partnersButton a {
width: 80%;
}
pre.js-copy-to-clipboard {
display: block;
text-align: center;
font-weight: bold;
cursor: pointer;
background-color: rgb(246, 246, 246);
border-radius: 6px;
font-size: 24px;
line-height: 1.6em;
}
.site-modal[data-modal="exclusive-modal"] .site-modal__container .header {
margin: 0 0 30px 0;
text-align: center;
font-weight: bold;
font-size: 22px;
text-transform: uppercase;
}
.site-modal[data-modal="exclusive-modal"] .site-modal__container .program {
margin-bottom: 30px;
text-align: center;
}
.site-modal[data-modal="exclusive-modal"] .site-modal__container .program .title {
text-transform: uppercase;
font-size: 18px;
}
.site-modal[data-modal="exclusive-modal"] .site-modal__container .program .title strong {
font-size: 22px;
}
.site-modal[data-modal="exclusive-modal"] .site-modal__container .program .field {
text-transform: uppercase;
font-size: 20px;
}
.site-modal[data-modal="exclusive-modal"] .site-modal__container .time {
margin-bottom: 30px;
text-align: center;
text-transform: uppercase;
font-size: 14px;
user-select: none;
}
.site-modal[data-modal="exclusive-modal"] .site-modal__container .time span {
display: block;
padding: 10px;
font-size: 30px;
font-weight: bold;
text-align: center;
}
.site-modal[data-modal="exclusive-modal"] .site-modal__container pre {
display: block;
padding: 10px;
margin-bottom: 30px;
text-align: center;
font-weight: bold;
cursor: pointer;
background-color: rgb(246, 246, 246);
border-radius: 6px;
font-size: 18px;
}
.site-modal[data-modal="exclusive-modal"] .site-modal__container .button {
text-align: center;
}
.site-modal[data-modal="exclusive-modal"] .site-modal__container .button a {
display: inline-block;
}
#game {
display: none;
position: fixed;
bottom: 10px;
left: 10px;
width: 60px;
z-index: 100;
cursor: pointer;
}
#game.active {
display: block;
}
#game .dishes img {
width: 100%;
vertical-align: top;
}
#game .dishes {
animation: gameDishesShake 5s infinite;
backface-visibility: hidden;
}
@keyframes gameDishesShake {
0%, 89%, 91%, 93%, 95%, 97%, 99% {
transform: rotate(0deg);
}
90%, 94%, 98% {
transform: rotate(-3deg);
}
92%, 96%, 100% {
transform: rotate(3deg);
}
}
#game .tooltip {
display: none;
padding: 5px 10px;
position: absolute;
top: -10px;
left: calc(100% - 50px);
border: 1px solid rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
border-radius: 20px;
z-index: 101;
transform: translateY(-100%);
font-size: 11px;
text-transform: uppercase;
user-select: none;
width: max-content;
max-width: calc(100vw - 40px);
text-align: center;
}
#game .tooltip:after {
content: '';
position: absolute;
left: 20px;
bottom: -20px;
border: 10px solid transparent;
border-top: 10px solid rgb(0, 0, 0);
}
#game .ingredients {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
padding-bottom: 30%;
}
#game .ingredients > div {
width: 11%;
z-index: 2;
}
/* #game .ingredients > div:nth-child(odd) { */
/* transform: translateY(-25%); */
/* } */
/* #game .ingredients > div:nth-child(even) { */
/* transform: translateY(5%); */
/* } */
#game .ingredients > div:first-child {
transform: translateY(120%);
}
#game .ingredients > div:nth-child(2) {
transform: translateY(65%);
}
#game .ingredients > div:nth-child(3) {
transform: translate(50%, 10%);
}
#game .ingredients > div:nth-child(4) {
transform: translate(-40%, 115%);
}
#game .ingredients > div:nth-child(5) {
transform: translate(-25%, 65%);
}
#game .ingredients > div:last-child {
transform: translate(-25%, 120%);
}
#game .ingredients > div > img {
width: 300%;
transform: translateX(-25%);
}
#gameIngredient {
width: 60px;
position: absolute;
z-index: 19;
cursor: pointer;
animation: gameIngredientShake 3s infinite;
opacity: 1
}
@keyframes gameIngredientShake {
0%, 89%, 91%, 93%, 95%, 97%, 99% {
transform: rotate(0deg);
}
90%, 94%, 98% {
transform: rotate(-5deg);
}
92%, 96%, 100% {
transform: rotate(5deg);
}
}
.site-modal[data-modal="game-modal"] .site-modal__container .header {
margin: 0 0 30px 0;
text-align: center;
font-weight: bold;
font-size: 22px;
text-transform: uppercase;
}
.site-modal[data-modal="game-modal"] .site-modal__container .description {
margin-bottom: 30px;
text-align: center;
}
.site-modal[data-modal="game-modal"] .site-modal__container .time {
display: none;
margin-bottom: 30px;
text-align: center;
text-transform: uppercase;
font-size: 14px;
user-select: none;
}
.site-modal[data-modal="game-modal"] .site-modal__container .time span {
display: block;
padding: 10px;
font-size: 30px;
font-weight: bold;
text-align: center;
}
.site-modal[data-modal="game-modal"] .site-modal__container pre {
display: block;
padding: 10px;
margin-bottom: 30px;
text-align: center;
font-weight: bold;
cursor: pointer;
background-color: rgb(246, 246, 246);
border-radius: 6px;
font-size: 18px;
}
.site-modal[data-modal="game-modal"] .site-modal__container .button {
text-align: center;
}
.site-modal[data-modal="game-modal"] .site-modal__container .button a {
display: inline-block;
}
.ng-page .bg {
position: relative;
z-index: 1;
overflow: hidden;
background-image: url('/assets/images/ng/header.jpg?2');
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
opacity: .25;
}
@media (max-width: 767.98px) {
.ng-page .bg {
display: none;
}
}
.ng-page .bg img {
width: 100%;
visibility: hidden;
}
.ng-page .wrapper {
margin-top: -60%;
position: relative;
z-index: 2;
}
@media (max-width: 767.98px) {
.ng-page .wrapper {
margin-top: 30px;
}
}
.ng-page .head {
position: relative;
z-index: 3;
margin-bottom: 10%;
transform: translateY(20%);
text-align: center;
}
@media (max-width: 767.98px) {
.ng-page .head {
transform: translateY(0%);
}
}
.ng-page .head h1 {
display: inline-block;
margin: 0 0 15px 0;
padding: 10px 20px;
font-size: 48px;
line-height: 1em;
}
.ng-page .head p {
margin: 0 auto 15px auto;
padding: 0 15px;
max-width: 690px;
}
.ng-page .head .image {
display: none;
}
.ng-page .head .image img {
width: 100%;
}
@media (max-width: 767.98px) {
.ng-page .head .image {
display: block;
margin-bottom: 30px;
}
}
.ng-page .head .preorder {
margin: 0 auto;
max-width: 490px;
padding: 32px;
border: 2px solid #000;
}
.ng-page .head .dates {
margin-top: 30px;
padding: 0 15px;
}
.ng-page .head .dates strong {
display: inline-block;
vertical-align: middle;
}
.ng-page .category-tabs {
z-index: 10;
}
.ng-page section {
position: relative;
z-index: 3;
}
.ng-page .catalog .container {
padding: 30px 45px;
background-color: rgb(255, 255, 255);
}
.ng-page .catalog .catalog__block {
position: relative;
z-index: 10;
}
.ng-page .catalog .catalog__block {
position: relative;
z-index: 4;
}
.ng-page .catalog .product-card {
padding: 0;
}
.ng-page .catalog .product-card .program-card__top-info {
z-index: 2;
}
.ng-page .catalog .product-card .product-link {
position: relative;
overflow: hidden;
z-index: 1;
}
.ng-page .catalog .product-card .product-img {
max-height: 330px;
max-width: 330px;
padding: 0;
width: 100%;
height: auto;
margin-top: -18%;
margin-bottom: 0;
}
.ng-page .catalog .product-card .gift {
height: 0;
position: relative;
}
.ng-page .catalog .product-card .gift:before {
content: url('/assets/images/giftbox.png');
position: absolute;
z-index: 4;
top: -40px;
right: 8px;
}
.ng-page .catalog .product-card .gift div {
display: none;
padding: 5px 10px;
position: absolute;
top: -50px;
left: calc(100% - 193px);
border: 1px solid rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
border-radius: 20px;
z-index: 101;
transform: translateY(-100%);
font-size: 11px;
text-transform: uppercase;
user-select: none;
width: max-content;
max-width: 200px;
text-align: center;
}
.ng-page .catalog .product-card .gift div:after {
content: "";
position: absolute;
right: 20px;
bottom: -20px;
border: 10px solid transparent;
border-top: 10px solid rgb(0, 0, 0);
}
.ng-page .catalog .product-card .gift:hover div,.ng-page .catalog .product-card .gift:focus div, .ng-page .catalog .product-card .gift:active div {
display: block;
}
.ng-page .catalog .product-card .gift {
}
.ng-page .catalog .product-card h3 {
padding: 0 20px;
margin-top: auto;
}
.ng-page .catalog .introtext {
padding: 0 20px;
display: flex;
}
.ng-page .catalog .introtext .persons, .ng-page .catalog .introtext .payonperson {
width: 50%;
text-align: center;
font-weight: bold;
}
.ng-page .catalog .introtext .persons img, .ng-page .catalog .introtext .payonperson img {
width: 20px;
vertical-align: text-bottom;
}
.ng-page .catalog .product-card .product-card__wrapper {
margin: auto 0 0 0;
padding: 20px;
}
.ng-page .catalog .product-card .product-price-wrapper {
flex-wrap: wrap;
}
.ng-page .catalog .product-card .product-price-wrapper p {
width: 100%;
}
.ng-page .backgrounds {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 2;
overflow: hidden;
}
.ng-page .backgrounds .image {
width: 30%
}
.ng-page .backgrounds .image img {
width: 100%;
vertical-align: top;
}
.ng-page .backgrounds .image:nth-child(1) {
position: absolute;
top: 35%;
left: -10%;
}
.ng-page .backgrounds .image:nth-child(2) {
position: absolute;
top: 50%;
right: -10%;
}
.ng-page .backgrounds .image:nth-child(3) {
position: absolute;
top: 65%;
left: -10%;
}
.ng-page .backgrounds .image:nth-child(4) {
position: absolute;
top: 80%;
right: -10%;
}
.ng-page .backgrounds .image:after {
height: 100%;
width: 100%;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: radial-gradient(circle,rgba(255,255,255,0) 0%,rgb(255, 255, 255) 60%);
}
.ng-page section.delivery {
max-width: 1315px;
margin: 0 auto;
}
.ng-page .site-banner {
position: relative;
z-index: 3;
}
.ng-page .catalog .category-tabs {
position: sticky !important;
margin: 0 auto !important;
user-select: none;
}
@media (max-width: 767.98px) {
.ng-page .catalog .category-tabs {
padding: 15px 45px;
}
}
.cart-program.start .cart-program__container:last-child {
display: flex;
flex-wrap: wrap;
}
.cart-program.start .cart-program__container:last-child p {
width: 100%;
}
.cart-program.start .cart-program__container:last-child .cart-program__input-wrap {
width: calc(50% - 3px);
}
.cart-program.start .cart-program__container:last-child .cart-program__input-wrap:first-of-type {
margin-bottom: 0;
margin-right: 6px;
}
.product-slider .product-slide {
padding: 0;
}
.product-slider .product-slider__link {
padding: 0;
}
@media (max-width: 767.98px) {
#lightboxOverlay, #lightbox {
display: none !important;
}
}
.fixed-header {
transition: all .3s;
}
header.fixed-header.with-topper {
top: 80px;
}
@media (max-width: 767.98px) {
header.fixed-header.with-topper {
top: 0;
/* top: 50%; */
}
}
#topper {
height: 0;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 100;
overflow: hidden;
}
#topper.active {
height: 80px;
opacity: 1;
}
@media (max-width: 767.98px) {
#topper.active {
height: 50%;
display: none;
}
#panel.with-topper {
/* padding-top: calc(50% + 265px); */
}
}
#topper .background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
#topper .background img {
display: none;
width: 100%;
animation: 180s infinite linear scrollImage;
}
@media (max-width: 767.98px) {
#topper .background img {
position: relative;
top: 50%;
left: 50%;
width: 110%;
height: auto;
animation: unset;
transform: translate(-50%, -50%);
}
}
@media (max-width: 575.98px) {
#topper .background img {
width: auto;
height: 110%;
}
}
#topper .wrapper {
position: relative;
width: 100%;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 2s;
opacity: 0;
}
@media (max-width: 767.98px) {
#topper .wrapper {
height: 100%;
flex-direction: column;
}
}
#topper.active .wrapper {
opacity: 1;
background-color: rgb(255, 255, 255);
}
#topper .wrapper .block {
padding: 11px 22px;
margin-left: auto;
height: 48px;
background-color: rgb(255, 255, 255);
}
@media (max-width: 991.98px) {
#topper .wrapper .block {
font-size: 14px;
height: auto;
text-align: center;
}
}
@media (max-width: 767.98px) {
#topper .wrapper .block {
height: auto;
width: 70%;
margin: auto;
order: 2;
font-size: 12px;
}
#topper .wrapper .block span {
display: block;
font-size: 16px;
}
}
@media (max-width: 767.98px) {
#topper .wrapper .btn {
width: auto;
margin: auto auto 20px auto;
order: 3;
font-size: 12px;
}
}
#topper .wrapper .close {
display: flex;
margin-left: auto;
margin-right: 30px;
align-items: center;
justify-content: center;
height: 48px;
width: 48px;
background-color: rgb(255, 255, 255);
cursor: pointer;
}
@media (max-width: 767.98px) {
#topper .wrapper .close {
order: 1;
margin: 20px 20px auto auto;
}
}
#topper .wrapper .close:before {
content: '✖';
}
@keyframes scrollImage {
0% {
transform: translateY(0);
}
50% {
transform: translateY(calc(180px - 100%));
}
100% {
transform: translateY(0);
}
}
a[href^="https://api.whatsapp.com"] {
z-index: 999 !important;
}
#section_naboryi {
padding-top: 0 !important;
}
.site-modal[data-modal="ng-modal"] .site-modal__wrapper {
position: relative;
}
.site-modal[data-modal="ng-modal"] .site-modal__wrapper:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url('/assets/images/ng/popup.jpg');
background-size: cover;
background-repeat: no-repeat;
z-index: 1;
}
.site-modal[data-modal="ng-modal"] .site-modal__container {
padding: 30px;
position: relative;
z-index: 2;
background-color: rgb(255, 255, 255);
}
.site-modal[data-modal="ng-modal"] .site-modal__container .header {
margin: 0 0 30px 0;
text-align: center;
font-weight: bold;
font-size: 22px;
text-transform: uppercase;
}
.site-modal[data-modal="ng-modal"] .site-modal__container p {
margin-bottom: 30px;
text-align: center;
}
.site-modal[data-modal="ng-modal"] .site-modal__container .button {
text-align: center;
}
.site-modal[data-modal="ng-modal"] .site-modal__container .button a {
display: inline-block;
}
/* Pay page */
.payPage {
flex-direction: column;
}
#msCart {
max-width: 100%;
margin: 15px 0;
order: 1;
}
#msCart .table-responsive > div table {
margin-bottom: 15px;
}
#msCart .table-responsive > div table tr td {
padding: 5px;
}
#msCart .table-responsive > div table tr:nth-child(odd) {
background-color: rgb(245, 245, 245);
}
#msCart .table-responsive > div table tr:nth-child(even) {
background-color: rgb(250, 250, 250);
}
#msCart .table-responsive > div table .st-key {
width: 30%;
text-align: left;
vertical-align: top;
}
#msCart .table-responsive > div table:first-child {
display: none;
}
#msCart table .footer th {
padding: 5px 10px;
}
.msp_cloudpayments_btn_holder {
order: 2;
display: flex;
justify-content: end;
padding: 15px;
margin-top: auto;
}
#msCart .table-responsive > div table:last-child .st-key {
display: none;
}
#msCart .table-responsive > div table:last-child tr {
background-color: rgb(0, 0, 0);
margin: 0;
}
.pasxa-page {
position: relative;
}
.pasxa-page .bg {
position: relative;
}
.pasxa-page .bg .image {
position: absolute;
width: 35%;
overflow: hidden;
border-radius: 50%;
}
@media (max-width: 767.98px) {
.pasxa-page .bg .image {
display: none;
}
}
.pasxa-page .bg .image:after {
height: 100%;
width: 100%;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: radial-gradient(circle,rgba(255,255,255,0) 0%,rgb(255, 255, 255) 75%);
}
.pasxa-page .bg .image img {
width: 100%;
vertical-align: top;
}
.pasxa-page .bg .image:first-child {
left: 0;
transform: translateX(-25%);
}
.pasxa-page .bg .image:last-child {
right: 0;
transform: translateX(25%) scaleX(-1);
}
.pasxa-page .wrapper {
position: relative;
z-index: 2;
}
@media (max-width: 767.98px) {
.pasxa-page .wrapper {
margin-top: 30px;
}
}
.pasxa-page .head {
position: relative;
z-index: 3;
margin: 5% auto 5% auto;
text-align: center;
max-width: 780px;
}
@media (max-width: 767.98px) {
.pasxa-page .head {
transform: translateY(0%);
}
}
.pasxa-page .head h1 {
margin: 5% 0 15px 0;
padding: 10px 20px;
font-size: 38px;
line-height: 1em;
}
.pasxa-page .head p {
margin: 0 auto 15px auto;
padding: 0 15px;
max-width: 780px;
}
.pasxa-page .head .image {
display: none;
}
.pasxa-page .head .image img {
width: 100%;
}
@media (max-width: 767.98px) {
.pasxa-page .head .image {
display: block;
margin-bottom: 30px;
}
}
.pasxa-page .head .preorder {
margin: 0 auto;
max-width: 560px;
padding: 32px;
border: 2px solid #000;
}
.pasxa-page .head .dates {
margin-top: 30px;
padding: 0 15px;
}
.pasxa-page .head .dates strong {
display: inline-block;
vertical-align: middle;
}
.pasxa-page .category-tabs {
z-index: 10;
}
.pasxa-page section {
position: relative;
z-index: 3;
}
.pasxa-page .catalog {
max-width: 1320px;
margin: 0 auto 70px auto;
padding: 30px 45px;
background-color: rgb(255, 255, 255);
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 767.98px) {
.pasxa-page .catalog {
grid-template-columns: 1fr;
}
}
.pasxa-page .catalog .product-card {
padding: 0 16px 24px;
}
.pasxa-page .catalog .product-img {
padding: 0;
max-height: unset;
}
.pasxa-page section.delivery {
max-width: 1315px;
margin: 0 auto;
}
.pasxa-page .site-banner {
position: relative;
z-index: 3;
}
.pasxa-page .catalog .category-tabs {
position: sticky !important;
margin: 0 auto !important;
user-select: none;
}
@media (max-width: 767.98px) {
.pasxa-page .catalog .category-tabs {
padding: 15px 45px;
}
}
.pasxa-block {
display: none;
margin-bottom: 100px;
background-color: rgb(246, 246, 246);
}
.pasxa-block.active {
display: flex;
}
@media (max-width: 767.98px) {
.pasxa-block.active {
flex-wrap: wrap;
}
}
.pasxa-block .image {
width: 60%;
flex: 0 0 auto;
}
@media (max-width: 1199.98px) {
.pasxa-block .image {
width: 50%;
}
}
@media (max-width: 767.98px) {
.pasxa-block .image {
width: 100%;
}
}
.pasxa-block .image img {
width: 100%;
vertical-align: top;
}
.pasxa-block .description {
margin-left: 30px;
flex: 0 1 auto;
padding: 32px 24px;
}
@media (max-width: 767.98px) {
.pasxa-block .description {
margin-left: 0;
}
}
.pasxa-block .description h2 {
line-height: 1em;
}
.pasxa-block .button {
text-align: right;
}
.tips-page .header {
padding: 45px 0;
text-align: center;
}
.tips-page .header h1 {
line-height: 1em;
}
.tips-page .header div {
margin: 30px 0;
}
.tips-page .tips-form {
max-width: 320px;
margin: 0 auto;
}
.tips-page .tips-form input {
text-align: center;
}
.tips-page .tips-form .tips-set {
display: flex;
margin-bottom: 30px;
}
.tips-page .tips-form .tips-set button,
.tips-page .tips-form button.pay {
color: rgb(0, 0, 0);
background-color: rgb(208, 233, 57);
font-size: 16px;
font-weight: 500;
line-height: 1;
text-decoration: none;
transition: all .3s;
transition: background-color .2s;
padding: 16px;
border: none;
text-align: center;
flex: 1 0 auto;
}
.tips-page .tips-form .tips-set button:hover,
.tips-page .tips-form button.pay:hover {
background-color: rgb(192, 217, 42);
}
.tips-page .tips-form button.pay {
display: block;
width: 80%;
margin: 45px auto 15px auto;
}
.tips-page .tips-form .offset {
margin: 0 0 45px 0;
font-size: 14px;
line-height: 14px;
}
.tips-page .tips-form .offset label {
cursor: pointer;
width: 100%;
position: relative;
}
.tips-page .tips-form .offset label input {
position: absolute;
}
.tips-page .tips-form .offset label span {
display: inline-block;
margin-left: 30px;
}
.tips-page .tips-form .comment {
margin-bottom: 45px;
}
.tips-page .tips-form .comment textarea {
text-align: center;
}
.tips-page .tips-form .payments {
margin-bottom: 45px;
}
.tips-page .tips-form .payments h3 {
margin: 0 0 15px 0;
}
.tips-page .tips-form .payments label {
margin-bottom: 15px;
display: flex;
cursor: pointer;
}
.tips-page .tips-form .payments label input {
flex: 0 0 auto;
}
.tips-page .tips-form .payments img {
max-height: 40px;
max-width: 100%;
}
.tips-page .tips-form .payments label:nth-child(2) img {
max-height: 85px;
}
.tips-page .tips-form .phone {
display: none;
margin: 30px 0;
}
.tips-page .tips-form .phone h3 {
margin: 0 0 15px 0;
}
.tips-page .tips-form .phone.active {
display: block;
}
.checkout__item .checkbox:nth-child(2) img {
max-height: 80px;
}
.checkout__item .checkbox:nth-child(3) img {
max-height: 25px;
}
.cart-program__label--show .datepicker {
z-index: 3;
}
.value-form {
display: block;
}
.value-form .program-days__list {
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
padding: 16px 5px;
background-color: rgb(255, 255, 255);
}
.value-form_container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
#section_novogodnie-desertyi .subtitle {
margin-bottom: 4px;
}
#section_novogodnie-desertyi .col-md-12 small {
margin-bottom: 40px;
display: block;
}
@media (max-width: 767.98px) {
.site-banner .slick-track .slick-slide:nth-child(2) p {
margin-bottom: 5px;
}
.site-banner .slick-track .slick-slide:nth-child(2) .site-banner__title {
margin-bottom: 5px;
}
}
.site-banner .slick-track .slick-slide:nth-child(2) .btn {
background-color: #7e2022;
color: #fff !important;
}
.oNasGovoryat .intro a {
margin-left: auto;
}
.oNasGovoryat .fields {
list-style: none;
margin: 0;
padding: 0;
}
.oNasGovoryat .fields li div {
display: inline-block;
padding: 8px 16px;
margin-bottom: 10px;
background-color: rgb(246, 246, 246);
}
.oNasGovoryat .fields li a {
text-decoration: none;
color: #000;
}
.oNasGovoryat .content {
position: relative;
padding: 12px 40px;
background-color: rgb(246, 246, 246);
}
.oNasGovoryat .content:before {
content: '«';
position: absolute;
left: 12px;
top: 12px;
color: #000;
font-weight: bold;
font-size: 32px;
}
.oNasGovoryat .content:after {
content: '»';
position: absolute;
right: 12px;
bottom: 12px;
color: #000;
font-weight: bold;
font-size: 32px;
}
.oNasGovoryat .content h2 {
font-size: 27px;
}
.slick-prev, .slick-next {
background-color: rgba(255, 255, 255, .5);
width: 50px;
}
.slick-next {
right: 0;
padding-right: 15px;
}
.slick-next:before {
left: 7px
}
.slick-next:after {
left: 7px
}
.slick-prev {
left: 0;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
background-color: rgba(255, 255, 255, .5);
}
.toggle-header {
font-size: 80% !important;
font-weight: bold;
cursor: pointer;
position: relative;
}
.toggle-header:after {
content: '▽';
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.toggle-header.active:after {
content: '△';
}
.toggle-body {
display: none;
margin-bottom: 15px;
font-size: 80% !important;
}
.program-days .program-price {
padding: 10px;
text-align: center;
}
.delivery-alert {
display: flex;
align-items: center;
padding: 5px;
margin-bottom: 16px;
border-radius: 20px;
background-color: rgb(255, 243, 205);
font-size: 80%;
line-height: 120%;
}
.delivery-alert big {
padding: 0 20px;
font-size: 300%;
}
.site-form__placeholder-exapmle {
font-size: 80%;
margin: 5px 0;
}
.site-form__placeholder-description {
font-size: 60%;
}
.site-form__wrap--active .site-form__placeholder-exapmle, .site-form__wrap--active .site-form__placeholder-description {
display: none;
}