@font-face {
  font-family: 'Almaz';
  src: url('../fonts/Almaz-ExtraBold.woff2') format('woff2'),
  url('../fonts/Almaz-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Almaz';
  src: url('../fonts/Almaz-SemiBold.woff2') format('woff2'),
  url('../fonts/Almaz-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Almaz';
  src: url('../fonts/Almaz-Bold.woff2') format('woff2'),
  url('../fonts/Almaz-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/*@font-face {
  font-family: 'Mojito';
  src: url('../fonts/Mojito-Stamp.woff2') format('woff2'),
  url('../fonts/Mojito-Stamp.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}*/

@font-face {
  font-family: 'MojitoWeb';
  src: url('../fonts/MojitoWeb.ttf') format('truetype'),
  url('../fonts/MojitoWeb.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GillSans';
  src: url('../fonts/GillSansNova-Book.woff2') format('woff2'),
  url('../fonts/GillSansNova-Book.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GillSans';
  src: url('../fonts/GillSansNova-SemiBold.woff2') format('woff2'),
  url('../fonts/GillSansNova-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GillSans';
  src: url('../fonts/GillSansNova-Light.woff2') format('woff2'),
  url('../fonts/GillSansNova-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

*,
*::after,
*::before {
  box-sizing: border-box;
  margin: 0;
}
*{outline: none;}
html{
  overflow-y: scroll;
  --color-brand: #ED1C24;
  --color-title: #16201F;
  --color-text: #898E8D;
  --color-success: #4CA45C;
  --color-helper: #4697D4;
  --color-invalid: #DA4235;
  --color-highlight: #E9E9E9;
  --color-bg-highlight: #F6F6F6;
  --color-divider: #DADADA;
  --color-title-light: #FFF;
  --color-text-light: #E5E7E7;
  --color-pending: #FFA800;
  --header-height: 90px;
  --header-height2: 130px;
  --header-index: 10;
  --container-padding: 50px;
  --section-padding: 135px;
  --bottom: -150px;
  --header-bg: rgba(251, 245, 237, 1);
}
@media (min-width:1200px) {
  *::-webkit-scrollbar{width: 5px; height: 5px;}
  *::-webkit-scrollbar-track{background: var(--color-divider);}
  *::-webkit-scrollbar-thumb{background: var(--color-brand);}
}
body:not(.page--loaded) *{transition: none!important;}
@media screen and (max-width: 1399px) {
  html{
    --container-padding: 25px;
  }
}
@media screen and (max-width: 1199px) {}
@media screen and (min-width: 992px) and (max-width: 1380px) {
  html{
    --section-padding: 90px;
  }
}
@media screen and (max-width: 991px) {
  html{
    --section-padding: 90px;
  }
}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 575px) {
  html{
    --section-padding: 50px;
    --container-padding: 15px;
  }
}
img{max-width: 100%; max-height: 100%; flex-shrink: 0; flex-grow: 0;}
img.crop-1{width: 145px;}
img.crop-2{height: 100px;}
img.crop-3{width: 100px;}
@media screen and (max-width: 575px) {
  img.crop-1{width: 80px;}
  img.crop-2{height: 60px;}
  img.crop-3{width: 60px;}
}
.icon-wrapper{width: var(--size); height: var(--size); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; vertical-align: middle; position: relative; --size: var(--line-height);}
.icon-wrapper.xl{--size: 50px;}
.icon-wrapper.md{--size: 32px;}
.icon-wrapper.sm-1{--size: 28px;}
.icon-wrapper.sm{--size: 24px;}
.icon-wrapper.xs{--size: 16px;}
.icon-wrapper img{transition: 0.15s;}
.icon-radius{border-radius: 50%;}
@media (min-width:1200px) {
  .icon-wrapper.icon-hover:hover img{opacity: 0.6;}
}
.icon-wrapper .badge{position: absolute; right: -5px; top: -5px; width: 18px; height: 18px; line-height: 18px; font-size: 10px; border-radius: 50%; background: var(--color-brand); color: #FFF; text-align: center;}
.icon-wrapper svg{fill: currentColor;}
#content-block{display: flex; flex-direction: column; min-height: 100vh; overflow: hidden;}
#content{margin-top: var(--header-height); flex-grow: 1;}
#content.type2{margin-top: var(--header-height2);}
.contain, .cover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.contain{object-fit: scale-down;}
section{width: 100%; position: relative;}
.section-title{text-align: center; margin-bottom: var(--spacer);}
.h-line{height: 1px; color: var(--color-divider); background: currentColor; width: 100%;}
.v-line{height: 100%; color: var(--color-divider); background: currentColor; width: 1px;}
.tab:not(.active){display: none;}
.section-spacer{height: var(--section-padding);}
.h-100{height: 100%!important;}
.w-100{width: 100%!important;}
.bg-wrapper{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: cover;}
.bg-wrapper:after, .bg-overlay{content: ""; position: absolute; left: 0; bottom: 0; right: 0; top: 0;}
.section-bg{position: absolute; left: 50%; top: 0; transform: translateX(-50%); max-width: none; max-height: none;}
section.graphics-1:before, section.graphics-2:before{content: ""; width: 1040px; height: 1040px; background: url(../images/icon-graphics7.svg) center center no-repeat; position: absolute; z-index: -1;}
section.graphics-1:before{left: -520px; top: -520px;}
section.graphics-2:before{right: -520px; top: -520px;}
.overrflow-hidden{overflow: hidden;}
@media screen and (max-width: 575px) {
  section.graphics-1:before, section.graphics-2:before{display: none;}
}

/* grid */
.row, .row > *, .container, .container-fluid{position: relative;}
.container-fluid, .container{padding-left: var(--container-padding); padding-right: var(--container-padding);}
.container{max-width: calc(1530px + 2 * var(--container-padding));}
.container-align{max-width: 1010px; margin: 0 auto;}
html{
  --spacer-100: 100px;
  --spacer-75: 75px;
  --spacer-60: 60px;
  --spacer: 50px;
  --spacer-sm: 40px;
  --spacer-30: 30px;
  --spacer-20: 20px;
  --spacer-15: 15px;
  --spacer-10: 10px;
  --spacer-5: 5px;
}
@media screen and (max-width: 1380px) {
  html{
    --spacer-100: var(--spacer);
    --spacer-75: var(--spacer);
  }
}
@media screen and (max-width: 991px) {
  html{
    --spacer: 40px;
    --spacer-sm: 25px;
    --spacer-60: 50px;
  }
}
@media screen and (max-width: 575px) {
  html{
    --spacer-60: 40px;
    --spacer: 30px;
  }
}
.spacer{height: var(--spacer);}
.mb-spacer{margin-bottom: var(--spacer)!important;}
.spacer-sm{height: var(--spacer-sm);}
.spacer-md{height: var(--spacer-100);}
.mb-spacer-sm{margin-bottom: var(--spacer-sm)!important;}
.mb-spacer-50.mb-spacer-50{margin-bottom: var(--spacer-50);}
.mb-spacer-30.mb-spacer-30{margin-bottom: var(--spacer-30);}
.mb-spacer-20.mb-spacer-20{margin-bottom: var(--spacer-20);}
.mb-spacer-15.mb-spacer-15{margin-bottom: var(--spacer-15);}
.mb-spacer-10.mb-spacer-10{margin-bottom: var(--spacer-10);}
.mb-spacer-5.mb-spacer-5{margin-bottom: var(--spacer-5);}
.g-custom-15, .gy-custom-15 {
  --bs-gutter-y: var(--spacer-15);
}
.g-custom-15, .gx-custom-15 {
  --bs-gutter-x: var(--spacer-15);
}
.g-custom-20, .gy-custom-20 {
  --bs-gutter-y: var(--spacer-20);
}
.g-custom-20, .gx-custom-20 {
  --bs-gutter-x: var(--spacer-20);
}
.g-custom-30, .gy-custom-30 {
  --bs-gutter-y: var(--spacer-30);
}
.g-custom-30, .gx-custom-30 {
  --bs-gutter-x: var(--spacer-30);
}
.g-custom-spacer, .gy-custom-spacer {
  --bs-gutter-y: var(--spacer);
}
.g-custom-spacer, .gx-custom-spacer {
  --bs-gutter-x: var(--spacer);
}
.g-custom-75, .gy-custom-75 {
  --bs-gutter-y: var(--spacer-75);
}
.g-custom-75, .gx-custom-75 {
  --bs-gutter-x: var(--spacer-75);
}
.g-custom-60, .gy-custom-60 {
  --bs-gutter-y: var(--spacer-60);
}
.g-custom60, .gx-custom-60 {
  --bs-gutter-x: var(--spacer-60);
}
@media screen and (min-width: 992px) {
  .container{--container-padding: 80px;}
}

/* typography */
body, .text{font-family: 'GillSans'; font-weight: 400; color: var(--color-text);}
body, .text.md{font-size: 20px; --line-height: 30px;}
.text.lg{font-size: 22px; --line-height: 32px;}
.text.sm{font-size: 18px; --line-height: 28px;}
ol, ul{list-style: none; padding: 0;}
b{font-weight: 600;}
a{color: inherit; text-decoration: none; cursor: pointer; transition: color 0.25s;}
h1, .heading1{font-size: 66px; --line-height: 72px; font-weight: 600; font-family: 'Almaz'; margin: 0; color: var(--color-title);}
h2, .heading2{font-size: 48px; --line-height: 56px; font-weight: 800; font-family: 'Almaz'; color: var(--color-title);}
h3, .heading3{font-size: 42px; --line-height: 45px; font-weight: 800; font-family: 'Almaz'; color: var(--color-title);}
h4, .heading4{font-size: 34px; --line-height: 38px; font-weight: 800; font-family: 'Almaz'; color: var(--color-title);}
h5, .heading5{font-size: 26px; --line-height: 33px; font-weight: 700; font-family: 'Almaz'; color: var(--color-title);}
h6, .heading6{font-size: 22px; --line-height: 32px; font-weight: 700; font-family: 'Almaz'; color: var(--color-title);}
h1, .heading1, h2, .heading2, h3, .heading3, h4, .heading4, h5, .heading5, h6, .heading6, body, .text, .button{line-height: var(--line-height);}
.heading-styled{font-family: 'MojitoWeb'; font-weight: 400;}
.banner .heading-styled, .section-title .heading-styled{margin-bottom: 10px;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-editor p, .text-editor ul, .text-editor ol, .text-editor table, .text-editor h1, .text-editor h2, .text-editor h3, .text-editor h4, .text-editor h5, .text-editor .swiper{margin-bottom: 18px;}
.text-editor h6{margin-bottom: 10px;}
.text-editor blockquote{margin: 50px 0;}
.text-editor > *:last-child{margin-bottom: 0;}
.text-editor > *:first-child{margin-top: 0;}
.text-editor a{color: var(--color-brand);}
.text-editor a:hover{color: var(--color-title);}
.text-editor iframe{max-width: 100%; display: inline-block; vertical-align: top;width: 100%;height:520px;max-height: calc(56.25vw - 30px);border: 0;}
.text-editor img{display: block; height: auto;}
.text-editor ol{counter-reset: number;}
.text-editor ol li{margin-bottom: 10px;}
.text-editor ol li:before{counter-increment: number; content: counter(number) "."; margin-right: 5px; color: var(--color-brand); font-family: 'Almaz'; font-weight: 700; font-size: 0.8em; line-height: inherit;}
.text-editor ul li{padding: 0 0 0 24px; position: relative; margin-bottom: 10px;}
.text-editor ul li:before{content: ""; width: 16px; height: 16px; position: absolute; left: 0; top: calc(var(--line-height) / 2); margin-top: -8px; background: url(../images/icon-list.svg) center center no-repeat;}
.text-editor table{font-size: 19px; line-height: 24px;border-collapse: collapse; width: 100%; border: 1px var(--color-divider) solid; vertical-align: top;}
.text-editor table th{font-size: 22px; line-height: 32px; font-family: 'Almaz'; font-weight: 600; vertical-align: middle; padding: 15px; height: 100px; color: var(--color-title);}
.text-editor table td{padding: 15px; border: none; height: 80px; text-align: center;}
.text-editor table tbody tr:nth-child(2n + 1){background: var(--color-bg-highlight);}
.text-editor table th:first-child, .text-editor table td:first-child{text-align: left;}
.text-editor table th:last-child, .text-editor table td:last-child{text-align: right;}
.text-editor table p{margin: 0;}
.text-editor blockquote{border: 2px var(--color-brand) solid; border-radius: 3px; font-size: 24px; line-height: 34px; text-align: center; color: var(--color-brand); padding: 40px 50px; font-weight: 500;}
.line-through{position: relative; white-space: nowrap;}
.line-through:after{content: ""; position: absolute; left: -0.1em; right: -0.1em; top: 50%; height: 1px; background: var(--color-brand);}
@media (min-width:1200px) {
  a:hover{color: var(--color-brand);}
}
.color-light{--color-title: var(--color-title-light); --color-text: var(--color-text-light);}
.color-brand{color: var(--color-brand)!important;}
.color-title{color: var(--color-title)!important;}
.color-invalid{color: var(--color-invalid)!important;}
.color-success{color: var(--color-success)!important;}
.color-pending{color: var(--color-pending)!important;}
.bg-success{background-color: var(--color-success)!important;}
.bg-helper{background-color: var(--color-helper)!important;}
.bg-invalid{background-color: var(--color-invalid)!important;}
.bg-highlight{background-color: var(--color-bg-highlight)!important;}
@media screen and (max-width: 1380px) {
  body, .text{--line-height: 26px;}
  h1, .heading1{font-size: 54px; --line-height: 50px;}
  h2, .heading2{font-size: 44px;}
  h3, .heading3{font-size: 40px;}
  h4, .heading4{font-size: 32px;}
}
@media screen and (max-width: 991px) {
  h1, .heading1{font-size: 52px; --line-height: 52px; font-weight: 700;}
}
@media screen and (max-width: 575px) {
  body, .text.md{--line-height: 26px;}
  .text.sm{--line-height: 22px;}
  .text.sm{font-size: 20px; --line-height: 26px;}
  h1, .heading1{font-size: 32px; --line-height: 36px;}
  h2, .heading2{font-size: 30px; --line-height: 38px;}
  h3, .heading3{font-size: 28px; --line-height: 32px;}
  h4, .heading4{font-size: 26px; --line-height: 30px;}
  h6, .heading6{font-size: 18px; --line-height: 22px;}
  .text-editor table.responsive thead{display: none;}
  .text-editor table.responsive tr, .text-editor table.responsive td{display: block; height: auto; text-align: left; padding: 5px 0;}
  .text-editor table.responsive tr{padding: 15px 20px;}
  .text-editor table.responsive td[data-text]:before{content: attr(data-text) ": "; font-weight: 600; color: var(--color-title);}
  .text-editor blockquote{font-size: 18px;line-height: 24px;padding: 20px;}
}

/* button */
button{background: none; border: none; cursor: pointer; padding: 0; color: inherit;}
.button{font-weight: 600; font-size: 18px; --line-height: 1em; display: flex; align-items: center; min-height: var(--height); width: fit-content; position: relative; transition: color .15s, background-color .15s; justify-content: center; color: var(--color-title); flex-shrink: 0; text-align: center;}
.button[disabled]{cursor: not-allowed; background: var(--color-divider)!important; color: var(--color-text)!important;}
.button.primary{background: var(--color-brand); color: #FFF;}
.button.primary.graphics{padding-left: 55px; padding-right: 55px;}
.button.primary.graphics:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/icon-graphics1.svg) left center / auto 100% no-repeat, url(../images/icon-graphics2.svg) right center / auto 100% no-repeat;}
.button.stroke{background: #FFF; color: var(--color-brand); box-shadow: inset 0 0 0 var(--stroke) var(--color-brand);}
.button.stroke.type-2{box-shadow: none;}
.button.accent{background: var(--color-title); color: #FFF;}
.button img{transition: filter 0.15s;}
.button.accent img, .button.accent svg, .button.primary img, .button.primary svg{filter: brightness(0) invert(1);}
.button.basic img, .button.basic svg{filter: brightness(0);}
.button.icon{padding: calc(var(--height) / 5)!important; width: var(--height); line-height: var(--height);}
.button.radius, .button.icon{border-radius: calc(var(--height) / 2);}
.button.radius:before, .button.radius:after{content: ""; width: 10px;}
.button.icon img:nth-child(2), .button.icon.active img:nth-child(1){display: none;}
.button.icon.active img:nth-child(2){display: block;}
.button.xl{--height: 66px; padding: 5px 24px; --stroke: 2px; text-transform: uppercase;}
.button.md{--height: 60px; padding: 5px 20px; --stroke: 1px;}
.button.sm{--height: 50px; padding: 5px 20px; --stroke: 1px;}
.button.xs{--height: 32px;}
.play{--size: min(100px, 15vw); width: var(--size); height: var(--size); border: 3px currentColor solid; position: absolute; border-radius: 50%; left: 50%; top: 50%; margin: calc(-1 * var(--size) / 2) 0 0 calc(-1 * var(--size) / 2); color: var(--color-brand); transition: color 0.15s; display: flex; align-items: center; justify-content: center; z-index: 2;}
.play:before{content: ""; position: absolute; left: 5px; bottom: 5px; right: 5px; top: 5px; border-radius: 50%; background: currentColor;}
.play:after{content: ""; display: block; border-left: calc(var(--size) / 5) #FFF solid; border-bottom: calc(var(--size) / 8) transparent solid; border-top: calc(var(--size) / 8) transparent solid; position: relative; margin-left: 4%;}
.play:hover{color: var(--color-title);}
@media screen and (max-width: 1380px) {
  .button{font-size: 16px;}
}
@media screen and (max-width: 767px) {
  .button.xl{--height: 60px; --stroke: 1px; padding: 5px 24px;}
  .button.md{--height: 50px;}
}
@media screen and (max-width: 575px) {
  .button.radius:before, .button.radius:after{display: none;}
}
@media (min-width:1200px) {
  .button.primary:hover{background-color: var(--color-title);}
  .button.stroke:hover{background-color: var(--color-brand); color: #FFF;}
  .button.accent:hover{background-color: var(--color-brand);}
  .button.stroke:hover img, .button.stroke:hover svg{filter: brightness(0) invert(1);}
  .button.basic:hover{color: var(--color-brand);}
  .button.basic:hover img, .button.basic svg{filter: brightness(1);}
  .button.flat:hover{background: rgba(1, 1, 1, 0.05);}
}

/* formcontrol */
.form-control, .array-control{position: relative; margin-bottom: 10px; --form-control-height: 50px; --icons-align: calc(var(--form-control-height) / 2);}
.form-control-align{margin-top: -10px;}
.form-control.underline{--form-control-height: 50px;}
.form-control .input, .SumoSelect > .CaptionCont{border: 1px var(--color-divider) solid; width: 100%; height: var(--form-control-height); line-height: calc(var(--form-control-height) - 2px); padding: 0 15px; transition: border-color .25s; display: block; font-size: 18px; color: var(--color-title); position: relative; background: #FFF;}
.form-control .input[disabled], .SumoSelect.disabled{opacity: 0.6; background: var(--color-bg-highlight); cursor: not-allowed;}
.form-control.underline .input{line-height: calc(var(--form-control-height) - 1px); height: var(--form-control-height); color: var(--color-title); border: none; border-bottom: 1px var(--color-divider) solid; width: 100%; transition: border-color .25s; font-size: 20px;}
.form-control textarea.input{height: 130px; padding-top: 10px; padding-bottom: 10px; line-height: inherit;}
.form-control .input:focus, .SumoSelect.open > .CaptionCont, .form-control .input-material:focus{border-color: var(--color-title);}
.form-control .suffix{position: absolute; top: var(--icons-align); right: var(--icons-align); transform: translateX(50%) translateY(-50%); z-index: 2;}
.form-control .icons-suffix + input, .form-control .datepicker{padding-right: var(--form-control-height);}
.form-control .prefix{position: absolute; top: var(--icons-align); left: var(--icons-align); transform: translateX(-50%) translateY(-50%); z-index: 2;}
.form-control .icons-prefix + input{padding-left: var(--form-control-height);}
.SumoSelect > .optWrapper > .options li.opt{font-size: 18px; line-height: 22px; padding: 10px 15px;}
.label{font-size: 16px; line-height: 28px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.form-control .hint{font-size: 14px; line-height: 18px; display: block; color: var(--color-title); display: none; margin: 0;}
.array-control{min-height: var(--form-control-height); display: flex; flex-direction: column; justify-content: center; margin-right: 20px;}
.array-wrapper{position: relative;}
.array-clear{position: absolute; right: -32px; top: 9px;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}
input[type=number]{-moz-appearance: textfield;}
.form-control .datepicker{background: url(../images/icon-datepicker.svg) right 12px center no-repeat #FFF;}

/* checkboxes */
.checkbox{cursor: pointer; display: flex; width: fit-content; color: var(--color-title);}
.checkbox input{display: none;}
.checkbox input + span {position: relative; transition: color .25s; padding-left: 30px; line-height: 24px;}
.checkbox input[disabled] + span{opacity: 0.6;}
.checkbox input + span:before, .SumoSelect > .optWrapper.multiple > .options li.opt span{content: ""; width: 20px; height: 20px; box-shadow: inset 0 0 0 1px var(--color-divider); transition: .25s; position: absolute; left: 0; top: 2px;}
.checkbox input[type="radio"] + span:before{border-radius: 50%;}
.checkbox input[type="checkbox"] + span:after, .SumoSelect > .optWrapper.multiple > .options li.opt.selected span:after{content: ""; width: 9px; height: 5px; border-left: 1px #FFF solid; border-bottom: 1px #FFF solid; position: absolute; left: 6px; top: 6px; transform: rotate(-45deg); opacity: 0; transition: opacity .25s; margin-top: 2px;}
.checkbox input[type="radio"] + span:after{content: ""; position: absolute; left: 4px; top: 6px; width: 12px; height: 12px; border-radius: 50%; background: var(--color-brand); transition: opacity .25s; opacity: 0;}
.checkbox input[type="checkbox"]:checked + span:before, .SumoSelect > .optWrapper.multiple > .options li.opt.selected span{background: var(--color-brand); box-shadow: none;}
.checkbox input[type="radio"]:checked + span:before{box-shadow: inset 0 0 0 1px var(--color-brand);}
.checkbox input:checked + span:after, .SumoSelect > .optWrapper.multiple > .options li.opt.selected span:after{opacity: 1;}
.checkbox a{color: var(--color-brand);}
.checkbox a:hover{text-decoration: underline;}

/* invalid */
.form-control.invalid .input, .form-control.invalid .SumoSelect > .CaptionCont, .form-control.invalid .upload-wrapper{border-color: var(--color-invalid);}
.form-control.invalid .checkbox input + span:before{box-shadow: inset 0 0 0 2px var(--color-invalid);}

/* SPINNER */
.spinner{
  --spinner-size: 64px;
  --spinner-color: var(--color-brand);
  width: var(--spinner-size); height: var(--spinner-size); border-radius: 50%; border: calc(var(--spinner-size) / 10) solid var(--spinner-color); border-color: var(--spinner-color) transparent var(--spinner-color) transparent; animation: spinner 1.2s linear infinite;}
.spinner.sm{
  --spinner-size: 32px;}
.spinner-wrapper{display: none; position: absolute; left: 0; bottom: 0; right: 0; top: 0; z-index: 2;}
.spinner-align{display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .5); position: absolute; left: 0; bottom: 0; right: 0; top: 0;}
.button .spinner, .icon-wrapper .spinner{--spinner-size: 20px; --spinner-color: currentColor;}
@keyframes spinner {
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}

/* overlay */
.overlay{position: fixed; left: -100%; opacity: 0; top: 0; width: 100%; bottom: var(--bottom); background: rgba(2, 0, 0, 0.7); transition: left 0s 0.25s, opacity 0.25s; z-index: 4; transform: translateZ(0);}
.overlay.active{left: 0; opacity: 1; transition: left 0s 0s, opacity 0.25s;}
#layer-close{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: calc(var(--header-index) - 1); display: none;}
@media screen and (min-width: 1200px) {
  #hamburger-layer{display: none;}
}

/* header */
header{position: fixed!important; left: 0; top: 0; width: 100%; z-index: var(--header-index); height: var(--header-height); --header-top: 32px; --li-padding: 40px; background: #FFF; box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.1); color: var(--color-title); transition: background 0.15s;}
header li a .icon-wrapper img{filter: brightness(0); transition: filter 0.15s;}
header li a.active .icon-wrapper img{filter: brightness(1);}
header li a .icon-wrapper{margin-right: 10px;}
header a.active{color: var(--color-brand);}
.header-switcher{display: flex; align-items: center; font-size: 25px; line-height: 44px; font-family: 'MojitoWeb'; margin-right: var(--li-padding); position: relative; color: var(--color-title);}
.header-switcher .control{width: 44px; height: 24px; border: 2px var(--color-brand) solid; border-radius: 12px; position: relative; margin: 0 10px 0 15px; flex-shrink: 0;}
.header-switcher .control:after{content: ""; position: absolute; width: 16px; height: 16px; background: var(--color-brand); border-radius: 8px; left: 22px; top: 2px;}
.header-switcher .active + .control:after{left: 2px;}
.header-toggle{width: var(--size); height: var(--size); background-image: url(../images/icon-dropdown1.svg); background-repeat: no-repeat;}
#logo{margin-right: var(--container-padding); height: 100%; width: 215px;}
header .delivery a{color: var(--color-brand); text-decoration: underline;}
header .delivery a:hover{text-decoration: none;}
header.active{background: var(--header-bg);}
.top-phone .accordeon-content .row{flex-wrap: nowrap;}
.header-bottom ul{width: 100%;}
.cart-btn{display: inline-flex;align-items: center;justify-content: center;padding: 5px 10px;width: 100%;background: var(--color-brand);color: var(--color-title-light);border-radius: 10px;transition: .25s;}
.cart-btn .icon-wrapper img{filter: none;}
.cart-btn .icon-wrapper .badge{background: var(--color-title-light);color: var(--color-brand);}
header nav{font-weight: 600;}
@media screen and (min-width: 1200px) {
  .cart-btn:hover{color: var(--color-title-light);background: var(--color-title);}
  .header-top{height: var(--header-top); border-bottom: 1px var(--color-divider) solid; z-index: 2; position: relative; font-size: 16px; line-height: 22px; font-weight: 300;}
  .header-bottom{height: calc(var(--header-height) - var(--header-top)); font-size: 18px; line-height: 22px;}
  header .inner-menu{position: absolute; left: -250vw; top: 100%; width: auto; background: #FFF; box-shadow: 0px 4px 30px rgba(24, 24, 24, 0.05); border-top: 2px var(--color-brand) solid; padding: 15px; display: block!important; opacity: 0; transition: left 0s 0.25s, opacity 0.25s;}
  header .inner-menu .accordeon-title{padding-right: calc(var(--padding) * 2);}
  header li:hover .inner-menu{left: 0; opacity: 1; transition: left 0s, opacity 0.25s;}
  header .inner-menu.sm{width: auto; max-width: calc(100% + 25px);}
  header .inner-menu ul{margin: -10px 0;}
  header .inner-menu li{margin: 10px 0;}
  header li, header li > a{display: flex; align-items: center; flex-wrap: nowrap; position: relative; white-space: nowrap;}
  header li{margin-right: var(--li-padding);}
  header ul:last-child li:last-child{margin-right: 0;}
  .header-toggle{--size: 12px; background-position: center 80%; background-size: 100% auto; margin-left: 5px;}
  .header-search{position: absolute; left: -100%; top: var(--header-height); --width: min(780px, calc(100% - 2 * var(--container-padding))); margin-top: 20px; background: #FFF; box-shadow: 0px 4px 30px rgba(24, 24, 24, 0.05); margin-left: calc(-1 * var(--width) / 2); width: var(--width); padding: 20px 24px; transition: left 0s 0.5s, opacity 0.25s; opacity: 0; z-index: var(--header-index);}
  .header-search.active{left: 50%; opacity: 1; transition: left 0s 0s, opacity 0.25s;}
  .top-phone li{width: max-content;}
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
  .header-switcher{font-size: 18px;}
  header{--li-padding: 20px;}
  .header-bottom{font-size: 16px;}
  #logo{width: 180px;}
  .top-phone li a img{max-width: 18px;}
}
@media screen and (max-width: 1199px) {
  .cart-btn .icon-wrapper{margin-left: 0;}
  header .cart-btn{margin-left: 5px; width: auto;}
  header{--li-padding: 20px; --header-delivery: 45px; padding-top: var(--header-delivery);}
  #logo{left: var(--container-padding); height: var(--header-delivery); z-index: 2;}
  nav{position: fixed; right: 0; top: 0; width: 485px; max-width: 90%; bottom: var(--bottom); transform: translateX(100%) translateZ(0); transition: transform 0.6s cubic-bezier(0.85, 0, 0.15, 1), background 0.15s; border-left: 5px var(--color-brand) solid; z-index: 4; background: url(../images/icon-graphics6.svg) right -184px bottom calc(-250px - var(--bottom)) / 525px 525px no-repeat #FFF; font-size: 20px; line-height: 30px;}
  header.active nav{background-color: var(--header-bg);}
  .nav-top{height: 40px; padding: 0 10px; display: flex; align-items: center; justify-content: end;}
  #hamburger-close{position: absolute; right: 10px; top: 10px;}
  .nav-overflow{overflow: auto; -webkit-overflow-scrolling: touch; position: absolute; left: 0; bottom: calc(-1 * var(--bottom)); right: 0; top: 0; padding: 50px var(--container-padding) 10px var(--container-padding);}
  nav.active{transform: translateX(0) translateZ(0);}
  .header-toggle{--size: 40px; background-size: auto auto; background-position: center center; cursor: pointer; position: absolute; right: 0; top: 0;}
  .header-toggle.active{transform: rotate(-180deg);}
  header .inner-menu{display: none; padding: 5px 0 0 15px;}
  header .inner-menu.hamburger-align{padding: 15px; margin-top: 10px; box-shadow: 0 0 0 1px var(--color-divider);}
  header .inner-menu li a{margin: 0;}
  header a{display: flex; align-items: center;}
  .hamburger-visible:not(.display-content), .menu-visible:not(.display-content){display: none;}
  nav li{padding: 5px 0; position: relative;}
  nav li > a{margin-right: 40px;}
  header .controls{font-size: 16px; white-space: nowrap;}
  header .controls li:not(:last-child){padding-right: 20px;}
  header .delivery{position: absolute; top: 0; left: var(--container-padding); right: var(--container-padding); border-bottom: 1px var(--color-highlight) solid; line-height: 1em; height: var(--header-delivery); padding-left: var(--li-padding); padding: 0!important;width: calc(100% - var(--container-padding)*2);}
  header .delivery a{/*max-width: calc(100% - 140px);*/ flex: 0 1 auto; white-space: normal;align-items: center;display: flex; text-align: right;}
  header .delivery a img{display: inline-block; vertical-align: middle;}
  header .controls li a .icon-wrapper{margin-right: 0;}
  header .controls li a  span{margin-left: 5px;}
  header .view a{font-family: 'MojitoWeb'; font-size: 22px; line-height: 1.5em; padding: 0 0.4em; color: var(--color-brand); box-shadow: inset 0 0 0 1px var(--color-brand);}
  header .view a.active{background: var(--color-brand); color: #FFF;}

  .lang-mob{position: absolute;top: 10px;left: 15px;display: flex;gap: 12px;font-size: 1rem;}
}
@media screen and (max-width: 575px) {
  header{--li-padding: 5px;}
  .cart-btn{padding: 5px;}
  .cart-btn #header-cart-total{margin-left: 2px;}
}
@media (min-width:1200px) {
  header li a:hover .icon-wrapper img{filter: brightness(1);}
  header a:hover{color: var(--color-brand);}
}

/* pre__header */
header.active-pre-header{top:40px;-webkit-transition: 0.3s;transition: 0.3s;}
header.active-pre-header.header-hide{top: 0;}
header.active-pre-header:not(.header-hide) ~ .cart{top:130px;}

.pre__header{background-color:var(--color-brand);text-align: center;color: #fff;display:flex;align-items: center; position:fixed;top:0;left:0;width:100%;height: 40px;padding: 4px 15px;z-index:9;}
.pre__header-sale{position: relative;font-size: 16px;font-weight: 400;line-height: 1.1;color: #fff;text-align: center;max-width: 60%;margin: 0 auto;-webkit-transition: 0.3s;transition: 0.3s;}
/*media*/
@media (min-width:1200px) {
  .pre__header-sale:hover{opacity: 0.8;}
}
@media (max-width: 1199px) {
  .pre__header-sale{max-width: 100%;}
}
@media (max-width: 767px) {
  .pre__header{padding: 4px 15px;}
  .pre__header-sale {font-size:14px;}
  header.active-pre-header:not(.header-hide) ~ .cart{top:0;}
}

/* cart */
.cart{position: fixed; z-index: calc(var(--header-index) - 1); background: #FFF; padding: var(--padding); right: 0%; transform: translateX(100%); top: var(--header-height); width: 635px; box-shadow: 0px 4px 30px rgba(24, 24, 24, 0.05); transition: transform 0s 0.25s, opacity 0.25s; opacity: 0; max-width: 100%; --padding: 30px;}
.cart.active{transform: none; opacity: 1; transition: transform 0s 0s, opacity 0.25s;}
.cart-entry{padding: 25px 0; overflow: hidden; position: relative;}
.cart-entry:not(:last-child){border-bottom: 1px var(--color-divider) solid;}
.cart-title{font-family: 'Almaz'; font-weight: 700;}
.cart-bottom{padding-top: var(--padding); border-top: 1px var(--color-brand) solid;}
.cart-overflow{max-height: calc(100vh - var(--header-height) - 180px); overflow: auto; -webkit-overflow-scrolling: touch; padding-right: 10px; margin-right: -10px;}
.cart-top a:first-child{margin-right: min(6vw, 40px);}
.cart-placeholder{text-align: center; display: none;}
.cart-placeholder:last-child{display: block;}
.cart.empty .cart-top, .cart.empty .cart-bottom{display: none!important;}
.delete-cart{margin-top: -5px;}
@media screen and (max-width: 767px) {
  .cart{position: fixed; width: 100%; top: 0; bottom: 0; z-index: var(--header-index); display: flex; flex-direction: column; --padding: 20px;}
  .cart-overflow{max-height: none; flex-grow: 1;}
}
@media screen and (max-width: 575px) {
  .cart{padding-top: calc(var(--spacer) - 10px);}
  .cart-title{font-size: 16px; line-height: 22px;}
  .cart-bottom{font-size: 22px; line-height: 32px;}
}

/* footer */
footer{position: relative; background: var(--color-title); color: rgba(255, 255, 255, 0.68); padding-top: var(--container-padding); padding-bottom: 20px; overflow: hidden;}
.footer-top{margin-bottom: var(--container-padding);}
.footer-bottom{font-size: 16px; line-height: 24px;}
.footer-graphics{max-width: 320px; position: relative;}
.footer-graphics > img:last-child{position: absolute; left: 0; top: calc(100% + 50px); width: 368px; max-width: none; max-height: none;}
.footer-graphics .title{height: var(--line-height);}
footer a.active{color: var(--color-brand);}
footer ul li{margin-bottom: 10px;}
footer .title{font-size: 18px; color: #FFF; margin-bottom: 10px;}

/* thumbnails */
.thumbnail{transition: background 0.25s, border-color 0.25s; display: block; overflow: hidden; position: relative;}
.thumbnail:before{content: ""; display: block;}
.thumbnail picture{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.thumbnail img{transition: transform 0.25s;}
.thumbnail .content{position: absolute; left: 0; bottom: 0; width: 100%;}
.thumbnail.style-1:before{padding-bottom: 65%;}
.thumbnail.style-1 picture:after{content: ""; position: absolute; left: 0; bottom: 0; right: 0; top: 50%; background: linear-gradient(180deg, rgba(26, 26, 26, 0) 0%, #1A1A1A 100%);}
.thumbnail.style-1 .content{padding: 0 40px 32px 40px;}
.thumbnail.style-1 .text{--line-height: 25px;}
.thumbnail.style-2:before{padding-bottom: 83%;}
.thumbnail.style-2 .content{top: 0; height: 34px; font-size: 14px; line-height: 34px; font-family: 'Almaz'; font-weight: 700; color: #FFF; text-transform: uppercase; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: url(../images/icon-graphics1.svg) left center / auto 100% no-repeat, url(../images/icon-graphics2.svg) right center / auto 100% no-repeat;}
.thumbnail.style-3{width: 130px;}
.thumbnail.style-3:before{padding-bottom: 83%;}
@media (min-width:1200px) {
  a.thumbnail:hover img{transform: scale(1.1);}
}
@media screen and (max-width: 575px) {
  .thumbnail.style-1 .text{--line-height: 22px;}
  .thumbnail.style-1 .content{padding: 0 20px 20px 20px;}
  .thumbnail.style-3{width: 100px;}
}

/* control */
.control-entry{height: 34px; border: 1px var(--color-divider) solid; border-radius: 17px; display: flex; color: var(--color-title); flex-grow: 1;}
.control-entry a{width: 20px; height: 32px; line-height: 32px; flex-basis: 32px; min-width: 32px; text-align: center; position: relative;}
.control-entry a:before, .control-entry a:last-child:after{content: ""; position: absolute; width: 12px; height: 2px; border-radius: 1px; left: 50%; margin-left: -6px; top: 50%; margin-top: -1px; background: currentColor;}
.control-entry a:last-child:after{transform: rotate(-90deg);}
.control-entry div{flex-grow: 1;}
.control-entry input{border: none; background: none; text-align: center; height: 32px; line-height: 32px; font-size: 18px; color: var(--color-title); width: 100%; display: block;}
/* .control-title{min-width: 25px;}
.control-title.type-2{min-width: 35px;} */
.control-title{margin-right: 10px;}
/* product */
.product-entry .preview{position: relative; overflow: hidden; margin-bottom: 10px;}
.product-entry .preview .button-wrapper{position: absolute; left: 0; bottom: -40px; width: 100%; height: 0; padding: 0 var(--padding); opacity: 0; transition: opacity 0.25s, bottom 0.25s; align-items: end; display: none; --padding: 20px;}
.product-entry .preview .button-wrapper .button{bottom: var(--padding);}
.product-entry .preview .button-wrapper:before{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 90px; background: linear-gradient(180deg, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 0.6) 100%); pointer-events: none;}
.product-entry .title{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: calc(2 * var(--line-height)); margin-bottom: 10px; font-family: 'Almaz'; font-weight: 700;}
.product-entry .price{margin-bottom: 10px;}
.product-entry .controls{margin-bottom: 15px; min-height: 34px;}
.product-entry .control-entry{max-width: 220px;}
.result{line-height: 1.25em;}
.product-entry .placeholder{position: relative; text-align: center; top: 10px;}
@media screen and (max-width: 767px) {
  .product-entry .title, .product-entry .controls{min-height: 0;}
}
@media screen and (max-width: 575px) {
  .product-entry .title{font-size: 18px; --line-height: 22px;}
}
@media (min-width:1200px) {
  .product-entry .preview .button-wrapper{display: flex;}
  .product-entry .preview:hover .button-wrapper{opacity: 1; bottom: 0;}
}

/* main */
.product-main .price b{font-size: 30px; --line-height: 1em; font-weight: 600;}
.product-main .price-prev b{font-size: 24px; --line-height: 1em; font-weight: 600;}
.product-line{padding: 0 6px;}

/* breadcrumbs */
.breadcrumbs{font-size: 16px; line-height: 22px; padding-top: 10px; padding-bottom: 10px; position: relative; z-index: 2;}
.breadcrumbs + .banner-image{margin-top: -48px;}
.breadcrumbs .divider{width: 25px; text-align: center;}
.breadcrumbs .divider:last-child{display: none;}
.breadcrumbs div:last-of-type a{color: var(--color-title);}
.breadcrumbs.color-light.type-2 div{letter-spacing: 0.02em;color: #FBF5ED;font-weight: 400;}
.breadcrumbs.color-light.type-2 .divider{color: #FBF5ED;}
@media screen and (max-width: 575px) {
  .breadcrumbs + .banner-image{margin-top: 0;}
}

/* dialog */
.dialog, .dialog-backdrop{position: fixed; left: 0; top: 0; width: 100%; height: 100%; transform: translateZ(0);}
.dialog{z-index: calc(var(--header-index) + 1); left: -100%; opacity: 0; transition: opacity 0.25s ease-in-out, left 0s 0.25s; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding: 20px; display: flex; flex-direction: column; background: rgba(2,0,0,0.7);}
.dialog:before, .dialog:after{content: ""; display: block; height: 0;}
.dialog-backdrop{display: none;}
.dialog.show .dialog-backdrop{display: block;}
.dialog-content{width: 750px; position: relative; opacity: 0; transform: scale(0.9); margin: auto; max-width: 100%; transition: opacity 0.25s ease-in, transform 0.25s ease-in; background: url(../images/icon-graphics9.svg) left -155px top -50px / 452px 452px no-repeat, url(../images/icon-graphics10.svg) right -75px bottom -75px / 248px 248px no-repeat #FFF;}
.dialog-align{padding: 60px 150px;}
.dialog.show{left: 0; opacity: 1; transition: opacity 0.25s, left 0s;}
.dialog.show .dialog-content{opacity: 1; transform: scale(1);}
.icon.dialog-close{position: absolute; right: 10px; top: 10px;}
.dialog-title{text-align: center; margin-bottom: 30px;}
.dialog-title:last-child{margin: 0;}
.dialog-cookies{position: fixed; left: 30px; bottom: 30px; max-width: calc(100% - 60px); z-index: 10; padding: 20px 50px 20px 20px; width: 345px; display: none; background: #FFF; box-shadow: 0px 4px 30px rgba(24, 24, 24, 0.05);}
.dialog-cookies .text-editor{position: relative; z-index: 2;}
.video-wrapper{position: relative; padding-bottom: 56%;}
#video-dialog .dialog-align{padding: 60px;}
#video-dialog .dialog-content{width: calc(100vh  / 0.56 - 180px);}
#video-dialog iframe{position: absolute;}
.dialog-container{max-width: 415px; margin: 0 auto;}
@media screen and (max-width: 767px) {
  .dialog-align{padding: 60px 80px;}
}
@media screen and (max-width: 575px) {
  .dialog-align{padding: 40px 20px 20px 20px;}
  .dialog-icon{--dialog-icon-size: 50px;}
  .icon.dialog-close{right: 5px; top: 5px;}
  .dialog-content{background: #FFF;}
  #video-dialog .dialog-align{padding: 40px;}
}

/* dialog-small */
.dialog-small{position: fixed;z-index: calc(var(--header-index) + 1); display: inline-flex;align-items: center;justify-content: center;padding: 15px 30px;max-width: 700px;background: #FFF;left: 50%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);text-align: center;
bottom: 30px;transform: translate(-50%, 100%);opacity: 0;transition: .25s;visibility: hidden;}
.dialog-small.show{opacity: 1;visibility: visible;transform: translate(-50%, 0);}
@media (max-width:767px) {
  .dialog-small{max-width: calc(100% - 30px);width: 100%;}
}
/* swiper */
:root{
  --swiper-navigation-size: 50px;
  --swiper-theme-color: transparent;
  --swiper-pagination-bullet-inactive-color: transparent;
  --swiper-pagination-bullet-horizontal-gap: 0;
  --swiper-pagination-bullet-size: 37px;
  --swiper-preloader-color: var(--color-divider);
}
.swiper{opacity:0;}
.swiper.swiper-initialized{opacity:1;}
.swiper.flow{overflow: visible;}
.swiper.flow .swiper-slide{opacity: 0; transition: opacity 0.25s; pointer-events: none;}
.swiper.flow .swiper-slide.swiper-slide-visible{opacity: 1; pointer-events: all;}
.swiper-slide{height: auto; min-height: 60px;}
.swiper-button-prev, .swiper-button-next{width: var(--swiper-navigation-size); border-radius: 50%; transition: 0.25s; border: 1px var(--color-title) solid; z-index: 2; margin-top: calc(0px - var(--swiper-navigation-size) / 2 - var(--swiper-pagination-bullet-size));}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 0; background: url(../images/icon-graphics8.svg) center center no-repeat; width: 100%; height: 100%; display: block;}
.swiper-button-prev:after{transform: rotateY(-180deg);}
.swiper-button-prev{left: -65px;}
.swiper-button-next{right: -65px;}
.swiper-pagination-bullet-active{box-shadow: inset 0 0 0 1px var(--color-brand);}
.swiper-pagination-bullet{transition: 0.25s; opacity: 1;}
.swiper-pagination-bullet:before{content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; position: absolute; left: 16px; top: 16px;}
.swiper-pagination-bullet-active:before{background: var(--color-brand);}
.swiper-pagination{position: relative; bottom: auto; margin-top: var(--spacer-sm); bottom: auto!important; line-height: 0; color: var(--color-title);}
.swiper-image{display: block; margin: 0 auto; height: auto;}
@media (min-width:1200px) {
  .swiper-button-prev:hover, .swiper-button-next:hover{border-color: var(--color-brand);}
}
@media screen and (min-width: 992px) {
  .swiper-pagination.align-left{left: auto!important; transform: none!important; text-align: left;}
}
@media screen and (max-width: 991px) {
  .swiper-button-prev, .swiper-button-next{display: none;}
}

/* tabs */
.tab-button.style-1{color: var(--color-divider);}
.tab-button.style-1.active{color: var(--color-title);}
@media (min-width:1200px) {
  .tab-button.style-1:not(.active):hover{color: var(--color-brand);}
}

/* seo */
.toggle-content{height: 0; overflow: hidden;}
.toggle-button.active .icon-wrapper{transform: rotate(-180deg);}
@media screen and (max-width: 767px) {
  .seo{padding-top: 20px; padding-bottom: 20px;}
}

/* accordeon */
.accordeon-title{--padding: 15px; padding-right: var(--padding); position: relative; cursor: pointer; display: block;}
.accordeon-title.active{color: var(--color-brand)!important;}
.accordeon-title:after{content: ""; position: absolute; right: 0; top: 0; width: var(--padding); height: 100%; background: url(../images/icon-dropdown1.svg) center center no-repeat;}
.accordeon-title.active:after{transform: rotate(-180deg);}
.accordeon-content{display: none;}
.accordeon.style-1 .accordeon-panel{padding: 5px 0;}
.accordeon.style-1 .accordeon-title{transition: color 0.15s;}
.accordeon.style-2 .accordeon-panel{border-top: 1px var(--color-divider) solid; border-bottom: 1px var(--color-divider) solid; margin-top: -1px;}
.accordeon.style-2 .accordeon-title{color: var(--color-title); min-height: 64px; padding-top: 5px; padding-bottom: 5px; display: flex; align-items: center; font-weight: 600;}
.accordeon.style-2 .accordeon-content{padding-bottom: 15px;}
@media screen and (max-width: 767px) {
  .accordeon.style-2 .accordeon-title{min-height: 45px;}
}
@media (min-width:1200px) {
  .accordeon-title:hover{color: var(--color-brand)!important;}
}

/* banner */
.banner{position: relative;}
.banner-content{display: flex; position: relative; padding-top: var(--spacer);}
.banner-image .banner-content{padding-top: 15px;}
.banner-content .container:before{content: ""; width: 280px; height: 280px; background: url(../images/icon-graphics6.svg) center center no-repeat; position: absolute; left: 100%; margin-left: calc(-1 * var(--container-padding) - 150px); top: 50%; margin-top: -150px; z-index: -1;}
.banner-bg{overflow: hidden; position: absolute; left: 0; bottom: 0; right: 0; top: 0;}
.banner-bg .bg-overlay{background: linear-gradient(180deg, rgba(2, 0, 0, 0) 0%, #020000 100%); height: 50%; top: auto; bottom: 0;}
.banner.style-1 .banner-content{align-items: center; min-height: calc(100vh - var(--header-height));}
.banner.style-1 .play{position: absolute; left: 70%; top: 50%;}
.banner.style-2 .banner-content{flex-direction: column; justify-content: end; text-align: center;}
.banner.style-2 .container{width: fit-content;}

.banner-slider .swiper-button-prev{left: 40px;border-color: var(--color-title-light);}
.banner-slider .swiper-button-prev:after, .banner-slider .swiper-button-next:after{background: url(../images/icon-graphics13.svg) center center no-repeat;}
.banner-slider .swiper-button-next{right: 40px;border-color: var(--color-title-light);}
.swiper-button-lock {display: none !important;}
.banner-slider.swiper-lock .swiper-wrapper{transform: none!important;}
.banner-slider.swiper-lock [class*=swiper-button]{display: none;}

@media screen and (min-width: 1200px) and (max-width: 1380px) {
  .banner-content{padding-top: 20px;}
}
@media screen and (min-width: 1200px) {
  .banner-image .banner-content{padding-bottom: var(--spacer);}
  .banner-image.style-2 .banner-content{min-height: min(calc(100vw / 2.5), 760px);}
  .banner-image .banner-content .container:before{display: none;}
  .banner-slider .swiper-button-prev:hover,.banner-slider .swiper-button-next:hover{border-color: var(--color-brand);}
  .banner-slider .swiper-pagination{position: absolute;margin-top: 0;bottom: calc(var(--spacer-sm) * 2)!important;color: var(--color-title-light);}
  .banner-slider .opacity:before {content: "";position: absolute;inset: 0;background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 60%);}
  .banner-slider:not(.swiper-lock) .container-fluid, .banner-slider:not(.swiper-lock) .container{--container-padding: 130px;}
}
@media screen and (max-width: 1199px) {
  .banner.style-1 .play{left: 50%;}
  .banner-image.color-light .banner-content{--color-title: #16201F; --color-text: #898E8D;}
  .banner-content{min-height: auto!important; text-align: center;}
  .banner-bg{padding-bottom: 44%; position: relative;}
  .banner-bg .bg-overlay{display: none;}
  [class*=swiper-button] {display: none;}
  .banner-slider .banner-content h1, .banner-slider .banner-content h2{color: var(--color-title)!important;}
}

/* map */
.map{position: relative; z-index: 0;}
.delivery-map .map{height: min(100vw, 490px);}
.delivery-map .map.flex-grow-1{height: 400px;}
.dialog .delivery-map .map{height: 250px;}
.stores-map{position: relative;}
.stores-map .map{min-height: min(100vw, 760px, calc(100vh - var(--header-height)));}
.cluster{background: var(--color-brand); border-radius: 50%; text-align: center; line-height: 36px; font-family: 'MojitoWeb'; font-size: 24px; color: #FFF;}
.stores-map .stores-wrapper{position: absolute; left: 0; top: var(--container-padding); z-index: 2; margin: 0;}
.stores-map .stores-wrapper .row{height: 0;}
.stores-map .form-control{background: #FFF; width: min(40vw, 400px);}
#content .leaflet-popup-content-wrapper{box-shadow: none; color: var(--color-title); border-radius: 0;}
#content .leaflet-popup-tip-container{display: none;}
#content .leaflet-container a{color: inherit;}
.map-tooltip{font-size: 20px; line-height: 30px;}
#content .leaflet-popup-content-wrapper{background: url(../images/icon-graphics9.svg) right -15px  bottom -60px / 150px 150px no-repeat #FFF;}
@media screen and (max-width: 575px) {
  .stores-map .stores-wrapper{position: relative; padding-top: var(--container-padding); padding-bottom: var(--container-padding); top: auto;}
  .stores-map .stores-wrapper .row{height: auto;}
  .stores-map .form-control{width: auto;}
}
@media (min-width:1200px) {
  #content .leaflet-container a:hover{color: var(--color-brand);}
}

/* paginator */
.paginator .swiper-button-prev, .paginator .swiper-button-next{position: relative; top: auto; left: auto; right: auto; margin: 0;}
.paginator{display: flex; align-items: center; color: var(--color-title); justify-content: center;}
.paginator a.active{color: var(--color-brand);}
.paginator a{margin: 0 22px;}

/* testimonial */
.testimonial-entry{border: 1px var(--color-highlight) solid; padding: 30px; height: 100%;}

/* partner */
.partner-entry{border: 1px var(--color-highlight) solid; padding-bottom: 56%; position: relative; display: block; overflow: hidden; margin-right: -1px; transition: transform 0.25s; background: #FFF; transform-origin: right center;}
.partner-entry img{position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); padding: 15px;}
@media (min-width:1200px) {
  .partner-entry:hover{transition: transform 0.25s; transform: scale(1.2);}
}

/* filter */
.filter-menu{text-align: center; color: var(--color-title); margin-bottom: -15px;}
.filter-menu a{display: inline-flex; margin: 0 15px 15px 15px; align-items: center;}
.filter-menu a.active{border-bottom: 2px var(--color-brand) solid;}
.filter-menu .top{font-family: 'Almaz'; font-weight: 700; margin-bottom: 30px;}
.filter-menu .bottom a{padding-bottom: 5px;}
.filter-menu .bottom a.active{color: var(--color-brand);}
.filter-menu .bottom a img{transition: filter 0.15s;}
.filter-menu .bottom a:not(:hover):not(.active) img{filter: brightness(0);}
@media screen and (max-width: 1380px) {
  .filter-menu .bottom a{margin-left: 5px; margin-right: 5px;}
}
@media screen and (min-width: 576px) {
  .sort-control{width: 240px; display: block!important;}
  .sort-control.type-2{width: 100%;}
}
@media screen and (max-width: 575px) {
  .sort-control{width: auto;}
}

/* rating */
.rating{margin-left: 0 calc(-1 * var(--margin)); margin-right: 0 calc(-1 * var(--margin)); --margin: 5px; --size: 20px; display: flex;}
.rating span{position: relative; width: var(--size); height: var(--size); background: url(../images/icon-star2.svg) center center / 100% 100% no-repeat; margin: 0 var(--margin);}
.rating span.active{background-image: url(../images/icon-star1.svg);}
.rating span.active.temp{opacity: 0.5;}
.rating.xl{--margin: 10px; --size: 30px;}
.rating.interactive span{cursor: pointer;}

/* scroll */
.page-scroll{text-align: center; color: var(--color-title); --height: 56px; min-height: var(--height); position: relative; z-index: 6;}
.page-scroll a{display: flex; min-height: var(--height); align-items: center; justify-content: center; background: var(--color-bg-highlight); position: relative; transition: 0.25s; font-size: 22px;}
.page-scroll a.active:after{content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 2px; background: var(--color-brand);}
.page-scroll.active .content{position: fixed; left: 0; top: var(--header-height); width: 100%;}
@media (min-width:1200px) {
  .page-scroll a:hover{color: #FFF; background: var(--color-brand);}
}

/* cart */
.tooltip-panel{font-size: 16px; line-height: 19px; margin: 20px 0; background: url(../images/icon-i.svg) left top no-repeat; padding-left: 30px;}
.dialog .tooltip-panel{margin-top: -10px;}
.tooltip-panel b{color: var(--color-title);}
.thankyou-align{max-width: 750px; margin: 0 auto;}

/* datepicker */
.ui-datepicker{background: #FFF; padding: 10px!important; box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f; z-index: 11!important; color: var(--color-title); font-size: 18px;}
.ui-datepicker-calendar th{width: 1px;}
.ui-datepicker table{margin: 0!important;}
.ui-datepicker td a{padding: 0; width: 30px; height: 30px; line-height: 30px; position: relative; text-align: center!important; border-radius: 50%; margin: 0 auto; padding: 0!important; font-size: 14px;}
.ui-state-default:before{content: ""; position: absolute; top: -4px; left: -4px; bottom: -4px; right: -4px; border: 2px transparent solid; border-radius: inherit;}
.ui-state-hover{color: var(--color-brand-hover);}
.ui-state-active, .ui-state-active.ui-state-hover{background: var(--color-brand); color: #FFF;}
.ui-state-highlight:before{border-color: var(--color-divider);}
.ui-datepicker-prev, .ui-datepicker-next{display: flex; align-items: center; justify-content: center; filter: brightness(0);}
.ui-datepicker-prev{left: 0!important; top: 2px!important; background: url(../images/icon-left.svg) center center no-repeat;}
.ui-datepicker-next{right: 0!important; top: 2px!important; background: url(../images/icon-right.svg) center center no-repeat;}
.ui-datepicker-month, .ui-datepicker-year{font-weight: 600; border: none; width: auto!important; position: relative;}
.ui-datepicker-title{display: flex; align-items: center; justify-content: space-around;}
@media (min-width:1200px) {
  .ui-datepicker-prev:hover, .ui-datepicker-next:hover{filter: brightness(1);}
}

/* page404 */
.page404-content{max-width: 400px; margin: 0 auto;}

/* autocomplete */
.pac-container{position: absolute!important; left: 0!important; top: 100%!important; font-family: 'GillSans'; box-shadow: none; border: 1px var(--color-divider) solid;}
.pac-container:after{display: none;}
body > .pac-container{pointer-events: none; opacity: 0;}
.pac-item-query{color: var(--color-title); font-size: 16px;}
.pac-item{font-size: 16px; line-height: 1.15; padding: 8px 15px; color: var(--color-text);text-overflow: inherit;white-space: normal;}
.pac-item .pac-icon-marker{display:none;}
.pac-item:hover{background: var(--color-highlight);}

/* NEW STYLE */
.banner .title{position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.3);padding: 0 7% 30px;}
.small-subtitle{font-size: 16px;margin-bottom: 10px;}
.time-prom{font-size: 16px;}
.time-prom span{border-bottom: 1px solid var(--color-text); display: inline-block; min-width: 20px; color: var(--color-brand);}
/* recipes page */
.recipes-entry .thumbnail.style-2 .content{background: transparent;z-index: 2;display: flex;align-items: center;padding: 10px;font-size: 20px;font-weight: 400;font-family: 'GillSans',sans-serif;text-transform: lowercase;height: 44px;}
.recipes-entry .thumbnail.style-2 .content img{margin-right: 10px; max-width: 24px; max-height: 24px;}
.recipes-entry .thumbnail.style-2:after{content:''; position: absolute;top: 0;left: 0;bottom: 0;right: 0; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 30.55%);z-index: 1;}
.recipes-content a{display: block;}
.fibosearch-recipes{position: absolute;width: 100%;flex-direction: row-reverse;right: var(--container-padding);top: 12px;pointer-events: none;}
.fibosearch-recipes .form-control{pointer-events: all;}
.fibosearch-recipes input[type=search].dgwt-wcas-search-input{padding-right: 40px!important;}

/* recipes detail */
.recipes-info{justify-content: center;padding-top: 30px;}
.recipes-info-item{align-items: center;margin: 0 30px;color: var(--color-title-light);font-size: 24px;line-height: 1.58em;font-weight: 400;}
.recipes-info-item img{margin-right: 15px;}
.banner-image.recipe-datail-banner .banner-content{padding-bottom: var(--spacer-30);}
.recipe-ing ul li{display: flex; justify-content: space-between; position: relative;padding: 0;}
.recipe-ing ul li span{overflow: hidden;background: #fff;color: #898E8D;}
.recipe-ing ul li span:first-child{padding-right: 10px; padding-left: 25px;}
.recipe-ing ul li span:last-child{padding-left: 10px;color: #353735;}
.recipe-ing ul li::after{content: '';display: block;border-bottom: 1px dashed #353735;width: 90%;height: 1px;position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: -1;}
.recipe-ing.type-2 ul li{align-items: flex-start;padding-left: 0;}
.recipe-ing.type-2 ul li p{margin-left: 30px;padding-bottom: 25px;border-bottom: 1px solid #E9E9E9;}
.recipe-ing.type-2 ul li img{margin-top: 10px;max-width: 60px; max-height: 60px;}
.recipe-ing.type-2 ul li::after, .recipe-ing.type-2 ul li::before{content: none;}
@media(max-width: 1660px) {
  .form-control.type-2 .SumoSelect > .CaptionCont > span { text-overflow: ellipsis; }
}
@media(max-width: 1366px) {
  .form-control.type-2 .SumoSelect > .CaptionCont > span { text-overflow: ellipsis; }
}
@media(max-width:1199px) {
  .banner .title{font-size: 50px;padding-bottom: 10px;}
  .recipes-info{padding-top: 0;}
  .recipes-info-item{color: var(--color-text);}
  .banner-image.recipe-datail-banner .banner-content{padding-bottom: 0;}
  .fibosearch-recipes{top: unset;right: unset;position: relative;width: auto;margin-top: 13px;}
}
@media(max-width:768px){
  .recipes-info{flex-direction: column;align-items: center;}
  .recipes-info-item{margin: 0 0 5px 0;font-size: 20px;}
  .banner .title{padding-left: 0; padding-right: 0;font-size: 35px;}
  .recipe-ing-btn{margin: 0 auto;}
  .recipe-ing.type-2 ul li img{max-width: 40px;max-height: 40px;}
  .recipe-ing.type-2 ul li p{margin-left: 15px;margin-bottom: 10px; padding-bottom: 15px;}
}

/* job page */
#benefits .product-entry .preview{margin-bottom: 20px;}
#benefits .recipes-entry .thumbnail.style-2:after{content: none;}
/* #benefits .recipes-content{font-size: 24px;line-height: 1.58em;letter-spacing: 0.02em;} */
#benefits .heading6{margin-bottom: 5px;}
#benefits .thumbnail.style-2:before{padding-bottom: 100%;}

#vacancies{background-color: #FBF5ED;}
.vacancies-entry{background: #fff;padding: 30px; box-shadow: 0px 4px 30px rgba(24, 24, 24, 0.05);}
.vacancies-name{font-size: 36px; font-weight: 700; color: #353735; line-height: 40px;}
.vacancies-icon{max-width: 28px;max-height: 28px;}
.vacancies-top p{max-width: 58%;font-size: 18px; line-height: 1.3em;}

.vacancies-info-item{margin: 0 15px; width: calc((100% / 3) - 30px);}
.vacancies-info-item img{max-width: 32px;max-height: 32px;}
.vacancies-info-item p{color:#353735;font-size: 16px;line-height: 1.3em;letter-spacing: 0.02em; margin-left: 10px; padding-top: 5px;}

.btn-link{font-weight: 700;color: var(--color-brand);}
.btn-link.sm{font-size: 18px;letter-spacing: 0.02em;line-height: 1.55em;}
.vacancies-entry .btn-link{position: relative; display: flex;justify-content: end;}
.vacancies-entry .btn-link svg{max-width: 25px;max-height: 25px;margin-left: 10px; transition: all 0.25s;}
svg path{transition: all 0.25s;}

.form-control.type-2{padding: 5px 0;}
.form-control .input-file{font-weight: 700;color: #353735;font-size: 18px;}
.custom-file-upload{cursor: pointer;transition: all 0.25s;}
.custom-file-upload svg{max-width: 24px;max-height: 24px;margin-left: 10px;}
.form-control .input-file input{position: absolute;left: 0;top: 0;opacity: 0; cursor: pointer;z-index: 2;}
.form-control .input-file input[type=file],.form-control .input-file input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
  cursor: pointer;
}
.form-control .input-file span{display: none;}
.form-control .btn-close{display: none; max-width: 24px;max-height: 24px; transition: all 0.3s; -webkit-transition: all 0.3s;}
.form-control.active .input-file span{display: flex;}
.form-control.active .custom-file-upload{display: none!important;}
.form-control.active .btn-close{display: inline-block;vertical-align: middle; z-index: 3;cursor: pointer;margin-left: 10px; }
.form-control textarea{resize: none;}


.job-page input::-webkit-input-placeholder, .job-page textarea::-webkit-input-placeholder{color:#BCBCBC; letter-spacing: 0.02em;}
.job-page input:-moz-placeholder,.job-page textarea:-moz-placeholder{color:#BCBCBC;letter-spacing: 0.02em}
.job-page input::-moz-placeholder, .job-page textarea::-moz-placeholder{color:#BCBCBC;letter-spacing: 0.02em}
.job-page input:-ms-input-placeholder,.job-page textarea:-ms-input-placeholder{color:#BCBCBC;letter-spacing: 0.02em}


.decor{position: absolute; top: 0;right: 15%; max-width: 150px;max-height: 130px;}
.decor.two{top: auto;bottom: 0;right: auto;left: 15%;max-width: 98px;max-height: 170px;}

.job-info{border-bottom: 1px solid #E9E9E9; padding-bottom: 50px; margin-bottom: 50px;}
.job-info .vacancies-info-item{margin: 0 0 10px;width: 100%;}
.job-info .vacancies-info-item:last-child{margin-bottom: 0;}
.job-info .vacancies-info-item p{font-family: 'Almaz', sans-serif;color: #353735;font-weight: 500;}
.text-editor.type-3 ol, .text-editor.type-3 ul{margin-bottom: 30px;}
.text-editor.type-3 ol li{padding-left: 20px;position: relative;}
.text-editor.type-3 ol li:before{position: absolute; left: 0; top: 0;}

.banner.style-2.recipe-datail-banner .container{width: 100%;}
.job-contact{margin-bottom: 10px;}
.job-contact .vacancies-info-item{width: 100%;margin: 0;}
.job-contact .vacancies-info-item a{color: #5F5F5F;}
.job-contact .vacancies-info-item img{margin-right: 10px;}
.text-editor.type-4 p{color: #5F5F5F;}
.text-editor .decor{right: auto;left: -25%;max-width: 112px;max-height: 94px;}
.text-editor .decor.two{left: auto; bottom: auto; right: 0; top: 30%;max-width: 62px;max-height: 126px;}

.detail-product .thumbnail::before{padding-bottom: 83%;}
.detail-product .thumbnail.style-1 picture:after{content: none;}
@media(min-width: 1200px) {
  .btn-link:hover{color: var(--color-title);}
  .vacancies-entry .btn-link:hover svg{margin-left: 0;}
  .vacancies-entry .btn-link:hover svg path{fill: var(--color-title);}
  .form-control.active .btn-close:hover{opacity: 0.5;}
  .job-detail-item:hover a{color: var(--color-brand);}
  .input-file:hover{color: var(--color-brand);}
  .input-file:hover svg path{stroke: var(--color-brand);}
}
@media(max-width: 1199px) {
  .recipes-info-item{line-height: 1.2em;}
  .recipes-info-item img{max-width: 26px;max-height: 26px;}
  .recipes-info.type-2{align-items: center;flex-direction: column;}
  .vacancies-top p{font-family: 16px;}
  .vacancies-name{font-size: 30px;}
  .vacancies-entry .btn-link{font-size: 18px;justify-content: flex-start;}
  .decor{display: none;}
  .job-page form > .d-flex{flex-direction: column-reverse;}
  .job-page form > .mb-spacer-30{margin-bottom: 10px;}
  .job-page form .btn-link{margin-bottom: 10px;text-align: center; line-height: 1.2em;}
  .job-info{margin-bottom: 25px;padding-bottom: 25px;}
  .job-contact{flex-direction: column;}
  .job-contact .vacancies-info-item{justify-content: flex-start!important;}

}
@media(max-width: 767px) {
  .vacancies-entry{padding: 20px;}
  .vacancies-top, .vacancies-bottom{flex-direction: column;}
  .vacancies-name{margin-bottom: 15px;}
  .vacancies-top p{max-width: 100%;}
  .vacancies-info-item{width: 100%; margin: 0 0 10px;}
  .vacancies-info-item:last-child{margin-bottom: 0;}
}

.informer{display: none;}
.informer.active{display: block;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
  pointer-events: all;
}

#checkout-recommended .thumbnail img{
  object-fit: cover;
}

.cart-add{
  padding: 30px;
  background: #FBF5ED;
  overflow: hidden;
}
.cart-add .product-entry{
  max-width: 400px;
  width: 100%;
}
.cart-add .swiper-slide{
  display: flex;
  justify-content: center;
}
@media (max-width:1199px) {
  .cart-add .swiper-slide{
    justify-content: flex-start;
  }
}
@media (max-width:991px) {
  .cart-add{
    padding: 20px;
  }
}

.shops-container{max-width: 100%;}
@media (min-width:992px) {
  .shops-container td:last-child{
    min-width: 240px
  }
}

/* NEWS */
.blog-items .thumbnail img{width: 100%;height: 100%;object-fit: cover;}
.blog-items .row{margin-top:60px;}
.blog-content >*:not(:last-child){margin-bottom:30px;}
.blog-content .category{margin-bottom:10px;font-size:18px;line-height:1.3;color: var(--color-brand);}
.caption-tags{font-size:20px;font-weight:700;line-height:1;color:#353735;}
.blog-category{font-size:0;}
.blog-category a{font-size:20px;line-height:1.6;font-weight:400;color:var(--color-title);background: #FBF5ED;padding:5px 18px;margin-top:16px;margin-right:16px;display:inline-block;vertical-align:top;-webkit-transition:0.3s;transition:0.3s;}
.blog-category a:last-child{margin-right:0;}
.blog-category a.active{background: var(--color-brand);color:#fff;}
.blog-items + .paginator{margin-top:60px;}
/*media*/
@media(min-width:1200px){
  .blog-category a:hover{background: var(--color-brand);color:#fff;}
}
@media(max-width:767px){
  .blog-items .row, .blog-items+.paginator{margin-top:40px;}
  .blog-content{margin-top:20px;}
  .blog-content>*:not(:last-child){margin-bottom:15px;}
  .blog-content .category{margin-bottom:10px;}
}
@media(max-width:575px){
  .caption-tags{margin-bottom:10px;}
}

/*Testimonials Cabinet */
.testimonial-wrapp {margin-top: 1.5rem;}
.testimonial-wrapp > * + * {margin-top: 1.5rem;}
.testimonial-wrapp .testimonial-entry {border: none;padding: 0;}