/**********************************************************************************************************

                                                PHONES

**********************************************************************************************************/
@media screen and (max-width: 400px) {
  /* common */
  .b-phone_only {
    display: block;
  }
  .b-phone_hidden {
    display: none !important;
  }
  .b-menu_overlay {
    display: none !important;
  }
  html.html-iframe,
  .html-iframe body {
    min-height: 500px;
  }
  .html-iframe .b-page {
    min-height: 0 !important;
  }
}
/*********************************************** PHONE PORTRAIT *************************************************/
@media screen and (max-width: 400px) and (max-aspect-ratio: 6/5) {
  /* common */
  html,
  body {
    height: auto;
    overflow-x: hidden;
    overflow-y: visible;
  }
  html.html-iframe,
  .html-iframe body {
    overflow: hidden;
  }
  .b-phone_portrait_hidden {
    display: none !important;
  }
  .b-page_wrap {
    position: relative;
    height: auto;
    box-sizing: border-box;
    top: 0;
    bottom: auto;
    right: auto;
    padding: 20em 0 0;
  }
  .html-iframe .b-page_wrap {
    padding: 0;
  }
  .b-page_wrap_in {
    height: auto;
  }
  .b-page {
    position: relative;
    height: auto;
    min-height: 80.3vh;
  }
  .b-header {
    font-size: 2.2em;
  }
  .b-footer {
    font-size: 2.6em;
    height: 9em;
  }
  .b-header_item {
    padding: 1.8em 2em 0;
  }
  .b-header_button {
    margin: 2.5em 0 0 0;
    font-size: 1.5em;
    border: none;
    white-space: nowrap;
    width: auto;
  }
  .b-header_button em {
    margin-left: 3em;
  }
  .b-title {
    font-weight: 300;
    font-size: 6em;
  }
  .selectbox {
    height: 9em;
    font-size: 1.4em;
  }
  .selectbox .text {
    padding: 0.85em 2em 0 0;
  }
  .b-input_wrap {
    height: 9em;
    font-size: 1.4em;
  }
  .b-checkbox + label {
    font-size: 1.5em;
  }
  .b-small_popup {
    position: fixed;
    font-size: 1.3em;
  }
  .b-small_popup_close {
    font-size: 1.2em;
  }
  .b-message_popup_text {
    font-size: 5em;
  }
  .b-message_popup_title {
    font-size: 8em;
  }
  /* gl canvas */
  .gl-canvas_wrap {
    width: 300px;
    font-size: 1.9px;
  }
  .gl-canvas_image,
  .gl-canvas,
  .gl-image_result {
    height: 160px;
  }
  /* menu */
  .b-menu_in {
    padding: 20em 0 0;
    height: 100%;
    box-sizing: border-box;
  }
  .b-sidebar_items {
    text-align: left;
    white-space: nowrap;
  }
  .b-sidebar_item {
    width: 50vw;
    height: 47vw;
    font-size: 2.5em;
    box-sizing: border-box;
    padding-top: 6em;
    border-top: 1px solid #bfd6a6;
    border-left: 1px solid #bfd6a6;
    white-space: normal;
    margin: 0;
  }
  .b-sidebar_item_bg {
    height: 62%;
  }
  .b-sidebar_item:nth-child(1),
  .b-sidebar_item:nth-child(4) {
    border-left: none;
  }
  .b-sidebar_item_img {
    height: 10em;
  }
  .b-sidebar_item_text {
    margin-top: 1em;
  }
  .b-mobile_footer {
    font-size: 2.5em;
  }
  .b-footer_left {
    left: auto;
    top: auto;
    margin: 3em 0 0 3em;
  }
  .b-footer_links {
    white-space: normal;
    width: 17em;
    text-align: right;
  }
  .b-footer_link ~ .b-footer_link {
    margin-top: 1em;
  }
  .b-footer_link {
    display: inline-block;
  }
  .b-footer_links_separator {
    display: none;
  }
  .b-footer_copyright {
    width: 19em;
    white-space: normal;
    line-height: 1.2;
    font-size: 1.5em;
  }
  .b-footer_copyright br {
    display: none;
  }
  .b-footer_right {
    padding: 1em 0 2em 3em;
  }
  .b-footer_apps {
    margin-left: 6em;
  }
  .b-small_preloader {
    position: fixed;
    width: 50vw;
    height: 50vw;
  }
  /* abuse popup */
  .b-abuse_popup .b-small_popup_content {
    height: 119em;
  }
  .abuse-inputs {
    white-space: normal;
  }
  .abuse-input_wrap {
    width: 100%;
  }
  .abuse-input_wrap + .abuse-input_wrap {
    margin: 3em 0 0 0;
  }
  .abuse-title {
    font-size: 5em;
  }
  .abuse-textarea_wrap {
    height: 26em;
  }
  .abuse-submit {
    font-size: 1.3em;
  }
  /* index */
  .idx-wrap {
    position: relative;
    height: auto;
  }
  .idx-bg {
    left: 0;
    width: 100%;
    height: 126em;
    background-position: center top;
  }
  .idx-content {
    left: 0;
    bottom: auto;
    top: auto;
    font-size: 1.5em;
    height: auto;
    width: 81em;
    position: relative;
    padding: 52em 0 4em;
  }
  .idx-content_text {
    font-size: 3em;
    margin-top: 2em;
    line-height: 1.3;
  }
  .idx-content_buttons {
    margin-top: 6em;
  }
  .idx-content_button {
    margin: 1em 0;
    width: 100%;
    font-size: 1.3em;
  }
  /* jury */
  .jury-wrap {
    position: relative;
    height: auto;
  }
  .jury-image {
    left: -7%;
    top: 15em;
    width: 114%;
    height: 167em;
    background-size: contain;
  }
  .jury-image[data-item="4"] {
    top: 0;
    left: -11%;
  }
  .jury-content {
    left: 0;
    bottom: auto;
    top: auto;
    font-size: 1.6em;
    height: auto;
    width: 85em;
    position: relative;
    padding: 4em 0 4em;
  }
  .jury-content_in {
    height: 90em;
  }
  .jury-items {
    margin-top: 5em;
    font-size: 1.4em;
  }
  .jury-text {
    font-size: 3.4em;
    margin: 18.5em 0 0;
  }
  /* rules */
  .r-content_in {
    font-size: 1.6em;
    padding: 4em 4em;
  }
  .r-title {
    margin-top: 0.2em;
  }
  .r-text {
    font-size: 2.8em;
  }
  /* prizes */
  .pr-top {
    top: 2em;
    font-size: 1.5em;
  }
  .pr-filter {
    margin: 0 2em;
  }
  .pr-bottom {
    font-size: 1.5em;
    left: 0;
    width: auto;
    text-align: center;
  }
  .pr-bottom_button {
    width: 65em;
    font-size: 1.2em;
  }
  .pr-center {
    width: 100%;
    left: 0;
    font-size: 1.5em;
    height: 95em;
    top: 15em;
    bottom: auto;
  }
  .pr-image {
    position: relative;
    left: 0;
    right: auto;
    margin-right: 0;
    width: auto;
    height: 66em;
    background-position: center top;
    margin: 5em 0 0 0;
  }
  .pr-image_1 {
    margin-right: 5em;
  }
  .pr-image_2 {
    margin-right: 3em;
  }
  .pr-subtitle {
    text-align: center;
    font-size: 5em;
  }
  .pr-title {
    text-align: center;
    font-size: 5em;
  }
  .pr-text {
    margin: -4em 1em 0;
    font-size: 3.4em;
    line-height: 1.2;
    text-align: center;
  }
  .pr-image_3 + .pr-text {
    margin-top: -5em;
  }
  /* about */
  .ab-wrap {
    position: relative;
    height: auto;
  }
  .ab-bg {
    background-image: url(/img/mobile/ab-bg.jpg);
  }
  .ab-content {
    height: auto;
    position: relative;
    right: auto;
    bottom: auto;
  }
  .ab-content_in {
    font-size: 1.6em;
    padding: 0 4em 5em;
    width: auto;
  }
  .ab-content_button {
    width: 63em;
    font-size: 1.2em;
    margin-top: 5em;
  }
  .ab-image_wrap {
    position: absolute;
    left: 4em;
    height: 86em;
    top: 22em;
    width: 100%;
  }
  .ab-subtitle {
    margin-bottom: 23em;
  }
  .ab-text {
    font-size: 3em;
  }
  /* gallery */
  .g-button {
    min-width: 33em;
    margin-left: 6em;
  }
  .g-button span {
    font-size: 3.6em;
    padding: 0;
  }
  .g-top_left {
    width: 26em;
  }
  .g-top_left .b-button {
    height: 12em;
    min-width: 25em;
    margin: 0 0 1em 0;
  }
  .g-top_left .b-button span {
    font-size: 3.6em;
    padding: 0;
  }
  .g-abuse_wrap {
    top: 28em;
    left: 0;
    width: 74em;
    padding: 5em;
  }
  .g-abuse_wrap:after {
    font-size: 2em;
    left: 7em;
  }
  .g-abuse_text {
    font-size: 3.6em;
  }
  .g-top_left .g-abuse_submit {
    margin: 4em 0 0 0;
    min-width: 44em;
    height: 11em;
  }
  .g-top_right {
    white-space: nowrap;
  }
  .g-top_right .b-button {
    height: 12em;
  }
  .g-slider {
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .g-filters {
    font-size: 1.5em;
  }
  .g-filter {
    width: 14em;
  }
  .g-filter[data-filter-id="1"] {
    width: 22em;
  }
  .g-filter[data-filter-id="2"] {
    width: 27em;
  }
  .g-gallery_column_large {
    width: 64vw;
  }
  .g-gallery_column_medium {
    width: 44vw;
  }
  .g-gallery_column_small {
    width: 32vw;
  }
  .g-gallery_item_load {
    position: absolute;
    width: 20vw;
    height: 20vw;
  }
  .g-slider_nodata_text {
    font-size: 8em;
    padding: 0 1em;
    box-sizing: border-box;
  }
  /* story */
  .st-wrap {
    position: relative;
    height: auto;
  }
  .st-wrap_in {
    position: relative;
  }
  .st-bg,
  .st-bg_back {
    width: 116vw;
    left: -8vw;
    top: 6vw;
  }
  .st-image_wrap {
    width: 100%;
    height: 128em;
    position: relative;
    margin-top: 0;
  }
  .st-image {
    left: 0;
    right: 0;
    width: 63vw;
    height: 72vw;
    top: 9.5vw;
    margin: auto;
  }
  .st-bottom_buttons {
    bottom: auto;
    right: 1em;
    left: 1em;
    top: 3em;
  }
  .st-bottom_button {
    height: 12em;
    width: 25em;
  }
  .st-bottom_button em {
    height: 5em;
  }
  .st-bottom_button span {
    font-size: 6em;
    margin-left: 0.4em;
  }
  .st-like em {
    width: 6em;
  }
  .st-share em {
    width: 7em;
  }
  .st-content {
    width: auto;
    left: auto;
    right: auto;
    height: auto;
    position: relative;
    padding: 0 8em 8em;
  }
  .st-content .mCSB_scrollTools {
    display: none !important;
  }
  .st-content .mCustomScrollBox {
    max-height: 10000px !important;
  }
  .st-content_in {
    padding: 0;
    font-size: 1.6em;
  }
  .st-content:after {
    display: none;
  }
  .st-arrow {
    font-size: 1.6em;
    bottom: auto;
    top: 67em;
  }
  .st-arrow_back {
    font-size: 1.9em;
  }
  .st-text {
    margin-top: 3em;
    font-size: 3.4em;
  }
  .st-descr {
    margin-top: 1em;
  }
  /* form */
  .frm-wrap {
    position: relative;
    height: auto;
  }
  .frm-image_uploaded {
    left: 0;
    right: 0;
    width: 57vw;
    height: 65vw;
    top: 11vw;
    margin: auto;
  }
  .frm-image_wrap {
    left: 0;
    right: 0;
    top: 22em;
    margin: auto;
    width: 108em;
    height: 102em;
  }
  .frm-image_upload {
    background-image: url(/img/mobile/frm-upload.png);
    left: 0;
    right: 0;
    top: 24em;
    bottom: auto;
    margin: auto;
    width: 79em;
    height: 71em;
    position: absolute;
  }
  .frm-image_text_wrap {
    left: 8em;
    right: 8em;
    width: auto;
    bottom: auto;
    top: 93em;
    font-size: 1.2em;
    margin: auto;
  }
  .frm-image_text_descr {
    margin-top: 1em;
    font-size: 5.2em;
  }
  .frm-step[data-step="1"],
  .frm-step[data-step="2"],
  .frm-step[data-step="3"],
  .frm-step[data-step="4"] {
    width: auto;
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
    padding: 2em 6em 5em;
    box-sizing: border-box;
    font-size: 1.6em;
  }
  .frm-step[data-step="5"] {
    background: white;
    width: auto;
    position: relative;
    padding: 17em 6em 8em;
    box-sizing: border-box;
  }
  .frm-step .b-button_1 {
    font-size: 1.2em;
  }
  .frm-title {
    font-size: 6em;
    margin: 0;
  }
  .frm-text_1 {
    font-weight: 600;
    font-size: 5em;
    margin: 12em 1em 0;
    width: auto;
  }
  .frm-text_2 {
    font-size: 3.2em;
    margin: 2em 1em 0;
    width: auto;
  }
  .frm-text_2 br {
    display: none;
  }
  .frm-button_upload_wrap {
    margin-top: 6em;
  }
  .frm-button_submit_wrap {
    bottom: auto;
    position: relative;
    margin-top: 8em;
  }
  .frm-inputs_wrap {
    margin-top: 64em;
  }
  .frm-step[data-step="4"] .frm-inputs_wrap {
    margin-top: 83em;
  }
  .frm-inputs_line {
    margin-top: 8em;
  }
  .frm-step_2_button_wrap {
    margin-top: 8em;
  }
  .frm-textarea_wrap {
    height: 69em;
    width: 100%;
    margin: 59em auto 0;
  }
  .frm-textarea,
  .frm-textarea_wrap .b-input_placeholder {
    font-size: 2.6em;
  }
  .frm-checkbox_rules_wrap {
    width: 100%;
    margin: 8em auto 0;
  }
  .frm-step_4_button_wrap {
    margin-top: 8em;
  }
  .frm-success {
    font-size: 1.4em;
    position: relative;
    height: auto;
  }
  .frm-success_text {
    font-size: 4em;
    line-height: 1.3;
    margin-top: 1.5em;
  }
  .frm-success_text br {
    display: none;
  }
  .frm-success_text_2 {
    font-size: 5em;
  }
  .frm-success_text_2 br {
    display: none;
  }
  .frm-success_button_wrap {
    margin-top: 7em;
    font-size: 1.3em;
  }
  .frm-step .frm-success_button {
    font-size: 1.1em;
  }
  .frm-image_text_subtitle {
    font-size: 4em;
  }
  .frm-image_text_title {
    font-size: 9em;
  }
  .frm-success_title {
    text-align: center;
  }
  .frm-error_text {
    font-size: 3vw;
  }
}
/*********************************************** PHONE LANDSCAPE *************************************************/
@media screen and (max-width: 400px) and (min-aspect-ratio: 6/5) {
  .b-phone_landscape_hidden {
    display: none !important;
  }
}
.html-phone.html-landscape .b-mobile_rotate {
  display: block !important;
}