@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirLTPro-Roman.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

    @font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirLTPro-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirLTPro-Black.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --background: #F2F4F7;
    --white: #FFFFFF;

    --black: #1C1F39;
    --black-500: rgba(28, 31, 57, 0.5);

    --red: #D20014;
    --red-light: #F96265;
    --red-light-lighter: #FF8D90;
   
    --grey: #63666A;
    --grey-500: #63666A;
    --grey-light: #B6BFCA;
    --grey-light-lighter: #D5D9DF;

    --green: #009933;

    --fs-xl: 64px; --lh-xl: 1.25;
    --fs-lg: 52px; --lh-lg: 1.231;
    --fs-md: 40px; --lh-md: 1.3;
    --fs-sm: 32px; --lh-sm: 1.25;
    --fs-xsm: 24px; --lh-xsm: 1.167;

    --fs-txt-lg: 18px; --lh-txt-lg: 1.33;
    --fs-txt-md: 16px; --lh-txt-md: 1.25;
    --fs-txt-sm: 12px; --lh-txt-sm: 1.33;

    --fs-btn-md: 18px; --lh-btn-md: 1.33;
    --fs-btn-sm: 16px; --lh-btn-sm: 1.25;
}
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.5;
	font-family: 'Avenir Next', sans-serif;
    background: var(--background);
    color: var(--black);
}
ol, ul { 
	list-style: none;
}
blockquote, q { 
	quotes: none; 
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.layouts-title {
	font-size: 26px;
	margin:15px 0;
}
.layouts ul li {
	margin-bottom:5px;
}
.layouts ul li a {
	font-size: 17px;
	display: inline-block;
	padding:3px 10px;
}
.layouts ul li a:hover {
	background:#000;
	color:#fff;
}
/* -- END RESET -- */

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: left;
}
.nopad {
	padding:0;
}
.nopadleft {
	padding-left:0;
}
.nopadright {
	padding-right:0;
}
strong, b {
	font-weight: bold;
}
i {
	font-style: italic;
}
em {
	font-style: italic;
}
.clear {
	clear:both;
}
.left {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
.right {
	float:right;
	margin-left:15px;
	margin-bottom:15px;
}
.alignleft {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
.alignright {
	float:right;
	margin-left:15px;
	margin-bottom:15px;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
	max-width: 100%;
    margin-bottom: 15px;
}
.invi {
	visibility: hidden;
	opacity: 0;
}
.object-fit {
	position: relative;
}
.object-fit > img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
   object-fit: cover;
}
.object-fit.object-contain > img {
    -o-object-fit: contain;
    object-fit: contain;
}
.object-fit > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: none;
}

/* preloader */
.preloader {
    display: inline-block;
	width: 25px;
	height: 25px;
	border: 3px solid hsla(0,0%,100%,.3);
    border-top-color: rgba(255, 255, 255, 0.3);
    border-right-color: rgba(255, 255, 255, 0.3);
    border-bottom-color: rgba(255, 255, 255, 0.3);
    border-left-color: rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	border-top-color: #ccc !important;
	-webkit-animation: a 1s ease-in-out infinite;
	animation: a 1s ease-in-out infinite;
	z-index: 50;
}
@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

/*   hamburger   */
.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
	margin: 0;
	padding: 0;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity, filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
	float: right;

	display: none;
}
.hamburger:hover {
    opacity: 1;
}
.hamburger-box {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 20px;
    float: right;
}
.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
	border-radius: 2px;
    position: absolute;
    width: 28px;
    height: 2px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    background-color: var(--red);
}
.hamburger-inner:after,
.hamburger-inner:before {
    display: block;
    content: "";
}
.hamburger-inner:before {
    top: -7px;
}
.hamburger-inner:after {
    bottom: -7px;
}
.hamburger--squeeze .hamburger-inner {
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: 75ms;
}
.hamburger--squeeze .hamburger-inner:before {
    transition: top 75ms ease .12s, opacity 75ms ease;
}
.hamburger--squeeze .hamburger-inner:after {
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
}
.hamburger--squeeze.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: rotate(45deg);
}
.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease, opacity 75ms ease .12s;
    opacity: 0;
}
.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    transform: rotate(-90deg);
}

.tabs {
    margin: 0;
    border: none;
    background: transparent;
}
.tabs-content {
    border: none;
    background: transparent;
    color: inherit;
}
.tabs-panel {
    padding: 0;
}

.accordion {
    background: none;
}
.accordion-title {
    border: none;
}
.accordion-title p {
    margin-bottom: 0 !important;
}
.accordion-title:hover,
.accordion-title:focus {
    background: none;
}
.accordion-content {
    padding: 0;
    border: none;
    background: none;
    color: inherit;
}
:last-child > .accordion-content:last-child,
:last-child:not(.is-active) > .accordion-title {
    border: none;
}

.prev-scroll {
    overflow: hidden;
    height: 100%;
    position: relative;
}

.grid-container {
    width: 100%;
    max-width: 1168px;
    padding: 0 20px;
}
.grid-container-lg {
    max-width: 1400px;
}
.grid-container-md {
    max-width: 1320px;
}
.grid-container-sm {
    max-width: 936px;
}

.dflex,
.dflex-ul ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.dflex-wrap,
.dflex-ul-wrap ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dflex-aic,
.dflex-ul-aic ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.dflex-jsb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.heading-xl {
    font-size: var(--fs-xl);
    font-weight: 700;
    line-height: var(--lh-xl);
}
.heading-lg {
    font-size: var(--fs-lg);
    font-weight: 700;
    line-height: var(--lh-lg);
}
.heading-md {
    font-size: var(--fs-md);
    font-weight: 700;
    line-height: var(--lh-md);
}
.heading-sm {
    font-size: var(--fs-sm);
    font-weight: 700;
    line-height: var(--lh-sm);
}
.heading-xsm {
    font-size: var(--fs-xsm);
    font-weight: 700;
    line-height: var(--lh-xsm);
}
.text-lg {
    font-size: var(--fs-txt-lg);
    font-weight: 500;
    line-height: var(--lh-txt-lg);
}
.text-md {
    font-size: var(--fs-txt-md);
    font-weight: 500;
    line-height: var(--lh-txt-md);
}
.text-md.text-md-regular {
    font-weight: 400;
}
.text-sm {
    font-size: var(--fs-txt-sm);
    font-weight: 500;
    line-height: var(--lh-txt-sm);
}
p:not(:last-child) {
    margin-bottom: 20px;
}
strong {
    font-weight: 700;
}

