/* =====================================================================
					        MAIN STYLE
======================================================================== */

@import url("reset.css");
@import url("fonts.css");
@import url("asd.css");

html, body { position: relative; width: 100%; height: 100%; overflow: hidden; }

input, textarea {color: #000000;outline: none;font-family: 'fedra', Arial, sans-serif;font-weight: 500;}
a, span { font: inherit; color: inherit; outline: none; }
textarea { overflow: auto; resize: none; }
body { font-family: 'fedra', Arial, sans-serif; font-weight: 500; font-size: 10px; background: #ffffff; color: #000000; }

a { text-decoration: none; }
a:hover { text-decoration: none; }
.b-simple_link { text-decoration: underline; color: #0ab43f; }
.b-simple_link:hover { text-decoration: none; }
.b-simple_link2:hover { text-decoration: underline; }


/****************************************************************** COMMON ********************************************************************************/


/* desktop / mobile / tablet / phone */
.b-desktop_only { display: none; }
.b-mobile_only { display: none; }
.b-tablet_only { display: none; }
.b-phone_only { display: none; }




/* lansdcape panel for mobile devices */
.b-mobile_rotate { display: none; background-image: url(/img/mobile/mob_hor_bg.jpg); background-color: white; position: fixed; }
.b-mobile_rotate_in { height: 58em; text-align: center; bottom: 10em; }
.b-mobile_rotate_in * { text-align: center; }
.b-mobile_rotate_img { font-size: 1.8em; width: 24em; height: 21em; background-image: url(../img/mobile/mob_hor.png); }
.b-mobile_rotate_text { font-size: 7em; line-height: 1.3; margin-top: 1.5em; }





/* hovers */
.b-hover { cursor: pointer; }

/* hover slides */
.b-hover_slides {  }
.b-hover_slide {overflow: visible;}
.b-hover_slide_1 {  }
.b-hover_slide_2 {  }
.b-hover_slides_top 	.b-hover_slide_1 { top: 0; }
.b-hover_slides_top 	.b-hover_slide_2 { top: 100%; }
.b-hover_slides_bottom 	.b-hover_slide_1 { top: 0; }
.b-hover_slides_bottom 	.b-hover_slide_2 { top: -100%; }
.b-hover_slides_left 	.b-hover_slide_1 { left: 0; }
.b-hover_slides_left 	.b-hover_slide_2 { left: 100%; }
.b-hover_slides_right 	.b-hover_slide_1 { left: 0; }
.b-hover_slides_right 	.b-hover_slide_2 { left: -100%; }
.b-hover_slides_opacity .b-hover_slide_1 { opacity: 1; }
.b-hover_slides_opacity .b-hover_slide_2 { opacity: 0; }

/* hover border */
.b-hover_border { border: 1px solid white; -moz-box-sizing: border-box; box-sizing: border-box; overflow: visible; }




/* buttons */
.b-button {
    position: relative; display: inline-block; vertical-align: middle;
    -webkit-transition: background 300ms ease-out, color 300ms ease-out, border 300ms ease-out;
    transition: background 300ms ease-out, color 300ms ease-out, border 300ms ease-out;
}
.b-button span { color: inherit; text-align: center; position: relative; line-height: 1; display: inline-block; vertical-align: middle; }
.b-button em {
    display: inline-block; vertical-align: middle; position: relative;
    -webkit-transition: background 300ms ease-out; transition: background 300ms ease-out;
}
.b-button.b-button_disabled { cursor: auto !important; pointer-events: none; }

.b-button_1 { min-width: 37em; height: 10em; border-radius: 10em; color: white; }
.b-button_1 span { padding: 0 2em; font-size: 2.6em; text-transform: uppercase; font-weight: 600; }
.b-button_1.b-button_disabled { background: #cbcbcb; }

.b-button_orange { background: #ff9907; }
.b-button_green { background: #0ab43f; }
.b-button_red { background: #cc2229; }
.b-button_grey { background: #cbcbcb; }

.b-button_underline { background: transparent; color: black; }
.b-button_underline span { text-decoration: underline; }

.b-button_anim:before { position: absolute; display: block; content: ''; left: 0; top: 0; width: 100%; height: 100%; border-radius: inherit; background: inherit; }



/* inputs */
.b-input_wrap { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 9em; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; }
.b-input, .b-input_placeholder {
    height: 100%; width: 100%; color: #000000; padding: 0; font-size: 3.2em; background: white; border: none; position: relative;
    box-sizing: border-box; font-weight: 300; border: 1px solid #c5c5c5; border-radius: 3em;
}
.b-input_placeholder {position: absolute;left: 0;top: 0;line-height: 1.2;}
.b-input_focus .b-input_placeholder,
.b-input_with_text .b-input_placeholder { opacity: 0; filter:alpha(opacity=0); }

.b-input::-webkit-input-placeholder { color: #999999; }
.b-input::-moz-placeholder { color: #999999; }
.b-input_placeholder { color: #999999; }
.b-input:focus::-webkit-input-placeholder { color: transparent; }
.b-input:focus::-moz-placeholder { color: transparent; }

.b-input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 100px white inset; -webkit-text-fill-color: #000000 !important; }

.b-input_error { color: #f3330c; }

.b-input_error::-webkit-input-placeholder { color: #f3330c; }
.b-input_error::-moz-placeholder { color: #f3330c; }
.b-input_error:focus::-webkit-input-placeholder { color: transparent; }
.b-input_error:focus::-moz-placeholder { color: transparent; }





/* checkbox / radio */
.b-checkbox_wrap { display: inline-block; vertical-align: top; position: relative; }
.b-checkbox { position: absolute; opacity: 0; filter: alpha(opacity=0); width: 2em; height: 2em; left: 0; top: 0; cursor: pointer; margin: 0; }

.b-checkbox + label { position: relative; cursor: pointer; display: block; }
.b-checkbox + label > span {
    padding: 0 0 0 2.5em; white-space: normal; display: inline-block; vertical-align: top; font-size: 2.2em; line-height: 1.2; width: auto; text-align: left;
}
.b-checkbox + label > span .b-simple_link {color: #0ab43f;}
.b-checkbox + label > em {position: absolute;display: block;left: 0;top: 0;width: 3em;height: 3em;background: transparent;border: 1px solid #c5c5c5;border-radius: 50%;}
.b-checkbox:checked + label > em:before {
    position: absolute; display: block; content: ''; left: 0; top: 0; right: 0; bottom: 0; width: 1.5em; height: 1.5em;
    border-radius: 50%; margin: auto; background: #2ea555;
}

.b-input_error .b-checkbox + label > em { border-color: #f3330c; }





/* selectbox */
.selectbox {width: 100%;height: 9em;cursor: pointer;box-sizing: border-box;}
.selectbox.active {  }

.selectbox .select {
    width: 100%; height: 100%; box-sizing: border-box; background: white; border-radius: 30em; position: relative; float: none !important; padding: 0;
    border: 1px solid #c5c5c5;
}
.selectbox .trigger {position: absolute;display: inline-block;vertical-align: middle;top: 0;bottom: 0;margin: auto;right: 4em;width: 4em;height: 3em;}
.selectbox .text {font-size: 3.2em;display: inline-block;vertical-align: middle;padding: 0.85em 0 0;font-weight: 300;}
.selectbox .arrow {
    position: absolute; right: 0; top: 0; width: 100%; height: 100%;
    background: url(/img/common/selectbox_arrow.png) center center no-repeat; background-size: contain;
    -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
.selectbox.active .arrow { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.selectbox .dropdown {
    width: 100%; left: 0; top: 100%; height: 40.5em !important; box-sizing: border-box; margin-top: -9em; z-index: 0 !important; border-radius: 5em;
    background: white; padding: 9em 0 1em 0; border: 1px solid #c5c5c5;
}
.selectbox .dropdown ul { display: block; position: relative; height: 100%; }
.selectbox .dropdown li {display: block;padding: 0.7em 0.5em;font-size: 3.2em;font-weight: 300;}
.selectbox .dropdown li:first-child { border: none; }
.selectbox .dropdown li:hover { background:rgba(0, 0, 0, 0.05) }





/* scroll block */
.b-scroll_x { position: relative; height: 100%; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.b-scroll_y { position: relative; height: 100%; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
.b-scroll_in { position: relative; overflow: hidden; }





/* socials */
.b-social { display: inline-block; vertical-align: top; position: relative; width: 4em; height: 4em; margin: 0 0.2em; }
.b-social.b-social_fb { background-image: url(/img/common/social_fb.png); }
.b-social.b-social_vk {background-image: url(/img/common/social_vk.png); }
.b-social.b-social_tw { background-image: url(/img/common/social_tw.png);  }
.b-social.b-social_ok { background-image: url(/img/common/social_ok.png); }
.b-social.b-social_mail { background-image: url(/img/common/social_mail.png); }

.b-social_2 {display: inline-block;vertical-align: middle;position: relative;width: 5em;height: 5em;margin: 0 1.5em;}
.b-social_2.b-social_fb { background-image: url(/img/common/socials-fb.svg); }
.b-social_2.b-social_vk {background-image: url(/img/common/socials-vk.svg);width: 6em;height: 5em;}
.b-social_2.b-social_tw { background-image: url(/img/common/socials-tw.svg); }
.b-social_2.b-social_ok { background-image: url(/img/common/socials-ok.svg); }
.b-social_2.b-social_loading { background-image: url(/img/common/socials-load.svg); -webkit-animation: vynil linear 2s infinite; animation: vynil linear 2s infinite; }




/* error content */
.b-error_content {  }
.b-error_content_bg {  }
.b-error_text { font-size: 3.5em; text-align: center; color: #ffffff; }





/* gl canvas */
.gl-canvas_wrap { position: absolute; top: 0; left: 0; width: 800px; font-size: 5px; visibility: hidden; pointer-events: none; }
.gl-canvas_image, .gl-canvas, .gl-image_result { position: relative; height: 420px; width: 100%; }
.gl-image_result { position: absolute; left: 0; top: 0; }

.gl-result_content { height: 76em; }
.gl-subtitle { font-size: 3.4em; margin-top: 12em; text-transform: uppercase; text-align: center; font-weight: 700; color: #2ea555; }
.gl-title { font-size: 7em; text-align: center; font-weight: 300; margin: 0.5em 4em 0; line-height: 1.2; }
.gl-text { font-size: 3.2em; text-align: center; margin: 1.5em 0 0 0; font-weight: 700; }





/* pages common */
.b-popup_content { background: white; color: #49468d; width: 119em; margin: auto; position: relative; box-sizing: border-box; }
.b-popup_close {position: absolute;right: 3em;top: 3em;width: 11em;height: 7em;border-radius: 10em;background: #cbcbcb;}
.b-popup_close em { background-image: url(/img/common/popup_close.svg); width: 3.5em; height: 3.5em; }
.b-popup_overlay {  }

.b-page_wrap {top: 9em;bottom: 8em;left: 15vw;}
.html-iframe .b-page_wrap { top:0; bottom: 0; left: 0; }
.b-page_wrap_in { position: relative; overflow: visible; }
.b-page { }

.b-content_width {width: 184em;}
.b-content_height { height: 58em; }
.b-width_100 { width: 100vw; }

.b-title { line-height: 1.3; text-align: center; font-size: 7em; font-weight: 100; color: #333333; margin-top: 0.1em; }
.b-subtitle { font-size: 2.6em; line-height: 1.4; text-transform: uppercase; text-align: center; font-weight: 700; color: #2ea555; }
.b-text { margin-top: 2em; font-size: 2.6em; line-height: 1.2; text-align: center; }
.b-error { font-size: 2.8em; line-height: 1.4; margin-top: 1em; color: #000000; }

.b-plupload_container, .moxie-shim, .moxie-shim input, .b-plupload_button { cursor: pointer; }

.b-arrow { position: absolute; width: 11em; height: 7em; border-radius: 10em; background: #cbcbcb; }
.b-arrow_left { right: auto; left: 3em; }
.b-arrow_right { left: auto; right: 3em; }

.b-arrow em { width: 5em; height: 3em; }
.b-arrow_left em { background-image: url(/img/common/gallery_arrow.png); }
.b-arrow_right em { background-image: url(/img/common/gallery_arrow_right.png); }










/************************************************ PRELOADER *************************************************/

.b-preloader {  }
.html-phone .b-preloader { background: #ffffff; }

.b-small_preloader {width: 14vw;height: 14vw;background-image: url(/img/common/preloader.png);}
.b-small_preloader_in {
    background-image: url(/img/common/preloader_in.png);
    -webkit-animation: vynil linear 2s infinite; animation: vynil linear 2s infinite;
}

@-webkit-keyframes vynil { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes vynil { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }











/************************************************ HEADER / FOOTER *************************************************/

.b-header { height: 9em; border-bottom: 1px solid #bfd6a6; background: white; }
.html-iframe .b-header { display: none !important; }

.b-header_left { height: 100%; white-space: nowrap; }
.b-header_logo { display: inline-block; vertical-align: middle; height: 100%; width: 12em; margin-left: 3em; background-image: url(/img/common/header_logo.png); }
.b-header_items { display: inline-block; vertical-align: middle; height: 100%; margin-left: 5em; }
.b-header_item { height: 100%; margin: 0 1.5em; padding: 0 2em; box-sizing: border-box; }
.b-header_item em { width: 3em; height: 2.5em; }
.b-header_item span { font-size: 1.8em; margin-left: 0.4em; }
.b-header_item[data-item="1"] em { background-image: url(/img/common/header_item_1.png); height: 2.1em; }
.b-header_item[data-item="2"] em { background-image: url(/img/common/header_item_2.png); height: 3.2em; margin-bottom: 0.3em; }
.b-header_item[data-item="3"] em { background-image: url(/img/common/header_item_3.png); }

.b-header_right { height: 100%; }
.b-header_sberbank { display: inline-block; vertical-align: top; height: 100%; width: 20em; background-image: url(/img/common/sberbank_logo.png); margin-right: 4em; }
.b-header_maestro { display: inline-block; vertical-align: top; height: 100%; width: 11em; background-image: url(/img/common/maestro_logo.png); margin-right: 4em; }

.b-header_button {border: 1px solid #c7ddc2;width: 30em;height: 4em;border-radius: 3px;margin: 0 0 0 6em;color: #555555;}
.b-header_button span {font-size: 1.6em;}
.b-header_button em {margin: 0 0 0 2em;width: 3em;height: 2em;background-image: url(/img/common/header_arrow.svg);}




.b-footer { height: 8em; border-top: 1px solid #bfd6a6; background: white; }
.html-iframe .b-footer { display: none !important; }

.b-footer_left {left: 3em;top: 3.2em;white-space: nowrap;}
.b-footer_copyright { font-size: 1.6em; display: inline-block; vertical-align: top; }
.b-footer_links {display: inline-block;vertical-align: top;margin-left: 7em;visibility: hidden;}
.b-footer_link { font-size: 1.6em; }
.b-footer_links_separator { width: 1px; height: 2em; background: black; display: inline-block; vertical-align: middle; margin: 0 1em; }

.b-footer_right { right: 3em; top: 2em; white-space: nowrap; }
.b-footer_socials { display: inline-block; vertical-align: middle; }
.b-footer_apps { display: inline-block; vertical-align: middle; margin-left: 7em; }
.b-footer_app { width: 14em; height: 4em; }
.b-footer_app_google { background-image: url(/img/common/footer_google.png); }
.b-footer_app_apple { background-image: url(/img/common/footer_apple.png); }









/************************************************ SIDEBAR *************************************************/

.b-sidebar { position: absolute; left: 0; top: 0; height: 100%; width: 15vw; background: white; box-shadow: 3px 0px 12px 0px rgba(0, 0, 0, 0.09); }
.html-iframe .b-sidebar { display: none !important; }

.b-sidebar_items { text-align: center; }
.b-sidebar_items * { text-align: center; }

.b-sidebar_item { position: relative; margin: 7em 0 0 0; }
.b-sidebar_item:first-child { margin: 0; }

.page-index .b-sidebar_item[data-route="index"] .b-hover_slide_1,
.page-jury .b-sidebar_item[data-route="jury"] .b-hover_slide_1,
.page-about .b-sidebar_item[data-route="about"] .b-hover_slide_1,
.page-prizes .b-sidebar_item[data-route="prizes"] .b-hover_slide_1
{ opacity: 0; }

.page-index .b-sidebar_item[data-route="index"] .b-hover_slide_2,
.page-jury .b-sidebar_item[data-route="jury"] .b-hover_slide_2,
.page-about .b-sidebar_item[data-route="about"] .b-hover_slide_2,
.page-prizes .b-sidebar_item[data-route="prizes"] .b-hover_slide_2
{ opacity: 1; }



.b-sidebar_item_img {position: relative;width: 21em;height: 15em;margin: auto;}
.b-sidebar_item_text {font-size: 2.3em;margin-top: -1em;position: relative;}







/*************************************************** CONTENT *******************************************************/



/* small popup */
.b-small_popup_content { background-color: white; width: 102em; height: 68em; box-shadow: 0 0 26px 2px rgba(0, 0, 0, 0.29); }
.b-small_popup_content_in * { text-align: center; }
.b-small_popup_content_in { padding: 0 7em; text-align: center; }


.b-message_popup_content { background-image: url(/img/common/popup_bg.png); }
.b-message_popup_title {font-size: 5em;}
.b-message_popup_text {font-size: 3em;margin-top: 1em;line-height: 1.3;}


.abuse-title { font-size: 3.6em; }
.abuse-inputs { white-space: nowrap; margin-top: 5em; }
.abuse-input_wrap { width: 40em; }
.abuse-input_wrap + .abuse-input_wrap { margin: 0 0 0 7em; }
.abuse-textarea_wrap { margin-top: 5em; height: 20em; }
.abuse-textarea { border-radius: 0; border: none; text-align: left; font-style: italic; }
.abuse-submit { margin-top: 5em; }











/* index */
.idx-bg { background-image: url(/img/common/idx-bg.jpg); background-position: left center; }
.idx-bg img {width: 82vh;}

.idx-content {width: 90em;height: 87em;left: 60em;text-align: center;}
.idx-content * { text-align: center; }
.idx-content_img {height: 36em;/*background-image: url(/img/common/idx-content_image.png); */}
.idx-content_text { margin-top: 3em; font-size: 2.5em; line-height: 1.2; }
.idx-content_buttons {margin-top: 9em;}
.idx-content_button { margin: 0 1em; }










/* jury */
.jury-bg { background-image: url(/img/common/jury-bg.jpg); background-position: left top; }

.jury-content { width: 85em; height: 74em; left: 66em; text-align: center; }
.jury-content * { text-align: center; }

.jury-content_in {height: 56em;}

.jury-text { font-size: 3.4em; font-weight: 300; margin-top: 2.5em; }

.jury-image {width: 92vh;background-position: left top;}
.jury-image[data-item="1"] { background-image: url(/img/common/jury/jury-item_1.png); }
.jury-image[data-item="2"] { background-image: url(/img/common/jury/jury-item_2.png); }
.jury-image[data-item="3"] { background-image: url(/img/common/jury/jury-item_3.png); }
.jury-image[data-item="4"] { background-image: url(/img/common/jury/jury-item_4.png); }

.jury-items {margin-top: 4em;}
.jury-item_wrap { display: inline-block; width: auto; height: 15em; }
.jury-item {
    width: 10em; height: 10em; border-radius: 50%; margin: 0 1em; background-color: #ffbc5d;
    -webkit-transition: width 300ms ease-out, height 300ms ease-out; transition: width 300ms ease-out, height 300ms ease-out;
}
.jury-item_active { width: 15em; height: 15em; }

.jury-item em {
    background-image: url(/img/common/jury/jury-hover.png); opacity: 0; position: absolute;
    -webkit-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out;
}
.jury-item_active em { opacity: 1; }

.jury-item_1 span { background-image: url(/img/common/jury/jury-item_1_icon.png); }
.jury-item_2 span { background-image: url(/img/common/jury/jury-item_2_icon.png); }
.jury-item_3 span { background-image: url(/img/common/jury/jury-item_3_icon.png); }
.jury-item_4 span { background-image: url(/img/common/jury/jury-item_4_icon.png); }









/* about */
.ab-bg { background-image: url(/img/common/about-bg.jpg); }

.ab-content {height: auto;padding: 7em 0 0;}
.ab-content_in { width: 125em; margin: auto; text-align: center; position: relative; }

.ab-image_wrap { height: 57em; position: relative; overflow: visible; }
.ab-image {  }
.ab-image_1 {  background-image: url(/img/common/about-card-1.png); }
.ab-image_2 {  background-image: url(/img/common/about-card-2.png); }
.ab-image_3 {  background-image: url(/img/common/about-card-3.png); }

.ab-button { width: 10em; height: 10em; margin-top: 3em; color: white; }
.ab-button span { font-size: 4em; font-weight: 600; }
.ab-button_1 { background-image: url(/img/common/about-1.png); }
.ab-button_2 { background-image: url(/img/common/about-2.png); }
.ab-button_3 { background-image: url(/img/common/about-3.png); }

.ab-subtitle { position: relative; }
.ab-text {margin-top: 1em; position: relative;}
.ab-content_button { margin-top: 4em; position: relative; }

.ab-mask_anim { height: 60vh; }







/* rules */
.r-bg { background-image: url(/img/common/rules-bg.jpg); background-position: right bottom; }
.r-bg img { height: 50vh; width: 65vw; top: auto; left: auto; right: 0; bottom: 0; }

.r-content_in {padding: 5em 7em;}
.r-text { margin-top: 2em; font-size: 2.4em; line-height: 1.15; }
.r-text p { font: inherit; line-height: inherit; }






/* prizes */
.pr-bg { background-image: url(/img/common/rules-bg.jpg); background-position: right bottom; }
.pr-bg img { height: 50vh; width: 65vw; top: auto; left: auto; right: 0; bottom: 0; }

.pr-filter { height: 7em; border: 1px solid #cbcbcb; background: white; color: #444444; margin: 0 0.5em; min-width: 10em; white-space: nowrap; }
.pr-filter span { font-size: 2.2em; padding: 0 1.5em; }
.pr-filter_active { background: #0ab43f; color: white; border-color: #0ab43f; }

.pr-filter_title { display: inline-block; vertical-align: middle; margin-right: 1em; }

.pr-top { top: 5em; text-align: center; }
.pr-bottom { bottom: 5em; left: 55em; width: 87em; }

.pr-center { left: 55em; height: 50em; width: 87em; }
.pr-screen { position: relative; color: #404040; overflow: visible; }

.pr-subtitle { font-size: 4em; font-weight: 300; line-height: 1.3; }
.pr-title { font-size: 4em; font-weight: 600; line-height: 1.3; }
.pr-text { font-size: 2.6em; font-weight: 300; line-height: 1.3; margin-top: 3em; }

.pr-image {position: absolute;top: 0;right: 100%;margin-right: 7em;width: 62em;height: 63em;background-position: right top;}
.pr-image_1 { background-image: url(/img/common/prizes_1.png); }
.pr-image_2 {background-image: url(/img/common/prizes_2.png);width: 59em;margin-right: 4em;}
.pr-image_3 { background-image: url(/img/common/prizes_3.png); margin-right: 2em; }






/* gallery */
.g-slider { white-space: nowrap; }
.g-slider_in { position: relative; display: inline-block; height: 100%; }
.g-slide { display: inline-block; vertical-align: middle; position: relative; height: 100%; }

.g-gallery_column { position: relative; display: inline-block; vertical-align: top; height: 100%; border-right: 1px solid #bfd6a6; box-sizing: border-box; }
.g-gallery_column .g-gallery_column:nth-child(2) {border: none;}
.g-gallery_row { position: relative; box-sizing: border-box; }

.g-gallery_item { border-top: 1px solid #bfd6a6; box-sizing: border-box; }

.g-gallery_item_load { width: 7vw; height: 7vw; }

.g-gallery_item_icons {left: 3em;bottom: 3em;}
.g-gallery_item_icon { width: 5em; height: 5em; margin: 0 1em 0 0; }
.g-gallery_item_star { background-image: url(/img/common/gallery-star.svg); }
.g-gallery_item_winner { background-image: url(/img/common/gallery-winner.svg); }
.g-gallery_item_age_wrap {right: 3em;bottom: 3em;}
.g-gallery_item_age { font-size: 4em; color: #0ab43f; font-weight: 600; }
.g-gallery_column_large .g-gallery_row_third  .g-gallery_item_panel { font-size: 0.6em; }
.g-gallery_column_small .g-gallery_row_third .g-gallery_item_panel { font-size: 0.7em; }
.g-gallery_column_medium .g-gallery_row_half .g-gallery_item_panel { font-size: 0.85em; }

.g-gallery_item_img_mask[data-mask="1"] { background-image: url(/img/common/g-mask_1.png); }
.g-gallery_item_img_mask[data-mask="2"] { background-image: url(/img/common/g-mask_2.png); }
.g-gallery_item_img_mask[data-mask="3"] { background-image: url(/img/common/g-mask_3.png); }

.g-gallery_column_medium {width: 21vw;}
.g-gallery_column_large {width: 27vw;}
.g-gallery_column_small {width: 16vw;}
.g-gallery_column_half { width: 50%; }

.g-gallery_row_half { height: 50%; }
.g-gallery_row_twothirds { height: 66.6%; }
.g-gallery_row_third {height: 33.3%;}
.g-gallery_row_full { height: 100%; }



.g-top_left { left: 3em; top: 3em; }
.g-top_left .b-button { margin-right: 1em; height: 8em; min-width: 20em; }
.g-top_left .b-button span { font-size: 2.2em; }
.g-top_right { right: 3em; top: 3em; }

.g-button { height: 8em; min-width: 29em; margin-left: 4em; }
.g-button span { font-size: 2.2em; }

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

.g-filter { height: 8em; width: 16em; border: 1px solid #cbcbcb; background: white; color: #444444; margin: 0 0.5em; min-width: 10em; }
.g-filter[data-filter-id="1"] { width: 23em; }
.g-filter[data-filter-id="2"] { width: 30em; }

.g-filter span { font-size: 2.2em; padding: 0; }

.g-filter em { width: 4em; height: 4em; margin: 0 2em 0.3em 0; }
.g-filter[data-filter-id="1"] em { background-image: url(/img/common/gallery-star.svg); }
.g-filter[data-filter-id="2"] em { background-image: url(/img/common/gallery-winner.svg); }

.g-filter_active { background: #0ab43f; color: white; border-color: #0ab43f; }
.g-filter_active[data-filter-id="2"] { background: #ff9907; border-color: #ff9907; }

.g-filter_active[data-filter-id="1"] em { background-image: url(/img/common/gallery-star_white.svg); }
.g-filter_active[data-filter-id="2"] em { background-image: url(/img/common/gallery-winner_white.svg); }



.g-slider_nodata_bg { background-image: url(/img/common/g-no-data.jpg); }
.g-slider_nodata_text { font-size: 3.2em; font-weight: 300; line-height: 1.2; }


.g-abuse_wrap { position: absolute; top: 9em; left: 14em; width: 46em; background: white; box-shadow: 0 0 34px -2px rgba(0, 0, 0, 0.45); padding: 3em; text-align: center; }
.g-abuse_wrap:after {
    content: ''; position: absolute; display: block; border-bottom: 2em solid white;
    border-left: 1.5em solid transparent; border-right: 1.5em solid transparent; bottom: 100%; left: 19em;
}
.g-abuse_text { text-align: center; font-size: 2.2em; line-height: 1.2; }
.g-top_left .g-abuse_submit { margin: 3em 0 0 0; min-width: 29em; height: 7em; }














/* form */
.frm-wrap { background: white; }

.frm-bg { background-image: url(/img/common/frm-bg.jpg); background-position: left center; }

.frm-bg_transparent { background-image: url(/img/common/frm-bg_1.png); background-position: left center; }
.frm-bg_transparent[data-img="1"] { background-image: url(/img/common/frm-bg_1.png); }
.frm-bg_transparent[data-img="2"] { background-image: url(/img/common/frm-bg_2.png); }
.frm-bg_transparent[data-img="3"] { background-image: url(/img/common/frm-bg_3.png); }

.frm-bg_success { background-image: url(/img/common/frm-bg-2.jpg); }

.frm-wrap * { text-align: center; }

.frm-image_upload { position: absolute; left: 13em; top: 11em; width: 51em; height: 62em; background-image: url(/img/common/frm-upload.png); }
.frm-image_upload span { padding-top: 12em; font-size: 2.3em; line-height: 1.2; }

.frm-image_uploaded { left: 7vh; top: 9vh; width: 59vh; height: 65vh; background-position: center center; }

.frm-step[data-step="1"],
.frm-step[data-step="2"],
.frm-step[data-step="3"],
.frm-step[data-step="4"] {width: 54em;height: 85em;left: 80em;text-align: center;top: 7em;}

.frm-step .b-button_1 {width: 100%;}

.frm-inputs_wrap { margin-top: 6em; position: relative; }
.frm-inputs_line {margin-top: 5em;position: relative;}

.frm-image_text_wrap { position: absolute; left: 4em; width: 78em; bottom: 2em; }
.frm-image_text_title { font-size: 6em; line-height: 1.1; }
.frm-image_text_descr { margin-top: 1em; font-size: 3em; font-weight: bold; }

.frm-button_submit.b-button_disabled { cursor: pointer !important; pointer-events: auto; }

.frm-error_text {position: absolute;left: 0;right: 0;top: 100%;margin-top: 0.3em;font-size: 2em;color: red;}





/* step 1 */
.frm-text_1 {font-size: 3.6em;font-weight: 300;margin-top: 3em;width: 140%;margin-left: -20%;}
.frm-text_2 {font-size: 2.4em;margin-top: 2em;line-height: 1.3;width: 140%;margin-left: -20%;}
.frm-button_upload_wrap { margin-top: 5em; position: relative; }



/* step 3 */
.frm-textarea_wrap {position: relative;width: 142%;margin: 3em 0 0 -24%;height: 52em;}
.frm-textarea,
.frm-textarea_wrap .b-input_placeholder {background: transparent;border-radius: 0;font-size: 2.4em;text-align: left;font-style: italic;font-weight: 500;border: none;}



/* step 4 */
.frm-checkbox_rules_wrap { margin-top: 6em; position: relative; }



/* step 5 success */
.frm-step[data-step="5"] { background: white; }
.frm-success {height: 75em;}

.frm-step .frm-success_button { width: auto; min-width: 46em; }
.frm-success_button_wrap { margin-top: 11em; }
.frm-success_text_2 { font-size: 4em; line-height: 1.2; color: #0ab43f; margin-top: 2.5em; }
.frm-success_text { font-size: 2.4em; line-height: 1.3; margin-top: 1.5em; }
.frm-success_separator { height: 2em; background-image: url(/img/common/frm-separator.png); margin-top: 3em; }
















/* story page */
.st-bg_back { background-image: url(/img/common/st-bg.jpg); background-position: left center; }
.st-bg { background-image: url(/img/common/st-bg_1.png); background-position: left center; }
.st-bg[data-img="1"] { background-image: url(/img/common/st-bg_1.png); }
.st-bg[data-img="2"] { background-image: url(/img/common/st-bg_2.png); }
.st-bg[data-img="3"] { background-image: url(/img/common/st-bg_3.png); }
.st-bg img {width: 82vh;}

.st-image_wrap { position: absolute; left: 0; top: 0; width: 84em; height: 100%; }

.st-image {left: 4vh;top: 6vh;width: 56vh;height: 65vh;background-position: center center;}

.st-content {width: 45vw;left: auto;right: 0;text-align: center;}
.st-content:after { position: absolute; display: block; content: ''; left: 0; right: 0; bottom: 0; height: 9em; background: linear-gradient(transparent, #ffffff); pointer-events: none; }
.html-safari .st-content:after { height: 100%; background: none; box-shadow: inset 0 -43px 30px -17px rgba(255, 255, 255, 0.81); }
.st-content_in {padding: 14em 12em 7em 0;}

.st-descr { margin-top: 1em; font-size: 3em; font-weight: bold; text-align: center; }
.st-text {margin-top: 3em;font-size: 2.6em;font-style: italic;font-weight: 300;line-height: 1.5;}
.st-text p { font: inherit; line-height: inherit; }
/*.st-text br + br { display: none; }*/

.st-bottom_buttons { bottom: 8em; text-align: center; }
.st-bottom_button { width: 20em; height: 7em; border-radius: 30em; margin: 0 2em; color: white; }
.st-bottom_button em { height: 4em; }
.st-bottom_button span { font-size: 4em; margin-left: 0.2em; font-weight: 600; }
.st-share em { background-image: url(/img/common/st-share.png); width: 5em; }
.st-like em { background-image: url(/img/common/st-like.png); width: 4em; }

.st-share_items {
    background: #ff9907; border-radius: 30em; width: 40em; height: auto; padding: 2.5em 0; position: absolute; left: -10em; margin-bottom: 2em; bottom: 100%;
}
.st-share_items:after {
    position: absolute; left: 0; right: 0; top: 100%; margin: auto; display: block; content: ''; width: 0; height: 0;
    border-top: 1.5em solid #ff9907; border-left: 1.1em solid transparent; border-right: 1.1em solid transparent;
}

.st-arrow_back { left: 0; top: 0; bottom: auto; }