@charset "UTF-8";
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@font-face { font-family: "svgfont"; src: url("fonts/svgfont.eot"); src: url("fonts/svgfont.eot?#iefix") format("eot"), url("fonts/svgfont.woff") format("woff"), url("fonts/svgfont.woff2") format("woff2"), url("fonts/svgfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }
.icon, [class^="icon-"], [class*=" icon-"] { font-family: "svgfont"; font-style: normal; font-weight: normal; text-rendering: auto; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon, [class^="icon-"], [class*=" icon-"] { display: inline-block; }

.icon-sepa:before { content: ""; }

.icon-skrill:before { content: ""; }

.icon-arrow:before { content: ""; }

.icon-warning:before { content: ""; }

.icon-check-big:before { content: ""; }

@font-face { font-family: 'Proxima Nova'; src: url("fonts/ProximaNovaT-Thin.eot"); src: local("Proxima Nova Thin"), local("ProximaNovaT-Thin"), url("fonts/ProximaNovaT-Thin.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNovaT-Thin.woff") format("woff"), url("fonts/ProximaNovaT-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Proxima Nova'; src: url("fonts/ProximaNova-ThinIt.eot"); src: local("Proxima Nova Thin Italic"), local("ProximaNova-ThinIt"), url("fonts/ProximaNova-ThinIt.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-ThinIt.woff") format("woff"), url("fonts/ProximaNova-ThinIt.ttf") format("truetype"); font-weight: 100; font-style: italic; }
@font-face { font-family: 'Proxima Nova'; src: url("fonts/ProximaNova-Light.eot"); src: local("Proxima Nova Light"), local("ProximaNova-Light"), url("fonts/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-Light.woff") format("woff"), url("fonts/ProximaNova-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Proxima Nova'; src: url("fonts/ProximaNova-LightIt.eot"); src: local("Proxima Nova Light Italic"), local("ProximaNova-LightIt"), url("fonts/ProximaNova-LightIt.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-LightIt.woff") format("woff"), url("fonts/ProximaNova-LightIt.ttf") format("truetype"); font-weight: 300; font-style: italic; }
@font-face { font-family: 'Proxima Nova'; src: url("fonts/ProximaNova-Regular.eot"); src: local("Proxima Nova Regular"), local("ProximaNova-Regular"), url("fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-Regular.woff") format("woff"), url("fonts/ProximaNova-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Proxima Nova'; src: url("fonts/ProximaNova-RegularIt.eot"); src: local("Proxima Nova Regular Italic"), local("ProximaNova-RegularIt"), url("fonts/ProximaNova-RegularIt.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-RegularIt.woff") format("woff"), url("fonts/ProximaNova-RegularIt.ttf") format("truetype"); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Proxima Nova'; src: url("fonts/ProximaNova-Bold.eot"); src: local("Proxima Nova Bold"), local("ProximaNova-Bold"), url("fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-Bold.woff") format("woff"), url("fonts/ProximaNova-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Proxima Nova'; src: url("fonts/ProximaNova-BoldIt.eot"); src: local("Proxima Nova Bold Italic"), local("ProximaNova-BoldIt"), url("fonts/ProximaNova-BoldIt.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-BoldIt.woff") format("woff"), url("fonts/ProximaNova-BoldIt.ttf") format("truetype"); font-weight: bold; font-style: italic; }
@font-face { font-family: 'Proxima Nova'; src: url("fonts/ProximaNova-Semibold.eot"); src: local("Proxima Nova Semibold"), local("ProximaNova-Semibold"), url("fonts/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-Semibold.woff") format("woff"), url("fonts/ProximaNova-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Proxima Nova'; src: url("fonts/ProximaNova-SemiboldIt.eot"); src: local("Proxima Nova Semibold Italic"), local("ProximaNova-SemiboldIt"), url("fonts/ProximaNova-SemiboldIt.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-SemiboldIt.woff") format("woff"), url("fonts/ProximaNova-SemiboldIt.ttf") format("truetype"); font-weight: 600; font-style: italic; }
@font-face { font-family: 'Proxima Nova'; src: url("fonts/ProximaNova-ExtrabldIt.eot"); src: local("Proxima Nova Extrabold Italic"), local("ProximaNova-ExtrabldIt"), url("fonts/ProximaNova-ExtrabldIt.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-ExtrabldIt.woff") format("woff"), url("fonts/ProximaNova-ExtrabldIt.ttf") format("truetype"); font-weight: 800; font-style: italic; }
@font-face { font-family: 'Proxima Nova'; src: url("fonts/ProximaNova-Extrabld.eot"); src: local("Proxima Nova Extrabold"), local("ProximaNova-Extrabld"), url("fonts/ProximaNova-Extrabld.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-Extrabld.woff") format("woff"), url("fonts/ProximaNova-Extrabld.ttf") format("truetype"); font-weight: 800; font-style: normal; }
@font-face { font-family: 'Proxima Nova'; src: url("fonts/ProximaNova-Black.eot"); src: local("Proxima Nova Black"), local("ProximaNova-Black"), url("fonts/ProximaNova-Black.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-Black.woff") format("woff"), url("fonts/ProximaNova-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Proxima Nova'; src: url("fonts/ProximaNova-BlackIt.eot"); src: local("Proxima Nova Black Italic"), local("ProximaNova-BlackIt"), url("fonts/ProximaNova-BlackIt.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-BlackIt.woff") format("woff"), url("fonts/ProximaNova-BlackIt.ttf") format("truetype"); font-weight: 900; font-style: italic; }
h1, h2, h3, h4, h5, h6 { margin: 0; }

h1, .h1 { font-size: 28px; font-weight: 700; line-height: 1.15; text-transform: uppercase; }

h3, .h3 { margin-bottom: 20px; font-size: 18px; font-weight: 700; letter-spacing: .03em; line-height: 1.22; text-transform: uppercase; }

p { margin: 0; font-size: 16px; font-weight: 500; line-height: 1.875; }

.text-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: -webkit-calc(100% - 56px); height: calc(100% - 56px); }
.text-block__footer { position: fixed; bottom: 30px; left: 32px; width: -webkit-calc(100% - 64px); width: calc(100% - 64px); }
.text-block-auto { height: auto; }
.text-block-content { max-height: 404px; margin-bottom: 16px; overflow: auto; }
.text-block img { max-width: 100%; margin: 24px 0; }
.text-block img:first-child { margin-top: 0; }
.text-block img:last-child { margin-bottom: 0; }
.text-block ul li:before { content: '- '; }
.text-block ul, .text-block ol { font-size: 16px; font-weight: 500; line-height: 1.875; }

a { text-decoration: none; }
a:hover { text-decoration: none; }

img { display: block; max-width: 100%; }

ul, ol { margin: 0; padding: 0; list-style: none; }

.container { width: 100%; height: 100%; padding: 0 32px; }

.flex-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.flex-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.flex-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
.flex-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.flex-top { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; }
.flex-middle { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
.flex-bottom { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; }
.flex-stretch { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; -ms-grid-row-align: stretch; align-items: stretch; }

input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration { display: none; }

input, textarea { -webkit-border-radius: 0; border-radius: 0; font-family: Inter, sans-serif; -webkit-appearance: none; }

label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

body { margin: 0; border: 0; font-family: 'Proxima Nova', sans-serif; font-weight: 700; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none !important; }

.control { padding: 3px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.control-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.control-center-bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.control-bg > * { width: 100%; }
.control-small { width: 74px; height: 74px; }
.control-medium { width: 96px; height: 96px; }
.control-large { width: 128px; height: 128px; }
.control-gradient { position: relative; background: linear-gradient(110.21deg, rgba(203, 173, 65, 0.16) 4.66%, rgba(75, 219, 89, 0.16) 48.22%, rgba(87, 174, 253, 0.16) 98.63%), #FFFFFF; }
.control-gradient:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/border-gradient.svg"); background-size: 100%; }
.control-bg-none { position: relative; background: #FFFFFF; }
.control-bg-none:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/border-blue.svg"); background-size: 100%; }

.btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 88px; height: 88px; padding: 2px 10px 2px 2px; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.btn[class*="next"], .btn[class^="next"] { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }
.btn:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 105%; height: 105%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-size: 100%; }
.btn-gradient { background: linear-gradient(110.21deg, #EBC747 4.66%, #62C76C 48.22%, #62A5E3 98.63%); }
.btn-gradient:after { background-image: url("../img/btn-grafient-border.svg"); }
.btn-blue { background: radial-gradient(50% 50% at 50% 50%, #7CB9D2 0%, #82C0DA 100%); }
.btn-blue:after { background-image: url("../img/btn-blue-border.svg"); }

.nav { position: relative; width: 1020px; max-width: -webkit-calc(100% - 32px); max-width: calc(100% - 32px); padding: 16px; -webkit-border-radius: 60px; border-radius: 60px; background-image: url("../img/nav-bg.png"); }

.input-wrap { position: relative; width: 580px; max-width: 100%; height: 60px; margin: 0 auto 18px; background-color: #EEF9FF; -webkit-border-radius: 8px 9px 8px 7px; border-radius: 8px 9px 8px 7px; }
.input-wrap:after { content: ''; display: block; position: absolute; top: -2px; left: -6px; width: -webkit-calc(100% + 12px); width: calc(100% + 12px); height: -webkit-calc(100% + 3px); height: calc(100% + 3px); background-image: url("../img/input-border.png"); background-size: 100% 100%; }
.input-wrap.error:after { background-image: url("../img/error-border.png"); }
.input-wrap input { font-family: 'Proxima Nova', sans-serif; position: relative; z-index: 2; border: 0; width: 100%; height: 60px; padding: 0 20px; font-weight: 400; font-size: 18px; line-height: 28px; color: #4C7181; background-color: transparent !important; -webkit-text-fill-color: #4C7181; }
.input-wrap input::-webkit-input-placeholder { color: #94b6c5; font-weight: 400; }
.input-wrap input::-moz-placeholder { color: #94b6c5; font-weight: 400; }
.input-wrap input:-ms-input-placeholder { color: #94b6c5; font-weight: 400; }
.input-wrap input::placeholder { color: #94b6c5; font-weight: 400; }
.input-wrap input:focus ~ .tooltip { opacity: 1; visibility: visible; }
.input-wrap input:-webkit-autofill, .input-wrap input:-webkit-autofill:hover, .input-wrap input:-webkit-autofill:focus, .input-wrap input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #EEF9FF inset !important; font-size: 18px; }
.input-wrap input:-webkit-autofill::-webkit-input-placeholder, .input-wrap input:-webkit-autofill:hover::-webkit-input-placeholder, .input-wrap input:-webkit-autofill:focus::-webkit-input-placeholder, .input-wrap input:-webkit-autofill:active::-webkit-input-placeholder { color: #94b6c5; }
.input-wrap input:-webkit-autofill::placeholder, .input-wrap input:-webkit-autofill:hover::placeholder, .input-wrap input:-webkit-autofill:focus::placeholder, .input-wrap input:-webkit-autofill:active::placeholder { color: #94b6c5; }
.input-wrap .tooltip { opacity: 0; visibility: hidden; position: absolute; z-index: 3; top: 50%; padding: 8px 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; left: -webkit-calc(100% + 20px); left: calc(100% + 20px); background: #FFFFFF; -webkit-border-radius: 16px; border-radius: 16px; -webkit-filter: drop-shadow(0px 8px 24px rgba(0, 0, 0, 0.08)); filter: drop-shadow(0px 8px 24px rgba(0, 0, 0, 0.08)); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; }
.input-wrap .tooltip-error { opacity: 1; visibility: visible; padding-left: 60px; white-space: normal; max-width: 300px; width: inherit; }
.input-wrap .tooltip-error i { position: absolute; top: 50%; left: 18px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #FF4545; font-size: 27px; }
.input-wrap .tooltip:before { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 15px; height: 15px; background-color: #fff; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.input-wrap .tooltip span { color: #4C7181; font-size: 14px; font-weight: 400; line-height: 24px; }
.input-wrap .tooltip strong { color: #102D69; font-size: 20px; font-weight: 700; line-height: 24px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.button { display: block; z-index: 2; position: relative; width: 242px; height: 58px; margin: 27px auto 0; border: 0; -webkit-border-radius: 29px; border-radius: 29px; font-family: 'Proxima Nova', sans-serif; font-weight: 700; font-size: 18px; line-height: 58px; text-align: center; text-transform: uppercase; }
.button-blue { background: #4992FF; color: #FFFFFF; }
.button-blue:after { background-image: url("../img/submit-border.png"); }
.button-green { background: #C5D873; color: #6F5A09; -webkit-border-radius: 24px; border-radius: 24px; }
.button-green:after { background-image: url("../img/green-border.png"); }
.button:after { content: ''; display: block; position: absolute; top: -3px; left: -3px; width: -webkit-calc(100% + 5px); width: calc(100% + 5px); height: -webkit-calc(100% + 6px); height: calc(100% + 6px); }

.buttons-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 580px; max-width: 100%; margin: 24px auto 0; }
.buttons-group > * { margin: 0 !important; }

body { height: 100vh; }

main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.common-information .control { margin-bottom: 8px; }
.common-information span { display: block; font-size: 18px; line-height: 1.33; text-align: center; text-transform: uppercase; background: linear-gradient(111.58deg, #F9D454 16.08%, #67BE70 50.32%, #6AB6FC 89.96%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }

.adult-kid-switcher { margin-left: 56px; }
.adult-kid-switcher span { display: block; font-weight: 700; font-size: 18px; line-height: 24px; text-align: center; background: linear-gradient(111.58deg, #F9D454 16.08%, #67BE70 50.32%, #6AB6FC 89.96%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.adult-kid-switcher-wrap { margin-bottom: 8px; }
.adult-kid-switcher-wrap > * { position: relative; z-index: 2; }
.adult-kid-switcher-wrap > *:last-child { margin-left: -20px; z-index: 1; }

.current-position { position: relative; margin-left: auto; }
.current-position:before { content: ''; display: block; position: absolute; z-index: 2; top: 50%; left: 50%; width: 11px; height: 11px; border: 3px solid #508E29; background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.current-position:after { content: ''; display: block; position: absolute; z-index: 1; top: 50%; left: 50%; width: 23px; height: 23px; background: rgba(80, 142, 41, 0.24); -webkit-box-shadow: 0 0 24px #FFFFFF; box-shadow: 0 0 24px #FFFFFF; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.day-title { color: #102D69; text-transform: uppercase; font-weight: 700; font-size: 32px; line-height: 56px; }

.day-information-item { margin-left: 16px; cursor: pointer; }
.day-information-item__title { color: #EB6F80; font-size: 14px; font-weight: 700; line-height: 16px; text-align: center; }
.day-information-item__preview { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 8px; -webkit-border-radius: 12px; border-radius: 12px; overflow: hidden; width: 240px; height: 128px; padding: 1px 2px; }
.day-information-item__preview:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/day-information-item-border.svg"); background-size: 100%; }
.day-information-item__preview:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url("../img/play.png"); background-size: 100%; }

.treatment-day { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: -20px; left: 50%; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 301px; height: 50px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-image: url("../img/treatment-day.png"); color: #102D69; font-size: 14px; font-weight: 400; line-height: 16px; text-transform: uppercase; }
.treatment-day strong { display: inline-block; margin-left: 4px; font-weight: 700; }

.road-map { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: 350px; }
.road-map-item { width: 368px; }
.road-map .girl { position: absolute; bottom: 30px; left: 100px; -webkit-transition: left 2s linear; transition: left 2s linear; }
.road-map .girl.reverse { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }

.form-wrap { height: calc(100vh - 56px); }

.form { position: relative; width: 844px; max-width: -webkit-calc(100% - 50px); max-width: calc(100% - 50px); padding: 42px 60px 52px; -webkit-border-radius: 20px 20px 27px 29px; border-radius: 20px 20px 27px 29px; background-color: #fff; }
.form:after { content: ''; display: block; position: absolute; top: -13px; left: -8px; width: -webkit-calc(100% + 16px); width: calc(100% + 16px); height: -webkit-calc(100% + 15px); height: calc(100% + 15px); background-image: url("../img/form-border.png"); background-size: 100% 100%; }
.form-gb:after { background-image: url("../img/login-border.png"); z-index: -1; }
.form__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 80px; height: 80px; margin: 0 auto 24px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #EEF9FF; color: #4992FF; font-size: 35px; }
.form__title { margin-bottom: 8px; color: #102D69; font-weight: 700; font-size: 32px; line-height: 56px; text-align: center; text-transform: uppercase; }
.form__desc { margin-bottom: 24px; font-weight: 400; color: #4C7181; font-size: 16px; line-height: 24px; text-align: center; }
.form button { cursor: pointer; }
.form button[type="submit"] { display: block; z-index: 2; position: relative; width: 242px; height: 58px; margin: 27px auto 0; border: 0; -webkit-border-radius: 29px; border-radius: 29px; background: #4992FF; font-family: 'Proxima Nova', sans-serif; color: #FFFFFF; font-weight: 700; font-size: 18px; line-height: 16px; text-transform: uppercase; }
.form button[type="submit"]:after { content: ''; display: block; position: absolute; top: -3px; left: -3px; width: -webkit-calc(100% + 5px); width: calc(100% + 5px); height: -webkit-calc(100% + 6px); height: calc(100% + 6px); background-image: url("../img/submit-border.svg"); }

.page-title { margin-bottom: 63px; color: #102D69; font-size: 40px; font-weight: 700; line-height: 1.4; text-align: center; }

.age-selection { padding: 56px 0; }
.age-selection-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.age-selection-item { position: relative; width: 390px; max-width: -webkit-calc(50% - 14px); max-width: calc(50% - 14px); height: 368px; padding: 24px; border: 1px solid #C4DBE8; -webkit-border-radius: 20px 20px 17px 18px; border-radius: 20px 20px 17px 18px; background-color: #fff; }
.age-selection-item:after { content: ''; display: block; position: absolute; z-index: 1; top: -7px; left: -4px; width: -webkit-calc(100% + 7px); width: calc(100% + 7px); height: -webkit-calc(100% + 11px); height: calc(100% + 11px); background-image: url("../img/border-age-selection.png"); background-size: 100% 100%; }
.age-selection-item:nth-child(odd) { margin-right: 14px; }
.age-selection-item:nth-child(even) { margin-left: 14px; }
.age-selection-item__title { color: #4992FF; font-size: 32px; font-weight: 700; line-height: 1; text-transform: uppercase; text-align: center; }
.age-selection-item__pct { position: absolute; z-index: 2; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 40%); -ms-transform: translate(-50%, 40%); transform: translate(-50%, 40%); }

.auth-page { background-color: #EEF9FF; }

.road-map-page { padding: 24px; background: linear-gradient(110.21deg, rgba(203, 173, 65, 0.1) 4.66%, rgba(75, 219, 89, 0.1) 48.22%, rgba(87, 174, 253, 0.1) 98.63%), #FFFFFF; }
.road-map-page-adult { background: #fff; }

.bottom-controls { position: relative; width: 1021px; max-width: -webkit-calc(100% - 370px); max-width: calc(100% - 370px); margin: 0 auto; }

.phase-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 386px; height: 100px; color: #102D69; font-weight: 700; font-size: 18px; line-height: 24px; text-align: center; }
.phase-info:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/border-phase-info.png"); background-size: 100% 100%; }
.phase-info-left { right: -webkit-calc(100% - 200px); right: calc(100% - 200px); padding: 15px 200px 15px 45px; }
.phase-info-right { left: -webkit-calc(100% - 200px); left: calc(100% - 200px); padding: 15px 45px 15px 200px; }
.phase-info-right:after { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }

.road-map-page-adult .common-information span { background: none; color: #57AFF1; -webkit-text-fill-color: #57AFF1; }
.road-map-page-adult .day-information-item__preview:after { background-image: url("../img/border-square-blue.png"); }
.road-map-page-adult .adult-kid-switcher span { background: none; color: #57AFF1; -webkit-text-fill-color: #57AFF1; }
.road-map-page-adult .nav { background-image: url("../img/adult-nav-bg.png"); }

.tablet-visible { display: none; }

@media screen and (max-width: 1300px){
    .tablet-visible{
        display: block;
    }
    .tablet-hidden{
        display: none;
    }
    .adult-kid-switcher{
        margin-left: 24px;
    }
    .phase-info{
        padding: 10px;
        width: 120px;
        height: 120px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }
    .phase-info:after{
        background-image: url("../img/btnbrblue.png");
    }
    .phase-info-left{
        right: -webkit-calc(100% + 12px);
        right: calc(100% + 12px);
    }
    .phase-info-right{
        left: -webkit-calc(100% + 12px);
        left: calc(100% + 12px);
    }
    .nav{
        width: 100%;
        max-width: 100%;
    }
    .day-information > img{
        display: none;
    }
    .day-information-item__preview{
        width: 180px;
        height: 96px;
        margin: 0 auto 12px;
    }
}

@media screen and (max-width: 1240px){
    .form{
        width: 660px;
    }
    .input-wrap{
        width: 472px;
    }
    .input-wrap.focus, .input-wrap.error{
        margin-bottom: 90px;
    }
    .input-wrap .tooltip{
        top: -webkit-calc(100% + 10px);
        top: calc(100% + 10px);
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .input-wrap .tooltip:before{
        content: none;
    }
}

@media screen and (max-width: 1200px){
    .day-title{
        font-size: 28px;
    }
    .bottom-controls{
        width: 100%;
        max-width: 100%;
    }
    .nav{
        width: 100%;
        max-width: 100%;
    }
    .phase-info{
        padding: 8px;
        width: 88px;
        height: 88px;
        bottom: -webkit-calc(100% + 16px);
        bottom: calc(100% + 16px);
    }
    .phase-info-left{
        right: auto;
        left: 0;
    }
    .phase-info-right{
        right: 0;
        left: auto;
    }
    .adult-kid-switcher{
        margin-left: 16px;
    }
}

@media screen and (max-width: 768px){
    .age-selection-wrap{
        width: -webkit-calc(100% - 110px);
        width: calc(100% - 110px);
        margin: 0 auto;
    }
    .age-selection-item__title{
        font-size: 24px;
    }
    .form{
        max-width: -webkit-calc(100% - 64px);
        max-width: calc(100% - 64px);
        padding: 25px 36px 40px;
    }
    .form__title{
        line-height: 40px;
    }
}

@media screen and (max-width: 767px){
    .control-icon{
        padding: 20px;
    }
    .phase-info{
        width: 80px;
        height: 80px;
        font-size: 14px;
        line-height: 20px;
    }
    .day-title{
        font-size: 20px;
        max-width: -webkit-calc(100% - 120px);
        max-width: calc(100% - 120px);
        line-height: 1.4;
        text-align: center;
    }
    .treatment-day{
        top: auto;
        bottom: -webkit-calc(100% + 26px);
        bottom: calc(100% + 26px);
        width: -webkit-calc(100% - 194px);
        width: calc(100% - 194px);
        background-size: 100% 100%;
        padding: 5px 10px;
    }
    .nav .btn{
        width: auto;
        height: auto;
        background: transparent;
    }
    .nav .btn:after{
        content: none;
    }
    .control-medium{
        width: 64px;
        height: 64px;
    }
    .control-small{
        width: 48px;
        height: 48px;
    }
    .day-information-item__preview{
        width: 120px;
        height: 64px;
    }
    .day-information-item__preview:before{
        width: 30px;
        height: 30px;
    }
    .day-information-item__title{
        max-width: 120px;
    }
    .current-position{
        display: none;
    }
    .age-selection-wrap{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: -webkit-calc(100% - 70px);
        width: calc(100% - 70px);
    }
    .age-selection-item{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        height: 148px;
        margin: 0 0 26px !important;
    }
    .age-selection-item__title{
        font-size: 40px;
    }
    .age-selection-item__pct{
        display: none;
    }
    .buttons-group{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .buttons-group > *:not(:first-child){
        margin-top: 19px !important;
    }
    .input-wrap:after{
        left: -3px;
        width: -webkit-calc(100% + 6px);
        width: calc(100% + 6px);
    }
    .form:after{
        top: -10px;
        left: -4px;
        width: -webkit-calc(100% + 8px);
        width: calc(100% + 8px);
        height: -webkit-calc(100% + 4px);
        height: calc(100% + 4px);
    }
    .control-center-bottom img{
        max-height: 95%;
    }
    .form{
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .form__title{
        line-height: 40px;
    }
    .road-map-page{
        padding: 8px;
    }
    .adult-kid-switcher{
        margin-left: auto;
    }
}

@media screen and (max-width: 430px){
    .age-selection-item{
        height: 290px;
    }
    .age-selection-item__title{
        font-size: 24px;
    }
}



/*# sourceMappingURL=style.css.map */