.btn-item,
.btn-item:focus,
.btn-item:active {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    gap: 6px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    font-size: var(--fs-btn-sm);
    font-weight: 700;
    line-height: var(--lh-btn-sm);
    padding: 15px 27px;
    border: 1px solid transparent;
}
.btn-item img {
    transition: 0.2s ease-in-out;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:active {
    background: var(--red);
    color: var(--white);
    border-color: var(--red);
}
.btn-primary:hover,
a:hover .btn-primary {
    background: var(--red-light);
    color: var(--white);
    border-color: var(--red-light);
}
.btn-primary.btn-disabled,
.btn-primary:disabled,
.btn-primary[disabled] {
    background: var(--grey-light-lighter);
    border-color: var(--grey-light-lighter);
    pointer-events: none;
    cursor: not-allowed;
}

.btn-secondary,
.btn-secondary:focus,
.btn-secondary:active {
    background: var(--black);
    color: var(--white);
    border-color: var(--black);
}
.btn-secondary:hover,
a:hover .btn-secondary {
    background: var(--grey);
    color: var(--white);
    border-color: var(--grey);
}
.btn-secondary.btn-secondary-white,
.btn-secondary.btn-secondary-white:focus,
.btn-secondary.btn-secondary-white:active {
    background: var(--white);
    color: var(--black);
    border-color: var(--white);
}
.btn-secondary.btn-secondary-white:hover,
a:hover .btn-secondary.btn-secondary-white {
    background: var(--grey-light-lighter);
    color: var(--black);
    border-color: var(--grey-light-lighter);
}
.btn-secondary.btn-disabled,
.btn-secondary:disabled,
.btn-secondary[disabled] {
    background: var(--grey-light-lighter);
    border-color: var(--grey-light-lighter);
    pointer-events: none;
    cursor: not-allowed;
}

.btn-tertiary,
.btn-tertiary:focus,
.btn-tertiary:active {
    background: transparent;
    color: var(--red);
    border-color: var(--red);
}
.btn-tertiary svg path {
    transition: 0.2s ease-in-out;
}
.btn-tertiary:hover,
a:hover .btn-tertiary {
    color: var(--black);
    border-color: var(--black);
}
.btn-tertiary.btn-tertiary-white:hover svg path,
a:hover .btn-tertiary.btn-tertiary-white svg path {
   fill: var(--black);
}
.btn-tertiary.btn-tertiary-white,
.btn-tertiary.btn-tertiary-white:focus,
.btn-tertiary.btn-tertiary-white:active  {
    color: var(--white);
    border-color: var(--white);
}
.btn-tertiary.btn-tertiary-white:hover,
a:hover .btn-tertiary.btn-tertiary-white {
    color: var(--red);
    border-color: var(--red);
}
.btn-tertiary.btn-tertiary-white:hover svg path,
a:hover .btn-tertiary.btn-tertiary-white svg path {
   fill: var(--red);
}
.btn-tertiary.btn-disabled,
.btn-tertiary[disabled],
.btn-tertiary:disabled {
    opacity: 0.6;
    pointer-events: none;
}

.mb-8 {
    margin-bottom: 8px;
}
.mb-40-32 {
    margin-bottom: 40px;
}
.mt-40-32 {
    margin-top: 40px;
}
.mt-20 {
    margin-top: 20px;
}
.mb-24 {
    margin-bottom: 24px;
}
.mb-20 {
    margin-bottom: 20px;
}

header {
    position: fixed;
    top: 0; right: 0; left: 0;
    z-index: 999;
    background: var(--white);
}
.header-top {
    padding: 20px 0;
}
.header-desktop .grid-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header-logo img {
    max-height: 45px;
}
.header-nav ul {
    gap: 20px;
}
.header-nav ul li a {
    display: inline-block;
    font-size: var(--fs-txt-md);
    line-height: var(--lh-txt-md);
    color: var(--black);
    padding: 8px 16px;
    transition: 0.2s ease-in-out;
}
.header-nav ul li a:hover {
    color: var(--red);
}
.header-timer-wrap {
    background: var(--grey);
    padding: 14px 0;
}
.header-timer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    gap: 8px;
}
.header-timer span {
    opacity: 0;
    transition: 0.2s ease-in-out;
}
.header-timer span.is-active {
    opacity: 1;
}
.header-btns ul {
    gap: 20px;
}
.header-mobile .grid-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    gap: 40px;
}

.pos-relative {
    position: relative;
}
.section-id {
    position: absolute;
    top: -150px;
}

