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

                                                ALL MOBILES

**********************************************************************************************************/
.html-mobile {
  /* common */
  /* ---------- portrait ---------*/
  /* ---------- landscape ---------*/
}
.html-mobile .b-mobile_only {
  display: block;
}
.html-mobile .b-mobile_hidden {
  display: none !important;
}
/******************************************** TABLET ************************************************/
.html-tablet {
  /* common */
  /* preloader */
  /* ---------- portrait ---------*/
  /* ---------- landscape ---------*/
}
.html-tablet .b-tablet_only {
  display: block;
}
.html-tablet .b-tablet_hidden {
  display: none !important;
}
.html-tablet .b-preloader_canvas_wrap {
  font-size: 2em;
}
.html-tablet.html-portrait .b-tablet_mobile_rotate {
  display: block;
  z-index: 300;
}
.html-tablet.html-portrait .b-mobile_rotate_in {
  width: 86em;
  height: 47em;
}
.html-tablet.html-portrait .b-mobile_rotate_img {
  height: 27em;
}
.html-tablet.html-portrait .b-mobile_rotate_text {
  margin-top: 2em;
  font-size: 3.5em;
  line-height: 1.2;
}
.html-tablet.html-landscape {
  /* common */
  /* socials */
  /* header */
  /* footer */
  /* index content */
  /* test content */
  /* result content all */
  /* result content friends */
  /* result content celebs */
  /* privileges */
}
.html-tablet.html-landscape .b-buttons_bottom {
  bottom: 7em;
}
.html-tablet.html-landscape .b-buttons_tablet {
  top: 5em;
  text-align: center;
}
.html-tablet.html-landscape .b-button {
  font-size: 1.6em;
}
.html-tablet.html-landscape .b-button_2 {
  width: 37em;
  height: 8.5em;
}
.html-tablet.html-landscape .b-button_2 span {
  padding-top: 1.3em;
}
.html-tablet.html-landscape .b-button_3 {
  height: 8.5em;
}
.html-tablet.html-landscape .b-button_3 span {
  padding-top: 0.67em;
  font-size: 3.7em;
}
.html-tablet.html-landscape .b-social_2 {
  margin: 1.5em 1.3em 0;
}
.html-tablet.html-landscape .b-button_3 .b-social_2 {
  margin: 2.2em 1.3em 0;
}
.html-tablet.html-landscape .b-header_logo_privilege {
  font-size: 4.5em;
  left: 1.5em;
}
.html-tablet.html-landscape .b-logo_vtb24 {
  font-size: 1.6em;
}
.html-tablet.html-landscape .b-footer {
  font-size: 1.8em;
}
.html-tablet.html-landscape .b-footer_line {
  height: 1.3em;
}
.html-tablet.html-landscape .b-footer_connect {
  left: 3.7em;
}
.html-tablet.html-landscape .b-footer_back_btn {
  left: 3.7em;
}
.html-tablet.html-landscape .b-footer_phone {
  left: 1.2em;
}
.html-tablet.html-landscape .b-footer_phone_descr {
  left: 2.3em;
}
.html-tablet.html-landscape .b-footer_copyright_wrap {
  position: relative;
  right: auto;
  left: 0;
  bottom: auto;
  width: auto;
}
.html-tablet.html-landscape .b-footer_copyright {
  font-size: 1.4em;
  margin-top: 1.2em;
  text-align: left;
}
.html-tablet.html-landscape .b-social_sharings_wrap {
  right: 4em;
  bottom: 4em;
  width: 24em;
  height: auto;
}
.html-tablet.html-landscape .b-social_sharing_open {
  display: none;
}
.html-tablet.html-landscape .social-likes {
  position: relative;
  right: auto;
  bottom: auto;
  left: 0;
  margin-top: 1em;
}
.html-tablet.html-landscape .social-likes__widget {
  opacity: 1;
  position: relative;
  bottom: auto !important;
  display: inline-block;
  vertical-align: top;
  padding: 0 0.6em 0 0;
  font-size: 0.8em;
}
.html-tablet.html-landscape .social-likes__counter {
  display: none;
}
.html-tablet.html-landscape .b-index_content {
  font-size: 1.2em;
}
.html-tablet.html-landscape .b-index_descr_title {
  font-size: 2.8em;
}
.html-tablet.html-landscape .b-index_auth_title {
  font-size: 2.8em;
  margin-top: 0;
}
.html-tablet.html-landscape .b-test_content {
  font-size: 1.6em;
  height: 68em;
}
.html-tablet.html-landscape .b-test_title {
  height: 30em;
  padding: 0 12em;
}
.html-tablet.html-landscape .b-test_title_in {
  font-size: 4em;
}
.html-tablet.html-landscape .b-test_variants {
  margin: 0 4.5em;
  height: 19em;
}
.html-tablet.html-landscape .b-test_variant_num {
  margin-top: 1.2em;
}
.html-tablet.html-landscape .b-test_variant_text {
  height: 11em;
  padding: 0 5em;
}
.html-tablet.html-landscape .b-test_variants_narrow .b-test_variant_text {
  padding: 0 2em;
}
.html-tablet.html-landscape .b-test_variant_text_in {
  font-size: 2em;
}
.html-tablet.html-landscape .b-result_text {
  font-size: 2.5em;
}
.html-tablet.html-landscape .b-result_popup {
  font-size: 1.5em;
}
.html-tablet.html-landscape .b-result_content_all {
  font-size: 1.2em;
}
.html-tablet.html-landscape .b-result_inner_content_friends {
  font-size: 1.4em;
}
.html-tablet.html-landscape .b-result_back_button {
  font-size: 2em;
  left: 3em;
}
.html-tablet.html-landscape .b-result_next_button_wrap {
  position: absolute;
  right: -36em;
  bottom: 7em;
  margin: 0;
}
.html-tablet.html-landscape .b-result_next_button {
  width: 8em;
  height: 9em;
}
.html-tablet.html-landscape .b-result_next_button span {
  top: 100%;
  left: 0;
  width: 100%;
  margin: 1em 0 0 0;
  white-space: normal;
  font-size: 1.1em;
  text-align: center;
}
.html-tablet.html-landscape .b-result_circles {
  width: 72em;
}
.html-tablet.html-landscape .b-result_circles_mini {
  width: 48em;
}
.html-tablet.html-landscape .b-result_circle {
  width: 36em;
  height: 36em;
}
.html-tablet.html-landscape .b-result_circles_mini .b-result_circle {
  width: 24em;
  height: 24em;
}
.html-tablet.html-landscape .b-result_circle_user_name {
  font-size: 1.8em;
  margin-top: 1.2em;
  width: 200%;
  margin-left: -50%;
  margin-right: 0;
  top: auto;
  position: relative;
}
.html-tablet.html-landscape .b-result_circles_mini .b-result_circle_user_left .b-result_circle_user_name {
  right: auto;
}
.html-tablet.html-landscape .b-result_circles_mini .b-result_circle_user_right .b-result_circle_user_name {
  left: auto;
}
.html-tablet.html-landscape .b-result_inner_content_celebs {
  font-size: 1.5em;
  height: 70em;
  width: 101em;
}
.html-tablet.html-landscape .b-result_inner_celeb_text {
  padding: 0 7em;
  margin-top: 4em;
}
.html-tablet.html-landscape .b-privileges_content {
  font-size: 1.6em;
  height: 67em;
}
.html-tablet.html-landscape .b-privileges {
  margin-top: 8em;
}
.html-tablet.html-landscape .b-privileges_title {
  font-size: 5em;
}
.html-tablet.html-landscape .b-privilege_item {
  height: 20em;
  width: 21em;
  margin: 0;
}
.html-tablet.html-landscape .b-privilege_item_img {
  margin-top: 0;
  height: 9em;
}
.html-tablet.html-landscape .b-privilege_item_text {
  margin-top: 2.5em;
  font-size: 2em;
}
.html-tablet.html-landscape .b-other_privileges {
  margin: 10em 4.5em 0;
  width: auto;
}
.html-tablet.html-landscape .b-other_privileges_title_text {
  font-size: 1.7em;
  top: -0.6em;
}
.html-tablet.html-landscape .b-other_privileges_title_line {
  width: 41%;
}
.html-tablet.html-landscape .b-other_privileges_in_2 {
  height: 3em;
}
.html-tablet.html-landscape .b-other_privilege_text {
  width: 9em;
  font-size: 1.5em;
  margin: 0 1em;
}
.html-tablet.html-landscape .b-privileges_popup_content {
  font-size: 1.3em;
  top: 19em;
}
.html-tablet.html-landscape .b-privileges_popup_close {
  width: 6em;
  height: 6em;
}
.html-tablet.html-landscape .b-privileges_popup_text {
  font-size: 2.3em;
  margin-top: 1.5em;
}
.html-tablet.html-landscape .b-privileges_popup_button {
  font-size: 1em;
}
/******************************************** PHONE ************************************************/
.html-phone {
  /* common */
  /* ---------- portrait ---------*/
  /* ---------- landscape ---------*/
}
.html-phone .b-phone_only {
  display: block;
}
.html-phone .b-phone_hidden {
  display: none !important;
}
.html-phone.html-portrait {
  min-height: 700px;
  /* common */
  /* buttons */
  /* socials */
  /* mobile menu button */
  /* mobile menu */
  /* header */
  /* footer */
  /* preloader */
  /* content */
  /* index content */
  /* test content */
  /* result content */
  /* privileges content */
  /* android facebook in-app browser fixes */
}
.html-phone.html-portrait body,
.html-phone.html-portrait .b-main_wrap {
  min-height: 700px;
}
.html-phone.html-portrait .b-main_wrap {
  -webkit-transition: left 500ms ease;
  transition: left 500ms ease;
}
.html-phone.html-portrait .b-menu_opened.b-main_wrap {
  left: -65%;
}
.html-phone.html-portrait .b-main_wrap_in {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.html-phone.html-portrait .b-main_wrap_in_2 {
  min-height: 100%;
  height: auto;
  position: relative;
}
.html-phone.html-portrait .b-buttons_bottom {
  position: relative;
  margin-top: 12em;
  bottom: auto;
}
.html-phone.html-portrait .b-button {
  width: 100%;
  height: 30em;
  display: block;
}
.html-phone.html-portrait .b-button span {
  font-size: 13em;
  padding-top: 0.6em;
}
.html-phone.html-portrait .b-button_2 {
  width: 100%;
  height: 28em;
}
.html-phone.html-portrait .b-button_2 span {
  font-size: 9em;
  padding-top: 1em;
}
.html-phone.html-portrait .b-button_3 {
  width: 100%;
  height: 28em;
}
.html-phone.html-portrait .b-button_3 span {
  font-size: 10em;
  padding-top: 0.87em;
}
.html-phone.html-portrait .b-menu_opened .b-mobile_menu_button {
  background: transparent;
}
.html-phone.html-portrait .b-menu_opened .b-mobile_menu_button:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.html-phone.html-portrait .b-menu_opened .b-mobile_menu_button:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.html-phone.html-portrait .b-social {
  font-size: 3.5em;
}
.html-phone.html-portrait .b-social_2 {
  margin: 2.2em 2.5em 0;
}
.html-phone.html-portrait .b-mobile_menu_button_wrap {
  position: absolute;
  display: block;
  right: 1em;
  top: 6em;
  width: 15em;
  height: 14em;
}
.html-phone.html-portrait .b-mobile_menu_button {
  position: relative;
  display: block;
  margin: 6em 0;
  width: 100%;
  height: 1.4em;
  background: white;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
}
.html-phone.html-portrait .b-mobile_menu_button:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -4em;
  height: 100%;
  width: 100%;
  background: white;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.html-phone.html-portrait .b-mobile_menu_button:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 4em;
  height: 100%;
  width: 100%;
  background: white;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.html-phone.html-portrait .b-mobile_menu {
  background: white;
  right: 0;
  width: 65%;
  left: auto;
}
.html-phone.html-portrait .b-mobile_menu_item {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #2c3a7e;
}
.html-phone.html-portrait .b-mobile_menu_item_img {
  height: 32em;
}
.html-phone.html-portrait .b-mobile_menu_item_1 .b-mobile_menu_item_img {
  background-image: url('../img/mobile_menu_item_1.png');
}
.html-phone.html-portrait .b-mobile_menu_item_2 .b-mobile_menu_item_img {
  background-image: url('../img/mobile_menu_item_2.png');
}
.html-phone.html-portrait .b-mobile_menu_item_title {
  margin: 1em 0 0 0;
  color: #232d5e;
  font: normal 10em MetaBook, Arial, sans-serif;
  line-height: 1.1;
  text-align: center;
}
.html-phone.html-portrait .b-mobile_copyright {
  position: absolute;
  bottom: 1.3em;
  left: 0;
  width: 100%;
  text-align: center;
  font: normal 5em MetaBook, Arial, sans-serif;
  color: #4F4F4F;
}
.html-phone.html-portrait .b-header {
  margin: 0 8em;
  width: auto;
  left: 0;
  right: 0;
}
.html-phone.html-portrait .b-header_logo_privilege {
  left: 0;
  font-size: 7em;
}
.html-phone.html-portrait .b-header_logo_vtb24 {
  display: none;
}
.html-phone.html-portrait .b-footer {
  margin: 0 8em;
  width: auto;
  left: 0;
  right: 0;
}
.html-phone.html-portrait .b-footer_connect {
  display: none;
}
.html-phone.html-portrait .b-footer_back_btn {
  display: none;
}
.html-phone.html-portrait .b-buttons_top .b-footer_back_btn {
  display: block;
  position: relative;
  left: 0;
  width: 100%;
  bottom: auto;
  font-size: 5em;
}
.html-phone.html-portrait .b-footer_logo_vtb24 {
  right: 0;
  bottom: 2.7em;
  font-size: 2.3em;
}
.html-phone.html-portrait .b-footer_line {
  height: 3.5em;
}
.html-phone.html-portrait .b-mobile_footer_bg {
  opacity: 0.74;
  background: #0A091B;
  height: 29em;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
  -webkit-transition: height 300ms ease-out;
  transition: height 300ms ease-out;
}
.html-phone.html-portrait .b-social_sharings_opened .b-mobile_footer_bg {
  height: 113em;
}
.html-phone.html-portrait .b-social_sharings_wrap {
  left: 6em;
  bottom: 2.45em;
  right: auto;
  font-size: 3em;
}
.html-phone.html-portrait .social-likes__counter {
  left: 100%;
  right: auto;
  margin-left: 1em;
  margin-right: 0;
}
.html-phone.html-portrait .b-footer_copyright_wrap {
  left: 0.5em;
  right: auto;
}
.html-phone.html-portrait .b-footer_phone {
  font-size: 8em;
  left: 2.9em;
  bottom: 2.2em;
}
.html-phone.html-portrait .b-footer_phone_descr {
  font-size: 5em;
  width: 13em;
  left: 4.8em;
  bottom: 1.2em;
  line-height: 1;
}
.html-phone.html-portrait .b-preloader_canvas_wrap {
  font-size: 2.5em;
}
.html-phone.html-portrait .b-page {
  position: absolute;
  height: auto;
}
.html-phone.html-portrait .b-page_current {
  position: relative;
  height: auto;
}
.html-phone.html-portrait .b-video_wrap {
  background-image: url('../img/index_bg_mobile.jpg');
}
.html-phone.html-portrait .b-index_content {
  width: auto;
  height: auto;
  position: relative;
  margin: 55em 8em 50em 8em;
}
.html-phone.html-portrait .b-index_title {
  font-size: 17em;
  line-height: 1.1;
}
.html-phone.html-portrait .b-index_descr_title {
  font-size: 4.1em;
  width: auto;
}
.html-phone.html-portrait .b-index_auth_title {
  padding-top: 2.4em;
  font-size: 7em;
}
.html-phone.html-portrait .b-index_buttons {
  margin-top: 6em;
}
.html-phone.html-portrait .b-index_buttons_proceed {
  margin-top: -21em;
}
.html-phone.html-portrait .b-button_index_2 {
  margin-bottom: 5em;
}
.html-phone.html-portrait .b-button_index_2 span {
  font-size: 10em;
  padding-top: 1em;
}
.html-phone.html-portrait .b-test_content {
  width: auto;
  height: auto;
  position: relative;
  margin: 44em 8em;
}
.html-phone.html-portrait .b-test_num {
  font-size: 8em;
}
.html-phone.html-portrait .b-test_title {
  height: auto;
  padding: 0;
  margin: 12em 0;
}
.html-phone.html-portrait .b-test_title_in {
  font-size: 10em;
}
.html-phone.html-portrait .b-test_title_in br {
  display: none;
}
.html-phone.html-portrait .b-test_variants {
  margin: 0;
  height: auto;
}
.html-phone.html-portrait .b-test_variant {
  display: block;
  width: auto;
  height: auto;
  margin: 12em 0;
  padding: 10em 0 10em 7em;
  text-align: left;
}
.html-phone.html-portrait .b-test_variant_num {
  margin: 0;
  vertical-align: middle;
  font-size: 3em;
}
.html-phone.html-portrait .b-test_variant_text {
  height: auto;
  width: 112em;
  padding: 0 0 0 5em;
  display: inline-block;
  vertical-align: middle;
}
.html-phone.html-portrait .b-test_variant_text_in {
  font-size: 7em;
  text-align: left;
  line-height: 1.2;
}
.html-phone.html-portrait .b-result_wrap_all {
  width: auto;
  height: auto;
  position: relative;
  margin: 44em 8em;
}
.html-phone.html-portrait .b-result_content_all {
  position: relative;
  width: 100%;
  height: auto;
}
.html-phone.html-portrait .b-buttons_top {
  text-align: center;
}
.html-phone.html-portrait .b-result_title {
  font-size: 11em;
  margin-top: 0.7em;
}
.html-phone.html-portrait .b-result_text {
  font-size: 4em;
}
.html-phone.html-portrait .b-result_inner_title {
  font-size: 11em;
}
.html-phone.html-portrait .b-result_back_button {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: auto;
  background-size: contain;
  background-position: left center;
  left: auto;
  height: auto;
  margin-top: 10em;
}
.html-phone.html-portrait .b-result_back_button .b-button_arrow_left {
  background-position: left center;
}
.html-phone.html-portrait .b-result_back_button span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 1em 0 1em 4.5em;
  font-size: 6.3em;
  text-align: right;
  top: auto;
  width: auto;
}
.html-phone.html-portrait .b-result_next_button {
  font-size: 4em;
  margin-right: 15em;
}
.html-phone.html-portrait .b-result_next_button span {
  white-space: normal;
  margin-top: 1.5em;
}
.html-phone.html-portrait .b-result_wrap_friends {
  width: auto;
  height: auto;
  position: relative;
  margin: 44em 8em;
}
.html-phone.html-portrait .b-result_inner_content_friends {
  position: relative;
  width: 100%;
  height: auto;
}
.html-phone.html-portrait .b-result_inner_descr {
  font-size: 5em;
  margin: 2em 0 0 0;
}
.html-phone.html-portrait .b-result_graph {
  height: auto;
  margin: 11em 11em 10em;
}
.html-phone.html-portrait .b-result_avatar {
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  position: relative;
  width: 100% !important;
  height: auto !important;
  text-align: right;
  margin-top: 14em !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.html-phone.html-portrait .b-result_avatar_in {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 55em;
  height: 55em;
}
.html-phone.html-portrait .b-result_avatar_descr_wrap {
  position: absolute;
  left: 0;
  top: 5em;
  width: auto;
  height: auto;
}
.html-phone.html-portrait .b-result_avatar_percents {
  font: normal 30em HelvUltraLight, Arial, sans-serif;
  position: relative;
  left: auto;
  top: auto;
  margin: 0;
  opacity: 1;
}
.html-phone.html-portrait .b-result_avatar_similar .b-result_avatar_percents {
  color: #861f5d;
}
.html-phone.html-portrait .b-result_avatar_user_name {
  font: normal 7em MetaBook, Arial, sans-serif;
  text-align: left;
  margin: 0;
  top: auto;
  left: auto;
  position: relative;
  width: auto;
  opacity: 1;
}
.html-phone.html-portrait .b-result_avatar_user_name span {
  display: none;
}
.html-phone.html-portrait .b-result_circles {
  margin-top: 0;
  margin-bottom: 5em;
  height: 100em;
  width: 108em;
  font-size: 0.92em;
}
.html-phone.html-portrait .b-result_circles_in {
  height: 150em;
  top: -26em;
}
.html-phone.html-portrait .b-result_circle {
  width: 54em;
  height: 54em;
}
.html-phone.html-portrait .b-result_circle_percents {
  top: 2em;
  font-size: 19em;
}
.html-phone.html-portrait .b-result_circle_user {
  width: 45em;
  height: 45em;
}
.html-phone.html-portrait .b-result_circle_user_left {
  left: -22em;
}
.html-phone.html-portrait .b-result_circle_user_right {
  right: -22em;
}
.html-phone.html-portrait .b-result_circle_user_name {
  font-size: 6.5em;
  width: 100%;
  margin: 1.5em 0 0 0;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  white-space: normal;
}
.html-phone.html-portrait .b-result_wrap_celebs {
  width: auto;
  height: auto;
  position: relative;
  margin: 44em 8em;
}
.html-phone.html-portrait .b-result_inner_content_celebs {
  position: relative;
  width: 100%;
  height: auto;
}
.html-phone.html-portrait .b-result_inner_celeb_text {
  margin-top: 2em;
  font-size: 9.6em;
}
.html-phone.html-portrait .b-result_inner_celeb_descr {
  margin-top: 1.5em;
  font-size: 10.8em;
}
.html-phone.html-portrait .b-result_again_wrap {
  text-align: left;
  margin: 11em 11em 2em;
}
.html-phone.html-portrait .b-result_again {
  font-size: 5em;
}
.html-phone.html-portrait .b-result_again span {
  left: 100%;
  top: 0;
  width: auto;
  white-space: nowrap;
  margin: 1.1em 0 0 0.3em;
  font-size: 1.9em;
}
.html-phone.html-portrait .b-result_popup {
  font-size: 2em;
}
.html-phone.html-portrait .b-result_popup_content {
  bottom: auto;
  top: 20em;
  width: auto;
  left: 4em;
  right: 4em;
  height: auto;
}
.html-phone.html-portrait .b-result_popup_title {
  margin: 0 4em;
}
.html-phone.html-portrait .b-result_popup_title br {
  display: none;
}
.html-phone.html-portrait .b-result_popup_socials {
  font-size: 0.4em;
  margin-top: 10em;
}
.html-phone.html-portrait .b-result_popup_descr {
  font-size: 3em;
  margin: 2em 1em 0;
}
.html-phone.html-portrait .b-privileges_content_wrap {
  width: auto;
  height: auto;
  position: relative;
  margin: 44em 8em;
}
.html-phone.html-portrait .b-privileges_content {
  width: auto;
  height: auto;
  position: relative;
}
.html-phone.html-portrait .b-privileges {
  margin-top: 16em;
  white-space: normal;
}
.html-phone.html-portrait .b-privileges_title {
  font-size: 11em;
  margin-top: 1.5em;
}
.html-phone.html-portrait .b-privilege_item {
  width: 49%;
  height: auto;
  margin: 0 0 22em 0;
}
.html-phone.html-portrait .b-privilege_item_img {
  margin-top: 0;
  height: 35em;
}
.html-phone.html-portrait .b-privilege_item_text {
  margin-top: 0.8em;
  font-size: 7em;
}
.html-phone.html-portrait .b-other_privileges {
  margin: 0;
  width: auto;
}
.html-phone.html-portrait .b-other_privileges_in {
  padding: 12em 5em 2em;
  text-align: left;
}
.html-phone.html-portrait .b-other_privileges_in_2 {
  display: block;
  height: auto;
}
.html-phone.html-portrait .b-other_privileges_title_text {
  font-size: 5.5em;
  top: -0.6em;
}
.html-phone.html-portrait .b-other_privileges_title_line {
  width: 28%;
}
.html-phone.html-portrait .b-other_privilege {
  margin: 0 0 8em 0;
  width: 49%;
  background-size: 16%;
  display: inline-block;
  text-align: left;
}
.html-phone.html-portrait .b-other_privilege_text {
  font-size: 5em;
  height: auto;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 2.2em;
}
.html-phone.html-portrait .b-privileges_popup_content {
  top: 40em;
  margin: 0 8em;
  right: 0;
  width: auto;
  height: auto;
  padding: 34em 10em 15em;
}
.html-phone.html-portrait .b-privileges_popup_close {
  font-size: 3em;
  right: 3em;
  top: 2.5em;
}
.html-phone.html-portrait .b-privileges_popup_title {
  font-size: 14em;
}
.html-phone.html-portrait .b-privileges_popup_text {
  font-size: 6.5em;
  line-height: 1.2;
  margin-top: 1.3em;
}
.html-phone.html-landscape {
  min-height: 540px;
}
.html-phone.html-landscape body,
.html-phone.html-landscape .b-main_wrap {
  min-height: 540px;
}
.html-phone.html-landscape .b-phone_mobile_rotate {
  display: block;
  z-index: 300;
}
.html-phone.html-landscape .b-mobile_rotate_in {
  width: 106em;
  height: 57em;
}
.html-phone.html-landscape .b-mobile_rotate_img {
  height: 40em;
}
.html-phone.html-landscape .b-mobile_rotate_text {
  margin-top: 2em;
  font-size: 4em;
  line-height: 1.2;
}
