@charset "UTF-8";

@font-face {
    font-family: 'Aeroport';
    src: url('../fonts/../fonts/Aeroport-Light.eot');
    src: local('Aeroport Light'), local('Aeroport-Light'),
        url('../fonts/../fonts/Aeroport-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/../fonts/Aeroport-Light.woff2') format('woff2'),
        url('../fonts/../fonts/Aeroport-Light.woff') format('woff'),
        url('../fonts/../fonts/Aeroport-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Aeroport Mono';
    src: url('../fonts/../fonts/AeroportMono.eot');
    src: local('Aeroport Mono'), local('AeroportMono'),
        url('../fonts/../fonts/AeroportMono.eot?#iefix') format('embedded-opentype'),
        url('../fonts/../fonts/AeroportMono.woff2') format('woff2'),
        url('../fonts/../fonts/AeroportMono.woff') format('woff'),
        url('../fonts/../fonts/AeroportMono.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aeroport';
    src: url('../fonts/../fonts/Aeroport-Bold.eot');
    src: local('Aeroport Bold'), local('Aeroport-Bold'),
        url('../fonts/../fonts/Aeroport-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/../fonts/Aeroport-Bold.woff2') format('woff2'),
        url('../fonts/../fonts/Aeroport-Bold.woff') format('woff'),
        url('../fonts/../fonts/Aeroport-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Aeroport';
    src: url('../fonts/../fonts/Aeroport-LightItalic.eot');
    src: local('Aeroport Light Italic'), local('Aeroport-LightItalic'),
        url('../fonts/Aeroport-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aeroport-LightItalic.woff2') format('woff2'),
        url('../fonts/Aeroport-LightItalic.woff') format('woff'),
        url('../fonts/Aeroport-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Aeroport';
    src: url('../fonts/Aeroport-BoldItalic.eot');
    src: local('Aeroport Bold Italic'), local('Aeroport-BoldItalic'),
        url('../fonts/Aeroport-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aeroport-BoldItalic.woff2') format('woff2'),
        url('../fonts/Aeroport-BoldItalic.woff') format('woff'),
        url('../fonts/Aeroport-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Aeroport';
    src: url('../fonts/Aeroport-MediumItalic.eot');
    src: local('Aeroport Medium Italic'), local('Aeroport-MediumItalic'),
        url('../fonts/Aeroport-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aeroport-MediumItalic.woff2') format('woff2'),
        url('../fonts/Aeroport-MediumItalic.woff') format('woff'),
        url('../fonts/Aeroport-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Aeroport';
    src: url('../fonts/Aeroport.eot');
    src: local('Aeroport'),
        url('../fonts/Aeroport.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aeroport.woff2') format('woff2'),
        url('../fonts/Aeroport.woff') format('woff'),
        url('../fonts/Aeroport.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aeroport';
    src: url('../fonts/Aeroport-Italic.eot');
    src: local('Aeroport Italic'), local('Aeroport-Italic'),
        url('../fonts/Aeroport-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aeroport-Italic.woff2') format('woff2'),
        url('../fonts/Aeroport-Italic.woff') format('woff'),
        url('../fonts/Aeroport-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Aeroport';
    src: url('../fonts/Aeroport-Medium.eot');
    src: local('Aeroport Medium'), local('Aeroport-Medium'),
        url('../fonts/Aeroport-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aeroport-Medium.woff2') format('woff2'),
        url('../fonts/Aeroport-Medium.woff') format('woff'),
        url('../fonts/Aeroport-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}


@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/GothamPro-BoldItalic.eot');
	src: local('Gotham Pro Bold Italic'), local('GothamPro-BoldItalic'),
		url('../fonts/GothamPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GothamPro-BoldItalic.woff') format('woff'),
		url('../fonts/GothamPro-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/GothamPro-Italic.eot');
	src: local('Gotham Pro Italic'), local('GothamPro-Italic'),
		url('../fonts/GothamPro-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GothamPro-Italic.woff') format('woff'),
		url('../fonts/GothamPro-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/GothamPro-Medium.eot');
	src: local('Gotham Pro Medium'), local('GothamPro-Medium'),
		url('../fonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GothamPro-Medium.woff') format('woff'),
		url('../fonts/GothamPro-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/GothamPro-BlackItalic.eot');
	src: local('Gotham Pro Black Italic'), local('GothamPro-BlackItalic'),
		url('../fonts/GothamPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GothamPro-BlackItalic.woff') format('woff'),
		url('../fonts/GothamPro-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/GothamPro-Bold.eot');
	src: local('Gotham Pro Bold'), local('GothamPro-Bold'),
		url('../fonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GothamPro-Bold.woff') format('woff'),
		url('../fonts/GothamPro-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro Narrow';
	src: url('../fonts/GothamProNarrow-Bold.eot');
	src: local('Gotham Pro Narrow Bold'), local('GothamProNarrow-Bold'),
		url('../fonts/GothamProNarrow-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GothamProNarrow-Bold.woff') format('woff'),
		url('../fonts/GothamProNarrow-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro Narrow';
	src: url('../fonts/GothamProNarrow-Medium.eot');
	src: local('Gotham Pro Narrow Medium'), local('GothamProNarrow-Medium'),
		url('../fonts/GothamProNarrow-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GothamProNarrow-Medium.woff') format('woff'),
		url('../fonts/GothamProNarrow-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/GothamPro-LightItalic.eot');
	src: local('Gotham Pro Light Italic'), local('GothamPro-LightItalic'),
		url('../fonts/GothamPro-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GothamPro-LightItalic.woff') format('woff'),
		url('../fonts/GothamPro-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/GothamPro-Light.eot');
	src: local('Gotham Pro Light'), local('GothamPro-Light'),
		url('../fonts/GothamPro-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GothamPro-Light.woff') format('woff'),
		url('../fonts/GothamPro-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/GothamPro-Black.eot');
	src: local('Gotham Pro Black'), local('GothamPro-Black'),
		url('../fonts/GothamPro-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GothamPro-Black.woff') format('woff'),
		url('../fonts/GothamPro-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/GothamPro.eot');
	src: local('Gotham Pro'), local('GothamPro'),
		url('../fonts/GothamPro.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GothamPro.woff') format('woff'),
		url('../fonts/GothamPro.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/GothamPro-MediumItalic.eot');
	src: local('Gotham Pro Medium Italic'), local('GothamPro-MediumItalic'),
		url('../fonts/GothamPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GothamPro-MediumItalic.woff') format('woff'),
		url('../fonts/GothamPro-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}


@font-face {
    font-family: "Bebas Neue";
    src: local("Bebas Neue Thin"), local("BebasNeue-Thin"),
    url(../fonts/bebasneue/bebasneuethin.woff2) format("woff2"),
    url(../fonts/bebasneue/bebasneuethin.woff) format("woff"),
    url(../fonts/bebasneue/bebasneuethin.ttf) format("truetype");
    font-weight: 100;
    font-style: normal;
  }
  @font-face {
    font-family: "Bebas Neue";
    src: local("Bebas Neue Light"), local("BebasNeue-Light"),
    url(../fonts/bebasneue/bebasneuelight.woff2) format("woff2"),
    url(../fonts/bebasneue/bebasneuelight.woff) format("woff"),
    url(../fonts/bebasneue/bebasneuelight.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
  }
  @font-face {
    font-family: "Bebas Neue";
    src: local("Bebas Neue Book"), local("BebasNeueBook"),
    url(../fonts/bebasneue/bebasneuebook.woff2) format("woff2"),
    url(../fonts/bebasneue/bebasneuebook.woff) format("woff"),
    url(../fonts/bebasneue/bebasneuebook.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
  }
  @font-face {
    font-family: "Bebas Neue";
    src: local("Bebas Neue Regular"), local("BebasNeueRegular"),
    url(../fonts/bebasneue/bebasneueregular.woff2) format("woff2"),
    url(../fonts/bebasneue/bebasneueregular.woff) format("woff"),
    url(../fonts/bebasneue/bebasneueregular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "Bebas Neue";
    src: local("Bebas Neue Bold"), local("BebasNeueBold"),
    url(../fonts/bebasneue/bebasneuebold.woff2) format("woff2"),
    url(../fonts/bebasneue/bebasneuebold.woff) format("woff"),
    url(../fonts/bebasneue/bebasneuebold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
  }

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    font-size: 18px;
}

@media (max-width: 1799px) {
    html {
        font-size: calc(18vw / 1800 * 100);
    }
}

@media (max-width: 767px) {
    html {
        font-size: calc(18vw / 375 * 100);
    }
}

html * {
    box-sizing: border-box;
    outline: 0;
}

body {
    margin: 0;
    color: #144734;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media (max-width: 767px) {
    body {
        font-size: calc(14rem / 18);
    }
}

details,
main {
    display: block;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

summary {
    display: list-item;
}

[hidden],
template {
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul {
    margin: 0;
    padding: 0;
    font-family: inherit;
}




.only-for-notouch,
.only-for-touch,
.only-for-notouch-inline,
.only-for-touch-inline,
.only-for-notouch-inline-block,
.only-for-touch-inline-block {
    display: none !important;
}

.no-touchevents .only-for-notouch {
    display: block !important;
}

.no-touchevents .only-for-notouch-inline {
    display: inline !important;
}

.no-touchevents .only-for-notouch-inline-block {
    display: inline-block !important;
}

.touchevents .only-for-touch {
    display: block !important;
}

.touchevents .only-for-touch-inline {
    display: inline !important;
}

.touchevents .only-for-touch-inline-block {
    display: inline-block !important;
}

.mobile-show,
.mobile-show-inline-block,
.mobile-show-inline,
.mobile-show-table-cell {
    display: none !important;
}

.initial-hide {
    display: none !important;
}

.initial-show {
    display: block !important;
}

.initial-show-inline-block {
    display: inline-block !important;
}

.initial-show-inline {
    display: inline !important;
}

.initial-show-table-row {
    display: table-row !important;
}

.initial-show-table-cell {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .mobile-hide {
        display: none !important;
    }
    .mobile-show {
        display: block !important;
    }
    .mobile-show-inline-block {
        display: inline-block !important;
    }
    .mobile-show-inline {
        display: inline !important;
    }
    .mobile-show-table-cell {
        display: table-cell !important;
    }
}






.container {
    max-width: calc(1800rem / 18);
    margin: 0 auto;
    padding-left: calc(40rem / 18);
    padding-right: calc(40rem / 18);
}

@media (max-width: 767px) {

    .container {
        padding-left: calc(15rem / 18);
        padding-right: calc(15rem / 18);
    }
}

.container--small {
    max-width: 61.875rem !important;
}

* {
    font-family: Arial;
    box-sizing: border-box;
}

* button:focus,
* input:focus,
* select:focus,
* textarea:focus {
    outline: 0;
}

main {
    overflow: hidden;
}

a,
a:hover {
    color: #000;
}

h1, .h1 {
    font-size: calc(42rem / 18);
    font-weight: 700;
    line-height: calc(60 / 42);
    color: #144734;
    text-transform: uppercase;
    margin-top: calc(100rem / 18);
    text-align: center;
}

h1:first-child, .h1:first-child {
    margin-top: 0;
}

@media (max-width: 767px) {

    h1, .h1 {
        font-size: calc(30rem / 18);
        margin-top: calc(60rem / 18);
    }
}


.section {
    padding-top: calc(100rem / 18);
    padding-bottom: calc(100rem / 18);
}

@media (max-width: 767px) {

    .section {
        padding-top: calc(50rem / 18);
        padding-bottom: calc(50rem / 18);
    }
}


.summary {
    font-size: calc(22rem / 18);
    line-height: 1.5;
    font-weight: 700;
    margin-top: calc(50rem / 18);
}

.summary:first-child {
    margin-top: 0;
}

@media (max-width: 767px) {

    .summary {
        font-size: calc(16rem / 18);
        font-weight: 400;
        margin-top: calc(30rem / 18);
    }
}


.action {
    margin-top: calc(40rem / 18);
}

.action:first-child {
    margin-top: 0;
}

@media (max-width: 767px) {

    .action {
        margin-top: calc(30rem / 18);
    }
}


img.b-lazy {
    min-width: 1px;
    min-height: 1px;
    opacity: 0;
    transition: opacity 0.5s;
}

img.b-loaded {
    opacity: 1;
}

.img-to-bg-lazy {
    opacity: 0;
    transition: opacity 0.5s;
}

.img-to-bg-lazy-loaded {
    opacity: 1;
}


.header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 110;
    background-color: #fff;
    transition: all 0.3s;
}


.header--fixed {
    position: fixed;
}

.header-replace {
    display: none;
    height: calc(90rem / 18);
}

.header--fixed + .header-replace {
    display: block;
}


.header--scrolled {
    box-shadow: 0 0 calc(10rem / 18) rgba(0, 0, 0, 0.2);
}


#mobile-nav:not(.mm-menu) {
    display: none;
}


.header-mobile__container {
    height: 60px;
    z-index: 9999;
    background-color: #fff;
}

.header-mobile__logo {
    height: 30px;
}

.header-mobile__logo img {
    max-height: 100%;
    max-width: 100%;
}

.header-mobile__desc {
    font-size: 12px;
}

.header-mobile__phone {
    display: block;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30px' height='30px' viewBox='0 0 30 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg id='Снабсервис' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg id='Карточка-товара' transform='translate(-375.000000, -1882.000000)' fill='%2391DC5A' fill-rule='nonzero'%3e%3cg id='phone-symbol-of-an-auricular-inside-a-circle' transform='translate(375.000000, 1882.000000)'%3e%3cpath d='M14.9757407,0 C6.70549383,0 6.17283951e-05,6.7054321 6.17283951e-05,14.975679 C6.17283951e-05,23.2458025 6.70549383,29.951358 14.9757407,29.951358 C23.2459877,29.951358 29.9512963,23.2457407 29.9512963,14.975679 C29.951358,6.7054321 23.2459877,0 14.9757407,0 Z M22.8838889,21.8511728 L21.6848148,23.0504938 C21.4707407,23.2642593 20.8438889,23.3976543 20.8237654,23.3976543 C17.0304321,23.4307407 13.3780247,21.9407407 10.6944444,19.2569136 C8.00351852,16.5644444 6.51179012,12.8990123 6.55185185,9.09290123 C6.55185185,9.09117284 6.6891358,8.48228395 6.90302469,8.2704321 L8.10203704,7.07123457 C8.54080247,6.6304321 9.38364198,6.43123457 9.97407407,6.62876543 L10.2262963,6.71290123 C10.815,6.91024691 11.4330864,7.56117284 11.5957407,8.1608642 L12.1988889,10.3745679 C12.3615432,10.9759877 12.1421605,11.8316049 11.7035185,12.2703704 L10.9029012,13.0711111 C11.6889506,15.9811111 13.9722222,18.2648148 16.882716,19.0527778 L17.6830247,18.2518519 C18.1238272,17.8110494 18.9791358,17.5918519 19.5792593,17.7542593 L21.7926543,18.3595679 C22.3924691,18.5243827 23.0432716,19.1385802 23.2405556,19.7270988 L23.3246914,19.982963 C23.5202469,20.5717284 23.3225926,21.4143827 22.8838889,21.8511728 Z' id='Shape'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

@media only screen and (min-width: 768px) {
    .mobile-visible {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .mobile-remove-container {
        padding-left: 0;
        padding-right: 0;
    }

    .desktop-visible {
        display: none;
    }
}

.bg--primary {
    background-color: #fff;
}

.bg--gray {
    background-color: #e2e2e2;
}

.bg--white {
    background-color: #fff;
}

.bg--black {
    background-color: #000;
}

.header__row {
    display: flex;
    align-items: center;
    height: calc(90rem / 18);
    text-transform: uppercase;
}

.header__logo {
    display: flex;
    align-items: center;
    height: calc(70rem / 18);
    width: calc(400rem / 18);
}

.header__logo-right {
    width: calc(200rem / 18);
}



@media (max-width: 767px) {

    .header__logo {
        height: calc(50rem / 18);
        width: calc(100rem / 18);
    }
}

.header__logo img {
    max-width: 100%;
    max-height: 100%;
}

.header__navbar {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 calc(50rem / 18);
    background-color: #fff;
}

.header-nav__list {
    display: flex;
    list-style: none;
    margin-bottom: 0;
    margin: 0 calc(-20rem / 18);
}

.header-nav__item {
    padding: 0 calc(20rem / 18);
}

.header-nav__link {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 500;
    font-size: 1.333333rem;
    line-height: 124.7%;
    text-transform: uppercase;
    color: #203C87;
    text-decoration: none !important;
    transition: 0.1s ease-in;
}

.header-nav__link:hover {
    color: #217455;
}

.header-nav__link:active {
    color: #217455;
}


.header__user {
    flex: auto 0 0;
    width: calc(200rem / 18);
    text-align: right;
}

@media (max-width: 767px) {

    .header__user {
        width: auto;
        margin-left: auto;
    }
}

.header-user {
    height: 100%;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    transition: 0.2s ease-in;
    position: relative;
    text-align: left;
    text-decoration: none !important;
}

.header-user.focused .header-user-submenu,
.header-user:hover .header-user-submenu {
    visibility: visible;
    opacity: 1;
    transform: none;
    transition-delay: 0s;
}

.header-user__icon {
    width: 2.25rem;
    height: 2.25rem;
    margin-right: 0.625rem;
}

.header-user__icon img {
    max-width: 100%;
    max-height: 100%;
}

.header-user__name {
    font-family: Arial;
    font-style: normal;
    font-weight: 700;
    font-size: calc(17rem / 18);
    line-height: 1.2;
    color: #000;
    display: inline-block;
    max-width: calc(350rem / 18);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media (max-width: 767px) {

    .header-user__name {
        max-width: calc(120rem / 18);
        font-weight: 400;
    }
}

.header-user__chevron {
    position: relative;
    top: calc(-2rem / 18);
    width: 0.8125rem;
    margin-left: 0.9375rem;
}

@media (max-width: 767px) {

    .header-user__chevron {
        margin-left: calc(8rem / 18);
    }
}

.header-user-submenu {
    top: 100%;
    right: 0;
    position: absolute;
    z-index: 1;
    margin-top: calc(20rem / 18);
    background-color: #fff;
    box-shadow: 0 0 calc(5rem / 18) rgba(0, 0, 0, 0.2);
    color: #203C87;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s, visibility 0.2s;
}

.header-user-submenu:before {
    position: absolute;
    top: calc(-40rem / 18);
    right: 0;
    left: 0;
    height: calc(40rem / 18);
    content: "";
}

.header-user-submenu:after {
    height: 10rem;
    content: "";
}

.header-user-submenu__link {
    display: block;
    color: #000;
    font-size: calc(17rem / 18);
    padding: 0.9375rem 2.1875rem;
    white-space: nowrap;
}

.header-user-submenu__link:hover {
    color: #61b368;
    text-decoration: none;
}

.header-user-submenu__link:active {
    color: #61b368;
}

.header-user-submenu__link .icon {
    font-size: 1.5rem;
    vertical-align: middle;
    margin: 0 5rem;
}

.header-user-submenu__link .icon:first-child {
    margin-left: 0;
}

.header-user-submenu__link .icon:last-child {
    margin-right: 0;
}



/*
Кнопка-гамбургер открытия меню для мобильных
*/
.cbutton {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 1.38889rem;
    width: 1.77778rem;
    line-height: 1.38889rem;
    text-align: center;
    font-family: Arial, sans-serif;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    z-index: 110;
    margin-right: calc(40rem / 18);
}

.cbutton:hover {
    text-decoration: none;
}

.cbutton:active {
    text-decoration: none;
}

.cbutton:before {
    position: absolute;
    top: -0.55556rem;
    right: -0.55556rem;
    bottom: -0.55556rem;
    left: -0.55556rem;
    content: '';
    z-index: -1;
}

.cbutton__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    line-height: 1;
}

.cbutton__item {
    position: relative;
    display: block;
    height: calc(3rem / 18);
    width: calc(28rem / 18);
    background: currentColor;
    margin-top: calc(6rem / 18);
    transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1), color 0s ease, background-color 0s ease;
}

.cbutton__item:first-child {
    margin-top: 0;
}

.menu-overlay-active .cbutton__item {
    opacity: 0;
    transform: rotate(-45deg);
}

.cbutton__item:first-child {
    margin-top: 0;
}

.menu-overlay-active .cbutton__item:first-child {
    opacity: 1;
    transform: translateY(calc(9rem / 18)) rotate(135deg);
}

.menu-overlay-active .cbutton__item:first-child + * {
    opacity: 1;
    transform: rotate(45deg);
}

.menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    font-size: 0.77778rem;
    line-height: 1.2;
    background-color: #61b368;
    color: #fff;
    box-shadow: 0 0 calc(10rem / 18) rgba(0, 0, 0, 0.2);
    z-index: -1;
    transform: translate3d(-100%, 0, 0);
    visibility: hidden;
    transition: transform 0.5s, opacity 0.5s, visibility 0s 0.5s, z-index 0s 0.5s;
}

.menu-overlay:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3.88889rem;
    background-color: #144734;
    content: '';
    z-index: 1;
}

.menu-overlay-active .menu-overlay {
    z-index: 105;
    transform: none;
    visibility: visible;
    transition-delay: 0s;
}

.menu-overlay a {
    color: inherit !important;
}

.menu-overlay__content {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    padding: 8.05556rem 0;
}

@media (min-device-aspect-ratio: 375 / 480) {
    .menu-overlay__content {
        padding: 6.94444rem 0 2.77778rem;
    }
}

.menu-overlay__content-inner {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    justify-content: center;
}

.mmenu {
    display: block;
    color: inherit;
    font-size: calc(22rem / 18);
    padding: 0 1.66667rem;
    margin-top: 4.44444rem;
}

.mmenu:first-child {
    margin-top: 0;
}

.mmenu__list {
    display: block;
    margin-right: 0;
    white-space: normal;
}

.mmenu__item {
    display: block;
    margin-top: 2.22222rem;
}

.mmenu__item:first-child {
    margin-top: 0;
}

.mmenu__link {
    display: inline-block;
    vertical-align: top;
    text-decoration: none!important;
}




/*

Column Layout

*/
.cols {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.cols--auto {
    table-layout: auto;
}

.cols--fullheight {
    height: 100%;
}

.cols__inner {
    display: table-row;
}

.col {
    display: table-cell;
    vertical-align: top;
    padding-left: calc(10rem / 18);
    padding-right: calc(10rem / 18);
}

.cols-row {
    display: table-row;
}

.cols-w {
    margin-top: calc(30rem / 18);;
    margin-left: calc(-10rem / 18);;
    margin-right: calc(-10rem / 18);;
}

.cols-w:first-child {
    margin-top: 0;
}

.cols-w:after {
    content: "";
    display: table;
    clear: both;
}

.cols-w--no-padding {
    margin-left: 0;
    margin-right: 0;
}

.cols-w--no-padding > .cols > .col {
    padding-left: 0;
    padding-right: 0;
}

.cols--reverse {
    direction: rtl;
}

.cols--reverse > .col {
    direction: ltr;
}

.col--fit {
    width: 1px;
}

.col--1-12 {
    width: 8.33333%;
}

.col--2-12 {
    width: 16.66667%;
}

.col--3-12 {
    width: 25%;
}

.col--4-12 {
    width: 33.33333%;
}

.col--5-12 {
    width: 41.66667%;
}

.col--6-12 {
    width: 50%;
}

.col--7-12 {
    width: 58.33333%;
}

.col--8-12 {
    width: 66.66667%;
}

.col--9-12 {
    width: 75%;
}

.col--10-12 {
    width: 83.33333%;
}

.col--11-12 {
    width: 91.66667%;
}

.col--12-12 {
    width: 100%;
}

.col--1-4 {
    width: 25%;
}

.col--3-4 {
    width: 75%;
}

.col--1-3 {
    width: 33.33%;
}

.col--2-3 {
    width: 66.66%;
}

.col--1-2 {
    width: 50%;
}

.cols--flex {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}

.cols--flex > .col {
    display: block;
    flex: auto 1 1;
}

.cols--flex > .col--fit {
    width: auto;
    flex: auto 0 0;
}


/*

Buttons

*/
.btn {
    position: relative;
    display: inline-block;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none;
    text-decoration: none;
    text-transform: none;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: calc(24rem / 18);
    font-weight: 400;
    letter-spacing: 0;
    border: none;
    padding: 0 calc(30rem / 18);
    vertical-align: middle;
    white-space: nowrap;
    line-height: calc(70rem / 18);
    height: calc(70rem / 18);
    min-width: calc(70rem / 18);
    border-radius: 0;
    color: #fff ;
    -webkit-appearance: none;
    background: #0C1695;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color 0.3s, background-color 0.3s, -webkit-box-shadow 0.3s;
    transition: color 0.3s, background-color 0.3s, -webkit-box-shadow 0.3s;
    -o-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
    cursor: pointer;
    z-index: 0;
    overflow: hidden;
}

.btn:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
}

.btn::-moz-focus-inner {
    padding: 0 !important;
    border: 0 none !important;
}

.btn:hover {
    background: #7c0042;
    color: #fff !important;
    text-decoration: none;
}

.btn.active, .btn:active {
    background: #7c0042;
    color: #fff !important;
    text-decoration: none;
}

.btn + .btn {
    margin-left: 20px;
}

.btn > input[type='file'] {
    opacity: 0;
    font-size: calc(120rem / 18);
    position: absolute;
    top: calc(-20rem / 18);
    right: calc(-10rem / 18);
    vertical-align: top;
    z-index: 3;
    cursor: pointer;
}

.btn--trigger-parent:after {
    position: absolute;
    top: -500px;
    right: -500px;
    bottom: -500px;
    left: -500px;
    content: '';
}

.btn--fullwidth {
    width: 100%;
    margin-top: 20px;
}

.btn--fullwidth:first-child {
    margin-top: 0;
}

.btn[disabled], .btn.disabled {
    background: #9c9c9c;
    color: #fff !important;
    border-color: #9c9c9c;
    cursor: default;
    cursor: not-allowed;
}

.btn[disabled]:before, .btn.disabled:before {
    border-color: transparent;
    opacity: 0;
}


.btn--larger {
    font-size: calc(30rem / 18);
    padding: 0 calc(40rem / 18);
    line-height: calc(90rem / 18);
    height: calc(90rem / 18);
    min-width: calc(90rem / 18);
}

.btn--smaller {
    font-size: calc(22rem / 18);
    line-height: calc(60rem / 18);
    height: calc(60rem / 18);
    min-width: calc(60rem / 18);
}

@media (max-width: 767px) {

    .btn {
        font-size: calc(22rem / 18);
        line-height: calc(60rem / 18);
        height: calc(60rem / 18);
        min-width: calc(60rem / 18);
    }

    .btn--larger {
        font-size: calc(24rem / 18);
        padding: 0 calc(30rem / 18);
        line-height: calc(70rem / 18);
        height: calc(70rem / 18);
        min-width: calc(70rem / 18);
    }

    .btn--smaller {
        font-size: calc(22rem / 18);
        line-height: calc(60rem / 18);
        height: calc(60rem / 18);
        min-width: calc(60rem / 18);
    }
}

/*

Loaders

*/
.loader {
    display: inline-block;
    vertical-align: middle;
    height: calc(40rem / 18);
    width: calc(40rem / 18);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    pointer-events: none;
    text-indent: 0;
}

.btn .loader, .loader-set-absolute .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: calc(-20rem / 18) 0 0 calc(-20rem / 18);
}

.loading > .loader {
    opacity: 1;
}

.loader.active {
    opacity: 1;
}

.loader * {
    fill: #E42D34;
}

.btn .loader * {
    fill: #E42D34;
}

.loader svg {
    max-width: 100%;
    max-height: 100%;
}

.btn.loading {
    pointer-events: none;
    background: none !important;
    color: transparent !important;
}

.btn.loading:before {
    opacity: 0 !important;
}

.btn__loader-inner {
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.loading > .btn__loader-inner {
    opacity: 0;
}





/*

Selectboxes

*/
.selectbox-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
    line-height: 1.2;
    text-align: left;
    margin-left: 0.27778rem;
    margin-right: 0.27778rem;
}

.selectbox-wrapper:first-child {
    margin-left: 0;
}

.selectbox-wrapper:last-child {
    margin-right: 0;
}

.selectbox-wrapper .select2-container {
    vertical-align: top;
}

select.selectbox {
    vertical-align: top;
    height: calc(60rem / 18);
    line-height: calc(60rem / 18);
    padding: 0 calc(30rem / 18);
    font-family: Arial, Helvetica, sans-serif;
    font-size: calc(22rem / 18);
    font-weight: 400;
    border: 1px solid #FFE329;
    background: #fff;
    color: #FFE329;
    border-radius: 0;
    width: 100%;
    opacity: 0;
    overflow: hidden;
}

/*@media (max-width: 767px) {
    select.selectbox {
        height: 2.22222rem;
        line-height: 2.22222rem;
        padding: 0 0.88889rem;
        font-size: 0.66667rem;
    }
}*/

select.selectbox ::-webkit-scrollbar {
    display: none;
}

select.selectbox.error {
    border-color: #E21B1B;
}

select.selectbox.error + .select2-container .select2-selection {
    border-color: #E21B1B;
}

select.selectbox.error + .select2-container--default .select2-selection:before {
    border-color: #E21B1B;
}

select.selectbox[disabled] {
    opacity: 0.5;
}

select.selectbox option {
    padding: 0.44444rem 0;
}

select.selectbox--inline {
    width: auto;
}

select.selectbox--inline-width-auto + .select2-container {
    width: auto !important;
}

select.hidden + .select2-container {
    display: none;
}

select.selectbox--fullwidth + .select2 {
    width: 100% !important;
}

.select2-container--default {
    z-index: 1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: calc(22rem / 18);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: left;
}

@media (max-width: 767px) {
    .select2-container--default {
        font-size: calc(18rem / 18);
    }
}

.select2.select2-container--default {
    max-width: 100%;
}

.select2-container--default .select2-selection {
    background: #fff;
    border: none !important;
    border-radius: 0;
}

.select2-container--default .select2-selection:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0;
    border: 1px solid #FFE329;
    content: '';
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single:before, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple:before {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single:before, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple:before {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--disabled .select2-selection {
    background-color: #eee !important;
    cursor: default !important;
    cursor: not-allowed !important;
}

.select2-container--disabled .select2-selection .select2-selection__arrow {
    opacity: 0.3;
}

.select2-container--disabled .select2-selection:hover {
    border-color: transparent;
}

.select2-container .select2-selection {
    height: calc(60rem / 18);
    outline: none;
}

@media (max-width: 767px) {
    .select2-container .select2-selection {
        height: calc(50rem / 18);
    }
}

.select2-container--default .select2-selection .select2-selection__rendered {
    color: #FFE329;
    line-height: calc(60rem / 18);
}

@media (max-width: 767px) {
    .select2-container--default .select2-selection .select2-selection__rendered {
        line-height: calc(50rem / 18);
    }
}

.select2-container--open .select2-selection {
    background-color: #fff;
    color: #FFE329;
}

.select2-container .select2-selection .select2-selection__rendered {
    padding-left: calc(30rem / 18);
    padding-right: calc(80rem / 18);
}

@media (max-width: 767px) {
    .select2-container .select2-selection .select2-selection__rendered {
        padding-left: calc(20rem / 18);
        padding-right: calc(60rem / 18);
    }
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding-left: calc(30rem / 18);
    padding-bottom: 0.33333rem;
}

@media (max-width: 767px) {
    .select2-container .select2-selection--multiple .select2-selection__rendered {
        padding-left: 0.88889rem;
    }
}

.select2-container--default .select2-selection .select2-selection__placeholder {
    color: #FFE329;
    visibility: hidden;
}

.select2-container--default .select2-selection--multiple {
    cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    text-indent: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li:before {
    display: none;
}

.select2-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    line-height: calc(60rem / 18);
    padding-right: calc(80rem / 18);
    padding-left: calc(30rem / 18);
    max-width: 100%;
    color: #FFE329;
    pointer-events: none;
    transition: all 0.3s;
}

@media (max-width: 767px) {
    .select2-placeholder {
        line-height: calc(50rem / 18);
        padding-right: calc(60rem / 18);
        padding-left: calc(20rem / 18);
    }
}

.select2-placeholder__inner {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 0;
}

.select2-container--placeholder-top .select2-placeholder,
.select2-container--filled .select2-placeholder {
    display: none;
}

.textfield-placeholder ~ .select2-container--filled .select2-placeholder {
    opacity: 0;
}

.select2-container--disabled .select2-placeholder {
    color: rgba(58, 58, 58, 0.6);
}

.select2-container--placeholder-top .select2-placeholder__inner:before,
.select2-container--filled .select2-placeholder__inner:before {
    background-color: transparent;
}

.select2-container--default .select2-selection {
    position: relative;
}

.select2-container--default .select2-selection .select2-selection__arrow {
    position: absolute;
    top: 50%;
    right: calc(30rem / 18);
    line-height: 1;
    font-size: 0;
    width: calc(22rem / 18);
    height: calc(12rem / 18);
    color: rgba(58, 58, 58, 0.6);
    margin-top: calc(-6rem / 18);
    border: none;
    background: center center no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.312 12.531'%3E%3Cpath d='M886,467.467L875.466,478l-0.221-.22-0.439.439L863.687,467.1l1.415-1.415,9.872,9.872L884.533,466Z' transform='translate(-863.688 -465.688)' fill='%235cb065'/%3E%3C/svg%3E%0A");
}

@media (max-width: 767px) {
    .select2-container--default .select2-selection .select2-selection__arrow {
        right: calc(20rem / 18);
    }
}

.select2-container--default .select2-selection .select2-selection__arrow .icon {
    vertical-align: top;
}

.select2-container--open .select2-selection .select2-selection__arrow {
    border: none;
    transform: scaleY(-1);
}

.select2-container--disabled .select2-selection {
    border-color: transparent;
    background-color: #eee;
    cursor: default;
    cursor: not-allowed;
}

.select2-container--disabled .select2-selection:hover {
    border-color: transparent;
}

.select2-container--disabled .select2-placeholder__inner:before {
    background-color: transparent;
}

.select2-container--default .select2-selection .select2-selection__arrow b {
    display: none;
}

.select2-dropdown {
    background-color: #fff;
    color: #144734;
    border-radius: 0 !important;
    overflow: hidden;
    border: 1px solid #FFE329 !important;
    margin-top: 0;
    padding: 0;
}

.select2-dropdown--below {
    margin-top: -0.05556rem;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.select2-dropdown--above {
    margin-top: 0.05556rem;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.select2-container--default .select2-results {
    padding: 0;
}

.select2-container--default .select2-results__group {
    position: sticky;
    top: 0;
    background-color: inherit;
    background-attachment: local;
    padding: 1.11111rem 1.11111rem;
}

@media (max-width: 767px) {
    .select2-container--default .select2-results__group {
        padding: 0.55556rem 0.88889rem;
    }
}

.select2-results ::-webkit-scrollbar {
    -webkit-appearance: none;
    z-index: 5;
}

.select2-results ::-webkit-scrollbar:vertical {
    width: 0.38889rem;
}

.select2-results ::-webkit-scrollbar:horizontal {
    height: 0.38889rem;
}

.select2-results ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border-radius: 0;
    border: none;
}

.select2-results ::-webkit-scrollbar-track {
    border-radius: 0;
    margin: 0;
    border: none;
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.select2-search--dropdown {
    padding: 0.83333rem;
}

.select2-search--dropdown .select2-search__field.textfield {
    padding: 0.83333rem;
    border: none;
    background-color: #fff;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: calc(320rem / 18);
    overflow-x: hidden;
}

@media (max-height: 640px) {
    .select2-container--default .select2-results > .select2-results__options {
        max-height: calc(260rem / 18);
    }
}

.select2-container--default .select2-results__option {
    padding: calc(15rem / 18) calc(30rem / 18);
    border-radius: 0;
    font-size: 0.88889rem;
    line-height: 1.25;
    text-indent: 0;
    margin-top: 0;
    transition: background-color 0.3s, color 0.3s;
}

@media (max-width: 767px) {
    .select2-container--default .select2-results__option {
        font-size: 0.66667rem;
        padding: 0.55556rem 0.88889rem;
    }
}

.select2-container--default .select2-results__option:before {
    display: none;
}

.select2-container--default .select2-results__option.select2-results__message {
    cursor: default;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #000;
    cursor: default;
    cursor: not-allowed;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(92,176,101,0.2);
    color: #144734;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: rgba(92,176,101,0.7);
    color: #fff;
}

.select2-container--default [aria-multiselectable="true"] .select2-results__option[aria-selected=true] {
    position: absolute;
    left: -555.5rem;
}

.select2-container--default .select2-dropdown--notags [aria-multiselectable="true"] .select2-results__message {
    padding-left: 1.22222rem;
}

.select2-container--default .select2-dropdown--notags [aria-multiselectable="true"] .select2-results__option[aria-selected=true] {
    position: relative;
    left: auto;
    background-color: transparent;
}

.select2-container--default .select2-dropdown--notags [aria-multiselectable="true"] .select2-results__option[aria-selected=true]:before {
    visibility: visible;
}

.select2-container--default .select2-dropdown--notags .select2-results__option--highlighted[aria-selected=true] {
    background-color: rgba(92,176,101,0.7);
    color: #fff;
}

.select2-container--default .select2-dropdown--notags [aria-multiselectable="true"] .select2-results__option--highlighted[aria-selected=true] {
    background-color: rgba(92,176,101,0.7);
    color: #fff;
}

body > .select2-container--in-fancybox,
.wrap > .select2-container--in-fancybox {
    z-index: 99995;
}

.select2-container--dropdown {
    z-index: 1051;
}

.select2-container--in-fancybox {
    max-width: 22.77778rem;
}







.section--hero {
    padding: 0;
    background-color: #CF98D9;
    ;
}


.cols-w--hero {
    margin-left: calc(-40rem / 18);
    margin-right: calc(-40rem / 18);
}

.cols-w--hero > .cols > .col {
    padding-left: calc(40rem / 18);
    padding-right: calc(40rem / 18);
}

.cols-w--hero > .cols > .col--desc {
    width: calc(680rem / 18);
    padding-top: calc(40rem / 18);
}

@media (max-width: 767px) {

    .cols-w--hero > .cols {
        display: inline-block;
        vertical-align: top;
        margin-bottom: calc(-30rem / 18);
    }

    .cols-w--hero > .cols > .col {
        display: block;
        width: auto;
        padding-top: 0;
        margin-bottom: calc(30rem / 18);
    }

    .cols-w--hero > .cols > .col--image {
        background-color: #f8f8f8;
        margin-left: calc(-15rem / 18);
        margin-right: calc(-15rem / 18);
    }
}


.hero-title {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 900;
    font-size: calc(44rem / 18);
    line-height: calc(40 / 18);
    text-transform: uppercase;
    text-align: center;
    color: #1F36C7;
    margin-top: calc(80rem / 18);

}

.hero-title:first-child {
    margin-top: 0;
}


.hero-desc {
    font-size: calc(26rem / 18);
    font-weight: 700;
    line-height: calc(40 / 26);
    color: #2d2c2c;
    margin-top: calc(60rem / 18);
}

.hero-desc:first-child {
    margin-top: 0;
}

.hero-desc-2 {
    font-size: calc(26rem / 18);
    font-weight: 700;
    text-transform: uppercase;
    line-height: calc(40 / 26);
    color: #FFE329;
    margin-top: calc(85rem / 18);
}

.hero-desc-2:first-child {
    margin-top: 0;
}

.hero-action {
    margin-top: calc(40rem / 18);
    text-align: center;
}

.hero-action:first-child {
    margin-top: 0;
}


@media (max-width: 767px) {

    .hero-title {
        font-size: calc(27rem / 18);
        text-align: center;
    }

    .hero-desc {
        font-size: calc(20rem / 18);
        margin-top: calc(30rem / 18);
        text-align: center;
    }

    .hero-desc-2 {
        font-size: calc(20rem / 18);
        margin-top: calc(30rem / 18);
        text-align: center;
    }
}




.section-1__red {
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    box-sizing: border-box;
    padding: 3.125rem;
    padding-top: 200px;
    /*background-image: url(../img/flower-layer.png);*/
    background-blend-mode: darken;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20rem;
    min-height: 46.875rem;
}

.section-1__red__title {
    font-family: Arial;
    font-weight: 700;
    font-size: 3.125rem;
    line-height: 3.875rem;
    margin-bottom: 1.875rem;
    color: #000;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    .section-1__red {
        padding: 30px;
        /* max-width: 250px;*/
    }

    .section-1__red__title {
        font-size: 24px;
        line-height: 28px;
        color: #000;
        text-align: center;
    }
}

.section-1__red__desc {
    font-family: Arial;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 2.5rem;
    color: #000;
    mix-blend-mode: normal;
    margin-bottom: 20px;
}

.section-1__green__desc {
    font-family: Arial;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 2.5rem;
    color: #61b368;
    mix-blend-mode: normal;
    margin-bottom: 20px;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    .section-1__red__desc {
        font-family: Arial;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        color: #000;
        text-align: center;
    }
}

.section-1__red__button {
    font-family: Arial;
    font-weight: 700;
    font-size: 2.625rem;
    line-height: 3.875rem;
    color: #000;
    margin-top: 40px;
}

.section-1__red__button:hover {
    color: #fc555c;
}

.section-1__img {
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
    .section-1__red__button {
        display: inline-block;
        align-self: center;
        background-color: #fff;
        font-weight: 500;
        font-size: 22px;
        line-height: 21px;
        display: inline-flex;
        align-items: center;
        text-align: center;
        color: #fff;
        padding: 5px 10px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin-top: 10px;
    }

    .section-1__img {
        height: 300px;
    }
}

.horisontal-block {
    background-color: #e2e2e2;
    padding: 3.75rem 6.25rem;
    font-family: Arial;
    font-weight: 700;
    font-size: 4rem;
    line-height: 3.625rem;
    color: #060606;
}

@media only screen and (max-width: 767px) {
    .horisontal-block {
        font-family: Arial;
        font-weight: 600;
        font-size: 30px;
        line-height: 58px;
        color: #000;
    }
}

.register-step__item {
    height: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 3.75rem 3.75rem 3.75rem 6.25rem;
}

.register-step__item--2 {
    background-color: #000;
}

.register-step__item--3 {
    background-color: #c4c4c4;
}

.register-step__number {
    display: flex;
    font-family: Arial;
    font-weight: 700;
    font-size: 4.8125rem;
    line-height: 3.875rem;
    color: #030303;
    margin-bottom: 3.125rem;
}

@media only screen and (max-width: 767px) {
    .register-step__number {
        font-size: 65px;
        line-height: 62px;
        color: #050505;
    }
}

.register-step__text {
    font-family: Arial;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #030303;
}

.register-step__icon {
    width: 3.5rem;
    height: 3.5rem;
    margin-left: 1.25rem;
    position: relative;
    top: -0.25rem;
}

.register-step__icon img {
    max-width: 100%;
    max-height: 100%;
}

@media only screen and (max-width: 767px) {
    .register-step__text {
        font-family: Arial;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        color: #030303;
    }

    .register-step__icon {
        display: none;
    }
}

.register-step__img {
    height: 50px;
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.register-step__img img,
.register-step__img svg {
    max-width: 100%;
    max-height: 100%;
}

@media only screen and (min-width: 768px) {
    .register-step__img {
        display: none;
    }
}

.section-4 {
    background-color: #dfdfdf;
    box-sizing: border-box;
    padding: 3.75rem 3.75rem 3.75rem 6.25rem;
}

.section-4__logo {
    height: 2.8125rem;
}

.section-4__logo img {
    max-height: 100%;
    max-width: 100%;
}

.section-4__title {
    font-family: Arial;
    font-style: normal;
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 3.625rem;
    color: #030303;
}

@media only screen and (max-width: 767px) {
    .section-4 {
        padding: 30px;
    }

    .section-4__logo {
        height: 35px;
    }

    .section-4__title {
        font-family: Arial;
        font-weight: 600;
        font-size: 20px;
        line-height: 30px;
        color: #030303;
    }
}

.section-4__text {
    font-family: Arial;
    font-style: normal;
    font-weight: 300;
    font-size: 1.875rem;
    line-height: 3.3125rem;
    color: rgba(2, 2, 2, 0.5);
}

@media only screen and (max-width: 767px) {
    .section-4__text {
        font-family: Arial;
        font-size: 12px;
        line-height: 24px;
    }
}

.section-5__block {
    box-sizing: border-box;
    padding: calc(100rem / 18);
}

.section-5__block form {
    width: 100%;
}

.section-5__block--code {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(830rem / 18);
    background-image: url(../img/bg-target_action.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: calc(1440rem / 18);
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767px) {

    .section-5__block {
        padding: calc(30rem / 18) calc(15rem / 18);
        margin-left: calc(-15rem / 18);
        margin-right: calc(-15rem / 18);
    }
}

@media (max-width: 767px) {

    .section-5__block--code {
        min-height: calc(500rem / 18);
    }
}

.section-5__block--check {
    background-image: url(../img/check.png);
    background-position: right 6.25rem;
    background-repeat: no-repeat;
    background-size: 9.375rem;
}


.section-5__title {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 114.7%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 2rem;
}



@media only screen and (max-width: 767px) {
    .section-5__title {
        font-size: 30px;
        line-height: 58px;
        text-align: center;
    }
}

.section-5__subtitle {
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.66666rem;
    text-align: center;
    color: #fff;  
    margin-bottom: 2.5rem;
}

@media only screen and (max-width: 767px) {
    .section-5__subtitle {
        font-size: 12px;
        line-height: 24px;
        text-align: center;
    }
}

.section-5__text {
    font-family: Arial;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.5rem;
    color: #000;
}

.section-5__form {
    display: flex;
    justify-content: center;
}

.section-5__form input[type="text"] {
    width: 33.125rem;
    height: 6.25rem;
    background: #fff;
    border: unset;
    font-size: 1.875rem;
    margin-bottom: 3.125rem;
    font-family: Arial;
    font-weight: 600;
    font-size: 3.9375rem;
    line-height: 3.625rem;
    text-transform: uppercase;
    text-align: center;
    color: rgba(0, 0, 0, 0.8);
}

@media only screen and (max-width: 767px) {
    .section-5__form input[type="text"] {
        height: 50px;
        width: 100%;
    }
}

.section-5__form button[type="submit"] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 6.25rem;
    height: 6.25rem;
    background: #e42d34;
    border: unset;
    margin-left: 0.1875rem;
    cursor: pointer;
    transition: 0.2s ease-in;
}

.section-5__form button[type="submit"]:before {
    content: "";
    display: block;
    width: 1.875rem;
    height: 1.875rem;
    position: relative;
    left: 0.1875rem;
    background-image: url(../img/svg/icon-play.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.section-5__form button[type="submit"]:hover {
    background-color: #fc6e6d;
}

.section-5__agreements {
    font-family: Arial;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.5rem;
    text-align: center;
    margin-top: 4rem;
    color: #FFEC9A;
}

.section-5__agreements a {
    color: #FFE329;
    text-decoration: underline;
    transition: 0.2s ease-in;
}

.section-5__agreements a:hover {
    color: #fc6e6d;
}

@media only screen and (max-width: 767px) {
    .section-5__form button[type="submit"]:before {
        height: 10px;
        width: 10px;
    }

    .section-5__form button[type="submit"] {
        height: 50px;
        width: 50px;
    }

    .section-5__agreements {
        font-size: 1rem;
        line-height: 24px;
    }
}

.section-5__agreements input[type="checkbox"] {
    background: none;
    background-color: #FFEC9A !important;
    border: unset;
    width: 3rem;
    height: 3rem;
    margin-right: 1.25rem;
    padding: 0.125rem;
}

.section-5__agreements input[type="checkbox"]:checked {
    background-color: #144734 !important;
    background-size: 1.5625rem;
    background-image: url(../img/svg/icon-checked.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.section-6__item {
    padding: 13.125rem 7.5rem 5rem;
    box-sizing: border-box;
    background-image: url(../img/bg-6.jpg);
    background-position: center;
    background-size: cover;
}

.section-6__title {
    font-family: Arial;
    font-weight: 600;
    font-size: 3.125rem;
    line-height: 3.625rem;
    color: #000;
}

@media only screen and (max-width: 767px) {
    .section-5__agreements input[type="checkbox"]:checked {
        background-size: 15px;
    }

    .section-5__agreements input[type="checkbox"] {
        width: 30px;
        height: 30px;
    }

    .section-6__item {
        padding: 50px 30px;
    }

    .section-6__title {
        font-size: 30px;
    }

    .section-6__text {
        display: none;
    }
}

.section-5__button {
    max-width: calc(500rem / 18);
    width: 100%;
}

.upload-check-form-wrapper {
    margin-top: calc(30rem / 18);
}

.upload-check-form-wrapper:first-child {
    margin-top: 0;
}

.section-6__text {
    font-family: Arial;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 2.0625rem;
    color: #000;
}


.step {
    margin: calc(50rem / 18) calc(-20rem / 18) 0;
}

.step:first-child {
    margin-top: 0;
}

.step__inner {
    float: left;
    width: 100%;
    margin: calc(-30rem / 18) 0;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
}

.step:after {
    clear: both;
    display: table;
    content: '';
}

.step__item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: calc(30rem / 18) calc(20rem / 18);
    font-size: 1rem;
}

.step__item-inner {
    transition: 0.2s ease-in-out;
}

.step__icon {
    line-height: calc(200rem / 18);
    text-align: center;
}

.step__icon-inner {
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    line-height: calc(130rem / 18);
    max-width: calc(280rem / 18);
}

.step__icon img {
    vertical-align: middle;
}

.step__title {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 500;
    font-size: 0.8333333rem;
    line-height: 1.1555555rem;
    color: #fff;
    margin-top: calc(40rem / 18);
    text-transform: uppercase;
    text-align: center;
}


.step__title span {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 900;
    font-size: 1.5rem;
    line-height: 130%;
    color: #FFE329;
}



@media (max-width: 767px) {

    .step {
        margin-top: calc(50rem / 18);
    }

    .step__item {
        width: 100%;
    }

    .step__icon {
        line-height: 1;
    }

    .step__icon-inner {
        line-height: 1;
    }

    .step__title {
        font-size: calc(16rem / 18);
        margin-top: calc(30rem / 18);
    }
}


.prize {
    margin: calc(80rem / 18) calc(-13rem / 18) 0;
    padding: 0 calc(1rem / 18);
}

.prize:first-child {
    margin-top: 0;
}

.prize__inner {
    float: left;
    width: 100%;
    margin: calc(-13rem / 18) 0;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
}

.prize:after {
    clear: both;
    display: table;
    content: '';
}


.prize__item {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    height: calc(470rem/18);
    padding: calc(13rem / 18);
    font-size: 1rem;

}

.prize__item-inner {
    position: relative;
    /*background: #fbe4e4;*/
    color: #fff;
    transition: 0.2s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.prize__icon {
    text-align: center;
}

.prize__icon-inner {
    max-width: calc(300rem/18);

}

.prize__icon img {
    width: 100%;
}

.prize__title {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 114.7%;
    text-align: center;
    color: #0C1695;
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    right: 0;
    padding: calc(20rem / 18) calc(20rem / 18);
}

@media (max-width: 767px) {

    .prize {
        margin: calc(30rem / 18) calc(-8rem / 18) 0;
    }

    .prize__inner {
        margin: calc(-8rem / 18) 0;
    }

    .prize__icon-inner {
        max-width: calc(240rem/18);
    }

    .prize__item {
        padding: calc(8rem / 18);
        width: 100%;
        height: calc(400rem/18);
    }

    .prize__title {
        font-size: calc(20rem / 18);
    }
}


.section--img-text {

}


.cols-w--img-text {
    margin-top: calc(130rem/18);
    margin-left: calc(-50rem / 18);
    margin-right: calc(-50rem / 18);
}

.cols-w--img-text > .cols > .col {
    padding-left: calc(50rem / 18);
    padding-right: calc(50rem / 18);
}

.cols-w--img-text > .cols > .col--image {
    width: calc(750rem / 18);
}

@media (max-width: 767px) {

    .cols-w--img-text {
        margin-top: calc(80rem/18);
    }

    .cols-w--img-text > .cols {
        display: inline-block;
        vertical-align: top;
        margin-bottom: calc(-30rem / 18);
    }

    .cols-w--img-text > .cols > .col {
        display: block;
        width: auto;
        padding-top: 0;
        margin-bottom: calc(30rem / 18);
    }

    .cols-w--img-text > .cols > .col--image {
        background-color: #f8f8f8;
        margin-left: calc(-15rem / 18);
        margin-right: calc(-15rem / 18);
    }
}


.image-w-leaf {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: calc(10rem / 18);
    text-align: center;
}

.image-w-leaf__inner {
    margin-top: calc(-48rem / 18);
}

@media (max-width: 767px) {

    .image-w-leaf {
        margin-top: 0;
    }

    .image-w-leaf__inner {
        margin-top: calc(-48vw / 650 * 100);
    }
}


.cols-w--img-text2 {
    margin-top: calc(80rem/18);
    margin-left: calc(-10rem / 18);
    margin-right: calc(-10rem / 18);
}

.cols-w--img-text2 > .cols > .col {
    padding-left: calc(10rem / 18);
    padding-right: calc(10rem / 18);
}

.cols-w--img-text2 > .cols > .col--image {
    width: calc(460rem / 18);
}

@media (max-width: 767px) {

    .cols-w--img-text2 {
        margin-top: calc(30rem/18);
    }

    .cols-w--img-text2 > .cols {
        display: inline-block;
        vertical-align: top;
        margin-bottom: calc(-30rem / 18);
    }

    .cols-w--img-text2 > .cols > .col {
        display: block;
        width: auto;
        padding-top: 0;
        margin-bottom: calc(30rem / 18);
    }

    .cols-w--img-text2 > .cols > .col--image {
        background-color: #f8f8f8;
        margin-left: calc(-15rem / 18);
        margin-right: calc(-15rem / 18);
    }
}


.cols-w--img-text3 {
    margin-top: calc(80rem/18);
    margin-left: calc(-90rem / 18);
    margin-right: calc(-90rem / 18);
    padding-right: calc(100rem / 18);
}

.cols-w--img-text3 > .cols > .col {
    padding-left: calc(90rem / 18);
    padding-right: calc(90rem / 18);
}

.cols-w--img-text3 > .cols > .col--image {
    width: calc(824rem / 18);
}

@media (max-width: 767px) {

    .cols-w--img-text3 {
        margin-top: calc(30rem/18);
        padding-right: 0;
    }

    .cols-w--img-text3 > .cols {
        display: inline-block;
        vertical-align: top;
        margin-bottom: calc(-30rem / 18);
    }

    .cols-w--img-text3 > .cols > .col {
        display: block;
        width: auto;
        padding-top: 0;
        margin-bottom: calc(30rem / 18);
    }

    .cols-w--img-text3 > .cols > .col--image {
        width: calc(450rem / 18);
        margin-left: auto;
        margin-right: auto;
    }
}


.section-top-offset-80 {
    position: relative;
    top: -5rem;
}

.section-pw__section {
    display: flex;
    align-content: center;
    justify-content: center;
    width: 100%;
    padding: 1.25rem 0 6.25rem;
}

.section-pw__number {
    font-family: Arial;
    font-weight: 600;
    font-size: 5.3125rem;
    line-height: 6.5625rem;
    color: #000;
}

@media only screen and (max-width: 767px) {
    .section-pw__number {
        font-size: 46px;
        line-height: 50px;
    }
}

.section-pw__text {
    font-family: Arial;
    font-weight: 600;
    font-size: 4.75rem;
    line-height: 4.0625rem;
    color: #000;
}

@media only screen and (max-width: 767px) {
    .section-pw__text {
        font-size: 46px;
        line-height: 50px;
    }
}

.error {
    color: #fff;
}

.form__errors {
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1.875rem 0;
}

@media (max-width: 767px) {

    .form__errors {
        margin: 1rem 0;
    }
}

.form__errors label {
    margin-bottom: 0.625rem;
}

.form__errors label:last-child {
    margin-bottom: 0;
}

.form__section {
    padding: 6.25rem;
    background-color: #e2e2e2;
}

.form__title {
    font-family: Arial;
    font-weight: 600;
    font-size: 4rem;
    line-height: 3.625rem;
    color: #000;
    margin-bottom: 4.375rem;
}

.form__agreement {
    display: flex;
    margin-bottom: 3.75rem;
}

.form__agreement span {
    font-family: Arial;
    font-weight: 400;
    font-size: 1rem;
    line-height: 133.69%;
    color: #000;
}

.form__agreement input[type="checkbox"] {
    flex-shrink: 0;
    background: #fff;
    border: unset;
    width: 3.125rem;
    height: 3.125rem;
    margin-right: 1.25rem;
    padding: 0.125rem;
}

.form__agreement input[type="checkbox"]:checked {
    background-color: #fff;
    background-size: 1.5625rem;
    background-image: url(../img/svg/icon-checked.svg);
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
    .form__title {
        font-size: 24px;
        line-height: 30px;
    }

    .form__agreement span {
        font-size: 12px;
        line-height: 133.69%;
    }

    .form__agreement input[type="checkbox"]:checked {
        background-size: 15px;
    }

    .form__agreement input[type="checkbox"] {
        width: 40px;
        height: 40px;
        position: relative;
        top: 5px;
        margin-right: 15px;
    }
}

.form__submit {
    cursor: pointer;
    border: unset;
    background-color: #000;
    height: 6.25rem;
    padding: 0 9.375rem;
    font-family: Arial;
    font-weight: 600;
    font-size: 2.6875rem;
    line-height: 6.875rem;
    text-align: center;
    color: #fff;
    transition: 0.2s ease-in-out;
}

.form__submit:hover {
    background-color: #fc6e6d;
}

.form form label {
    font-family: Arial;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.375rem;
    color: #040404;
}

.form form input[type="text"] {
    height: 4.25rem;
    background: #fff;
    margin: 0.625rem 0;
}

.form form input[type="text"]:focus {
    border-color: #000;
}

@media only screen and (max-width: 767px) {
    .form__submit {
        height: 80px;
        font-size: 35px;
        line-height: 55px;
    }

    .form form label {
        font-size: 18px;
        line-height: 22px;
    }

    .form form input[type="text"] {
        height: 50px;
        margin-top: 5px;
    }
}

.sale-counter__icon {
    height: 5.625rem;
    width: 5.625rem;
    margin-right: 2.5rem;
}

.sale-counter__icon img {
    max-width: 100%;
    max-height: 100%;
}

.sale-counter__title-wrapper {
    display: flex;
}

.sale-counter__title {
    font-family: Arial;
    font-weight: 600;
    font-size: 4.6875rem;
    line-height: 5.375rem;
    color: #000;
}

.sale-counter__days {
    background-color: #e2e2e2;
}

.sale-counter__hours {
    background-color: #c4c4c4;
}

.sale-counter__counter__inner {
    padding-left: 5rem;
    padding-top: 4.375rem;
}

@media only screen and (max-width: 767px) {
    .sale-counter__icon {
        margin-bottom: 20px;
        width: 30px;
        height: 30px;
    }

    .sale-counter__title-wrapper {
        flex-direction: column;
    }

    .sale-counter__title {
        font-size: 35px;
        line-height: 40px;
    }

    .sale-counter__counter__inner {
        padding: 15px;
    }
}

.sale-counter__counter__number {
    font-family: Arial;
    font-weight: 600;
    font-size: 11.875rem;
    line-height: normal;
    color: #000;
}

.sale-counter__counter__desc {
    font-family: Arial;
    font-weight: 600;
    font-size: 2.6875rem;
    line-height: 3.875rem;
    color: #000;
    position: relative;
    top: -2.5rem;
}

.block-10__img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.block-10__img img {
    max-width: 100%;
    max-height: 100%;
}

.block-10-l {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.block-10-lt {
    display: flex;
    align-items: center;
    flex: 1;
    padding: 3.125rem 6.25rem;
    background-color: #e2e2e2;
}

.block-10-lt__title {
    font-family: Arial;
    font-weight: 600;
    font-size: 3.4375rem;
    line-height: 3.625rem;
    color: #000;
    margin-bottom: 1.25rem;
}

@media only screen and (max-width: 767px) {
    .block-10-lt {
        padding: 30px;
    }

    .block-10-lt__title {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 20px;
    }
}

.block-10-lt__desc {
    font-family: Arial;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.625rem;
    color: #000;
}

@media only screen and (max-width: 767px) {
    .block-10-lt__desc {
        font-size: 12px;
        line-height: 20px;
    }
}

.block-10-lb {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 13.125rem;
    background-color: #000;
    font-family: Arial;
    font-weight: 600;
    font-size: 2.6875rem;
    line-height: 3.875rem;
    text-align: center;
    color: #000;
}

.block-10-lb:hover {
    text-decoration: none;
    color: #000;
    background-color: #fc6e6d;
}

@media only screen and (max-width: 767px) {
    .block-10-lb {
        height: 60px;
        font-size: 20px;
        line-height: 20px;
    }
}


.footer {
    margin-top: calc(-70rem / 18);
    padding: calc(70rem / 18) 0;
}

.footer__row {
    display: flex;
}

.footer__logo {
    display: flex;
    align-items: center;
    height: calc(70rem / 18);
}

.footer__logo img {
    max-width: 100%;
    max-height: 100%;
}

@media (max-width: 767px) {

    .footer__logo {
        justify-content: center;
    }
}

.footer__left {
    flex: 1;
    background-color: #fff;
}

.footer__right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer__contacts {
    font-family: Arial;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    color: #144734;
}

.footer-nav__list {
    padding-left: 0;
    margin-bottom: 2.5rem;
    display: flex;
    list-style: none;
}

.footer-nav__item {
    margin-right: 3.125rem;
}

.footer-nav__link {
    font-family: Arial;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    transition: 0.2s ease-in-out;
    white-space: nowrap;
    color: #144734;
}

.footer-nav__link:hover {
    color: #144734;
}

.footer-mobile__top {
    background-color: #fff;
    padding: 30px 20px;
    font-family: Arial;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    mix-blend-mode: normal;
    color: #144734;
}

.footer-mobile__bottom {
    height: 300px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    color: rgba(255, 255, 255, 0.6);
}

.footer-mobile-nav__list {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin-bottom: 30px;
}

.footer-mobile-nav__item {
    margin-bottom: 20px;
}

.footer-mobile-nav__link {
    font-family: Arial;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #144734;
}

.specal-modal__body {
    background-color: #fff;
    color: #144734;
    max-width: 100%;
    width: 37.5rem;
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
    overflow: hidden;
}

.specal-modal__body:before {
    content: "";
    display: block;
    width: 25rem;
    height: 25rem;
    background-image: url(../img/svg/modal-cover-img.svg);
    position: absolute;
    left: -6.25rem;
    bottom: -9.375rem;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.specal-modal__body .uk-close {
    top: 1.5625rem;
    right: 1.5625rem;
}

.specal-modal__body .uk-close svg {
    width: 1.875rem;
    height: 1.875rem;
}

.specal-modal__inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.specal-modal__title {
    font-family: Arial;
    font-weight: 600;
    font-size: 2.625rem;
    line-height: normal;
    text-align: center;
    margin-bottom: 2.5rem;
}

.specal-modal__desc {
    font-family: Arial;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: normal;
    text-align: center;
}

.upload-file-box {
    margin-bottom: 2.5rem;
}

.upload-file-box__button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5rem;
    width: 25rem;
    background-color: #000;
    font-family: Arial;
    font-weight: 600;
    font-size: 2.1875rem;
    line-height: 3.625rem;
    color: #000;
    transition: 0.2s ease-in;
    margin-top: 2.5rem;
}

.upload-file-box__button:hover {
    color: #000;
    text-decoration: none;
    background-color: #fc6e6d;
}

.upload-file-box__file {
    display: none;
}

.upload-file-box__message {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem 1.25rem;
    height: 4.125rem;
    border: solid #e42d34;
    box-sizing: border-box;
}

.upload-file-box__message span {
    font-family: Arial;
    font-weight: 600;
    font-size: 1.0625rem;
    line-height: 3.625rem;
    color: #fff;
}

.upload-file-box__file-message {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}

.upload-file-box__file-message-file {
    display: flex;
    align-items: center;
}

.upload-file-box__file-message-name {
    font-family: Arial;
    font-weight: 600;
    font-size: 1.0625rem;
    color: #fff;
}

.upload-file-box__file-message-size {
    font-family: Arial;
    font-weight: 600;
    font-size: 1.0625rem;
    margin-left: 2.5rem;
    color: rgba(255, 255, 255, 0.7);
}

.upload-file-box__file-message-remove {
    width: 1.5625rem;
    height: 1.5625rem;
}

.upload-file-box__file-message-remove img {
    max-width: 100%;
    max-height: 100%;
}

.dropzone,
.dz {
    width: 48.75rem;
    min-height: calc(50rem / 18);
    margin: 0 auto;
    background: #fff !important;
    border: none!important;
    border: 2px dashed rgba(92, 176, 101, 0.5) !important;
    border-radius: 0.3125rem !important;
    margin-bottom: 2.5rem;
    transition: all 0.3s;
}

.dz-drag-hover {
    border-color: rgba(92, 176, 101, 0.8) !important;
}

.dropzone:hover,
.dz:hover {
    border-color: rgba(92, 176, 101, 0.8) !important;
}

.dropzone.dz-drag-hover .dz-message {
    opacity: 1;
}

.dropzone .dz-message,
.dz .dz-message {
    text-align: center;
    margin: 4em 0 !important;
}

@media (max-width: 767px) {

    .dropzone,
    .dz {
        width: 100%;
    }

    .dropzone .dz-message,
    .dz .dz-message {
        margin: 2em 0 !important;
    }
}

.wupload__code {
    margin-bottom: 3.125rem;
}

.wupload__code .textfield {
    margin: 0 0.625rem;
}

.wupload__code #full-code {
    background: #000;
    border: unset;
}

.textfield--code {
    font-size: 3rem;
    width: 3.125rem;
    text-align: center;
    background: 0 0;
    border: unset;
    border-bottom: solid #fff;
    color: #fff;
}

.textfield--code:focus {
    border-color: #000;
}

.faq-page__h1 {
    font-family: Aeroport;
    font-style: normal;
    font-weight: bold;
    font-size: 2.666666rem;
    line-height: 121%;
    text-align: center;
    text-transform: uppercase;
    color: #0C1695;
    margin-bottom: 1.875rem !important;
    margin-top: 4rem !important;
}

@media only screen and (max-width: 767px) {
    .faq-page__h1 {
        font-weight: 600;
        font-size: 32px;
        line-height: 38px;
    }
}

.accordion__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: Arial;
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 2.2777rem;
    text-transform: uppercase;
    color: #0C1695;
    padding: 0.625rem 1.875rem;
}

.accordion__title:active,
.accordion__title:focus {
    color: #000;
}

.accordion__title:hover {
    color: #fb2322;
}

.accordion__title:before {
    float: left;
    margin-left: 0;
}

.accordion__title:after {
    margin-left: 0.4375rem;
    position: relative;
    top: 0.125rem;
    content: "";
    display: block;
    width: 1.25rem;
    height: 0.625rem;
    background: url("data:image/svg+xml;charset=UTF-8, %3csvg width='12px' height='8px' viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg id='Шапка' transform='translate(-425.000000, -139.000000)' fill='%230C1695' fill-rule='nonzero'%3e%3cg id='Group-14'%3e%3cg id='keyboard-right-arrow-button' transform='translate(431.000000, 143.000000) rotate(90.000000) translate(-431.000000, -143.000000) translate(427.000000, 137.000000)'%3e%3cpolygon id='Shape' points='1.41891892 0 0 1.4 4.66216216 6 0 10.6 1.41891892 12 7.5 6'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center no-repeat;
    background-size: contain;
}

.uk-open .accordion__title {
    color: #fff;
    background-color: #0C1695;
}

.uk-open .accordion__title:after {
    transform: rotate(180deg);
    background: url("data:image/svg+xml;charset=UTF-8, %3csvg width='12px' height='8px' viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg id='Шапка' transform='translate(-425.000000, -139.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3e%3cg id='Group-14'%3e%3cg id='keyboard-right-arrow-button' transform='translate(431.000000, 143.000000) rotate(90.000000) translate(-431.000000, -143.000000) translate(427.000000, 137.000000)'%3e%3cpolygon id='Shape' points='1.41891892 0 0 1.4 4.66216216 6 0 10.6 1.41891892 12 7.5 6'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center no-repeat;
}

@media only screen and (max-width: 767px) {
    .accordion__title:after {
        width: 30px;
        height: 20px;
    }

    .accordion__title {
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
        text-transform: uppercase;
        padding: 10px 20px;
    }
}

.accordion__desc {
    font-weight: 400;
    font-size: 1.3125rem;
    line-height: 1.9375rem;
    color: #000;
    margin-top: 0;
    padding: 1.875rem;
}

@media only screen and (max-width: 767px) {
    .accordion__desc {
        font-weight: 400;
        font-size: 16px;
        line-height: 31px;
        color: #fff;
        padding: 20px;
    }
}

#form-step-wrap {
    position: relative;
    overflow-x: hidden;
    width: 100%;
}

.slider-step {
    position: absolute;
    width: 100%;
    right: -50%;
    opacity: 0;
    background-color: #fff;
}

.first-step,
[data-anim="show-from--left"],
[data-anim="show-from--right"] {
    right: 0;
    opacity: 1;
}

[data-anim="hide-to--right"] {
    right: -50%;
    opacity: 0;
    pointer-events: none;
}

[data-anim="hide-to--left"] {
    right: 50%;
    opacity: 0;
    pointer-events: none;
}

.section-how-join {
    padding-top: 6rem;
    background-color: #1F36C7;
}

@media (max-width: 767px) {

    .section-how-join {
        padding-top: calc(60rem / 18);
    }
}

.faq-link-profile {
    color: #000;
    margin-top: 100px;
}

.faq-link-profile a {
    color: #0C1695;
}

.forget-link {
    font-weight: 400;
    font-size: 0.777778rem;
    line-height: 0.944445rem;
    color: #c2c2c2;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

/*********/


.header__helper-wrapper {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: calc(100% - 68px);
    transform: translateX(-200%);
    transition: transform 0.5s;
    padding: 20px 5px 10px;
    display: flex;
    flex-direction: column;
    background-color: #fc5554;
    z-index: 100;
    margin-left: auto;
    align-items: center;
}

.header__helper-wrapper.open {
    transform: translateX(0);
}

.mobile-nav__nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    font-weight: 700;
}

.mobile-nav__nav a {
    color: #fff;
    text-decoration: none;
    padding: 17px 8px;
    transition: none;
    margin: 0;
    font-size: 20px;
}

.mobile-nav__login {
    margin: 30px 0 0;
}

.mobile-nav__login figure {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' width='10' height='12' fill='none'%3E%3Cpath fill='%23fff' d='M8.51367 4H7.95117V2.85714C7.95117 1.28 6.69117 0 5.13867 0C3.58617 0 2.32617 1.28 2.32617 2.85714V4H1.76367C1.14492 4 0.638672 4.51429 0.638672 5.14286V10.8571C0.638672 11.4857 1.14492 12 1.76367 12H8.51367C9.13242 12 9.63867 11.4857 9.63867 10.8571V5.14286C9.63867 4.51429 9.13242 4 8.51367 4ZM5.13867 9.14286C4.51992 9.14286 4.01367 8.62857 4.01367 8C4.01367 7.37143 4.51992 6.85714 5.13867 6.85714C5.75742 6.85714 6.26367 7.37143 6.26367 8C6.26367 8.62857 5.75742 9.14286 5.13867 9.14286ZM3.39492 2.85714V4H6.88242V2.85714C6.88242 1.88 6.10055 1.08571 5.13867 1.08571C4.1768 1.08571 3.39492 1.88 3.39492 2.85714Z'/%3E%3C/svg%3E") center center/10px 12px no-repeat,
    linear-gradient(18.4deg, #21ffad -31.21%, #21d4fd 78.71%);
    margin-right: 10px;
    margin-bottom: 0;
}

.mobile-nav__login a {
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 0.4s;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hamRotate.active {
    transform: rotate(45deg);
}

.hamRotate180.active {
    transform: rotate(180deg);
}

.line {
    fill: none;
    transition: stroke-dasharray 0.4s, stroke-dashoffset 0.4s;
    stroke: #fff;
    stroke-width: 5.5;
    stroke-linecap: round;
}

.ham1 .top {
    stroke-dasharray: 40 139;
}

.ham1 .bottom {
    stroke-dasharray: 40 180;
}

.ham1.active .top {
    stroke-dashoffset: -98px;
}

.ham1.active .bottom {
    stroke-dashoffset: -138px;
}

.ham2 .bottom,
.ham2 .top {
    stroke-dasharray: 40 121;
}

.ham2.active .bottom,
.ham2.active .top {
    stroke-dashoffset: -102px;
}

.ham3 .top {
    stroke-dasharray: 40 130;
}

.ham3 .middle {
    stroke-dasharray: 40 140;
}

.ham3 .bottom {
    stroke-dasharray: 40 205;
}

.ham3.active .top {
    stroke-dasharray: 75 130;
    stroke-dashoffset: -63px;
}

.ham3.active .middle {
    stroke-dashoffset: -102px;
}

.ham3.active .bottom {
    stroke-dasharray: 110 205;
    stroke-dashoffset: -86px;
}

.ham4 .bottom,
.ham4 .top {
    stroke-dasharray: 40 121;
}

.ham4.active .bottom,
.ham4.active .top {
    stroke-dashoffset: -68px;
}

.ham5 .bottom,
.ham5 .top {
    stroke-dasharray: 40 82;
}

.ham5.active .bottom,
.ham5.active .top {
    stroke-dasharray: 14 82;
    stroke-dashoffset: -72px;
}

.ham6 .top {
    stroke-dasharray: 40 172;
}

.ham6 .middle {
    stroke-dasharray: 40 111;
}

.ham6 .bottom {
    stroke-dasharray: 40 172;
}

.ham6.active .top {
    stroke-dashoffset: -132px;
}

.ham6.active .middle {
    stroke-dashoffset: -71px;
}

.ham6.active .bottom {
    stroke-dashoffset: -132px;
}

.ham7 .top {
    stroke-dasharray: 40 82;
}

.ham7 .middle {
    stroke-dasharray: 40 111;
}

.ham7 .bottom {
    stroke-dasharray: 40 161;
}

.ham7.active .top {
    stroke-dasharray: 17 82;
    stroke-dashoffset: -62px;
}

.ham7.active .middle {
    stroke-dashoffset: 23px;
}

.ham7.active .bottom {
    stroke-dashoffset: -83px;
}

.ham8 .top {
    stroke-dasharray: 40 160;
}

.ham8 .middle {
    stroke-dasharray: 40 142;
    transform-origin: 50%;
    transition: transform 0.4s;
}

.ham8 .bottom {
    stroke-dasharray: 40 85;
    transform-origin: 50%;
    transition: transform 0.4s, stroke-dashoffset 0.4s;
}

.ham8.active .top {
    stroke-dashoffset: -64px;
}

.ham8.active .middle {
    transform: rotate(90deg);
}

.ham8.active .bottom {
    stroke-dashoffset: -64px;
}

/**** Добавлено после переноса на прод 31.01   */


.target-action {
    padding-top: 3rem;
    padding-bottom: 6rem;
    background-color: #1F36C7;
}

@media (max-width: 767px) {

    .target-action {
        padding-top: calc(60rem / 18);
    }
}


.link-register {
    font-size: 1rem;
}

@media only screen and (max-width: 767px) {
    .link-register {
        font-size: 14px;
    }

    .modal__error {
        font-size: 12px;
    }

    .forget-link {

        font-size: 12px;

    }
}

/*** 02.02 */

.upload-check__subtitle {
    font-size: calc(20rem / 18);
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    color: #FFE329;
    margin-top: calc(10rem / 18);
}

.upload-check__subtitle:first-child {
    margin-top: 0;
}

@media only screen and (max-width: 767px) {
    .upload-check__subtitle {
        font-size: 12px;
        line-height: 15px;
    }
}





.cols-w--vote-inputs {
    margin-top: calc(75rem / 18);
    margin-left: calc(-40rem / 18);
    margin-right: calc(-40rem / 18);
}

.cols-w--vote-inputs > .cols > .col {
    padding-left: calc(40rem / 18);
    padding-right: calc(40rem / 18);
}

@media (max-width: 767px) {

    .cols-w--vote-inputs {
        margin-top: calc(40rem/18);
    }

    .cols-w--vote-inputs > .cols {
        display: inline-block;
        vertical-align: top;
        margin-bottom: calc(-30rem / 18);
    }

    .cols-w--vote-inputs > .cols > .col {
        display: block;
        width: auto;
        padding-top: 0;
        margin-bottom: calc(30rem / 18);
    }
}


.vote-action {
    margin: calc(80rem / 18) 0 0;
}

.vote-action:first-child {
    margin-top: 0;
}


.vote-tips {
    font-size: calc(14rem / 18);
    margin: calc(50rem / 18) 0 0;
}

.vote-tips:first-child {
    margin-top: 0;
}

@media (max-width: 767px) {

    .vote-action {
        margin-top: calc(30rem / 18);
    }

    .vote-tips {
        margin-top: calc(30rem / 18);
    }
}



.mw300 {
    max-width: calc(300rem / 18);
}

.mw400 {
    max-width: calc(400rem / 18);
}


.color-active {
    color: #144734;
}


.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.text-align-center {
    text-align: center;
}

@media (max-width: 767px) {
    .text-align-left-on-mobile {
        text-align: left;
    }
}

@media (max-width: 767px) {
    .text-align-right-on-mobile {
        text-align: right;
    }
}

@media (max-width: 767px) {
    .text-align-center-on-mobile {
        text-align: center;
    }
}





.section-qr {
    font-family: Arial;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.5rem;
    text-align: center;
    color: #000;
    margin: 20px;
  }
  
  

a.link-anchor:hover{
    text-decoration: none;
}

  @media only screen and (max-width: 639px) {
    .section-qr {
        font-size: 14px;
     /*line-height: 24px;*/
        border: #FFE329 solid 2px !important;
        background-color: rgba(255, 255, 255, 0.2) !important;
        text-align: center;
    }
  }
  
  
div.section-5_input__file label {
    border: #FFE329 solid 2px !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    text-align: center;
    height: 100%;
    margin: 20px;
    line-height: 1.8rem;
    display:block;

}

.section-how-join h2.h1 {
    color: #fff;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 114.7%;
}

.section-how-join h3 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;

}



.section-prizes {
    padding-top: 2rem;
    padding-bottom: 4rem;
    background-color: #FFEC9A;
}


.section-prizes h2.h1 {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 114.7%;
    text-align: center;
    text-transform: uppercase;
    color: #232055;
}

.prize__title-top {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 500;
    font-size: 1.3888888rem;
    line-height: 114.7%;
    text-align: center;
    text-transform: uppercase;
    color: #0C1695;
}

.hero-btn {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 500;
    font-size: 1.629rem;
    line-height: 114.7%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border-radius: 1rem;
    background-color: #1F36C7;
    max-width: 320px;
}

.hero-btn:hover, .hero-btn.active {
    background-color: #fff;
    color: #1F36C7 !important;
}

.btn-play {
    width: 5.4rem;;
    height: 5.4rem;
    background-color: #FFEC9A;
    color: #0C1695;
    font-size: 0px;
    border-radius: 0px 10px 10px 0px;
    margin-left: -2rem;
    border:none;
    vertical-align: top;
    background-image: url(../img/svg/icon-play.svg);
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
}

.btn-play:hover {
    background-color: #007A86;
    background-image: url(../img/svg/icon-play.svg);
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
}


.btn-play:before {
    content: '';
    display: block;
    width: 1.875rem;
    height: 1.875rem;
    position: relative;
    left: .1875rem;
    background-image: url(../img/svg/icon-play.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

#promo_code {
    width: 43.66666rem;
    height: 5.4rem;
    background: #FFFFFF;
    border-radius: 10px;
    border:none;
    padding:0;
    font-size: 3rem;
    
}

.section-add-text {
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-color: #1F36C7;
}

.section-add-text h2.h1 {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 114.7%;
    text-transform: uppercase;
    color: #FFE329;

}

.section-add-text div.summary {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 500;
    font-size: 1.333333rem;
    line-height: 114.7%;
    color: #FFFFFF;

}


@media (max-width: 767px) {
    .section-add-text .cols-w--img-text > .cols > .col--image {
        background-color: #0C1695;

    }
}

@media (max-width: 767px) {
    .hero-btn {  
        margin-bottom: 2rem;
        font-size: 1.3rem;
        max-width: 280px;
    }
    #promo_code{
        width: 15rem;
        height: 3.5rem;
        margin: auto;
    }
    .btn-play {
        display:block;
        font-size: 1rem;
        color: #000;
        background-image: none;
        width: 10rem; 
        height: 3rem;
        border-radius: 5px;
        margin: 1rem auto;

    }
    .ajax-load-check{
        text-align: center;
    }

}

.before-footer-text {
    background-color: #FFEC9A;
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 500;
    font-size: 0.7rem;
    line-height: 114.7%;
    text-align: center;
    color: #203C87;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.before-footer-text div.text-content {
    max-width: 1080px;
    text-align: center;
    margin: auto;
}


.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}