main {
    padding-top: 140px;
}
section {
    margin-bottom: 80px;
}
.centered-btns {
    margin-top: 40px;
}
.centered-btns ul {
    gap: 20px;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.home-hero-section {
    padding-top: 80px;
    overflow: hidden;
}
.home-hero-left {
    position: relative;
    width: 59.6%;
    padding-bottom: 44.7%;
}
.home-hero-img-1 {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 1;
}
.home-hero-img-2 {
    position: absolute;
    bottom: 0; left: 0;
    z-index: 2;
    max-width: 65%;
}
.home-hero-right {
    width: 59.6%;
    background: var(--white);
    padding: 84px 40px 40px;
    margin-left: -19.5%;
    z-index: 2;
    position: relative;
}
.home-hero-right .centered-btns ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.home-hero-sale {
    position: absolute;
    top: 0; left: 40px;
}
.home-hero-sale span {
    display: inline-block;
    font-size: var(--fs-xsm);
    font-weight: 700;
    line-height: var(--lh-xsm);
    text-transform: uppercase;
    color: var(--white);
    background: var(--red);
    padding: 12px 20px;
}
.home-hero-icon {
    position: absolute;
    top: -31%; right: -4%;
}
.home-hero-icon img {
    max-height: 362px;
}

.home-how-list ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px;
}
.home-how-list ul li {
    position: relative;
}
.home-how-list ul li::after {
    content: '';
    width: 100%; height: 2px;
    background: var(--red);
    position: absolute;
    top: 45px; left: calc(50% + 45px);
    z-index: -1;
}
.home-how-list ul li:last-child::after {
    display: none;
}
.home-how-list ul li .text-lg {
    font-weight: 400;
}
.home-how-list-icon span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    width: 92px; height: 92px;
    background: var(--white);
    -webkit-box-shadow: 0px 0px 44.1px 0px #1C1F3926;
    box-shadow: 0px 0px 44.1px 0px #1C1F3926;
}
.home-how-list-icon span img {
    max-height: 52px;
    max-width: 52px;
}

.home-prizes-section {
    position: relative;
    padding: 40px 0 0;
}
.home-prizes-section-bg {
    position: absolute;
    top: 0; right: 0; left: 0;
    z-index: -1;
    height: 256px;
}
.home-prizes-section-bg::after {
    content: '';
    width: 100%; height: 100%;
    background: var(--grey);
    opacity: 0.5;
    position: absolute;
    top: 0; left: 0;
    z-index: 1;
}
.prizes-list ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}
.prizes-list-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--black);
    height: 100%;
    transition: 0.2s ease-in-out;
}
.prizes-list-box:hover {
    color: var(--black) !important;
}
.prizes-list-box:hover .prizes-list-textbox,
.prizes-list-box:hover .prizes-list-img-wrap::before {
    -webkit-box-shadow: 0px 0px 50px 0px #00000026;
    box-shadow: 0px 0px 50px 0px #00000026;
}
.prizes-list-box:hover .prizes-list-img-wrap::before {
    background: var(--grey-light);
}
.prizes-list-img-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;

    position: relative;
    padding-bottom: 64.5%;
    flex-shrink: 0;
}
.prizes-list-img-wrap::before {
    content: '';
    width: 100%; height: 80%;
    background: var(--grey-light-lighter);
    position: absolute;
    right: 0; bottom: 0; left: 0;
    transition: 0.2s ease-in-out;
}
.prizes-list-img-hold {
    position: absolute;
    top: 20px; right: 20px; bottom: 20px; left: 20px;
}
.prizes-list-img-wrap img {
    object-position: center bottom;
}
.prizes-list-img-wrap span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    width: 64px; height: 64px;
    border-radius: 50%;
    background: var(--red);
    position: absolute;
    bottom: 20px; left: 20px;
    z-index: 1;
    font-size: var(--fs-xsm);
    font-weight: 700;
    line-height: 1;
    color: var(--white);
}
.prizes-list-textbox {
    background: var(--white);
    padding: 20px;
    gap: 40px;
    transition: 0.2s ease-in-out;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0; 
}
.prizes-list-accent img {
    max-height: 27px;
}
.prizes-list-top {
    gap: 20px;
}
.prizes-list-top > div {
    width: 100%;
}
.prizes-list-btn {
    margin-top: 20px;
}

.home-dont-skip-left {
    padding-right: 24px;
}
.home-dont-skip-right {
    padding-left: 16px;
}
.home-dont-skip-img {
    padding-bottom: 53.3%;
}

.home-prizes-levels-box {
    background: var(--white);
    padding: 40px;
}
.home-prizes-levels-box-left  {
    gap: 20px;
    padding-left: 3.5%;
}
.home-prizes-levels-box-left > div {
    width: 100%;
}
.home-prizes-levels-box-right {
    padding-right: 4%;
}
.home-prizes-levels-box-right .accordion {
    width: 100%;
}
.home-prizes-levels-box-right .accordion-item:not(:last-child) {
    margin-bottom: 8px;
}
.home-prizes-levels-box-right .accordion-item {
    background: var(--red-light-lighter);
}
.home-prizes-levels-box-right .accordion-item:nth-child(2) {
    background: var(--red-light);
}
.home-prizes-levels-box-right .accordion-item:nth-child(3) {
    background: var(--red);
}
.home-prizes-levels-box-right .accordion-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    font-size: var(--fs-xsm);
    font-weight: 700;
    line-height: var(--lh-xsm);
    color: var(--white) !important;
    padding: 20px;
    position: relative;
}
.home-prizes-levels-box-right .accordion-title::before {
    content: '';
    width: 8px; height: 14px;
    background: url(../img/icon-chev-right-white.svg) no-repeat center center / contain;
    position: absolute;
    top: 50%; right: 20px;
    transform: translateY(-50%);
    transition: 0.2s ease-in-out;
    margin: 0;
}
.home-prizes-levels-box-right .is-active > .accordion-title::before {
    content: "";
    transform: translateY(-50%) rotate(90deg);
}
.home-prizes-levels-box-right .accordion-content {
    padding: 20px;
}

.home-courier-box {
    background: var(--grey-light-lighter);
    padding: 40px;
}
.home-courier-box-left {
    position: relative;
    gap: 40px;
    padding-right: 20px;
}
.home-courier-box-right {
    padding-left: 20px;
} 
.home-courier-box-icon {
    flex-shrink: 0;
}
.home-courier-box-icon img {
    max-height: 74px;
}

