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

                                                ALL MOBILES

**********************************************************************************************************/
@media screen and (max-width: 800px) {
  * {
    max-height: 1000000px;
    -webkit-text-size-adjust: 100%;
  }
  /* common */
  .b-mobile_only {
    display: block;
  }
  .b-mobile_hidden {
    display: none !important;
  }
  select {
    width: 100%;
    height: 100%;
    top: 0 !important;
    left: 0;
    opacity: 0;
    z-index: 3;
  }
}
/*********************************************** MOBILE PORTRAIT *************************************************/
@media screen and (max-width: 800px) and (max-aspect-ratio: 6/5) {
  /* common */
  .b-mobile_portrait_hidden {
    display: none !important;
  }
  .b-header_right {
    left: 0;
    width: 50em;
    margin: auto;
    text-align: center;
  }
  .b-header_sberbank {
    width: 15em;
  }
  .b-header_maestro {
    width: 7em;
    margin-right: 0;
  }
  .b-header_sberbank,
  .b-header_maestro {
    opacity: 0;
    -webkit-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
  }
  .b-menu_shown .b-header_sberbank,
  .b-menu_shown .b-header_maestro {
    opacity: 1;
  }
  .b-page_wrap {
    left: 0;
  }
  .b-footer {
    text-align: center;
  }
  .b-footer_left {
    position: relative;
  }
  .b-header_items {
    margin: 0;
  }
  .b-header_item em {
    width: 100%;
    height: 3em;
  }
  .b-header_item:before {
    display: none;
  }
  .b-header_item {
    white-space: normal;
    padding: 1em 2em 0;
  }
  .b-header_item span {
    margin: 0.2em 0 0 0;
    width: 100%;
  }
  .b-header_item[data-item="1"] em {
    height: 3em;
  }
  .b-header_item[data-item="2"] em {
    height: 3em;
    margin-bottom: 0;
  }
  /* menu */
  .b-hamburger {
    position: absolute;
    right: 3em;
    top: 0;
    background-image: url(/img/common/hamburger.svg);
    width: 6em;
    height: 100%;
    -webkit-transition: none;
    transition: none;
  }
  .b-menu_shown .b-hamburger {
    background-image: url(/img/common/hamburger-close.svg);
    width: 4em;
    right: 4em;
  }
  .b-menu {
    top: -100%;
    -webkit-transition: top 500ms ease-out;
    transition: top 500ms ease-out;
  }
  .b-menu_shown .b-menu {
    top: 0;
  }
  .b-menu_in {
    background: white;
    position: relative;
  }
  .b-menu_overlay {
    background: rgba(10, 180, 63, 0.35);
  }
  .b-sidebar_item {
    display: inline-block;
  }
  .b-mobile_footer {
    position: relative;
    border-top: 1px solid #bfd6a6;
  }
  /* index page */
  .idx-bg {
    background-image: url(/img/mobile/idx-bg.jpg);
  }
  /* jury */
  .jury-bg {
    background-image: url(/img/mobile/jury-bg.jpg);
    background-size: cover;
    background-position: center top;
  }
  .jury-image {
    width: 100%;
    background-position: center top;
  }
  .jury-image[data-item="1"] {
    background-image: url(/img/mobile/jury-item_1.png);
  }
  .jury-image[data-item="2"] {
    background-image: url(/img/mobile/jury-item_2.png);
  }
  .jury-image[data-item="3"] {
    background-image: url(/img/mobile/jury-item_3.png);
  }
  .jury-image[data-item="4"] {
    background-image: url(/img/mobile/jury-item_4.png);
  }
  .jury-content_in {
    height: auto;
  }
  /* story page */
  .st-bg_back {
    background-image: url(/img/mobile/st-bg.jpg);
    background-position: center top;
  }
  .st-bg {
    background-image: url(/img/mobile/st-bg_1.png);
    background-position: center top;
  }
  .st-bg[data-img="1"] {
    background-image: url(/img/mobile/st-bg_1.png);
  }
  .st-bg[data-img="2"] {
    background-image: url(/img/mobile/st-bg_2.png);
  }
  .st-bg[data-img="3"] {
    background-image: url(/img/mobile/st-bg_3.png);
  }
  .st-image {
    background-position: center center;
  }
  .st-share_items {
    bottom: auto;
    top: 100%;
    margin-bottom: 0;
    margin-top: 2em;
    font-size: 1.5em;
    left: -12em;
  }
  .st-share_items:after {
    border-bottom: 1.5em solid #ff9907;
    border-top: none;
    bottom: 100%;
    top: auto;
  }
  /* form page */
  .frm-bg {
    background-image: url(/img/mobile/frm-bg.jpg);
    background-position: center top;
    top: 0;
  }
  .frm-bg_transparent {
    background-image: url(/img/mobile/frm-bg_1.png);
    background-position: center top;
    top: 0;
  }
  .frm-bg_transparent[data-img="1"] {
    background-image: url(/img/mobile/frm-bg_1.png);
  }
  .frm-bg_transparent[data-img="2"] {
    background-image: url(/img/mobile/frm-bg_2.png);
  }
  .frm-bg_transparent[data-img="3"] {
    background-image: url(/img/mobile/frm-bg_3.png);
  }
  .frm-image_uploaded {
    background-position: center center;
  }
}
/*********************************************** MOBILE LANDSCAPE *************************************************/
@media screen and (max-width: 800px) and (min-aspect-ratio: 6/5) {
  .b-mobile_landscape_hidden {
    display: none !important;
  }
}