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

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

html, body { position: relative; }
html, body, .b-main_wrap { width: 100%; height: 100%; min-width: 480px; min-height: 480px; }

input, textarea { color: black; outline: none; font-family: Arial, sans-serif; }
a, span { font: inherit; color: inherit; outline: none; }
textarea { overflow: auto; resize: none; }
body { font-family: Arial, sans-serif; background: black; color: white; }

a { text-decoration: none; }
a:hover { text-decoration: none; }
.b-simple_link { text-decoration: underline; }
.b-simple_link:hover { text-decoration: none; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: black; }
input::-moz-placeholder, textarea::-moz-placeholder { color: black; }

/****************************************************************** 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; }



/* old browser */
.b-oldbrowser_wrap { display: none; }
.html-oldbrowser .b-oldbrowser_wrap { display: block; z-index: 1000; }




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

/* hover slides */
.b-hover_slides {  }
.b-hover_slide {  }
.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; }




/* lansdcape panel for mobile devices */
.b-mobile_rotate { display: none; background-image: url('../img/preloader_bg.jpg'); }
.b-mobile_rotate_in { width: 70em; height: 32em; }
.b-mobile_rotate_img { height: 18em; background-image: url('../img/mobile_rotate.png'); }
.b-mobile_rotate_text { margin-top: 1em; text-align: center; font: normal 3em HelvLight, Arial, sans-serif; line-height: 1.2;}




/* button */
.b-buttons_bottom { position: absolute; left: 0; width: 100%; bottom: 4em; text-align: center; }

.b-button {
	display: inline-block; vertical-align: top; position: relative; height: 6.5em; min-width: 25em; text-align: center; color: white;
	-moz-box-sizing: border-box; box-sizing: border-box;
}
.b-button span { display: block; position: relative; text-align: center; padding-top: 0.61em; font: normal 3em MetaMedium, Arial, sans-serif; line-height: 1; }

.b-button_2 { width: 38em; }
.b-button_2 span { font-size: 2.4em; padding-top: 0.9em;}

.b-button_3 { width: auto; }
.b-button_3 span { font-size: 3.2em; padding: 0.56em 1em 0 1em; }