.home-why-section {
    padding: 80px 0;
    position: relative;
}
.home-why-section-bg {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
}
.home-why-section-bg::after {
    content: '';
    width: 100%; height: 100%;
    background: var(--grey);
    opacity: 0.5;
    position: absolute;
    top: 0; left: 0;
    z-index: 1;
}
.home-why-section .grid-container {
    gap: 80px;
}
.home-why-section .centered-btns {
    margin-top: 0;
}
.home-why-section-list {
    padding: 0 2.942%;
}
.home-why-section-list ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}
.home-why-section-list ul li a {
    display: block;
    height: 100%;
}
.home-why-section-list ul li a:hover .home-why-section-list-img span {
    background: var(--grey-light-lighter);
}
.home-why-section-list-img {
    margin-bottom: 20px;
}
.home-why-section-list-img span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    width: 124px; height: 124px;
    background: var(--white);
    -webkit-box-shadow: 0px 0px 44.1px 0px #1C1F3926;
    box-shadow: 0px 0px 44.1px 0px #1C1F3926;
    border-radius: 20px;
    padding: 20px;
    transition: 0.2s ease-in-out;
}
.home-why-section-list-img span img {
    max-height: 58px;
}
.home-why-section .centered-btns {
    gap: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.home-faq-section-top {
    margin-bottom: 80px;
}
.home-faq {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.home-faq ul li {
    background: var(--white);
}
.home-faq ul li:not(:last-child) {
    margin-bottom: 20px;
}
.home-faq .accordion-title {
    padding: 20px 40px 20px 20px;
    font-size: var(--fs-txt-lg);
    font-weight: 700;
    line-height: var(--fs-txt-lg);
    color: var(--black);
    gap: 20px;
}
.home-faq .accordion-title span {
    display: inline-block;
    width: 20px; height: 20px;
    flex-shrink: 0;
    position: relative;
}
.home-faq .accordion-title::before {
    content: '';
    width: 8px; height: 14px;
    background: url(../img/icon-chev-right-black.svg) no-repeat center center / contain;
    position: absolute;
    top: 50%; right: 20px;
    transform: translateY(-50%);
    transition: 0.2s ease-in-out;
    margin: 0;
}
.home-faq .is-active > .accordion-title::before {
    content: "";
    transform: translateY(-50%) rotate(90deg);
}
.home-faq .accordion-content {
    padding: 20px;
}

.home-contact-section {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 24px;
}
.home-contact-section::after {
    content: '';
    width: 100%; height: calc(50% + 12px);
    background: var(--black);
    position: absolute;
    bottom: 0; left: 0;
    z-index: -1;
}
.home-contact-section-box {
    background: var(--grey-light-lighter);
    padding: 40px 80px;
    gap: 40px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

footer {
    padding: 40px 0;
    background: var(--black);
}
.footer-logo img {
    max-height: 45px;
}
.footer-box {
    gap: 40px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.footer-box-left {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0; 

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}
.footer-box-left-item > strong {
    display: block;
    margin-bottom: 20px;
}
.footer-box-left-item ul li:not(:last-child) {
    margin-bottom: 8px;
}
.footer-box-left-item-menu-socials ul {
    gap: 20px;
}
.footer-box-left-item-menu-socials ul li {
    margin-bottom: 0 !important;
}
.footer-box-left-item-menu-socials ul li path {
    transition: 0.2s ease-in-out;
}
.footer-box-left-item-menu-socials ul li a:hover path {
    fill: var(--red);
}
.footer-box-right {
    flex-shrink: 0;
}
.footer-box-right ul li:not(:last-child) {
    margin-bottom: 20px;
}
.footer-box-right ul li a {
    width: 100%;
}

.reveal {
    max-width: 520px;
    padding: 40px;
    border: none;
    background: var(--white);
}
.reveal .close-button {
    display: inline-block;
    width: 20px; height: 20px;
    position: absolute;
    top: 20px; right: 20px;
}
.reveal .close-button svg {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}
.reveal .close-button path {
    transition: 0.2s ease-in-out;
}
.reveal .close-button:hover path {
    fill: var(--red);
}
.reveal-tabs .tabs {
    position: relative;
    margin-bottom: 40px;
}
.reveal-tabs .tabs .tabs-title {
    float: none;
    width: 50%;
}
.reveal-tabs .tabs a {
    display: block;
    font-size: var(--fs-txt-md);
    font-weight: 700;
    line-height: var(--fs-txt-md);
    color: var(--black);
    padding: 20px;
    background: transparent !important;
    text-align: center;
    transition: 0,2s ease-in-out;
    position: relative;
}
.reveal-tabs .tabs a:hover {
    color: var(--red);
}
.reveal-tabs .tabs .tabs-title a::after {
    content: '';
    width: 100%; height: 3px;
    background: var(--black-500);
    position: absolute;
    bottom: 0; left: 0;
    transition: 0.2s ease-in-out;
}
.reveal-tabs .tabs .tabs-title.is-active a::after {
    background: var(--red);
}

.form-style .form-element-split {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.form-style .form-element {
    margin-bottom: 8px;
    position: relative;
}
.form-style .form-element-input {
    position: relative;
}
.form-style .form-element-input.is-error input {
    border-color: var(--red) !important;
}
.form-style .form-element input,
.form-style .form-element input:focus {
    box-shadow: none;
    margin: 0;
    outline: var(--red);
    height: 52px;
    border: 1px solid var(--grey);
    border-radius: 0;
    transition: 0.2s ease-in-out;
    padding: 8px 12px;
    font-size: var(--fs-txt-md);
    line-height: var(--fs-txt-md);
    color: var(--black);
    background: var(--background);
}
.form-style .form-element input:focus {
    border-color: var(--black);
}
.form-style .form-element-input span {
    position: absolute;
    top: 19px; left: 12px;
    font-size: var(--fs-txt-md);
    line-height: var(--fs-txt-md);
    pointer-events: none;
    transition: 0.2s ease-in-out;
}
.form-style .form-element input,
.form-style .form-element input:focus {
    padding-top: 24px;
}
.form-style .form-element input[type='password'],
.form-style .form-element input[type='password']:focus {
    padding-right: 48px;
}
.form-style .form-element-input .active + span {
    top: 9px;
    font-size: var(--fs-txt-sm);
    line-height: var(--fs-txt-sm);
}
.form-style .form-element-text {
    font-size: var(--fs-txt-sm);
    line-height: var(--lh-txt-sm);
    margin-bottom: 20px;
}
.form-style .form-element-checkbox input {
    display: none;
}
.form-style .form-element-checkbox span {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 3px 0 3px 28px;
    font-size: var(--fs-txt-sm);
    line-height: var(--lh-txt-sm);
}
.form-style .form-element-checkbox span a {
    text-decoration: underline;
}
.form-style .form-element-checkbox span::before,
.form-style .form-element-checkbox span::after {
    content: '';
    width: 20px; height: 20px;
    border-radius: 5px;
    background: var(--background);
    position: absolute;
    top: 0; left: 0;
    transition: 0.2s ease-in-out;
}
.form-style .form-element-checkbox span::before {
    border: 1px solid var(--grey);
}
.form-style .form-element-checkbox span::after {
    background: var(--black) url(../img/icon-tick-white.svg) no-repeat center center;
    opacity: 0;
    z-index: 2;
}
.form-style .form-element-checkbox input:checked + span::after {
    opacity: 1;
}
.form-style .form-element-btn {
    margin-top: 20px;
}
.form-style .form-element-btn button {
    width: 100%;
}

.form-style .pasw-vis {
    width: 44px;
    position: absolute;
    top: 0; right: 0; bottom: 0;
    cursor: pointer;
}
.form-style .pasw-vis::before,
.form-style .pasw-vis::after {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.2s ease-in-out;
}
.form-style .pasw-vis::before {
    width: 19px; height: 16px;
    background: url(../img/icon-pasw-visible.svg) no-repeat center center / contain;
}
.form-style .pasw-vis::after {
    width: 19px; height: 13px;
    background: url(../img/icon-pasw-hidden.svg) no-repeat center center / contain;
    opacity: 0;
}
.form-style .pasw-vis.active::before {
    opacity: 0;
}
.form-style .pasw-vis.active::after {
    opacity: 1;
}
.form-element-text .form-element-text {
    margin-bottom: 0;
}

.form-style .file-upload-input {
    display: none;
}
.form-style .file-upload-zone {
    min-height: 148;
    opacity: 1;
    padding: 20px;
    border: 1px dashed var(--grey-500);
    margin-bottom: 8px;
    gap: 16px;
}
.form-style .file-upload-zone > * {
    width: 100%;
}
.form-style .file-upload-zone-text {
    font-weight: 400;
}
.form-style .file-upload-zone-text button {
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}
.form-style .file-upload-zone-text button:hover {
    color: var(--grey);
}
.form-style .file-upload-zone-icons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.form-style .file-upload-zone-meta {
    gap: 20px;
    font-weight: 400;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.form-style .file-upload {
    padding-bottom: 8px;
}
.form-style .file-upload-item {
    margin-top: 16px;
    padding: 8px 48px 8px 12px;
    border: 1px solid var(--grey);
    gap: 8px;
    position: relative;
}
.form-style .file-upload-item-type {
    width: 48px; height: 48px;
    flex-shrink: 0;
    background: var(--background);
    border: 1px solid var(--grey);
    position: relative;
}
.form-style .file-upload-item-type::after {
    content: '';
    width: 32px; height: 32px;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.form-style .file-upload-item-type.png::after {
    background: url(../img/icon-png-black.svg) no-repeat center center / contain;
}
.form-style .file-upload-item-type.pdf::after {
    background: url(../img/icon-pdf-black.svg) no-repeat center center / contain;
}
.form-style .file-upload-item-type.jpg::after,
.form-style .file-upload-item-type.jpeg::after {
    background: url(../img/icon-jpg-black.svg) no-repeat center center / contain;
}
.form-style .file-upload-item-textbox {
    gap: 8px;
}
.form-style .file-upload-item-textbox > * {
    width: 100%;
}
.form-style .file-upload-item-size-hold {
    gap: 8px;
    font-weight: 400;
}
.form-style .file-upload-item-status {
    color: var(--green);
}
.form-style .file-upload-item-status.error {
    color: var(--red);
}
.form-style .file-upload-item-remove {
    width: 44px; height: 48px;
    flex-shrink: 0;
    cursor: pointer;
    position: absolute;
    top: 8px; right: 0; bottom: 8px;
}
.form-style .file-upload-item-remove::before,
.form-style .file-upload-item-remove::after {
    content: '';
    width: 20px; height: 20px;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.2s ease-in-out;
}
.form-style .file-upload-item-remove::before {
    background: url(../img/icon-trash-black.svg) no-repeat center center / contain;
}
.form-style .file-upload-item-remove::after {
    background: url(../img/icon-trash-red.svg) no-repeat center center / contain;
    opacity: 0;
}
.form-style .file-upload-item-remove:hover::before {
    opacity: 0;
}
.form-style .file-upload-item-remove:hover::after {
    opacity: 1;
}
.form-style .file-upload-item-size-hold {
    font-weight: 400;
}
.file-upload-error {
    font-weight: 400;
    color: var(--red);
    margin-top: 16px;
}
.form-message {
    margin-top: 16px;
    font-size: var(--fs-txt-sm);
    line-height: var(--lh-txt-sm);
    color: var(--red);
}

.entry {
    font-size: var(--fs-txt-md);
    line-height: var(--lh-txt-md);
}
.entry > :last-child {
    margin-bottom: 0;
}
.entry > :first-child {
    margin-top: 0;
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5 {
    font-weight: 700;
    margin-bottom: 32px;
}
.entry h1 {
    font-size: var(--fs-lg);
    line-height: var(--lh-lg);
}
.entry h2 {
    font-size: var(--fs-md);
    line-height: var(--lh-md);
}
.entry h3 {
    font-size: var(--fs-sm);
    line-height: var(--lh-xsm);
}
.entry h4 {
    font-size: var(--fs-xsm);
    line-height: var(--lh-xsm);
}
.entry h5 {
    font-size: var(--fs-txt-lg);
    line-height: var(--lh-txt-lg);
}
.entry h6 {
    font-size: var(--fs-txt-md);
    line-height: var(--lh-txt-md);
}
.entry p {
   margin-bottom: 20px;
}
.entry h1 + h2, .entry h1 + h3, .entry h1 + h4, .entry h1 + h5, .entry h1 + h6,
.entry h2 + h2, .entry h2 + h3, .entry h2 + h4, .entry h2 + h5, .entry h2 + h6,
.entry h3 + h2, .entry h3 + h3, .entry h3 + h4, .entry h3 + h5, .entry h3 + h6,
.entry h4 + h2, .entry h4 + h3, .entry h4 + h4, .entry h4 + h5, .entry h4 + h6,
.entry h5 + h2, .entry h5 + h3, .entry h5 + h4, .entry h5 + h5, .entry h5 + h6,
.entry h6 + h2, .entry h6 + h3, .entry h6 + h4, .entry h6 + h5, .entry h6 + h6,
.entry p + h1, .entry p + h2, .entry p + h3, .entry p + h4, .entry p + h5, .entry p + h6,
.entry ul + h1, .entry ul + h2, .entry ul + h3, .entry ul + h4, .entry ul + h5, .entry ul + h6,
.entry ol + h1, .entry ol + h2, .entry ol + h3, .entry ol + h4, .entry ol + h5, .entry ol + h6,
.entry table + h1, .entry table + h2, .entry table + h3, .entry table + h4, .entry table + h5, .entry table + h6 {
    margin-top: 40px;
}
.entry a {
    color: var(--black);
    text-decoration: underline;
    transition: 0.2s ease-in-out;
}
.entry a:hover {
    color: var(--grey);
}
.entry p img,
.entry .wp-caption {
    margin: 40px 0;
}
.entry .wp-caption-text {
    font-size: var(--fs-txt-sm);
    line-height: var(--lh-txt-sm);
    margin-top: 8px;
}
.entry ul,
.entry ol {
    margin: 20px 0;
}
.entry > ul,
.entry > ol {
    margin: 0px;
}
.entry ul li ,
.entry ol li  {
    position: relative;
    margin-bottom: 20px;
    padding-left: 20px;
}
.entry ol {
    counter-reset: item;
}
.entry ol ol > li {
    padding-left: 40px;
}
.entry ul > li:before  {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--black);
}
.entry ol > li:before {
    content: counters(item, ".") ".";
    counter-increment: item;
    position: absolute;
    top: 0;
    left: 0;
}

.entry .table-scroll {
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.entry table {
    width: 100%;
    min-width: 400px;
    color: var(--black);
    border: 1px solid var(--grey);
}
.entry table th {
    font-size: var(--fs-txt-md);
    line-height: var(--lh-txt-md);
    text-align: left;
    color: var(--black);
    background: var(--background);
    padding: 8px 16px;
    border-bottom: 1px solid var(--grey);
    border-right: 1px solid var(--grey);
}
.entry table th:last-child {
    border-right: none;
}
.entry table tbody tr {
    background: transparent !important;
}
.entry table tbody, table tfoot, table thead {
    border: none;
    background-color: transparent;
}
.entry table tr td {
    border-bottom: 1px solid var(--grey);
    border-right: 1px solid var(--grey);
    padding: 8px 16px;
    font-size: var(--fs-txt-sm);
    line-height: var(--lh-txt-sm);
}
.entry table tr td:last-child {
    border-right: none;
}
.entry table p {
    margin-bottom: 0;
}
.entry strong {
    font-weight: 700;
}
.entry blockquote {
    font-size: var(--fs-xsm);
    line-height: var(--lh-xsm);
    padding-left: 40px;
    border-left: 4px solid var(--black);
    margin-bottom: 20px;
    color: var(--black);
}
.entry blockquote span {
    display: block;
    padding-top: 20px;
    font-size: var(--fs-txt-sm);
    font-weight: 500;
    line-height: var(--lh-txt-sm);
    color: var(--black);
}

/* Chrome, Safari, Edge, Opera */
.form-style input[type="number"]::-webkit-outer-spin-button,
.form-style input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
.form-style input[type="number"] {
    -moz-appearance: textfield;
}

#receipt_total + span + strong {
    display: inline-block;
    width: 13px; height: 15px;
    position: absolute;
    top: 50%; right: 16px;
    transform: translateY(-50%);
    z-index: 1;
    background: url(../img/icon-euro-black.svg) no-repeat center center / contain;
}



.product-archive-section {
    padding: 80px 0;
    min-height: 53vh;
}
.product-archive-list ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}
.product-archive-list ul li {
    padding: 12px 20px;
    background: var(--white);
    font-size: var(--fs-txt-lg);
    line-height: var(--lh-txt-lg);
}

.hero-section {
    padding-top: 80px;
}

.bills-table table {
    background: var(--white);
}
.bills-table thead,
.bills-table tbody,
.bills-table table tr {
    background: transparent !important;
}
.bills-table table tr {
    border-bottom: 1px solid var(--grey-light-lighter);
}
.bills-table table tbody tr:last-child {
    border-bottom: none;
}
.bills-table table th {
    padding: 12px;
    font-size: var(--fs-txt-lg);
    line-height: var(--lh-txt-lg);
    font-weight: 700;
    color: var(--black);
    text-align: center;
}
.bills-table table td {
    padding: 12px;
    font-size: var(--fs-txt-md);
    line-height: var(--lh-txt-md);
    color: var(--black);
    text-align: center;
}
.bills-table table td:not([colspan="5"]):first-child,
.bills-table table td:not([colspan="5"]):last-child {
    padding: 0;
    width: 68px;
}
.bills-table a[data-fancybox],
.bills-table-remove {
    display: block;
    width: 68px; height: 48px;
    position: relative;
    cursor: pointer;
}
.bills-table svg {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}
.bills-table path {
    transition: 0.2s ease-in-out;
}
.bills-table a[data-fancybox]:hover path,
.bills-table-remove:hover path {
    fill: var(--red);
}

.bills-progress {
    background: var(--grey);
    text-align: center;
    font-size: var(--fs-txt-lg);
    line-height: var(--lh-txt-lg);
    font-weight: 700;
    color: var(--white);
    padding: 12px 20px;
    position: relative;
}
.bills-progress > span {
    position: relative;
    z-index: 2;
}
.bills-progress > span > span {
    display: inline-block;
    margin-left: 20px;
}
.bills-progres-bar {
    position: absolute;
    top: 0; bottom: 0; left: 0;
    background: #009933;
}

.form-style-prizes .form-element input {
    display: none;
}
.form-style-prizes .form-element label {
    display: block;
    margin-bottom: 8px;
}
.form-style-prizes .form-element label:last-child {
    margin-bottom: 0;
}
.form-style-prizes .form-element-box {
    border: 2px solid transparent;
    background: var(--background);
    padding: 16px 22px;
    gap: 20px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}
.form-style-prizes .form-element-box:hover {
    background-color: var(--grey-light-lighter);
}
.form-style-prizes input:checked + .form-element-box {
    border-color: var(--red);
    background: var(--grey-light-lighter);
}
.form-style-prizes .form-style-prizes-img {
    width: 104px; height: 100px;
    background: var(--white);
    flex-shrink: 0;
}
.form-style-prizes .form-style-prizes-img img {
    object-fit: contain;
    object-position: center;
}
.form-style-prizes .form-style-prizes-textbox {
    -ms-flex-line-pack: justify;
    align-content: space-between;
    gap: 20px;
}
.form-style-prizes .form-style-prizes-textbox > div {
    width: 100%;
}
.form-style-prizes .form-element-btn {
    margin-top: 40px;
}
.form-style-prizes .form-element-btn button {
    width: 100%;
}

.prize-choice-success {
    display: none;
}
.prize-choice-success-icon {
    margin-bottom: 40px;
    position: relative;
}
.prize-choice-success-icon::after {
    content: '';
    width: 76px; height: 76px;
    background: url(../img/img-reveal-success.svg) no-repeat center center / contain;
    display: inline-block;
}
.prize-choice-success .heading-xsm {
    margin-bottom: 20px;
}

.prize-choice-success-close {
    margin-top: 40px;
}
.prize-choice-success-close button {
    width: 100%;
}

.is-disabled {
    pointer-events: none;
}
.is-disabled .btn-primary {
    background: var(--grey-light-lighter);
    border-color: var(--grey-light-lighter);
    pointer-events: none;
    cursor: not-allowed;
}

.section-page {
    padding: 80px 0;
    margin-bottom: 0;
    min-height: calc(100vh - 505px);
}

#page-preloader{display:none;position:fixed;inset:0;background:rgba(255,255,255,.85);z-index:9999;align-items:center;justify-content:center;}
#page-preloader.is-active{display:flex;}
.page-preloader-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#1C1F39;border-radius:50%;animation:preloader-spin .7s linear infinite;}
@keyframes preloader-spin{to{transform:rotate(360deg);}}

.form-element-username {
    display: none;
}

/* Other */
a:not(.btn-item) {
    color: var(--black);
    transition: 0.2s ease-in-out;
}
a:not(.btn-item):hover {
    color: var(--red);
}

.text-white {
    color: var(--white);
}
.text-white a:not(.btn-item) {
    color: var(--white);
    transition: 0.2s ease-in-out;
}
.text-white a:not(.btn-item):hover {
    color: var(--red);
}

.text-grey {
    color: var(--grey);
}
.text-grey a:not(.btn-item) {
    color: var(--grey);
    transition: 0.2s ease-in-out;
}
.text-grey a:not(.btn-item):hover {
    color: var(--red);
}
  
/* Animations */
.fade-up {
    transform: translateY(30px);
    opacity: 0;
    transition: opacity 0.75s linear, transform 0.75s cubic-bezier(0.19,1,0.22,1);
}
.fade-up.in-view,
.in-view .fade-up{
    transform: translateY(0px);
    opacity: 1;
}

.fade-in {
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.5, 1, 0.89, 1);
}
.fade-in.in-view,
.in-view .fade-in {
    opacity: 1;
}

/* Media */
@media only screen and (min-width: 1024px) {
    .mobile-menu.is-active {
        opacity: 0;
        visibility: hidden;
    }
} /* end of min-width 1024 */

@media only screen and (min-width: 1024px) and (max-width: 1139px) {
    .header-nav ul {
        gap: 10px;
    }
    .header-nav ul li a {
        padding: 8px 8px;
    }
    .header-logo img {
        max-height: 40px;
    }
    .header-desktop .btn-item, 
    .header-desktop .btn-item:focus, 
    .header-desktop .btn-item:active {
        padding: 15px 10px;
    }
    .home-hero-icon {
        top: -28%;
    }
    .home-hero-icon img {
        max-height: 320px;
    }
} /* end of min-width 1024 and max-width 1139 */

@media only screen and (max-width: 1279px) {
    .product-archive-list ul {
        grid-template-columns: repeat(4, 1fr);
    }
} /* end of max-width 1279 */

@media only screen and (max-width: 1023px) {
    :root {
        --fs-xl: 40px; --lh-xl: 1.3;
        --fs-lg: 30px; --lh-lg: 1.3;
        --fs-md: 24px; --lh-md: 1.33;
        --fs-sm: 20px; --lh-sm: 1.4;
        --fs-xsm: 18px; --lh-xsm: 1.33;

        --fs-txt-lg: 16px; --lh-txt-lg: 1.25;
        --fs-txt-md: 14px; --lh-txt-md: 1.143;

        --fs-btn-md: 16px; --lh-btn-md: 1.25;
        --fs-btn-sm: 14px; --lh-btn-sm: 1.143;
    }

    .mb-40-32 {
        margin-bottom: 32px;
    }
    .mt-40-32 {
        margin-top: 32px;
    }

    .header-desktop {
        display: none;
        position: absolute;
        top: 100%; right: 0; left: 0;
        background: var(--white);
        padding: 40px 0;
        -webkit-box-shadow: 0px 0px 50px 0px #00000026;
        box-shadow: 0px 0px 50px 0px #00000026;
    }
    .header-desktop .header-logo {
        display: none;
    }
    .header-desktop .grid-container {
        display: block;
    }
    .header-desktop .header-nav ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

        margin-bottom: 40px;
    }
    .header-desktop .header-nav ul li {
        width: 100%;
        text-align: center;
    }
    .header-btns ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
	.hamburger {
		display: inline-block;
	}
    .header-top {
        padding: 16px 0;
    }
    .header-logo img {
        max-height: 30px;
    }

    .header-timer-wrap {
        padding: 8px 0;
    }
    .header-timer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .header-timer > div {
        width: 100%;
        text-align: center;
    }

    main {
        padding-top: 118px;
    }

    .footer-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

        gap: 32px;
    }
    .footer-box-left {
        width: 100%;
    }
    .footer-box-right {
        width: 100%;
    }
    .footer-box-right ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .footer-box-left {
        gap: 32px;
    }
    .footer-box-right ul li:not(:last-child) {
        margin-bottom: 0;
    }

    .home-hero-left {
        width: 100%;
        padding-bottom: 74.7%;
        order: 2;
        z-index: 2;
    }
    .home-hero-right {
        width: 100%;
        order: 1;
        margin-left: 0;
    }
    .home-hero-right .heading-lg,
    .home-hero-right .text-lg {
        max-width: 75%;
    }
    .home-hero-icon img {
        max-height: 250px;
    }
    .home-hero-img-2 {
        max-width: 60%;
    }
    .centered-btns {
        margin-top: 32px;
    }
    .home-hero-section {
        overflow: hidden;
    }
    .prizes-list ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }
    .prizes-list-img-wrap span {
        width: 52px;
        height: 52px;
    }
    .home-dont-skip-left {
        padding-right: 0;
        margin-bottom: 32px;
    }
    .home-dont-skip-right {
        padding-left: 0;
    }
    .home-prizes-levels-box {
        padding: 20px;
    }
    .home-prizes-levels-box-left {
        padding-left: 0;
        margin-bottom: 32px;
    }
    .home-prizes-levels-box-right {
        padding-right: 0;
    }
    .home-courier-box {
        padding: 20px;
    }
    .home-courier-box-left {
        padding-right: 0;
        margin-bottom: 32px;
    }
    .home-why-section .grid-container {
        gap: 64px;
    }
    .home-why-section-list ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
    .home-contact-section-box {
        padding: 20px 40px;
        gap: 20px;
    }
    .product-archive-list ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .section-page {
        min-height: 1px;
    }

    .entry > ul > li::before {
        top: 5px;
    }
} /* end of max-width 1023 */

@media screen and (max-width:639px) {

	.footer-box-left {
        grid-template-columns: repeat(1, 1fr);
    }
    .footer-box-right ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .home-hero-right {
        padding: 84px 20px 40px;
    }
    .home-hero-sale {
        left: 20px;
    }
    .home-hero-icon {
        top: -16%;
    }
    .home-hero-icon img {
        max-height: 200px;
    }
    .centered-btns ul li {
        width: 100%;
    }
    .centered-btns ul li a {
        width: 100%;
    }
    .home-hero-img-2 {
        max-width: 63%;
    }
    .home-how-list ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }
    .home-how-list ul li::after {
        display: none;
    }
    .home-how-list ul li .text-lg {
        max-width: 224px;
        margin-left: auto;
        margin-right: auto;
    }
    .home-courier-box-left {
        gap: 20px;
    }
    .home-courier-box-icon img {
        max-height: 54px;
    }
    .home-why-section .grid-container {
        gap: 40px;
    }
    .home-why-section-list-img span {
        width: 100px;
        height: 100px;
    }
    .home-why-section-list-img span img {
        max-height: 48px;
    }
    .home-faq {
        grid-template-columns: repeat(1, 1fr);
    }
    .home-contact-section-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        
        padding: 20px;
    }
    .home-contact-section-box > div {
        width: 100%;
    }
    .home-contact-section-box > div a {
        width: 100%;
    }
    .reveal {
        max-width: 100%;
        width: 100%;
        padding: 20px;
    }
    .form-style .form-element-split {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }
    .product-archive-list ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .bills-table table th {
        padding: 12px 6px;
        font-size: 12px;
        line-height: 1.25;
    }
    .bills-table table td {
        padding: 12px 6px;
        font-size: 10px;
        line-height: 1.25;
    }
    .bills-table table td:not([colspan="5"]):first-child, 
    .bills-table table td:not([colspan="5"]):last-child {
        width: 38px;
    }
    .bills-table a[data-fancybox], .bills-table-remove {
        display: block;
        width: 38px;
        height: 48px;
        position: relative;
        cursor: pointer;
    }
    .bills-progress {
        font-size: var(--fs-txt-sm);
        line-height: var(--lh-txt-sm);
    }

    .home-why-section .centered-btns > * {
        width: 100%;
    }

} /* end of max-width 639 */