/*add fonts*/
@font-face { font-family: 'Gilroy bold'; src: url("../fonts/Gilroy-Bold.woff2") format("woff2"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'Gilroy normal'; src: url("../fonts/Gilroy-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'Gilroy medium'; src: url("../fonts/Gilroy-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }

/*variables*/
/*placeholders*/
.clearfix { display: block; clear: both; content: ''; }

.vAlignMiddle { display: inline-block; vertical-align: middle; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.pseudo-element { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.btn { margin: 0 auto; display: inline-block; width: 100%; text-decoration: none; color: #fff; font-family: "Gilroy medium", Verdana, Arial, Helvetica, sans-serif; border-radius: 8px; text-transform: uppercase; background: #035929; border: none; outline: none; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; height: 40px; line-height: 40px; font-size: 12px; max-width: 220px; }

@media (min-width: 992px) { .btn { height: 4vw; line-height: 4vw; font-size: 1.3vw; max-width: 15vw; } }

.btn:hover { -webkit-box-shadow: none; box-shadow: none; }

.btn:active { -webkit-transform: translateY(0.1rem); -ms-transform: translateY(0.1rem); transform: translateY(0.1rem); }

button[disabled] { background: -webkit-gradient(linear, left top, left bottom, from(#D5D5D5), to(#808080)); background: -webkit-linear-gradient(top, #D5D5D5 0%, #808080 100%); background: -o-linear-gradient(top, #D5D5D5 0%, #808080 100%); background: linear-gradient(180deg, #D5D5D5 0%, #808080 100%); color: #757575; }

/*placeholders*/
/*placeholders*/
/*style normalize*/
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; height: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

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

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

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

button[disabled], html input[disabled] { cursor: default; pointer-events: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input::-webkit-input-placeholder { color: #fff; font-size: 18px; }

input:hover::-webkit-input-placeholder { opacity: 0.5; }

input:hover::-moz-placeholder { opacity: 0.5; }

input:hover:-moz-placeholder { opacity: 0.5; }

input:hover:-ms-input-placeholder { opacity: 0.5; }

input { line-height: normal; opacity: 0.5; }

input:valid { opacity: 1; }

input:hover { opacity: 1; }

input:focus { opacity: 1; }

input:active #get-discount { opacity: 0.5; }

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

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

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

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

p { margin: 0; }

/*form screen*/
.form-section, .doi-section { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; background-image: url(../images/bg-landing.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; z-index: 0; }

.form-section .left-bg, .doi-section .left-bg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

@media (max-width: 850px) { .form-section .left-bg, .doi-section .left-bg { background: none; } }

.form-section .main-section, .doi-section .main-section { padding-top: 4rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: -webkit-min-content; min-height: -moz-min-content; min-height: min-content; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; color: #333333; z-index: 2; }

@media (max-width: 850px) { .form-section .main-section, .doi-section .main-section { padding-top: 0; } }

.form-section .main-section .logo, .doi-section .main-section .logo { padding: 1rem 2rem 0; margin-bottom: 3rem; width: 20.6rem; height: 2.9rem; }

@media (max-width: 850px) { .form-section .main-section .logo, .doi-section .main-section .logo { width: 10.4rem; height: 1.5rem; margin: 1rem auto; } }

.form-section .main-section .logo svg, .doi-section .main-section .logo svg { display: block; width: 100%; height: 100%; }

.form-section .main-section .ruuls, .doi-section .main-section .ruuls { font-size: 0.9rem; padding: 0 1rem; margin-bottom: 2rem; }

@media (max-width: 850px) { .form-section .main-section .ruuls, .doi-section .main-section .ruuls { margin-bottom: 1rem; } }

.form-section .main-section .ruuls a, .doi-section .main-section .ruuls a { color: #013D1B; }

.form-section .main-section .car, .doi-section .main-section .car { width: 30rem; height: 8.2rem; }

@media (max-width: 850px) { .form-section .main-section .car, .doi-section .main-section .car { width: 18.1rem; height: 4.5rem; } }

.form-section .main-section .car img, .doi-section .main-section .car img { display: block; }

.form-section .main-section .form-container, .doi-section .main-section .form-container { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0 1rem 2rem; background-color: transparent; text-align: left; max-width: 54.3rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

@media (max-width: 850px) { .form-section .main-section .form-container, .doi-section .main-section .form-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 0.5rem 1rem; } }

.form-section .main-section .form-container h2, .doi-section .main-section .form-container h2 { text-align: left; color: #0B0B0B; font-family: "Gilroy bold", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 2.1rem; line-height: 1.2; margin-bottom: 1rem; }

@media (max-width: 450px) { .form-section .main-section .form-container h2, .doi-section .main-section .form-container h2 { font-size: 1.3rem; margin-bottom: 0.7rem; } }

.form-section .main-section .form-container h3, .doi-section .main-section .form-container h3 { font-family: "Gilroy bold", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; color: #035929; font-size: 1.1rem; line-height: 1.4; margin-bottom: 1rem; }

@media (max-width: 850px) { .form-section .main-section .form-container h3, .doi-section .main-section .form-container h3 { font-size: 1rem; margin-bottom: 0.7rem; line-height: 1.2; } }

.form-section .main-section .form-container p, .doi-section .main-section .form-container p { font-size: 0.9rem; line-height: 1.4; margin-bottom: 1.5rem; }

@media (max-width: 850px) { .form-section .main-section .form-container p, .doi-section .main-section .form-container p { font-size: 0.9rem; margin-bottom: 0.7rem; line-height: 1.2; } }

.form-section .main-section .form-container .btn, .doi-section .main-section .form-container .btn { text-align: center; max-width: 17.2rem; font-size: 1.1rem; padding: 1rem; line-height: 1.1rem; border-radius: 2.2rem; margin-bottom: 2rem; }

@media (max-width: 850px) { .form-section .main-section .form-container .btn, .doi-section .main-section .form-container .btn { margin-bottom: 1rem; font-size: 0.8rem; line-height: 0.8rem; border-radius: 1.6rem; max-width: 12.2rem; } }

.form-section .main-section .form-container .under-text, .doi-section .main-section .form-container .under-text { color: #888888; font-size: 0.7rem; line-height: 1.2; margin-bottom: 0; }

@media (max-width: 850px) { .form-section .main-section .form-container .under-text, .doi-section .main-section .form-container .under-text { font-size: 0.6rem; } }

.form-section .main-section .form-container .form-descr-container, .doi-section .main-section .form-container .form-descr-container { background-color: #ffffff; border-radius: 2rem 0 0 2rem; width: 55%; padding: 3rem 2rem 3rem 3rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 850px) { .form-section .main-section .form-container .form-descr-container, .doi-section .main-section .form-container .form-descr-container { width: 100%; padding: 1.2rem; border-radius: 1rem 1rem 0 0; } }

.form-section .main-section .form-container .form-block, .doi-section .main-section .form-container .form-block { width: 45%; background-color: #035929; border-radius: 0 2rem 2rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 850px) { .form-section .main-section .form-container .form-block, .doi-section .main-section .form-container .form-block { width: 100%; border-radius: 0 0 1rem 1rem; } }

.form-section .main-section .form-container .form-block form, .doi-section .main-section .form-container .form-block form { width: 100%; max-width: 19.8rem; margin: 0 auto; padding: 1.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 850px) { .form-section .main-section .form-container .form-block form, .doi-section .main-section .form-container .form-block form { max-width: 100%; } }

.form-section .main-section .form-container .form-block form button, .doi-section .main-section .form-container .form-block form button { margin: 1rem auto; display: block; }

.form-section .main-section .form-container .form-block .input-row, .doi-section .main-section .form-container .form-block .input-row { position: relative; margin: 0 0 20px; }

@media (min-width: 850px) { .form-section .main-section .form-container .form-block .input-row, .doi-section .main-section .form-container .form-block .input-row { margin: 0 0 17px; } }

.form-section .main-section .form-container .form-block .input-row label, .doi-section .main-section .form-container .form-block .input-row label { display: block; font-size: 12px; margin: 0 0 2rem; }

@media (min-width: 850px) { .form-section .main-section .form-container .form-block .input-row label, .doi-section .main-section .form-container .form-block .input-row label { font-size: 28px; margin: 0 0 1rem; } }

.form-section .main-section .form-container .form-block .input-row label a, .doi-section .main-section .form-container .form-block .input-row label a { color: #ffffff; }

.form-section .main-section .form-container .form-block .text-input, .doi-section .main-section .form-container .form-block .text-input { border-radius: 0.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; font-size: 0.9rem; line-height: 1; font-family: "Gilroy normal", Verdana, Arial, Helvetica, sans-serif; padding: 0.6rem 1rem; text-align: left; color: #000; background-color: #ffffff; border: none; outline: none; }

@media (min-width: 850px) { .form-section .main-section .form-container .form-block .text-input, .doi-section .main-section .form-container .form-block .text-input { font-size: 0.9rem; line-height: 1; } }

.form-section .main-section .form-container .form-block .text-input.error, .doi-section .main-section .form-container .form-block .text-input.error { border-color: red; }

.form-section .main-section .form-container .form-block .text-input::-webkit-input-placeholder, .doi-section .main-section .form-container .form-block .text-input::-webkit-input-placeholder { color: #747474; font-size: 0.9rem; line-height: 1; }

.form-section .main-section .form-container .form-block .text-input::-moz-placeholder, .doi-section .main-section .form-container .form-block .text-input::-moz-placeholder { color: #747474; font-size: 0.9rem; line-height: 1; }

.form-section .main-section .form-container .form-block .text-input:-moz-placeholder, .doi-section .main-section .form-container .form-block .text-input:-moz-placeholder { color: #747474; font-size: 0.9rem; line-height: 1; }

.form-section .main-section .form-container .form-block .text-input:-ms-input-placeholder, .doi-section .main-section .form-container .form-block .text-input:-ms-input-placeholder { color: #747474; font-size: 0.9rem; line-height: 1; }

.form-section .main-section .form-container .form-block .check-row, .doi-section .main-section .form-container .form-block .check-row { margin-bottom: 10px; }

.form-section .main-section .form-container .form-block .check-row:last-of-type, .doi-section .main-section .form-container .form-block .check-row:last-of-type { margin-bottom: 40px; }

@media (max-width: 850px) { .form-section .main-section .form-container .form-block .check-row:last-of-type, .doi-section .main-section .form-container .form-block .check-row:last-of-type { margin-bottom: 10px; } }

.form-section .main-section .form-container .form-block .check-row input, .doi-section .main-section .form-container .form-block .check-row input { visibility: hidden; width: 18px; height: 18px; opacity: 0; position: absolute; left: 0; top: 50%; margin: 0; }

.form-section .main-section .form-container .form-block .check-row input a, .doi-section .main-section .form-container .form-block .check-row input a { color: #ffffff; }

.form-section .main-section .form-container .form-block .check-row input:checked + label:after, .doi-section .main-section .form-container .form-block .check-row input:checked + label:after { display: block; border-color: #fff; }

.form-section .main-section .form-container .form-block .check-row label, .doi-section .main-section .form-container .form-block .check-row label { opacity: 0.5; margin-bottom: 0; font-size: 0.7rem; color: #fff; display: block; padding: 0 0 0 22px; text-transform: none; position: relative; }

.form-section .main-section .form-container .form-block .check-row label a, .doi-section .main-section .form-container .form-block .check-row label a { color: #ffffff; }

.form-section .main-section .form-container .form-block .check-row label:before, .form-section .main-section .form-container .form-block .check-row label:after, .doi-section .main-section .form-container .form-block .check-row label:before, .doi-section .main-section .form-container .form-block .check-row label:after { opacity: 0.5; position: absolute; left: 0; top: 0; content: ''; border: 1px solid #fff; width: 14px; height: 14px; z-index: 2; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.form-section .main-section .form-container .form-block .check-row label:after, .doi-section .main-section .form-container .form-block .check-row label:after { position: absolute; left: 5px; top: 2px; width: 5px; height: 8px; border: solid transparent; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; z-index: 2; }

.form-section .main-section .form-container a, .doi-section .main-section .form-container a { color: #035929; }

.form-section { display: none; }

.doi-section { display: -webkit-box; display: -ms-flexbox; display: flex; }

.formHide { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.popupAndForm, .popupErrorForm, .popupExistForm { width: 100%; display: none; margin: 0 auto 2rem; padding: 0.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.popupAndForm #thankPopup, .popupAndForm #errorPopup, .popupAndForm #dataExistPopup, .popupErrorForm #thankPopup, .popupErrorForm #errorPopup, .popupErrorForm #dataExistPopup, .popupExistForm #thankPopup, .popupExistForm #errorPopup, .popupExistForm #dataExistPopup { display: block; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.popupAndForm #thankPopup .popup-wrapper, .popupAndForm #errorPopup .popup-wrapper, .popupAndForm #dataExistPopup .popup-wrapper, .popupErrorForm #thankPopup .popup-wrapper, .popupErrorForm #errorPopup .popup-wrapper, .popupErrorForm #dataExistPopup .popup-wrapper, .popupExistForm #thankPopup .popup-wrapper, .popupExistForm #errorPopup .popup-wrapper, .popupExistForm #dataExistPopup .popup-wrapper { width: 100%; }

.afterDoiPopup { width: 100%; display: block; margin: 0 auto 2rem; padding: 0.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.afterDoiPopup #afterDoiPopup { display: block; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.afterDoiPopup #afterDoiPopup .popup-wrapper { width: 100%; }

.error { text-align: center; color: #E06C00 !important; display: block; font-size: 0.9rem; }

.error + label, .error + label > a { color: #DB9B1F !important; display: block; }

.form-section .main-section .form-container .form-block .text-input.error { border-color: #DB9B1F !important; border-width: 1px !important; border-style: solid !important; }

.check-row > .error ~ label { opacity: 1 !important; }

.error + label:before { border-color: #DB9B1F !important; opacity: 1 !important; }

.header { height: 50px; background: #035929; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; position: relative; z-index: 10; }

@media (min-width: 992px) { .header { height: 90px; } }

.header .logo svg { width: 240px; height: 28px; }

@media (min-width: 768px) { .header .logo svg { width: 258px; height: 30px; } }

@media (min-width: 992px) { .header .logo svg { width: 416px; height: 48px; } }

.finalForm .formSection { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 100%; }

.finalForm .formSection .bg-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.finalForm .formSection .wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0; height: auto; }

.finalForm .formSection .wrapper .text-form-screen { position: relative; max-width: 670px; }

@media (max-width: 1920px) and (max-height: 800px) { .finalForm .formSection .wrapper .text-form-screen { max-width: 470px; } }

.finalForm .formSection .wrapper .text-form-screen h2 { line-height: 1.1; font-family: "Gilroy bold", Verdana, Arial, Helvetica, sans-serif; margin: 0 0 10px; color: #035929; }

.finalForm .formSection .wrapper .text-form-screen p { margin-bottom: 10px; font-size: 15px; line-height: 1.2; color: #035929; }

@media (min-width: 576px) { .finalForm .formSection .wrapper .text-form-screen p { font-size: 1.3vw; } }

.finalForm .formSection .wrapper .text-form-screen .lower-size-font { font-size: 12px; }

@media (min-width: 576px) { .finalForm .formSection .wrapper .text-form-screen .lower-size-font { font-size: 1.1vw; } }

.finalForm .formSection .bg-section { width: 50%; }

@media (max-width: 800px) { .finalForm .formSection .bg-section { width: 100%; } }

.finalForm .formSection .bg-section .image-bg { -o-object-position: center center; object-position: center center; }

.finalForm .formSection .bg-mob { display: block; }

@media (max-width: 800px) { .finalForm .formSection .bg-mob { display: none; } }

#formGetPresent .form-group { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

#formGetPresent .input-checkbox { margin: 16px 0 16px; position: relative; }

#formGetPresent .input-checkbox.has-danger label:before { border: 1px solid red; }

#formGetPresent .input-checkbox .pristine-error { display: none; }

#formGetPresent .input-checkbox input { visibility: hidden; width: 16px; height: 16px; opacity: 0; position: absolute; left: 0; top: 50%; margin: 0; }

#formGetPresent .input-checkbox input:checked + label:after { display: block; border-color: #282B34; }

#formGetPresent .input-checkbox label { cursor: pointer; font-size: 8px; color: rgba(40, 43, 52, 0.4); display: block; padding: 5px 0 0 35px; text-transform: none; position: relative; text-align: left; }

@media (min-width: 768px) { #formGetPresent .input-checkbox label { font-size: 11px; } }

@media (min-width: 1200px) { #formGetPresent .input-checkbox label { font-size: 16px; padding-top: 0; } }

@media (max-width: 1920px) and (max-height: 800px) { #formGetPresent .input-checkbox label { font-size: 11px; padding-top: 5px; } }

#formGetPresent .input-checkbox label a { color: #000; text-decoration: none; }

#formGetPresent .input-checkbox label a:hover { text-decoration: underline; }

#formGetPresent .input-checkbox label:before { position: absolute; left: 0; top: 0; content: ''; background: rgba(255, 255, 255, 0.4); border-radius: 1px; border: 1px solid #FFFFFF; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 1px 1px 12px rgba(255, 253, 253, 0.9); box-shadow: inset 1px 1px 12px rgba(255, 253, 253, 0.9); width: 20px; height: 20px; z-index: 2; }

#formGetPresent .input-checkbox label:after { content: ''; position: absolute; left: 7px; top: 4px; width: 4px; height: 8px; border: solid transparent; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; z-index: 2; }

#formGetPresent input { display: block; text-align: left; opacity: 1; border-radius: 8px; width: 100%; border: none; outline: none; color: #282B34; background-color: rgba(255, 255, 255, 0.4); border-bottom: 1px solid #fff; padding: 0.5rem; font-family: "Gilroy normal", Verdana, Arial, Helvetica, sans-serif; margin-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 1px 1px 12px rgba(255, 253, 253, 0.9); box-shadow: inset 1px 1px 12px rgba(255, 253, 253, 0.9); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); font-size: 16px; line-height: 1.2; }

#formGetPresent input::-webkit-input-placeholder { color: rgba(40, 43, 52, 0.4); font-size: 16px; line-height: 1.2; }

#formGetPresent input::-moz-placeholder { color: rgba(40, 43, 52, 0.4); font-size: 16px; line-height: 1.2; }

#formGetPresent input::-ms-input-placeholder { color: rgba(40, 43, 52, 0.4); font-size: 16px; line-height: 1.2; }

#formGetPresent input::placeholder { color: rgba(40, 43, 52, 0.4); font-size: 16px; line-height: 1.2; }

@media (min-width: 768px) { #formGetPresent input::-webkit-input-placeholder { font-size: 18px; } #formGetPresent input::-moz-placeholder { font-size: 18px; } #formGetPresent input::-ms-input-placeholder { font-size: 18px; } #formGetPresent input::placeholder { font-size: 18px; } }

@media (min-width: 1920px) { #formGetPresent input::-webkit-input-placeholder { font-size: 25px; } #formGetPresent input::-moz-placeholder { font-size: 25px; } #formGetPresent input::-ms-input-placeholder { font-size: 25px; } #formGetPresent input::placeholder { font-size: 25px; } }

#formGetPresent input:focus { color: #111115; background-color: #fff; }

@media (min-width: 768px) { #formGetPresent input { font-size: 18px; } }

@media (min-width: 1200px) { #formGetPresent input { padding: 1rem; } }

@media (min-width: 1920px) { #formGetPresent input { padding: 1.5rem; font-size: 25px; } }

#formGetPresent .pristine-error { color: red; text-align: center; position: absolute; bottom: -20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; font-size: 8px; }

@media (min-width: 768px) { #formGetPresent .pristine-error { font-size: 11px; } }

@media (min-width: 1200px) { #formGetPresent .pristine-error { font-size: 16px; } }

@media (max-width: 1920px) and (max-height: 800px) { #formGetPresent .pristine-error { font-size: 11px; } }

#formGetPresent .has-success input { color: #282B34 !important; }

#formGetPresent .has-danger .pristine-error { bottom: -25px; }

#formGetPresent .has-danger input { margin-bottom: 30px; }

#finalForm .btn { margin-top: 10px; }

@media (min-width: 1920px) { #finalForm .btn { margin-top: 20px; } }

#finalFormThank .btn, #finalForm .btn { text-align: center; position: relative; bottom: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; }

@media (min-width: 768px) { #finalFormThank .btn, #finalForm .btn { height: 50px; line-height: 50px; font-size: 14px; max-width: 200px; } }

@media (min-width: 1200px) { #finalFormThank .btn, #finalForm .btn { font-size: 16px; max-width: 250px; } }

@media (min-width: 1920px) { #finalFormThank .btn, #finalForm .btn { height: 77px; line-height: 77px; font-size: 25px; max-width: 320px; } }

#finalFormThank h2 { margin: 0 0 20px; }

@media (min-width: 768px) { #finalFormThank h2 { margin: 0 0 30px; } }

#finalFormThank p { margin-bottom: 20px; }

@media (min-width: 768px) { #finalFormThank p { margin-bottom: 30px; } }

html { height: 100%; }

body { font-family: "Gilroy normal", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.3; margin: 0; color: #282B34; height: 100%; }

* { -ms-touch-action: manipulation; touch-action: manipulation; }

svg { display: block; }

.overflowClass { overflow: hidden; }

.preloader { width: 100%; height: 100%; color: #fff; background: lightblue; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999999; }

.preloader .image-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top left; object-position: top left; z-index: 0; }

.preloader .preloader-bar { position: absolute; z-index: 10; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 60%; height: 44px; background: #E6E6E6; border: 5px solid #D9D9D9; -webkit-box-shadow: 0px 7.2px 63px rgba(0, 0, 0, 0.12); box-shadow: 0px 7.2px 63px rgba(0, 0, 0, 0.12); }

@media (min-width: 576px) { .preloader .preloader-bar { width: 50%; height: 64px; } }

@media (min-width: 768px) { .preloader .preloader-bar { width: 40%; height: 84px; } }

.preloader .preloader-bar span { display: block; -webkit-animation: load 3s normal infinite forwards; animation: load 3s normal infinite forwards; background: #035929; height: 100%; }

.preloader .preloader-bar p { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 10; font-size: 20px; }

@media (min-width: 576px) { .preloader .preloader-bar p { font-size: 25px; } }

@media (min-width: 768px) { .preloader .preloader-bar p { font-size: 30px; } }

@-webkit-keyframes load { 0% { width: 0; }
  100% { width: 100%; } }

@keyframes load { 0% { width: 0; }
  100% { width: 100%; } }

a { color: #0b7dd6; text-decoration: underline; }

a:hover { text-decoration: none; }

img { border: none; max-width: 100%; }

h1 { font-size: 24px; line-height: 1.2; font-family: "Gilroy bold", Verdana, Arial, Helvetica, sans-serif; margin: 0 0 20px; color: #fff; }

@media (min-width: 576px) { h1 { font-size: 3.1vw; } }

@media (min-width: 992px) { h1 { margin: 0; } }

.current-active { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }

h2, h3 { margin: 0; text-align: center; font-family: "Gilroy bold", Verdana, Arial, Helvetica, sans-serif; color: #035929; }

h2 { font-size: 20px; line-height: 1.2; margin-bottom: 20px; }

@media (min-width: 576px) { h2 { font-size: 2.5vw; } }

h3 { font-size: 3vh; }

sub, sup { font-size: 60%; }

input { outline: none; }

.page-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #EAF4D5; position: relative; }

.page-wrapper.overflow-all { height: 100%; overflow: hidden; }

.page-wrapper.popup-showing { height: 100%; }

.page-wrapper.popup-showing .blur { display: block; }

.page-wrapper.popup-showing .full-height-block { z-index: 300 !important; }

.page-wrapper.popup-showing .current-active { background: rgba(255, 255, 255, 0.3) !important; -webkit-filter: blur(10px) !important; filter: blur(10px) !important; }

.page-wrapper.popup-showing #super-start-display { background: rgba(255, 255, 255, 0.3) !important; -webkit-filter: blur(10px) !important; filter: blur(10px) !important; }

.bg-section { position: relative; height: 100%; width: 100%; }

.bg-section .image-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top left; object-position: top left; z-index: 0; }

@media (max-height: 350px) { .bg-section .image-bg { -o-object-position: bottom center; object-position: bottom center; } }

.bg-section .wrapper { text-align: center; margin: 40px auto 120px; max-width: 1020px; padding: 0 10px; }

.bg-section .wrapper .text-main-screen { position: relative; }

.bg-section .wrapper .text-main-screen h1, .bg-section .wrapper .text-main-screen p { -webkit-filter: drop-shadow(1px 1px 0px #0D6571); filter: drop-shadow(1px 1px 0px #0D6571); max-width: 80%; margin-right: auto; margin-left: auto; color: #fff; }

@media (min-width: 992px) { .bg-section .wrapper .text-main-screen h1, .bg-section .wrapper .text-main-screen p { max-width: 100%; margin-right: 0; margin-left: 0; -webkit-filter: drop-shadow(2px 2px 0px #0D6571); filter: drop-shadow(2px 2px 0px #0D6571); } }

.bg-section .wrapper .text-main-screen p { font-size: 14px; font-family: "Gilroy medium", Verdana, Arial, Helvetica, sans-serif; }

@media (min-width: 576px) { .bg-section .wrapper .text-main-screen p { font-size: 20px; } }

@media (min-width: 768px) { .bg-section .wrapper .text-main-screen p { font-size: 1.6vw; } }

.bg-section .wrapper .btn { position: absolute; bottom: 3vh; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

@media (max-width: 576px) { .bg-section .wrapper .btn { max-width: 250px; height: 50px; line-height: 50px; font-size: 14px; } }

.present-aside { opacity: 1; }

#start-display { display: none; }

.super-start-display { width: 100%; height: 100%; position: relative; overflow: hidden; }

.super-start-display .image-doi-bgmain { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.super-start-display#doi-page .ss-holder { margin-top: 30px; }

.super-start-display#doi-page .wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 0; padding-bottom: 0; }

.super-start-display#doi-page .wrapper .image-bg { -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; top: 50%; }

.super-start-display .top-girland { position: absolute; left: -40px; top: 50px; width: 100%; z-index: 2; display: none; }

@media (min-width: 768px) { .super-start-display .top-girland { max-width: 205px; } }

@media (min-width: 1200px) { .super-start-display .top-girland { display: block; max-width: 410px; } }

.super-start-display .ss-holder { max-width: 1600px; width: 100%; height: calc(100% - 90px); position: relative; margin: 0 auto 0; }

.super-start-display .image-left { position: absolute; right: 70%; bottom: 50px; width: 49%; z-index: 3; display: none; }

@media (min-width: 576px) { .super-start-display .image-left { display: block; } }

@media (min-width: 768px) { .super-start-display .image-left { width: 295px; } }

@media (min-width: 1200px) { .super-start-display .image-left { width: 595px; } }

@media (min-width: 1200px) { .super-start-display .image-left { top: 50px; bottom: 0; } }

.super-start-display .image-right { position: absolute; left: 75%; bottom: 50px; width: 49%; z-index: 3; display: none; }

@media (min-width: 576px) { .super-start-display .image-right { display: block; } }

@media (min-width: 768px) { .super-start-display .image-right { width: 356px; } }

@media (min-width: 1200px) { .super-start-display .image-right { width: 656px; top: 0; bottom: 0; } }

.super-start-display .image-bot-mob { width: 100%; position: relative; z-index: 2; margin: -50vh 0 0; }

@media (min-width: 576px) { .super-start-display .image-bot-mob { display: none; } }

.super-start-display .wrapper { position: relative; max-width: 800px; min-height: calc(100vh - 50px); height: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

@media (min-width: 768px) { .super-start-display .wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 880px; } }

@media (min-width: 992px) { .super-start-display .wrapper { max-width: 880px; min-height: calc(100vh - 90px); } }

.super-start-display .wrapper .image-bg { position: absolute; top: 5px; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); z-index: 1; min-width: 500px; }

@media (max-height: 700px) and (max-width: 400px) { .super-start-display .wrapper .image-bg { min-width: 430px; } }

@media (min-width: 768px) { .super-start-display .wrapper .image-bg { top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

@media (min-width: 1200px) { .super-start-display .wrapper .image-bg { top: auto; bottom: -5%; -webkit-transform: none; -ms-transform: none; transform: none; } }

.super-start-display .wrapper .ss-main-text { position: relative; z-index: 3; max-width: 550px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 70px 10px 0; }

@media (min-width: 420px) { .super-start-display .wrapper .ss-main-text { padding: 70px 30px 0; } }

@media (min-width: 576px) { .super-start-display .wrapper .ss-main-text { padding: 100px 50px 10px; } }

@media (min-width: 768px) { .super-start-display .wrapper .ss-main-text { padding: 10px 50px; } }

.super-start-display .wrapper .ss-main-text h1 { font-size: 25px; color: #035929; margin: 0 0 10px; }

@media (min-width: 420px) { .super-start-display .wrapper .ss-main-text h1 { font-size: 30px; } }

@media (max-height: 700px) and (max-width: 400px) { .super-start-display .wrapper .ss-main-text h1 { font-size: 20px; } }

@media (min-width: 576px) { .super-start-display .wrapper .ss-main-text h1 { margin: 0 0 20px; } }

@media (min-width: 1200px) { .super-start-display .wrapper .ss-main-text h1 { font-size: 40px; } }

.super-start-display .wrapper .ss-main-text .font-bigger { font-size: 18px; color: #035929; margin: 0 0 17px; }

@media (max-height: 700px) and (max-width: 400px) { .super-start-display .wrapper .ss-main-text .font-bigger { font-size: 16px; } }

@media (min-width: 576px) { .super-start-display .wrapper .ss-main-text .font-bigger { font-size: 20px; margin: 0 0 35px; } }

.super-start-display .wrapper .ss-main-text .btn { text-align: center; height: 55px; line-height: 55px; font-size: 17px; margin: 0 0 30px; }

@media (max-height: 700px) and (max-width: 400px) { .super-start-display .wrapper .ss-main-text .btn { height: 40px; line-height: 40px; font-size: 14px; max-width: 200px; margin: 0 0 15px; } }

@media (min-width: 576px) { .super-start-display .wrapper .ss-main-text .btn { margin: 0 0 60px; } }

.super-start-display .wrapper .ss-main-text p { font-size: 14px; }

@media (max-height: 700px) and (max-width: 400px) { .super-start-display .wrapper .ss-main-text p { font-size: 12px; } }

@media (min-width: 576px) { .super-start-display .wrapper .ss-main-text p { font-size: 16px; } }

.super-start-display .wrapper .ss-main-text .ss-rules { display: block; text-decoration: underline; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: #035929; margin: 10px 0 0; font-size: 12px; }

@media (max-height: 700px) and (max-width: 400px) { .super-start-display .wrapper .ss-main-text .ss-rules { font-size: 10px; } }

@media (min-width: 576px) { .super-start-display .wrapper .ss-main-text .ss-rules { margin: 20px 0 0; } }

.game-section-holder { position: relative; width: 100%; display: none; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.game-section-holder .bulbs { pointer-events: none; position: absolute; top: 0; right: 24%; width: 24%; height: 9%; z-index: 25; }

.game-section-holder .bulbs svg { width: 100%; height: 100%; }

.game-section-holder .confeti { z-index: 25; pointer-events: none; position: absolute; top: -5%; right: 52%; width: 24%; height: 31%; }

.game-section-holder .confeti svg { width: 100%; height: 100%; }

@media (max-height: 350px) { .game-section-holder#gostinaya .main-game-holder { padding-bottom: 60%; } }

.game-section-holder#balkon { background-color: #D9EDD8; }

.game-section-holder#balkon .game-section { background-color: #D9EDD8; }

.game-section-holder#balkon .arrow-pointer { pointer-events: none; z-index: 10; width: 6.8%; height: 6%; position: absolute; top: 11.9%; left: 34.3%; display: none; }

.game-section-holder#balkon .arrow-pointer.add-decor-show { display: block !important; }

.game-section-holder#balkon .arrow-pointer svg { width: 100%; height: 100%; }

.game-section-holder#balkon .shields { width: 100%; height: 100%; position: absolute; top: -10px; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.game-section-holder#balkon .shields .shield { width: 6%; height: 15%; position: relative; }

.game-section-holder#balkon .shields .shield span { position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 36; }

.game-section-holder#balkon .shields .shield svg { width: 100%; height: 100%; }

.game-section-holder#balkon .rightPresentsBlock .aside-presents { counter-reset: section; width: 67%; }

.game-section-holder#balkon .rightPresentsBlock .aside-presents li { padding: 0 0 0 2vw; height: auto; position: relative; counter-increment: section; margin: 0 2% 0 0; }

.game-section-holder#balkon .rightPresentsBlock .aside-presents li.picked { color: #A8A8A8; }

.game-section-holder#balkon .rightPresentsBlock .aside-presents li:before { content: counter(section) "."; font-family: "Caveat", cursive; font-size: 1.8vw; line-height: .8; display: block; position: absolute; top: 0; left: 0; }

.game-section-holder#balkon .rightPresentsBlock .aside-presents li p { font-size: 1.8vw; line-height: .8; }

.game-section-holder#balkon .rightPresentsBlock .aside-presents li#rightpresent11 { width: 29.25%; }

.game-section-holder#balkon .rightPresentsBlock .aside-presents li#rightpresent12 { width: 19.9%; }

.game-section-holder#balkon .rightPresentsBlock .aside-presents li#rightpresent13 { width: 19.5%; }

.game-section-holder#balkon .rightPresentsBlock .aside-presents li#rightpresent14 { width: 29.75%; }

.game-section-holder#detskaya { background: #EAF4D5; }

.game-section-holder#detskaya .main-game-holder { padding-bottom: 0; height: 100%; }

.game-section-holder#detskaya .main-game-holder .image-bg { height: 100%; top: 0; }

.game-section-holder#detskaya .main-game-holder .game-section { overflow: auto; display: block; }

.game-section-holder#detskaya .main-game-holder .full-height-block { height: 100%; max-width: 98vw; margin: 0 auto; z-index: 888; position: relative; background: #EAF4D5; padding: 1vh 3vh 1vh 2vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 1200px) { .game-section-holder#detskaya .main-game-holder .full-height-block { max-width: 93vw; padding: 1vh 3vh 1vh 3vh; } }

@media (max-aspect-ratio: 3 / 2) { .game-section-holder#detskaya .main-game-holder .full-height-block { max-width: 94vw; padding: 1vh 5vh 1vh 5vh; } }

.game-section-holder#detskaya .main-game-holder .full-height-block .decor-detskaya { pointer-events: none; z-index: -1; width: 28.5%; height: 80%; position: absolute; top: 0; right: 0; }

.game-section-holder#detskaya .main-game-holder .full-height-block .decor-detskaya svg { width: 100%; height: 100%; }

.game-section-holder#detskaya .main-game-holder .full-height-block h2 { margin-bottom: 3vh; text-align: left; }

.game-section-holder#detskaya .main-game-holder .full-height-block .letters-list { -webkit-columns: 2 30vw; -moz-columns: 2 30vw; columns: 2 30vw; counter-reset: section; }

.game-section-holder#detskaya .main-game-holder .full-height-block .letters-list li { padding: 0 0 4vh 9vh; position: relative; counter-increment: section; }

@media (max-height: 350px) { .game-section-holder#detskaya .main-game-holder .full-height-block .letters-list li { padding: 0 0 2vh 9vh; } }

.game-section-holder#detskaya .main-game-holder .full-height-block .letters-list li:before { content: counter(section) "."; display: block; font-family: "Caveat", cursive; font-size: 3.4vh; position: absolute; left: 2vw; top: 0; }

.game-section-holder#detskaya .main-game-holder .full-height-block .letters-list li.decor-before .icon-decor { width: 7vh; height: 7vh; position: absolute; left: 0; top: 3vw; }

.game-section-holder#detskaya .main-game-holder .full-height-block .letters-list li div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 .5vh; }

.game-section-holder#detskaya .main-game-holder .full-height-block .letters-list li div:last-of-type { margin: 0; }

.game-section-holder#detskaya .main-game-holder .full-height-block .letters-list li div p { width: 6vh; height: 6vh; background: #fff; margin: 0 .5vh 0 0; border-radius: 2vh; font-size: 3.4vh; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

@media (max-height: 350px) { .game-section-holder#detskaya .main-game-holder .full-height-block .letters-list li div p { width: 5vh; height: 5vh; font-size: 2.7vh; } }

@media (max-aspect-ratio: 3 / 2) { .game-section-holder#detskaya .main-game-holder .full-height-block .letters-list li div p { width: 4vh; height: 4vh; background: #fff; margin: 0 0.5vh 0 0; border-radius: 1vh; font-size: 2.4vh; } }

.game-section-holder#detskaya .main-game-holder .full-height-block .letters-list li .letters-to-pick p { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #035929; border: 1px solid #035929; color: #fff; }

.game-section-holder#detskaya .main-game-holder .full-height-block .letters-list li .letters-to-pick p.active { border: 1px solid #035929; background: #fff; color: #035929; }

.game-section-holder#detskaya .main-game-holder .full-height-block .letters-list li .letters-to-pick p.error { border: 1px solid #9D1C20; background: #9D1C20; color: #FAD2D3; -webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; pointer-events: none; }

.game-section-holder#detskaya .main-game-holder .full-height-block .letters-list li .letters-to-pick p.inactive-default { background: #FFFFFF; border: 1px solid #CCCCCC; color: #A8A8A8; pointer-events: none; cursor: default; text-decoration: line-through; }

.game-section-holder#detskaya .main-game-holder .full-height-block .letters-list li .letters-to-pick p.inactive { background: #FFFFFF; border: 1px solid #CCCCCC; color: #A8A8A8; pointer-events: none; cursor: default; text-decoration: line-through; }

.game-section-holder#detskaya .main-game-holder .full-height-block .letters-list li .letters-done p { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #CCCCCC; }

.game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display h2 { margin-bottom: 5vh; }

.game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display .letter-words-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display .letter-words-block .words-list-holder { width: 20vw; margin: 0 4vw 0 0; }

.game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display .letter-words-block .words-list { width: 100%; }

.game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display .letter-words-block .words-list li { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 .7vw; cursor: pointer; }

.game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display .letter-words-block .words-list li p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #035929; width: 100%; padding: .5vw; border-radius: 1vh; color: #fff; font-size: 1.8vw; }

@media (max-height: 350px) { .game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display .letter-words-block .words-list li p { padding: .3vw; font-size: 1.6vw; } }

.game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display .letter-words-block .words-list li p.active { border: 1px solid #035929; background: #fff; color: #035929; }

.game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display .letter-words-block .words-list li p.inactive { background: #FFFFFF; border: 1px solid #CCCCCC; color: #A8A8A8; pointer-events: none; cursor: default; }

.game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display .letter-words-block .words-list li p.error { border: 1px solid #9D1C20; background: #9D1C20; color: #FAD2D3; -webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; pointer-events: none; }

.game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display .letter-words-block .letter-full { width: 85%; }

.game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display .letter-words-block .letter-full h2 { color: #0D0D0D; text-transform: capitalize; }

.game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display .letter-words-block .letter-full p { font-size: 1.8vw; line-height: 1.3; margin: 0 0 2vh; font-weight: 500; }

.game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display .letter-words-block .letter-full p:last-of-type { margin: 0; }

@media (max-height: 350px) { .game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display .letter-words-block .letter-full p { font-size: 1.6vw; } }

.game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display .letter-words-block .letter-full span { cursor: pointer; font-weight: bold; color: #035929; }

.game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display .letter-words-block .letter-full span.word-underscore { color: #0D0D0D; }

.game-section-holder#detskaya .main-game-holder .full-height-block .make-letter-display .letter-words-block .letter-full span.inserted-word { display: inline-block; }

@-webkit-keyframes shake-horizontal { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); }
  10%, 30%, 50%, 70% { -webkit-transform: translateX(-4px); transform: translateX(-4px); }
  20%, 40%, 60% { -webkit-transform: translateX(4px); transform: translateX(4px); }
  80% { -webkit-transform: translateX(2px); transform: translateX(2px); }
  90% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } }

@keyframes shake-horizontal { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); }
  10%, 30%, 50%, 70% { -webkit-transform: translateX(-4px); transform: translateX(-4px); }
  20%, 40%, 60% { -webkit-transform: translateX(4px); transform: translateX(4px); }
  80% { -webkit-transform: translateX(2px); transform: translateX(2px); }
  90% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } }

.game-section-holder#detskaya .main-game-holder .game-timer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 6vw; width: 12vw; position: absolute; z-index: 100; right: 0; bottom: 0; }

.game-section-holder#detskaya .main-game-holder .game-timer.green { background: #035929; }

.game-section-holder#detskaya .main-game-holder .game-timer.yellow { background: #ABE640; }

.game-section-holder#detskaya .main-game-holder .game-timer.red { background: #9D1C20; }

.game-section-holder#detskaya .main-game-holder .game-timer p { font-size: 2.4vw; color: #fff; }

.game-section-holder#detskaya .main-game-holder .game-timer .timer-clock { width: 15%; height: 40%; margin: 0 4.5% 0 0; }

.game-section-holder#detskaya .main-game-holder .game-timer .timer-clock svg { display: block; width: 100%; height: 100%; }

.game-section-holder#kuhnya { background: #DAEDD9; }

.game-section-holder#kuhnya .main-game-holder { padding-bottom: 55%; }

@media (max-height: 350px) { .game-section-holder#kuhnya .main-game-holder { padding-bottom: 51%; } }

.game-section-holder#kuhnya .game-section { background: #DAEDD9; }

.game-section-holder#kuhnya .rightPresentsBlock .hints-text { display: none; }

.game-section-holder#kuhnya .rightPresentsBlock.all-scrolls-picked .hints-text { display: inline-block; }

.game-section-holder#kuhnya .rightPresentsBlock.all-scrolls-picked .scrolls-text { display: none; }

.game-section-holder#kuhnya .rightPresentsBlock.all-scrolls-picked .aside-presents { width: 65%; }

.game-section-holder#kuhnya .rightPresentsBlock.all-scrolls-picked .aside-presents li { height: auto; position: relative; counter-increment: section; padding: 0 0 0 2vw; margin: 0 2% 0 0; }

.game-section-holder#kuhnya .rightPresentsBlock.all-scrolls-picked .aside-presents li svg { display: none; }

.game-section-holder#kuhnya .rightPresentsBlock.all-scrolls-picked .aside-presents li#rightpresent15 { width: 55%; }

.game-section-holder#kuhnya .rightPresentsBlock.all-scrolls-picked .aside-presents li#rightpresent16 { width: 29%; }

.game-section-holder#kuhnya .rightPresentsBlock.all-scrolls-picked .aside-presents li#rightpresent17 { width: 39%; }

.game-section-holder#kuhnya .rightPresentsBlock.all-scrolls-picked .aside-presents li:before { content: counter(section) "."; font-family: "Caveat", cursive; font-size: 1.8vw; line-height: .8; display: block; position: absolute; top: 0; left: 0; }

.game-section-holder#kuhnya .rightPresentsBlock.all-scrolls-picked .aside-presents li p { display: block; }

.game-section-holder#kuhnya .rightPresentsBlock .aside-presents { counter-reset: section; width: 50%; }

.game-section-holder#kuhnya .rightPresentsBlock .aside-presents li { margin: 0 2% 0 0; width: 11%; height: 8%; position: relative; }

.game-section-holder#kuhnya .rightPresentsBlock .aside-presents li.picked { color: #A8A8A8; }

.game-section-holder#kuhnya .rightPresentsBlock .aside-presents li span { width: 3%; height: 3%; background: red; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); opacity: 0; z-index: 1; }

.game-section-holder#kuhnya .rightPresentsBlock .aside-presents li p { font-size: 1.8vw; line-height: .8; display: none; }

@media (max-height: 350px) { .game-section-holder#ng-block .main-game-holder { padding-bottom: 60%; } }

.game-section-holder#ng-block .trigger svg, .game-section-holder#ng-block .trigger img { opacity: 1; }

.game-section-holder .rightPresentsBlock { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 0 1vw; width: 100%; height: 10%; background: #fff; bottom: 0; left: 0; right: 0; z-index: 100; }

.game-section-holder .rightPresentsBlock ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62%; }

.game-section-holder .rightPresentsBlock ul li { padding: 0 1%; display: block; height: calc(5vw/1.77); }

.game-section-holder .rightPresentsBlock ul li svg { width: 100%; height: 100%; }

.game-section-holder .rightPresentsBlock ul li#rightpresent1 { width: 16.25%; }

.game-section-holder .rightPresentsBlock ul li#rightpresent2 { width: 7.9%; }

.game-section-holder .rightPresentsBlock ul li#rightpresent3 { width: 5.5%; }

.game-section-holder .rightPresentsBlock ul li#rightpresent4 { width: 7.75%; }

.game-section-holder .rightPresentsBlock ul li#rightpresent5 { width: 13.75%; }

.game-section-holder .rightPresentsBlock ul li#rightpresent6 { width: 5.75%; }

.game-section-holder .rightPresentsBlock ul li#rightpresent7 { width: 2.25%; }

.game-section-holder .rightPresentsBlock ul li#rightpresent8 { width: 5.1%; }

.game-section-holder .rightPresentsBlock ul li#rightpresent9 { width: 8.3%; }

.game-section-holder .rightPresentsBlock ul li#rightpresent10 { width: 10.1%; }

.game-section-holder .rightPresentsBlock .game-timer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 13%; }

.game-section-holder .rightPresentsBlock .game-timer.green { background: #035929; }

.game-section-holder .rightPresentsBlock .game-timer.yellow { background: #ABE640; }

.game-section-holder .rightPresentsBlock .game-timer.red { background: #9D1C20; }

.game-section-holder .rightPresentsBlock .game-timer p { font-size: 2.4vw; color: #fff; }

.game-section-holder .rightPresentsBlock .game-timer .timer-clock { width: 15%; height: 40%; margin: 0 4.5% 0 0; }

.game-section-holder .rightPresentsBlock .game-timer .timer-clock svg { display: block; width: 100%; height: 100%; }

.main-game-holder { height: 0; padding-bottom: 68%; position: relative; width: 100%; }

.game-section { position: absolute; top: 0; left: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #EAF4D5; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: auto; width: 100%; overflow: hidden; }

.game-section .findPresents { position: fixed; left: 5%; top: 5%; z-index: 20; width: 30vh; height: 4vh; }

.game-section .findPresents svg { width: 100%; height: 100%; display: block; }

.game-section .bg-game { position: relative; width: 100%; height: 100%; }

.game-section .bg-game .image-bg { position: absolute; top: 10%; left: 0; right: 0; width: 100%; height: 58%; -o-object-fit: fill; object-fit: fill; -o-object-position: bottom left; object-position: bottom left; z-index: 0; }

.game-section .bg-game .rack { pointer-events: none; z-index: 5; width: 100%; height: 100%; position: absolute; bottom: -5%; left: 0; }

.game-section .bg-game .rack svg { width: 100%; height: 100%; }

.game-section .bg-game .ded { pointer-events: none; z-index: 45; width: 36%; height: 49%; position: absolute; bottom: 7.9%; right: 31.3%; }

.game-section .bg-game .add-decor-show { display: block !important; }

.game-section .bg-game .chair-part { pointer-events: none; z-index: 15; width: 10%; height: 39%; position: absolute; bottom: 22.9%; right: 6.3%; }

.game-section .bg-game .chair-part svg { width: 100%; height: 100%; }

.game-section .bg-game .chair-other { pointer-events: none; z-index: 10; width: 21%; height: 33%; position: absolute; bottom: 24.9%; right: 7.3%; }

.game-section .bg-game .chair-other svg { width: 100%; height: 100%; }

.game-section .bg-game .plant { pointer-events: none; z-index: 10; width: 9%; height: 21%; position: absolute; top: 5.9%; right: 27.3%; }

.game-section .bg-game .plant svg { width: 100%; height: 100%; }

.game-section .bg-game .table-chairs { pointer-events: none; z-index: 9; width: 38%; height: 52%; position: absolute; top: 39.9%; left: 6.9%; }

.game-section .bg-game .table-chairs svg { width: 100%; height: 100%; }

.game-section .bg-game .rakovina { pointer-events: none; z-index: 8; width: 13%; height: 7.5%; position: absolute; top: 41.6%; left: 19.9%; }

@media (max-height: 350px) { .game-section .bg-game .rakovina { left: 21.7%; } }

.game-section .bg-game .rakovina svg { width: 100%; height: 100%; }

.game-section .bg-game .planka { pointer-events: none; z-index: 8; width: 64%; height: 1.8%; position: absolute; top: 41.4%; left: 19.7%; }

@media (max-height: 350px) { .game-section .bg-game .planka { width: 59.6%; left: 21.7%; } }

.game-section .bg-game .planka svg { width: 100%; height: 100%; }

.game-section .bg-game .oven { pointer-events: none; z-index: 8; width: 12.3%; height: 22.5%; position: absolute; top: 42.9%; left: 46.4%; }

@media (max-height: 350px) { .game-section .bg-game .oven { left: 46.2%; } }

.game-section .bg-game .oven svg { width: 100%; height: 100%; }

.game-section .bg-game .carpet-cat { pointer-events: none; z-index: 8; width: 43.3%; height: 23.5%; position: absolute; top: 64.9%; right: 7.4%; }

.game-section .bg-game .carpet-cat svg { width: 100%; height: 100%; }

.game-section .bg-game .food { display: none; pointer-events: none; z-index: 10; width: 27%; height: 13%; position: absolute; bottom: 36.9%; left: 12.3%; }

.game-section .bg-game .food svg { width: 100%; height: 100%; }

.game-section .bg-game .cat-hat { display: none; pointer-events: none; z-index: 10; width: 8%; height: 8%; position: absolute; bottom: 28.9%; right: 15%; }

@media (max-height: 350px) { .game-section .bg-game .cat-hat { right: 15.6%; } }

.game-section .bg-game .cat-hat svg { width: 100%; height: 100%; }

.game-section .bg-game .other-books { pointer-events: none; z-index: 10; width: 4.5%; height: 10%; position: absolute; bottom: 50.9%; left: 15.3%; }

.game-section .bg-game .other-books svg { width: 100%; height: 100%; }

.game-section .bg-game .cat { pointer-events: none; z-index: 15; width: 10%; height: 8%; position: absolute; bottom: 32.9%; right: 17.3%; }

.game-section .bg-game .cat svg { width: 100%; height: 100%; }

.game-section .bg-game .basket { pointer-events: none; z-index: 10; width: 12%; height: 16%; position: absolute; bottom: 21.9%; right: 44.3%; }

.game-section .bg-game .basket svg { width: 100%; height: 100%; }

.game-section .bg-game .cattle-stuff { pointer-events: none; z-index: 35; width: 9%; height: 9%; position: absolute; bottom: 34.2%; right: 5%; }

.game-section .bg-game .cattle-stuff svg { width: 100%; height: 100%; }

.game-section .bg-game .table-stuff { pointer-events: none; z-index: 25; width: 14%; height: 16%; position: absolute; bottom: 22.2%; right: 2%; }

.game-section .bg-game .table-stuff svg { width: 100%; height: 100%; }

.game-section .bg-game .present { position: absolute; z-index: 8; }

.game-section .bg-game .present svg { width: 100%; height: 100%; position: absolute; top: 0; }

.game-section .bg-game .present1 { width: 13.8%; height: 4.2%; bottom: 25.9%; right: 9.5%; z-index: 8; }

.game-section .bg-game .present2 { width: 6.2%; height: 6.2%; top: 46.3%; left: 4.5%; }

.game-section .bg-game .present3 { width: 3.1%; height: 4%; bottom: 23%; left: 53.4%; }

@media (max-height: 350px) { .game-section .bg-game .present3 { bottom: 24%; } }

.game-section .bg-game .present4 { width: 4%; height: 5.2%; bottom: 27.7%; left: 19.8%; }

@media (max-height: 350px) { .game-section .bg-game .present4 { bottom: 23.7%; } }

.game-section .bg-game .present5 { width: 8.9%; height: 4.8%; bottom: 24.5%; left: -2%; }

.game-section .bg-game .present6 { width: 2.9%; height: 3.8%; bottom: 35.5%; right: 4%; z-index: 30; }

.game-section .bg-game .present7 { width: 1.9%; height: 8.8%; bottom: 37.6%; left: 8%; }

.game-section .bg-game .present8 { width: 7.9%; height: 13.8%; bottom: 31.7%; left: 43%; z-index: 3; }

.game-section .bg-game .present9 { width: 6.9%; height: 9.8%; top: 24.4%; right: 22%; z-index: 3; }

@media (max-height: 350px) { .game-section .bg-game .present9 { top: 21.4%; } }

.game-section .bg-game .present10 { width: 8.9%; height: 4.8%; bottom: 38.5%; right: 11%; z-index: 10; }

.game-section .bg-game .present11 { width: 6.5%; height: 6.8%; bottom: 36%; left: 19%; z-index: 10; }

.game-section .bg-game .present12 { width: 15.9%; height: 15.8%; bottom: 38.5%; right: 16%; z-index: 10; }

.game-section .bg-game .present13 { width: 14.9%; height: 17.8%; bottom: 38.5%; right: 0; z-index: 10; }

.game-section .bg-game .present14 { width: 2.9%; height: 7.8%; bottom: 50.5%; left: 13.3%; z-index: 12; }

.game-section .bg-game .present15 { width: 2.9%; height: 4.8%; top: 39.3%; left: 20%; z-index: 7; -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); }

@media (max-height: 350px) { .game-section .bg-game .present15 { left: 23%; } }

.game-section .bg-game .present16 { width: 2.9%; height: 4.8%; bottom: 38.7%; right: 43.7%; z-index: 7; -webkit-transform: rotate(-17deg); -ms-transform: rotate(-17deg); transform: rotate(-17deg); }

.game-section .bg-game .present17 { width: 6.4%; height: 7.8%; bottom: 16.3%; right: 7%; z-index: 7; }

.game-section .bg-game .present18 { width: 5.3%; height: 6.8%; top: 34.1%; right: 19%; z-index: 12; }

.game-section .bg-game .present19 { width: 6.4%; height: 6.8%; top: 34.1%; left: 41.3%; z-index: 12; }

.game-section .bg-game .present20 { width: 8.4%; height: 6.8%; top: 35.1%; left: 33.7%; z-index: 11; }

.game-section .bg-game .present11.picked, .game-section .bg-game .present12.picked, .game-section .bg-game .present13.picked, .game-section .bg-game .present14.picked { border-radius: 50%; }

.game-section .bg-game .present11.picked:before, .game-section .bg-game .present12.picked:before, .game-section .bg-game .present13.picked:before, .game-section .bg-game .present14.picked:before { content: ''; border-radius: 50%; display: block; background: url(../images/shining.png) center center/cover no-repeat; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 120%; height: 150%; pointer-events: none; }

.game-section .bg-game .present11.picked:after, .game-section .bg-game .present12.picked:after, .game-section .bg-game .present13.picked:after, .game-section .bg-game .present14.picked:after { content: ''; border-radius: 50%; display: block; -webkit-animation: pulse 1s ease-in-out infinite alternate; animation: pulse 1s ease-in-out infinite alternate; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 200%; height: 200%; z-index: -1; pointer-events: none; }

@-webkit-keyframes pulse { from { background: -webkit-radial-gradient(center, ellipse farthest-corner, white 25%, rgba(255, 255, 255, 0) 50%); background: radial-gradient(center, ellipse farthest-corner, white 25%, rgba(255, 255, 255, 0) 50%);
    opacity: 1; }
  to { background: -webkit-radial-gradient(center, ellipse farthest-corner, white 25%, rgba(255, 255, 255, 0) 50%); background: radial-gradient(center, ellipse farthest-corner, white 25%, rgba(255, 255, 255, 0) 50%);
    opacity: 0.5; } }

@keyframes pulse { from { background: -webkit-radial-gradient(center, ellipse farthest-corner, white 25%, rgba(255, 255, 255, 0) 50%); background: -o-radial-gradient(center, ellipse farthest-corner, white 25%, rgba(255, 255, 255, 0) 50%); background: radial-gradient(center, ellipse farthest-corner, white 25%, rgba(255, 255, 255, 0) 50%);
    opacity: 1; }
  to { background: -webkit-radial-gradient(center, ellipse farthest-corner, white 25%, rgba(255, 255, 255, 0) 50%); background: -o-radial-gradient(center, ellipse farthest-corner, white 25%, rgba(255, 255, 255, 0) 50%); background: radial-gradient(center, ellipse farthest-corner, white 25%, rgba(255, 255, 255, 0) 50%);
    opacity: 0.5; } }

.game-section .bg-game .present12.picked:before { width: 89%; height: 100%; }

.game-section .bg-game .present12.picked:after { width: 150%; height: 150%; }

.game-section .bg-game #present1, .game-section .bg-game #present2, .game-section .bg-game #present3, .game-section .bg-game #present4, .game-section .bg-game #present5, .game-section .bg-game #present6, .game-section .bg-game #present7, .game-section .bg-game #present8, .game-section .bg-game #present9, .game-section .bg-game #present10, .game-section .bg-game #present11, .game-section .bg-game #present12, .game-section .bg-game #present13, .game-section .bg-game #present14, .game-section .bg-game #present15, .game-section .bg-game #present16, .game-section .bg-game #present17, .game-section .bg-game #present18, .game-section .bg-game #present19, .game-section .bg-game #present20 { position: absolute; display: block; bottom: -15%; left: -15%; width: 130%; height: 130%; z-index: 36; }

.trigger { position: absolute; z-index: 35; }

.trigger span { width: 3%; height: 3%; background: red; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); opacity: 0; z-index: 1; }

.trigger svg { opacity: 0; position: absolute; width: 100%; height: 100%; }

.trigger img { opacity: 0; position: absolute; width: 100%; height: 100%; }

.trigger01 { top: 29%; right: 24%; width: 25%; height: 8%; }

@media (max-height: 350px) { .trigger01 { top: 27%; } }

.trigger02 { top: 19.4%; right: 37%; width: 13%; height: 12%; z-index: 3; }

@media (max-height: 350px) { .trigger02 { top: 16.4%; } }

.trigger03 { top: 28%; right: 56%; width: 19%; height: 37%; }

.trigger04 { top: 39%; right: 29%; width: 16%; height: 10%; }

.trigger05 { top: 0; right: 22%; width: 25%; height: 13%; }

@media (max-height: 350px) { .trigger05 { width: 20%; height: 14%; } }

.trigger06 { top: 17.4%; left: 32.8%; width: 6%; height: 8%; }

@media (max-height: 350px) { .trigger06 { top: 14.4%; } }

.trigger07 { top: -5%; right: 52%; width: 24%; height: 23%; }

.trigger08 { top: 21%; right: 55%; width: 15%; height: 17%; z-index: 3; }

.trigger09-left { top: 12%; left: -4%; width: 21%; height: 42%; z-index: 3; }

.trigger09-right { top: 12%; right: -4%; width: 21%; height: 42%; z-index: 3; }

.trigger10-left { top: 13.4%; left: -5%; width: 29%; height: 7%; }

.trigger10-right { top: 13.4%; right: -5%; width: 29%; height: 7%; }

.trigger10-tree { top: 26.4%; left: 24%; width: 22%; height: 37%; }

.trigger11 { bottom: 35%; left: 18%; width: 9%; height: 7%; z-index: 8; }

.trigger12 { bottom: 36%; right: 16%; width: 15%; height: 21%; z-index: 8; }

.trigger13 { top: 43%; right: 2%; width: 11%; height: 19%; z-index: 8; }

.trigger14 { top: 42%; right: 84%; width: 5%; height: 7%; z-index: 8; }

.trigger18 { bottom: 41%; left: 22.5%; width: 8.3%; height: 8.8%; z-index: 11; }

.trigger19 { bottom: 35%; left: 25%; width: 7.4%; height: 7.8%; z-index: 12; }

.trigger20 { bottom: 36%; left: 16%; width: 10%; height: 7.4%; z-index: 13; }

.rotate-screen-box { display: none; z-index: 1200; background: -webkit-gradient(linear, left top, left bottom, color-stop(7.93%, #118938), to(#B4EA5D)); background: -webkit-linear-gradient(top, #118938 7.93%, #B4EA5D 100%); background: -o-linear-gradient(top, #118938 7.93%, #B4EA5D 100%); background: linear-gradient(180deg, #118938 7.93%, #B4EA5D 100%); position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; color: #fff; }

.rotate-screen-box .rotate-bg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; background-image: url(../images/rotate-decor.png); background-repeat: no-repeat; background-position: center center; background-size: contain; }

.rotate-screen-box #popup-decor1 { width: 15vh; height: 15vh; position: absolute; top: 17vh; right: 18vh; }

.rotate-screen-box #popup-decor2 { width: 15vh; height: 17vh; position: absolute; bottom: 11vh; left: 12vh; }

.rotate-screen-box div { -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Gilroy bold", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 2vh; margin: auto; padding: 2vh; }

.rotate-screen-box div .rotate-ico-contain { width: 4vh; height: 4vh; }

.rotate-screen-box div .rotate-ico-contain svg { width: 100%; height: 100%; }

.rotate-screen-box .pumpkin { display: block; margin: 0 auto; }

@media all and (orientation: portrait) { .hide-block + #finalForm:not(.popup-show) + .rotate-screen-box { display: block; } }

@media all and (orientation: landscape) { .rotate-screen-box { display: none; } }

.popup { font-family: "Gilroy medium", Verdana, Arial, Helvetica, sans-serif; font-weight: 500; position: relative; width: 100%; text-align: center; color: #035929; background-color: #DDF5CE; margin: 1rem; z-index: 3; overflow: hidden; max-width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

.popup .bg-popup { position: absolute; bottom: 0; right: 0; left: 0; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; z-index: -1; }

.popup .popup-wrapper { padding: 10% 6% 15%; position: relative; max-width: 620px; margin: 0 auto; }

@media (min-width: 768px) { .popup .popup-wrapper { padding: 10% 10% 15%; } }

.popup .text-bigger-popup { font-size: 15px; }

@media (min-width: 992px) { .popup .text-bigger-popup { font-size: 17px; } }

@media (min-width: 1200px) { .popup .text-bigger-popup { font-size: 25px; } }

.popup p { font-size: 11px; line-height: 1.4; margin-bottom: 15px; }

@media (min-width: 992px) { .popup p { font-size: 14px; margin-bottom: 25px; } }

@media (min-width: 1200px) { .popup p { font-size: 18px; margin-bottom: 35px; } }

.popupHolder { display: none; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; overflow-x: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 999; }

.popupHolder.popup-show { display: block; }

.popupHolder#finishKuhnyaGameHolder .btn { max-width: 340px; }

.popupHolder#game-end .bg .popup { max-height: 250px; height: 50vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 80%; }

.popupHolder#game-end .bg .popup .popup-wrapper { padding: 10%; }

@media (min-width: 576px) { .popupHolder#game-end .bg .popup { max-height: 500px; max-width: 50%; } }

.popupHolder#finishGamePopup:before { content: ''; display: block; background: url(../images/bg-popup-final@2x.png) center center/contain repeat; width: 67%; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

.popupHolder#finishGamePopup .popup .popup-wrapper { max-width: 680px; }

.popupHolder#finishGamePopup .btn { max-width: 340px; }

.popupHolder .bg { overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; }

.popupHolder .bg:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.popupHolder .btns-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.popupHolder .btns-block .btn { margin: 0 4% 0 0; }

.popupHolder .btns-block .btn:last-of-type { margin: 0; }

.cursive { font-family: "Caveat", cursive; }

.bg-hide { background-image: none; }

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

.visible-block { display: -webkit-box; display: -ms-flexbox; display: flex; }

.present-hidden { -webkit-animation-duration: 2s; animation-duration: 2s; }

.firstgood { -webkit-animation-name: firstgood; animation-name: firstgood; -webkit-animation-duration: 2s; animation-duration: 2s; }

.secondgood { -webkit-animation-name: secondgood; animation-name: secondgood; -webkit-animation-duration: 3.5s; animation-duration: 3.5s; }

.thirdgood { -webkit-animation-name: thirdgood; animation-name: thirdgood; -webkit-animation-duration: 3.5s; animation-duration: 3.5s; }

.fourthgood { -webkit-animation-name: fourthgood; animation-name: fourthgood; -webkit-animation-duration: 3.5s; animation-duration: 3.5s; }

.fifthgood { -webkit-animation-name: fifthgood; animation-name: fifthgood; -webkit-animation-duration: 3.5s; animation-duration: 3.5s; }

.filter-class { background: rgba(255, 255, 255, 0.3); -webkit-filter: blur(15px); filter: blur(15px); }

/*# sourceMappingURL=../maps/main.css.map */