.b-button_in {
	border-radius: 3px;
	background-color: #861f5d;
	background-image: -webkit-linear-gradient(top, #861f5d 0%, #6a1046 100%);
	background-image: -moz-linear-gradient(top, #861f5d 0%, #6a1046 100%);
	background-image: -o-linear-gradient(top, #861f5d 0%, #6a1046 100%);
	background-image: linear-gradient(to bottom, #861f5d 0%, #6a1046 100%);
}


/* socials */
.b-social {
	display: inline-block; vertical-align: top; position: relative; width: 4.8em; height: 3.5em; margin: 0;
	background-image: url('../img/socials-1.png'); background-repeat: no-repeat; background-size: cover;
}
.b-social_vk { background-position: 0.1em 0; }
.b-social_fb { background-position: -6.2em 0; width: 4.4em;}
.b-social_ok { background-position: -12.4em 0; width: 3em;}
.b-social_tw { background-position: -16.3em 0; }


.b-social_2 { margin: 1.5em 0.6em 0; }
.b-social_2.b-social_vk {  }
.b-social_2.b-social_fb {  }
.b-social_2.b-social_ok {  }
.b-social_2.b-social_tw {  }


.b-social_3 { background-image: url('../img/socials-2.png'); height: 5em; width: 7em;}
.b-social_3.b-social_vk { background-position: 0.5em 0; width: 8em;}
.b-social_3.b-social_fb { background-position: -13.5em 0; }
.b-social_3.b-social_ok { background-position: -25.4em 0; width: 5em;}
.b-social_3.b-social_tw { background-position: -36.3em 0; }




/* canvas */
.b-canvas { position: relative; width: 100%; height: 100%; }



/* bg's */
.b-video_wrap { background-image: url('../img/index_bg.jpg'); }
.b-index_video_bg { /*background-image: url('../img/index_bg_video.jpg');*/ }

.b-regular_bg { background-image: url('../img/test_bg.jpg'); }




/* button bgs */
.b-button_arrow_left { background-image: url('../img/buttons/arrow_left.png'); }
.b-button_arrow_right { background-image: url('../img/buttons/arrow_right.png'); }
.b-button_red_bg { background-image: url('../img/buttons/red_bg.png'); }
.b-button_close { background-image: url('../img/buttons/close.png'); }
.b-button_red_border { background-image: url('../img/buttons/red_border.png'); }
.b-button_white_border { background-image: url('../img/buttons/white_border.png'); }
.b-button_white_border_opacity { background-image: url('../img/buttons/white_border_opacity.png'); }




/******************************************************************* HEADER ********************************************************************************/

.b-header { position: absolute; left: 0; top: 0; width: 100%; z-index: 300; }

.b-header_logo_privilege {
	position: absolute; width: 8em; font: normal 2.5em MetaMedium, Arial, sans-serif; background: #861f5d; left: 2.5em; top: 0; text-align: center;
	-moz-box-sizing: border-box; box-sizing: border-box; padding: 2em 0 0.5em;
}
.b-header_logo_privilege span {
	position: absolute; display: block; height: 0; width: 0; left: 0; top: 100%;
	border-left: 4em solid transparent; border-right: 4em solid transparent; border-top: 1.6em solid #861f5d;
}

.b-logo_vtb24 { position: absolute; width: 21em; height: 9em; background-image: url('../img/logo_vtb24.png'); }
.b-header_logo_vtb24 { right: 5em; top: 3em; }
.b-footer_logo_vtb24 { right: 8em; bottom: 8em; }


/******************************************************************* FOOTER *******************************************************************************/

.b-footer { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 300; }


.b-footer_connect { position: absolute; left: 5.5em; bottom: 4em; width: 30em; }
.b-footer_connect_title {
	border: 1px solid rgba(100, 121, 125, 0.3); position: relative; display: block; width: 100%; height: 5em; border-radius: 1px;
	-moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer;
}
.b-footer_connect_title span { position: relative; display: block; padding-top: 1em; padding-left: 1.2em; text-transform: uppercase; font: normal 1.7em MetaMedium, Arial, sans-serif; }

.b-footer_connect_dropdown { position: absolute; bottom: 100%; left: 0; width: 100%; }
.b-footer_connect_item {
	border-top: 1px solid rgba(100, 121, 125, 0.3); border-left: 1px solid rgba(100, 121, 125, 0.3); height: 5em; border-right: 1px solid rgba(100, 121, 125, 0.3);
	-moz-box-sizing: border-box; box-sizing: border-box; position: relative;  border-radius: 1px;
	background-position: right center; background-size: contain; background-repeat: no-repeat;
}
.b-footer_connect_item_1 { background-image: url('../img/footer_connect_item_1.png'); }
.b-footer_connect_item_2 { background-image: url('../img/footer_connect_item_2.png'); }
.b-footer_connect_item span { position: relative; display: block; padding-top: 1em; padding-left: 1.2em; font: normal 1.55em HelvMedium, Arial, sans-serif; }
.b-footer_connect_item a:hover { text-decoration: underline; }

.b-footer_connect_arrow {
	position: absolute; right: 1.9em; top: 0; height: 100%; width: 2.2em; background-image: url('../img/footer_connect_arrow.png');
	-webkit-transition: -webkit-transform 300ms ease; transition: transform 300ms ease;
}
.b-footer_connect_opened .b-footer_connect_arrow {  }


.b-footer_back_btn { position: absolute; left: 5.5em; bottom: 4em; width: 30em; }
.b-footer_back_btn_title {
    border: 1px solid rgba(100, 121, 125, 0.3); position: relative; display: block; width: 100%; height: 5em; border-radius: 1px;
    -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer;
}
.b-footer_back_btn_title span {
    position: relative; display: block; padding-top: 1em; padding-right: 1.2em; text-transform: uppercase; font: normal 1.7em MetaMedium, Arial, sans-serif; text-align: right;
}
.b-footer_back_btn_arrow {
    position: absolute; left: 1.9em; top: 0; height: 100%; width: 2.2em; background-image: url('../img/footer_back_arrow.png');
    -webkit-transition: -webkit-transform 300ms ease; transition: transform 300ms ease;
}


.b-footer_line { background: #861f5d; height: 1em; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 300; }



.b-footer_copyright_wrap { position: absolute; right: 7.5em; bottom: 0; width: 24em;}
.b-footer_phone { font: normal 3em MetaBook, Arial, sans-serif; text-align: right; line-height: 1; position: absolute; left: 1.8em; bottom: 4.2em;}
.b-footer_phone_descr { position: absolute; left: 3.3em; bottom: 6.3em; font: bold 1.6em MetaBookItalic, Arial, sans-serif; color: #841e5c; }
.b-footer_copyright { font: normal 1.3em MetaBook, Arial, sans-serif; margin-top: 1em; text-align: right; color: #969698;}




.b-social_sharings_wrap { position: absolute; right: 5em; bottom: 4em; }

.b-social_sharings_descr { font: normal 1.6em MetaBook, Arial, sans-serif; color: white; }

.b-social_sharing_open { position: absolute; width: 6em; height: 6em; right: 0; bottom: 0; background: #861f5d; border-radius: 50%; }
.b-social_sharing_open_in { background-image: url('../img/social-btn.png'); }

.social-likes { position: absolute; right: 0; bottom: 0; }

.social-likes__widget {
	position: absolute; width: 6em; height: 6em; padding-bottom: 1em; right: 0; bottom: -1em; opacity: 0;
	-webkit-transition: bottom 300ms ease-out, opacity 300ms ease-out; transition: bottom 300ms ease-out, opacity 300ms ease-out;
}
.b-social_sharings_opened .social-likes__widget { opacity: 1; }
.b-social_sharings_opened .social-likes__widget_facebook { bottom: 27em; }
.b-social_sharings_opened .social-likes__widget_vkontakte { bottom: 20em; }
.b-social_sharings_opened .social-likes__widget_twitter { bottom: 6em; }
.b-social_sharings_opened .social-likes__widget_odnoklassniki { bottom: 13em; }

.social-likes__button { position: relative; display: block; width: 100%; height: 100%; background: #861f5d; border-radius: 50%; cursor: pointer; }
.social-likes__counter { position: absolute; display: block; right: 100%; top: 1.5em; margin-right: 1em; font: normal 1.6em MetaMedium, Arial, sans-serif; }

.social-likes__icon { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; }
.social-likes__icon_facebook { background-image: url('../img/social-fb.png'); }
.social-likes__icon_vkontakte { background-image: url('../img/social-vk.png'); }
.social-likes__icon_twitter { background-image: url('../img/social-tw.png'); }
.social-likes__icon_odnoklassniki { background-image: url('../img/social-ok.png'); }













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

.b-preloader { z-index: 5; background: black; }
.b-preloader_bg { background-image: url('../img/preloader_bg.jpg'); }
.b-preloader_canvas_wrap { width: 8em; height: 8.4em; }


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




/* intro */
.b-button_intro { width: 30em; }





/* index */
.b-index_content { width: 100%; height: 50em; }

.b-index_title { text-align: center; font: normal 9em MetaMedium, Arial, sans-serif; margin-bottom: 0.15em;}
.b-index_descr_title { text-align: center; font: normal 2.1em MetaBook, Arial, sans-serif; width: 51em; margin: 0 auto; }
.b-index_auth_title { text-align: center; font: normal 2.1em MetaBook, Arial, sans-serif; padding-top: 1em; }

.b-index_buttons { text-align: center; margin-top: 2.5em; }
.b-button_index { width: 32em; }
.b-button_index_2 { width: 38em; margin: 0 1em; }




/* test */
.b-test_content { width: 100%; height: 77em; text-align: center; }

.b-test_num_wrap { position: relative; display: inline-block; vertical-align: top; }
.b-test_num {
    display: inline-block; vertical-align: top; font: normal 2.7em MetaBook, Arial, sans-serif;
    padding: 0.25em 0.6em 0.15em; line-height: 1; color: #861f5d; border: 0.1em solid #861f5d;
}

.b-test_arrow { position: absolute; top: 0; height: 100%; width: 2.2em; }
.b-test_prev_arrow { left: -4.5em; background-image: url('../img/test_back_arrow.png'); }
.b-test_next_arrow { right: -4.5em; background-image: url('../img/test_next_arrow.png'); }

.b-test_title { position: relative; height: 34em; padding: 0 29em; }
.b-test_title_in { font: normal 3.5em MetaMedium, Arial, sans-serif; text-align: center; line-height: 1.2; }

.b-test_variants { position: relative; display: block; margin: 0 5.5em; width: auto; height: 26em; border-collapse: collapse; white-space: nowrap; }
.b-test_variant {
	position: relative; display: inline-block; vertical-align: top; border: 2px solid #3e4563; text-align: center; width: 33.3%;
	z-index: 0; margin-left: -2px; height: 100%; cursor: pointer; white-space: normal;
	-webkit-transition: border-color 200ms ease-out; transition: border-color 200ms ease-out;
}
.b-test_variant:first-child { margin-left: 0; }
.b-test_variant_answered { z-index: 1; border-color: #861f5d; }
.b-test_variants_narrow .b-test_variant { width: 25%; }

.b-test_variant_num {
	display: inline-block; vertical-align: top; line-height: 1; margin-top: 4.2em; position: relative; width: 6em; height: 7em;
	background-image: url('../img/buttons/white_border_opacity.png');
}
.b-test_variant_num_hover_bg {
	background-image: url('../img/buttons/red_bg.png'); opacity: 0; -webkit-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out;
}
.b-test_variant_answered .b-test_variant_num_hover_bg { opacity: 1; }
.b-test_variant_num_in { font: normal 3em HelvUltraLight, Arial, sans-serif; text-align: center; padding: 0.71em 0 0 0; line-height: 1; position: relative;}

.b-test_variant_text { position: relative; height: 15em; padding: 0 9em; }
.b-test_variants_narrow .b-test_variant_text { padding: 0 5em; }
.b-test_variant_text_in { font: normal 2.2em MetaBook, Arial, sans-serif; text-align: center; }


.b-test_celeb_bg { -webkit-transition: opacity 300ms linear; transition: opacity 300ms linear; opacity: 0; }
.b-test_celeb_bg_shown { opacity: 1; }
.b-test_celeb_bg_answered { opacity: 0; }











/* result */
.b-result_content_all { width: 160em; height: 81em; text-align: center; }

.b-result_title { position: relative; font: normal 5.5em MetaBook, Arial, sans-serif; text-align: center; z-index: 1; }
.b-result_text { position: relative; font: normal 2em MetaBook, Arial, sans-serif; text-align: center; line-height: 1.5; z-index: 1; margin-top: 1.5em; }

.b-result_graph { position: relative; height: 70em; margin-top: -4em;}



.b-result_avatar { position: absolute; display: block; width: 10em; height: 10em; }
.b-result_avatar_self { width: 12em; height: 12em; top: 29em; }
.b-result_avatar_opponent { cursor: pointer; }

.b-result_avatar_mashkow { right: 40em; top: 11em; }

.b-result_avatar_friend_1 { left: 17em; top: 41em; }
.b-result_avatar_friend_2 { right: 41em; top: 48em; }
.b-result_avatar_friend_3 { left: 60em; top: 46em; }

.b-result_avatar_celeb_1 { left: 17em; top: 15em; }
.b-result_avatar_celeb_2 { left: 40em; top: 11em; }
.b-result_avatar_celeb_3 { left: 38em; top: 31em; }
.b-result_avatar_celeb_4 { left: 62em; top: 17em; }
.b-result_avatar_celeb_5 { left: 38em; top: 48em; }
.b-result_avatar_celeb_6 { right: 17em; top: 15em; }
.b-result_avatar_celeb_7 { right: 62em; top: 17em; }
.b-result_avatar_celeb_8 { right: 19em; top: 42em; }
.b-result_avatar_celeb_9 { right: 38em; top: 31em; }
.b-result_avatar_celeb_10 { right: 39em; top: 45em; }


.b-result_avatar_in {
	position: absolute; border: 1px solid #3e4563; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; left: 0; top: 0; width: 100%; height: 100%;
}
.b-result_avatar_bg { background-position: 50% 0; border-radius: 50%; }

.b-result_avatar_descr_wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.b-result_avatar_percents {
	position: absolute; left: 91%; top: 14%; margin-left: 0.5em; font: normal 2.4em MetaBook, Arial, sans-serif; color: #861f5d;
	-webkit-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; opacity: 0;
}
.b-result_avatar_percents_bottom { top: 33%; }

.b-result_avatar_user_name {
	position: absolute; left: 0; top: 100%; width: 200%; margin-left: -50%; margin-top: 0.5em;
	font: normal 1.8em MetaBook, Arial, sans-serif; text-align: center; line-height: 1.2;
	-webkit-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; opacity: 0;
}
.b-result_avatar_user_name span { font-family: MetaBookItalic, Arial, sans-serif; font-size: 0.8em; color: #cbccd0; }

.b-result_avatar_similar .b-result_avatar_user_name,
.b-result_avatar_self .b-result_avatar_user_name{ opacity: 1; }



/* inner result */
.b-result_inner_content_friends { width: 110em; height: 77em; text-align: center; }
.b-result_inner_content_celebs { width: 138em; height: 80em; text-align: center; }

.b-result_inner_title { font-size: 4em; z-index: 1;}

.b-result_back_button { position: absolute; left: 5.5em; right: auto; width: 6em; height: 7em; background-image: url('../img/buttons/red_bg.png'); }
.b-result_back_button span {
	position: absolute; display: block; top: 100%; width: 100%; margin-top: 1em;
	font: normal 1.2em MetaBook, Arial, sans-serif; text-align: center; text-transform: uppercase;
}

.b-result_next_button_wrap { position: relative; margin-top: 1em; text-align: center; }
.b-result_next_button {
	display: inline-block; vertical-align: top; position: relative; width: 6em; height: 7em; margin-right: 23em; background-image: url('../img/buttons/white_border.png');
}
.b-result_next_button span {
	position: absolute; display: block; top: 0; left: 100%; margin: 1.8em 0 0 2em;
	font: normal 1.5em MetaBook, Arial, sans-serif; text-transform: uppercase; white-space: nowrap;
}


.b-result_circles { position: relative; margin-top: 5em; text-align: center; width: 70em; height: 45em; margin-left: auto; margin-right: auto; }
.b-result_circles_mini { width: 52em; height: 30em; }
.b-result_circles_mini.b-result_circles_q_count_3 { width: 40em; }
.b-result_circles_mini.b-result_circles_q_count_2, .b-result_circles_q_count_1 { width: 30em; }

.b-result_circles_in { position: absolute; white-space: nowrap; text-align: center; height: 75em; top: -15em; left: 0; width: 100%;}
.b-result_circles_mini .b-result_circles_in { height: 62em; top: -16em; }

.b-result_circle { display: inline-block; vertical-align: top; width: 35em; height: 35em; background: #861f5d; opacity: 0.25; border-radius: 50%; position: absolute; }
.b-result_circles_mini .b-result_circle { width: 26em; height: 26em; }
.b-result_circles_mini.b-result_circles_q_count_3 .b-result_circle { width: 20em; height: 20em; }
.b-result_circles_mini.b-result_circles_q_count_2 .b-result_circle,
.b-result_circles_mini.b-result_circles_q_count_1 .b-result_circle { width: 15em; height: 15em; }

.b-result_circle_1 { left: 0; right: auto; }
.b-result_circle_2 { right: 0; left: auto; }
.b-result_circle_blue { background: #1f5b86; }

.b-result_circle_percents { position: absolute; left: 0; width: 100%; top: 0.75em; font: normal 19em HelvUltraLight, Arial, sans-serif; text-align: center; line-height: 1; }
.b-result_circles_mini .b-result_circle_percents  { top: 0.88em; font-size: 11em; }
.b-result_circles_mini.b-result_circles_q_count_2 .b-result_circle_percents,
.b-result_circles_mini.b-result_circles_q_count_1 .b-result_circle_percents { top: 1.65em; font-size: 7em; }

.b-result_circle_user { position: absolute; top: 0; bottom: 0; width: 11em; height: 11em; margin: auto 0; }

.b-result_circle_user_left { left: -5em; }
.b-result_circle_user_right { right: -5em; }

.b-result_circle_user_avatar {
	position: relative; display: block; width: 100%; height: 100%; border: 1px solid #3e4563; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 50%;
}
.b-result_circle_user_avatar_in { border-radius: 50%; background-position: 50% 0; }

.b-result_circle_user_name { position: relative; margin-top: 1.8em; font: normal 1.7em MetaBook, Arial, sans-serif; width: 200%; margin-left: -50%; text-align: center; color: #d9d7dd; }
/*.b-result_circles_mini .b-result_circle_user_name { position: absolute; top: 2.8em; width: auto; margin-top: 0; white-space: nowrap;}
.b-result_circles_mini .b-result_circle_user_left .b-result_circle_user_name { right: 100%; margin-right: 1em; margin-left: auto;}
.b-result_circles_mini .b-result_circle_user_right .b-result_circle_user_name { left: 100%; margin-left: 1em; }*/

.b-result_inner_celeb_wrap { margin-top: 5em; }
.b-result_inner_celeb_item { position: relative; }
.b-result_inner_celeb_text { color: #868894; text-align: center; font: normal 1.5em MetaBook, Arial, sans-serif; text-transform: uppercase; line-height: 1.2; position: relative;}
.b-result_inner_celeb_text br { display:none; }
.b-result_inner_celeb_descr { text-align: center; font: normal 2em MetaBook, Arial, sans-serif; margin-top: 1.5em; position: relative;}

.b-result_inner_descr { text-align: center; font: normal 2.2em MetaBook, Arial, sans-serif; margin: 0 9em; position: relative;}

.b-result_again_wrap { margin-top: -22em; text-align: center; }
.b-result_again { display: inline-block; vertical-align: top; width: 7.9em; height: 6.2em; position: relative; background-image: url('../img/again.png'); }
.b-result_again span { display: block; position: absolute; top: 100%; width: 200%; left: -50%; margin-top: 1em; font: normal 1.55em MetaBook, Arial, sans-serif; text-align: center; }


.b-result_popup {  }
.b-result_popup_bg { background: #000000; opacity: 0.7; }
.b-result_popup_content { width: 110em; height: 23em; bottom: 7em; padding: 4.5em 0 4.5em 0; background: white; border: 1px solid #BEB7B7; color: black; }

.b-result_popup_close { background-image: url('../img/buttons/red_border.png'); position: absolute; right: 4em; top: 3.5em; width: 7em; height: 7em; }
.b-result_popup_close_in { background-image: url('../img/buttons/close.png'); }

.b-result_popup_title { font: normal 3em MetaMedium, Arial, sans-serif; line-height: 1.2; text-align: center;}
.b-result_popup_socials { text-align: center; margin-top: 4em; }
.b-result_popup_social { margin: 0 2em; }
.b-result_popup_descr { font: normal 2em MetaMedium, Arial, sans-serif; line-height: 1.3; margin-top: 2em; text-align: center;}











/* privileges */
.b-privileges_content { width: 100%; height: 78em; }
.b-privileges_title { text-align: center; font: normal 5.5em MetaMedium, Arial, sans-serif; }

.b-privileges { position: relative; text-align: center; white-space: nowrap; margin-top: 8em;}
.b-privilege_item {
	display: inline-block; vertical-align: top; position: relative; white-space: normal; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid transparent;
    width: 24em; height: 36em; margin: 0 0.7em; cursor: pointer;
}

.b-privilege_item_img { position: relative; margin-top: 8em; height: 11em; }
.b-privilege_item_text { margin: 3.5em 1em 0 1em; text-align: center; font: normal 1.9em MetaMedium, Arial, sans-serif; line-height: 1.2; }


.b-other_privileges {
	border-left: 2px solid rgba(62, 69, 99, 0.55); border-right: 2px solid rgba(62, 69, 99, 0.55); border-bottom: 2px solid rgba(62, 69, 99, 0.55);
	margin: 6em auto 0; width: 156em;
}
.b-other_privileges_title { position: relative; height: 2px; }
.b-other_privileges_title_text { position: absolute; display: block; left: 0; top: -0.5em; text-align: center; width: 100%; font: normal 1.5em MetaBookItalic, Arial, sans-serif; }
.b-other_privileges_title_line { position: absolute; top: 0; width: 44.5%; height: 100%; background: rgba(62, 69, 99, 0.55); }
.b-other_privileges_title_line_left { left: 0; }
.b-other_privileges_title_line_right { right: 0; }

.b-other_privileges_in { position: relative; text-align: center; padding: 2em 0; }
.b-other_privileges_in_2 { height: 4em; position: relative; display: table; width: 100%; }
.b-other_privilege { display: table-cell; position: relative; text-align: center;}
.b-other_privilege_text {
    font: normal 2em MetaBook, Arial, sans-serif; display: inline-block; vertical-align: top; line-height: 1.1;
    padding-left: 2.7em; height: 2.2em;
    background-position: left center; background-image: url('../img/privileges/other.png');
}



.b-privileges_popup {  }
.b-privileges_popup_bg { background: #000000; opacity: 0.7; }
.b-privileges_popup_content { width: 100em; height: auto; top: 17em; padding: 4.5em 5em 4.5em 5em; background: white; border: 1px solid #BEB7B7; color: black; }

.b-privileges_popup_close { background-image: url('../img/buttons/red_border.png'); position: absolute; right: 4em; top: 3.5em; width: 7em; height: 7em; }
.b-privileges_popup_close_in { background-image: url('../img/buttons/close.png'); }

.b-privileges_popup_title { color: #2c3a7e; font: normal 6em MetaMedium, Arial, sans-serif; line-height: 1;}
.b-privileges_popup_text { margin-top: 1.5em; font: normal 2.2em MetaBook, Arial, sans-serif; line-height: 1.3; margin-bottom: 1.5em; }

.b-privileges_popup_button { width: 32em; }