новости недвижимости

события в мире недвижимости

Строительная компания города Санкт-⁠Петербург
Натяжные потолки в Москве, производство и монтаж с гарантией и качеством!
Строительство коттеджей, домов город Новокузнецк Stroydomrus
Мой теплый дом город Мытищи
Metalex, производство металлоконструкций город Москва

Новости

15.02.2019
0 comment

ie6 ie-old">

="ru-RU" class="ie ie6 ie-old">

500

Спокойствие,
только спокойствие!

Мы делаем всё возможное, чтобы работоспособность сайта была восстановлена в ближайшее время.

ml lang="ru-RU" class="ie ie6 ie-old"> .layout { background: #fff; min-width: 980px; overflow: hidden; } .page { margin: 0; font: 14px/21px Arial, sans-serif; background: #e9eaef; } .footer { position: relative; height: 14px; padding-top: 7px; padding-bottom: 7px; border-top: 1px solid #d5d5d5; line-height: 14px; text-align: left; background: #fff; font-family: Arial, Tahoma, sans-serif; } .footer__link { display: inline; margin-right: 18px; font-size: 12px; color: #999; line-height: 14px; text-decoration: none; white-space: nowrap; cursor: pointer; } .footer__portal { padding-left: 20px; } .footer__project { position: absolute; top: 7px; right: 0; } @font-face { font-family: 'Roboto'; font-weight: 300; font-style: normal; src: url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_300.eot"); src: local('Roboto Light'), local('Roboto-Light'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_300.eot#iefix") format('embedded-opentype'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_300.woff") format('woff'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_300.ttf") format('truetype'); } @font-face { font-family: 'Roboto'; font-weight: 400; font-style: normal; src: url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_400.eot"); src: local('Roboto Regular'), local('Roboto-Regular'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_400.eot#iefix") format('embedded-opentype'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_400.woff") format('woff'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_400.ttf") format('truetype'); } @font-face { font-family: 'Roboto'; font-weight: 700; font-style: normal; src: url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_700.eot"); src: local('Roboto Bold'), local('Roboto-Bold'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_700.eot#iefix") format('embedded-opentype'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_700.woff") format('woff'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_700.ttf") format('truetype'); } @font-face { font-family: 'Roboto Slab'; font-weight: 300; font-style: normal; src: url("/bem-toolkit/blocks-desktop/font-family/_robotoslab/font-family_robotoslab_300.eot"); src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url("/bem-toolkit/blocks-desktop/font-family/_robotoslab/font-family_robotoslab_300.eot#iefix") format('embedded-opentype'), url("/bem-toolkit/blocks-desktop/font-family/_robotoslab/font-family_robotoslab_300.woff") format('woff'), url("/bem-toolkit/blocks-desktop/font-family/_robotoslab/font-family_robotoslab_300.ttf") format('truetype'); } @font-face { font-family: 'Roboto Condensed'; font-weight: 700; font-style: normal; src: url("/bem-toolkit/blocks-desktop/font-family/_robotocondensed/font-family_robotocondensed_700.eot"); src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url("/bem-toolkit/blocks-desktop/font-family/_robotocondensed/font-family_robotocondensed_700.eot#iefix") format('embedded-opentype'), url("/bem-toolkit/blocks-desktop/font-family/_robotocondensed/font-family_robotocondensed_700.woff") format('woff'), url("/bem-toolkit/blocks-desktop/font-family/_robotocondensed/font-family_robotocondensed_700.ttf") format('truetype'); } .badge { background: #4c8ebc; border-left: 1px solid #6e99b7; color: #fff; padding: 2px 5px; font-weight: 700; font-size: 10px; line-height: 16px; letter-spacing: 1px; text-transform: uppercase; display: inline-block; vertical-align: middle; } .badge:first-child { border-left-width: 0; } .badge__icon { vertical-align: middle; max-height: 18px; } .badge__text { vertical-align: middle; margin-left: 5px; } .badge__text:first-child { margin-left: 0; } .badge_link { -webkit-transition: border-color, color, background 0.15s ease-in-out; -moz-transition: border-color, color, background 0.15s ease-in-out; -o-transition: border-color, color, background 0.15s ease-in-out; -ms-transition: border-color, color, background 0.15s ease-in-out; transition: border-color, color, background 0.15s ease-in-out; } .badge_link:hover { background: #4582ac; text-decoration: none; } .badge_single { -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #6e99b7; } .badge_single:first-child { border-left-width: 1px; } .badge_color_portal { background: #168de2; } .badge_gray { color: #999; border-color: #f0f0f0; background: #f0f0f0; } .badge_gray.badge_link:hover { border-color: #dcdcdc; background: #dcdcdc; } .badge_doc_pdf, .badge_red { background: #f44e4e; border-left-color: #f44e4e; } .badge_doc_doc { background: #158de2; } .shadow { position: relative; z-index: 200; } .shadow:after { content: ''; display: block; position: absolute; bottom: 40px; height: 10px; left: 4%; right: 4%; -webkit-border-radius: 35px; border-radius: 35px; -webkit-box-shadow: 0 25px 25px 20px #9f9f9f; box-shadow: 0 25px 25px 20px #9f9f9f; z-index: -1; } .shadow_narrow:after { left: 18%; right: 18%; } .shadow_full:after { left: 0; right: 0; } .shadow_full-weak:after { left: 0; right: 0; bottom: 50px; } .shadow_darker:after { -webkit-box-shadow: 0 25px 25px 20px rgba(0,0,0,0.3); box-shadow: 0 25px 25px 20px rgba(0,0,0,0.3); } .icon_realty { background-image: url("/bem/web/web.blocks/sprite/pics/realty/realty__7up.png?13f5cbd8f5d5ef6d6707dd93a80d4aec"); display: inline-block; } .icon_realty_building { width: 26px; height: 26px; line-height: 26px; background-position: 0px 0px; } .icon_realty_camera { width: 21px; height: 19px; line-height: 19px; background-position: 0px -29px; } .icon_realty_dislike { width: 20px; height: 22px; line-height: 22px; background-position: 0px -51px; } .icon_realty_favourite { width: 20px; height: 26px; line-height: 26px; background-position: 0px -76px; } .icon_realty_nav-right { width: 20px; height: 20px; line-height: 20px; background-position: 0px -105px; } .icon_realty_pen { width: 26px; height: 26px; line-height: 26px; background-position: 0px -128px; } .icon_realty_phone { width: 26px; height: 26px; line-height: 26px; background-position: 0px -157px; } .icon_realty_plus { width: 32px; height: 32px; line-height: 32px; background-position: 0px -186px; } .icon_realty_print { width: 20px; height: 20px; line-height: 20px; background-position: 0px -221px; } .icon_realty_social_share { width: 18px; height: 23px; line-height: 23px; background-position: 0px -244px; } .icon_realty_star { width: 20px; height: 18px; line-height: 18px; background-position: 0px -270px; } .icon_realty_star_active { width: 20px; height: 18px; line-height: 18px; background-position: 0px -291px; } .icon_realty_warning { width: 24px; height: 24px; line-height: 24px; background-position: 0px -312px; } .icon_map { background-image: url("/bem/web/web.blocks/sprite/pics/map/map__7up.png?e121fb794c1c3717f7452a93cfa84a49"); display: inline-block; } .icon_map_all { width: 37px; height: 44px; line-height: 44px; background-position: 0px 0px; } .icon_map_atm { width: 37px; height: 44px; line-height: 44px; background-position: 0px -47px; } .icon_map_beauty { width: 37px; height: 44px; line-height: 44px; background-position: 0px -94px; } .icon_map_children { width: 37px; height: 44px; line-height: 44px; background-position: 0px -141px; } .icon_map_cinema { width: 37px; height: 44px; line-height: 44px; background-position: 0px -188px; } .icon_map_cluster-filled { width: 20px; height: 19px; line-height: 19px; background-position: 0px -235px; } .icon_map_cluster { width: 20px; height: 19px; line-height: 19px; background-position: 0px -257px; } .icon_map_drugstore { width: 37px; height: 44px; line-height: 44px; background-position: 0px -279px; } .icon_map_education { width: 37px; height: 44px; line-height: 44px; background-position: 0px -326px; } .icon_map_mail { width: 37px; height: 44px; line-height: 44px; background-position: 0px -373px; } .icon_map_marker-filled { width: 15px; height: 19px; line-height: 19px; background-position: 0px -420px; } .icon_map_marker { width: 15px; height: 19px; line-height: 19px; background-position: 0px -442px; } .icon_map_parking { width: 37px; height: 44px; line-height: 44px; background-position: 0px -464px; } .icon_map_restaraunt { width: 37px; height: 44px; line-height: 44px; background-position: 0px -511px; } .icon_map_store { width: 37px; height: 44px; line-height: 44px; background-position: 0px -558px; } @font-face { font-family: "icon_font"; src: url("/bem/web/web.blocks/icon/_font/icon_font.eot"); font-weight: normal; font-style: normal; } @font-face { font-family: "icon_font"; src: url("/bem/web/web.blocks/icon/_font/icon_font.eot"); src: url("/bem/web/web.blocks/icon/_font/icon_font.eot?#iefix") format("embedded-opentype"), url("/bem/web/web.blocks/icon/_font/icon_font.woff") format("woff"), url("/bem/web/web.blocks/icon/_font/icon_font.ttf") format("truetype"), url("/bem/web/web.blocks/icon/_font/icon_font.svg?#icon_font") format("svg"); font-weight: normal; font-style: normal; } .icon { font-family: "icon_font"; display: inline-block; vertical-align: middle; line-height: 1; font-weight: normal; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon_arrow_down:before { content: "\c4"; } .icon_arrow_left:before { content: "\c5"; } .icon_arrow_right:before { content: "\c6"; } .icon_burger:before { content: "\c7"; } .icon_check:before { content: "\c8"; } .icon_close:before { content: "\c9"; } .icon_control_next:before { content: "\ca"; } .icon_control_previous:before { content: "\cb"; } .icon_dropdown:before { content: "\cc"; } .icon_heart:before { content: "\cd"; } .icon_less_bold:before { content: "\ce"; } .icon_marker:before { content: "\cf"; } .icon_more_bold:before { content: "\d0"; } .icon_more:before { content: "\d1"; } .icon_phone:before { content: "\d2"; } .icon_phone_fill:before { content: "\d3"; } .icon_photo:before { content: "\d4"; } .icon_share:before { content: "\d5"; } .icon_social_fb:before { content: "\d6"; } .icon_social_my:before { content: "\d7"; } .icon_social_ok:before { content: "\d8"; } .icon_social_tw:before { content: "\d9"; } .icon_social_vk:before { content: "\da"; } .icon_zoom:before { content: "\db"; } .icon_dislike:before { content: "\dc"; } .icon_favorites:before { content: "\dd"; } .icon_p-building:before { content: "\de"; } .icon_p-calculator:before { content: "\df"; } .icon_p-coins:before { content: "\e0"; } .icon_p-house:before { content: "\e1"; } .icon_p-key:before { content: "\e2"; } .icon_p-text-doc:before { content: "\e3"; } .icon_subway-line:before { content: "\e4"; } .icon_subway-constr:before { content: "\e5"; } .icon_subway-mck:before { content: "\e6"; } .icon_subway-mck-inner:before { content: "\e7"; } .icon_subway-ring-inner:before { content: "\e8"; } .icon { vertical-align: middle; display: inline-block; position: relative; z-index: 1; text-decoration: none; } .icon:hover { text-decoration: none; } .icon_social_vk, .icon_social_my { top: 3px; } .icon_social_fb, .icon_social_ok { top: -1px; } .icon_control { cursor: pointer; } .icon_disabled { cursor: default; opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; filter: alpha(opacity=48); } .icon_size_10 { font-size: 10px; height: 10px; line-height: 10px; } .icon_size_20 { font-size: 20px; height: 20px; line-height: 20px; } .icon_size_30 { font-size: 30px; height: 30px; line-height: 30px; } .icon_size_36 { font-size: 36px; height: 36px; line-height: 36px; } .icon_size_45 { font-size: 45px; height: 45px; line-height: 45px; } .icon_size_60 { font-size: 60px; height: 60px; line-height: 60px; } .icon_margin_left { margin-left: 5px; } .icon_margin_left_large { margin-left: 10px; } .icon_margin_right { margin-right: 5px; } .icon_margin_right_large { margin-right: 10px; } .icon_primary { color: #4c8ebc; } .icon_secondary { color: #6e99b7; } .icon_color_yellow { color: #ffd400; } .icon_circle { background: #4c8ebc; -webkit-border-radius: 50%; border-radius: 50%; position: relative; text-align: center; width: 50px; height: 50px; font-size: 15px; line-height: 1; } .icon_circle:before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .icon_circle_size_10 { width: 10px; height: 10px; line-height: 10px; } .icon_circle_size_18 { width: 18px; height: 18px; line-height: 18px; } .icon_circle_size_20 { width: 20px; height: 20px; line-height: 20px; } .icon_circle_size_22 { width: 22px; height: 22px; line-height: 22px; } .icon_circle_size_30 { width: 30px; height: 30px; line-height: 30px; } .icon_circle_size_60 { width: 60px; height: 60px; line-height: 60px; } .icon_circle_size_80 { width: 80px; height: 80px; line-height: 80px; } .icon_circle_border { border: 2px solid; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; } .icon_background_gray { background: #f0f0f0; } .icon_arrow-border_up, .icon_arrow-border_down { width: 0; height: 0; border: 5px solid transparent; } .icon_arrow-border_down { border-top: 5px solid #07c; border-bottom: none; } .icon_arrow-border_up { border-bottom: 5px solid #07c; border-top: none; } .icon_arrow-border_green { border-top-color: #28c75d; border-bottom-color: #28c75d; } .icon_arrow-border_red { border-top-color: #f44e4e; border-bottom-color: #f44e4e; } .icon_arrow-border_black { border-top-color: #000; border-bottom-color: #000; } .icon_color_gray { color: #bfbfbf; } .icon_color_project { color: #4c8ebc; } .icon_mortgage { width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; background: #e5e5e5; } .icon_mortgage_blue { background: #8fb8e6; } .icon_mortgage_red { background: #f2a587; } .icon_mortgage_yellow { background: #f5e286; } .icon_control_previous:before { position: relative; right: 2px; } .icon_control_next:before { position: relative; left: 2px; } .icon_social_my { top: 3px; } .icon_social_tw { top: 1px; } .icon_arrow_up, .icon_arrow_bottom { top: 3px; } .icon_arrow_down { top: 2px; } .icon_realty_plus { top: 3px; } .icon_sort_up, .icon_sort_down { width: 0; height: 0; border: 5px solid transparent; } .icon_sort_down { border-top: 5px solid #3291de; border-bottom: none; } .icon_sort_up { border-bottom: 5px solid #3291de; border-top: none; } .icon_sort_green { border-top-color: #00a444; border-bottom-color: #00a444; } .icon_sort_red { border-top-color: #ff3e3e; border-bottom-color: #ff3e3e; } .icon_sort_black { border-top-color: #000; border-bottom-color: #000; } .icon_arrow_right-poiner, .icon_arrow_left-pointer { top: 1px; } .icon_subway-line { position: relative; height: 24px; line-height: 26px; font-size: 26px; } .icon_subway-line-indent { margin-left: 14px; } .icon_subway-color_0 { color: #894e35; } .icon_subway-color_1 { color: #ed1b35; } .icon_subway-color_2 { color: #44b85c; } .icon_subway-color_3 { color: #0078bf; } .icon_subway-color_4 { color: #19c1f3; } .icon_subway-color_5 { color: #894e35; } .icon_subway-color_6 { color: #f58631; } .icon_subway-color_7 { color: #8e479c; } .icon_subway-color_8 { color: #ffcb31; } .icon_subway-color_9 { color: #a1a2a3; } .icon_subway-color_10 { color: #b3d445; } .icon_subway-color_11 { color: #79cdcd; } .icon_subway-color_12 { color: #acbfe3; } .icon_subway-color_13 { color: #f26564; } .icon_subway-color_14 { color: #f26564; } .icon_subway-color_15 { color: #58585a; } .icon_subway-color_16 { color: #f26564; } .icon_subway-color_17 { color: ; } body .link-holder:before { content: ''; background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } body .link-holder_over { position: relative; z-index: 3; } body .link-holder_over:before { top: -2px; right: -2px; bottom: -2px; left: -2px; z-index: -1; } .hidden { display: none !important; } .hidden_all { display: none !important; } .screen_small .hidden_small { display: none !important; } .screen_medium .hidden_medium { display: none !important; } .screen_large .hidden_large { display: none !important; } .link-hdr a.hdr__text .hdr__inner { border-bottom: 2px solid transparent; } .link-hdr:hover a.hdr__text .hdr__inner { border-bottom: 2px solid; } .popup-shown body { overflow: hidden; } .popup-shown .overlay { overflow-x: auto; overflow-y: scroll; } .popup-shown .layout { overflow-y: scroll; } .wrap-control:hover .control { background: #4c8ebc; color: #fff; } .animated { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .photo { display: block; position: relative; } .photo__title { font-weight: 300; font-size: 20px; line-height: 28px; display: block; } .photo__title_new:before { content: ''; display: inline-block; vertical-align: baseline; background: #ffa930; -webkit-border-radius: 50%; border-radius: 50%; width: 15px; height: 15px; margin-right: 10px; } .photo_small .photo__title_new:before { width: 10px; height: 10px; margin-right: 5px; } .photo__title_new_hidden:before { display: none; } .photo__subtitle { display: block; margin-top: 8px; font-weight: 300; font-size: 15px; line-height: 20px; } .photo__pic { display: block; width: 100%; } .photo__param { font-weight: 300; font-size: 13px; line-height: 20px; } .photo__icon { position: absolute; right: 15px; bottom: 19px; } .photo__count { position: absolute; bottom: 19px; right: 15px; text-align: center; font-weight: 700; font-size: 10px; line-height: 16px; padding: 0 1px; border: 1px solid #fff; background: rgba(0,0,0,0.5); min-width: 15px; } .photo__count:after { content: ''; position: absolute; width: 1px; height: 100%; right: -3px; top: 2px; border-right: 1px solid #fff; border-top: 1px solid #fff; } .photo__count:before { content: ''; position: absolute; height: 1px; width: 100%; left: 2px; bottom: -3px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; } .photo__inner { position: relative; display: block; height: 100%; } .photo__inner:hover .photo__action-inner { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .photo__labels { position: absolute; top: 0; left: 10px; z-index: 1; zoom: 1; } .photo__labels:after, .photo__labels:before { content: ""; display: table; } .photo__labels:after { clear: both; } .photo__label { vertical-align: top; } .photo__captions { position: absolute; bottom: 0; right: 0; left: 0; padding: 0 15px 15px; color: #fff; background: -webkit-linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); background: -moz-linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); background: -ms-linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); background: linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#cc000000', GradientType=0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .photo__captions:before { content: ''; position: absolute; left: 0; top: -15px; height: 15px; width: 100%; background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: -moz-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: -ms-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); } .ie8 .photo__captions, .ie9 .photo__captions { padding-top: 15px; } .photo__captions_icon { padding-right: 45px; } .photo__action { position: absolute; top: 0; bottom: 0; left: 0; right: 0; cursor: pointer; display: inline-block; z-index: 2; } .photo__action:before { content: ''; width: 0; height: 100%; vertical-align: middle; display: inline-block; } .photo__action_small .photo__action-inner { height: 45px; width: 45px; line-height: 45px; font-size: 17px; } .photo__action-inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 90px; width: 90px; line-height: 90px; background: #fff; background: rgba(255,255,255,0.8); font-size: 35px; color: #000; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; -webkit-box-shadow: 0px 2px 3px rgba(94,102,0,0.3); box-shadow: 0px 2px 3px rgba(94,102,0,0.3); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .photo_link { cursor: pointer; } .photo_small .photo__title { font-weight: 300; font-size: 15px; line-height: 20px; } .photo_small .photo__subtitle { font-weight: 300; font-size: 13px; line-height: 20px; } .photo_small .photo__icon, .photo_small .photo__count { bottom: 15px; } .photo_full { width: 100%; height: 100%; /* transform: scale(0.99999) - IE > 9 */ } .photo_full .photo__pic { width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 50%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0.99999); -moz-transform: scale(0.99999); -o-transform: scale(0.99999); -ms-transform: scale(0.99999); transform: scale(0.99999); } .photo_full_round .photo__pic { -webkit-border-radius: 50%; border-radius: 50%; } .photo_content .photo__pic { width: auto; cursor: pointer; max-width: 100%; display: block; margin: 0 auto; } .photo_incell .photo__pic { max-width: none; display: inline-block; vertical-align: top; width: auto; } .photo_shadow .photo__pic { -webkit-box-shadow: 0 2px 14px rgba(0,0,0,0.25); box-shadow: 0 2px 14px rgba(0,0,0,0.25); } .photo_scale { overflow: hidden; } .photo_scale .photo__pic { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .photo_scale:hover .photo__pic { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .photo_transparent { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } .photo_current.photo_transparent { opacity: 1; -ms-filter: none; filter: none; } .photo_current .photo__pic { -webkit-box-shadow: 0 2px 14px rgba(0,0,0,0.25); box-shadow: 0 2px 14px rgba(0,0,0,0.25); } .photo_action .photo__action-inner { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .photo_stroke .photo__pic { -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.12); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.12); } .photo_advert { height: 380px; background: #f1f1f1; } .photo_advert .photo__pic { -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .spring { background: #fff 50% no-repeat; } .spring_bordered { border: 1px solid #dedede; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .spring_top { height: 90px; overflow: hidden; } .spring_side { width: 240px; height: 400px; overflow: hidden; } .spring_incut { height: 200px; overflow: hidden; } .grid__item { border-left: 1px solid #fff; border-top: 1px solid #fff; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; vertical-align: top; position: relative; overflow: hidden; } .grid__item_for-banner .grid__fixer { height: 440px; } .grid__item_banner { width: 280px; border-left: 0; } .grid__item_banner .grid__fixer { border: 1px solid #d9d9d9; padding: 19px; background: #fcfdfd; margin-right: 0; } .grid__item_more { cursor: pointer; vertical-align: middle; background: #404040; text-align: center; color: #fff; -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.5) inset; box-shadow: 0 0 40px rgba(0,0,0,0.5) inset; text-decoration: underline; } .grid__item_more:hover { text-decoration: none; } .grid__item_more_bottom { vertical-align: bottom; position: relative; } .grid__item_more_bottom .grid__fixer { position: absolute; bottom: 0; width: 100%; top: auto; padding-bottom: 15px; } .grid__item_more_inverted { background: #fff; -webkit-box-shadow: none; box-shadow: none; color: #404040; } .grid__item_small { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_medium .grid__item_small { font-size: 17px; line-height: 24px; } .screen_large .grid__item_small { font-size: 17px; line-height: 24px; } .grid__item_current .grid__photo { opacity: 1; -ms-filter: none; filter: none; } .screen_small .grid__item_small_percent-16 { width: 16%; } .screen_small .grid__item_small_percent-20 { width: 20%; } .screen_small .grid__item_small_percent-25 { width: 25%; } .screen_small .grid__item_small_percent-33 { width: 33.33%; } .screen_small .grid__item_small_percent-50 { width: 50%; } .screen_small .grid__item_small_percent-60 { width: 60%; } .screen_small .grid__item_small_percent-80 { width: 80%; } .screen_small .grid__item_small_percent-100 { width: 100%; } .screen_medium .grid__item_medium_percent-16 { width: 16%; } .screen_medium .grid__item_medium_percent-20 { width: 20%; } .screen_medium .grid__item_medium_percent-25 { width: 25%; } .screen_medium .grid__item_medium_percent-33 { width: 33.33%; } .screen_medium .grid__item_medium_percent-50 { width: 50%; } .screen_medium .grid__item_medium_percent-60 { width: 60%; } .screen_medium .grid__item_medium_percent-80 { width: 80%; } .screen_medium .grid__item_medium_percent-100 { width: 100%; } .screen_large .grid__item_large_percent-16 { width: 16%; } .screen_large .grid__item_large_percent-20 { width: 20%; } .screen_large .grid__item_large_percent-25 { width: 25%; } .screen_large .grid__item_large_percent-33 { width: 33.33%; } .screen_large .grid__item_large_percent-50 { width: 50%; } .screen_large .grid__item_large_percent-60 { width: 60%; } .screen_large .grid__item_large_percent-80 { width: 80%; } .screen_large .grid__item_large_percent-100 { width: 100%; } .grid__row { position: relative; left: -1px; } .grid__row:first-child { margin-top: -1px; } .grid__row_table { display: table; width: 100%; } .grid__row_table .grid__item { display: table-cell; } .grid__row_table .grid__photo { margin-bottom: -1px; } .grid__row_infinite { position: relative; white-space: nowrap; } .grid__row_infinite .grid__item { white-space: normal; } .grid__row_sliding { -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; -o-transition: -o-transform 0.2s; -ms-transition: -ms-transform 0.2s; transition: transform 0.2s; } .screen_small .grid__row_ratio_small_4-3 .grid__item:before { padding-top: 75%; } .screen_small .grid__row_ratio_small_16-9 .grid__item:before { padding-top: 56.25%; } .screen_medium .grid__row_ratio_medium_4-3 .grid__item:before { padding-top: 75%; } .screen_medium .grid__row_ratio_medium_16-9 .grid__item:before { padding-top: 56.25%; } .screen_large .grid__row_ratio_large_4-3 .grid__item:before { padding-top: 75%; } .screen_large .grid__row_ratio_large_16-9 .grid__item:before { padding-top: 56.25%; } .grid__row_ratio .grid__fixer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .grid__row_ratio .grid__item:before { content: ''; display: block; } .grid__row_height_150 .grid__item { height: 150px; } .grid__row_height_150 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_150 .grid__photo { margin-bottom: 0; } .grid__row_height_150 .grid__fixer { height: 100%; } .grid__row_height_200 .grid__item { height: 200px; } .grid__row_height_200 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_200 .grid__photo { margin-bottom: 0; } .grid__row_height_200 .grid__fixer { height: 100%; } .grid__row_height_250 .grid__item { height: 250px; } .grid__row_height_250 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_250 .grid__photo { margin-bottom: 0; } .grid__row_height_250 .grid__fixer { height: 100%; } .grid__row_height_350 .grid__item { height: 350px; } .grid__row_height_350 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_350 .grid__photo { margin-bottom: 0; } .grid__row_height_350 .grid__fixer { height: 100%; } .grid__row_height_450 .grid__item { height: 450px; } .grid__row_height_450 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_450 .grid__photo { margin-bottom: 0; } .grid__row_height_450 .grid__fixer { height: 100%; } .grid { overflow: hidden; position: relative; font-size: 0; } .grid__fixer { position: relative; } .grid__spring { border-top: 1px solid #fff; margin-left: 1px; } .grid_border_bottom { border-bottom: 1px solid #fff; } .grid_hover:hover .grid__item_current .photo, .grid_hover:hover .photo_current { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); } .grid_hover:hover .grid__item:hover .photo_transparent:hover { opacity: 1; -ms-filter: none; filter: none; } .grid__item_width_150 { width: 150px !important; } .grid__item_map { border-right: 1px solid #fff; z-index: 2; } .grid__item_p-active { position: relative; border: 5px solid #4c8ebc; } .grid__item_p-active .grid__fixer { position: absolute; top: -4px; left: -4px; right: -5px; bottom: -5px; height: auto !important; } .grid__row_height_90 .grid__item { height: 90px; } .grid__row_height_90 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_90 .grid__item .photo { margin-bottom: 0; } .grid__row_height_90 .grid__fixer { height: 100%; } .grid__row_height_380 .grid__item { height: 380px; } .grid__row_height_380 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_380 .grid__item .photo { margin-bottom: 0; } .grid__row_height_380 .grid__fixer { height: 100%; } .loader { width: 30px; height: 30px; display: inline-block; -webkit-animation: loader 850ms linear infinite; -moz-animation: loader 850ms linear infinite; -o-animation: loader 850ms linear infinite; -ms-animation: loader 850ms linear infinite; animation: loader 850ms linear infinite; } .loader_small { width: 20px; height: 20px; } .loader_small.loader_position_center { margin-top: -10px; margin-left: -10px; } .loader_medium { width: 40px; height: 40px; } .loader_medium.loader_position_center { margin-top: -20px; margin-left: -20px; } .loader_large { width: 50px; height: 50px; } .loader_large.loader_position_center { margin-top: -25px; margin-left: -25px; } .loader_button { width: 16px; height: 16px; } .loader_button.loader_position_center { margin-top: -8px; margin-left: -8px; } .loader_position_center { position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; } @-moz-keyframes loader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes loader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .overlay { overflow-x: hidden; overflow-y: scroll; position: fixed; z-index: 1600; top: 0; right: 0; bottom: 0; left: 0; height: 100%; background: #262626; background: rgba(0,0,0,0.4); display: none; } .overlay__box { display: table; width: 100%; height: 100%; } .overlay__cell { display: table-cell; height: 100%; width: 100%; text-align: center; vertical-align: middle; } .overlay__inner { white-space: nowrap; text-align: center; margin: 20px 0; } .overlay__content { display: inline-block; vertical-align: top; z-index: 10; text-align: left; white-space: normal; margin: 0 120px; } .overlay__loader { text-align: center; display: none; } .overlay__side { display: none; margin-right: 120px; vertical-align: top; position: relative; } .overlay__wrapper { position: relative; display: inline; float: left; min-width: 100%; text-align: center; height: 100%; } .overlay__close { position: absolute; z-index: 20; right: 0; top: 0; width: 20px; height: 20px; padding: 20px; font-size: 21px; line-height: 18px; text-align: center; color: #fff; } .overlay__close:hover { color: #4c8ebc; } .overlay__close_hidden { display: none; } .overlay_banner .overlay__side { display: inline-block; margin-top: 42px; } .overlay_dark { background: #262626; background: rgba(0,0,0,0.9); } .overlay_gallery .overlay__inner { margin: 20px 0; } .overlay_gallery .overlay__content { display: block; } .overlay_loading .overlay__loader { display: block; } .overlay_loading .overlay__content { display: none; } .overlay_shown { display: block; } .overlay_close_shown .overlay__close { display: block; } .overlay .popup { display: block; } .overlay_map .overlay__cell { padding: 20px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .overlay_map .overlay__inner, .overlay_map .overlay__content { width: 100%; height: 100%; margin: 0; } .pbox_list { padding-bottom: 90px; } .pbox_list .pbox__list, .pbox_list .pbox__count { display: block; } .pbox_loading { text-align: center; } .pbox_loading .pbox__inner { visibility: hidden; } .pbox_loading .pbox__switcher { visibility: visible; } .pbox_loading .pbox__loader { display: inline-block; } .pbox__info { position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.8); display: table; } .pbox__info__sub { display: table-cell; padding: 10px; font-weight: 300; font-size: 13px; line-height: 20px; color: rgba(255,255,255,0.2); } .pbox__info__sub__val { color: rgba(255,255,255,0.2); display: inline-block; white-space: nowrap; margin-right: 5px; } .pbox__info__sub_right { text-align: right; } .pbox__info__sub_right .pbox__info__sub__val { text-align: right; margin-right: 0px; margin-left: 5px; } .pbox__text { color: #c8ced3; font-weight: 300; font-size: 15px; line-height: 20px; margin-top: 10px; position: relative; } .pbox__title { color: #c8ced3; margin-top: 5px; font-weight: 300; font-size: 20px; line-height: 28px; position: relative; } .screen_medium .pbox__title { font-size: 24px; line-height: 32px; } .screen_large .pbox__title { font-size: 24px; line-height: 32px; } .pbox__note { color: #979797; font-size: 12px; margin-top: 5px; float: right; padding-left: 10px; } .pbox__note a { color: #fff; } .pbox__top { zoom: 1; margin-bottom: 15px; position: relative; z-index: 3; } .pbox__top:after, .pbox__top:before { content: ""; display: table; } .pbox__top:after { clear: both; } .pbox__count { text-align: right; max-width: 50%; color: #fff; font-weight: 300; font-size: 20px; line-height: 28px; display: none; } .screen_medium .pbox__count { font-size: 24px; line-height: 32px; } .screen_large .pbox__count { font-size: 24px; line-height: 32px; } .pbox__count__wrapper { display: inline-block; position: relative; } .pbox__count__inner { position: relative; right: -50%; } .pbox__current { font-weight: 400; } .pbox__actions { float: right; padding-left: 40px; } .pbox__action { margin-left: 20px; font-weight: 300; font-size: 13px; line-height: 20px; line-height: 30px; color: #c8cfd4; } .pbox__action:hover { color: #fff; } .pbox__switcher { width: 50%; height: 100%; position: absolute; cursor: pointer; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pbox__switcher:hover .pbox__control { background: #4c8ebc; height: 60px; width: 65px; } .pbox__switcher.pbox__switcher:hover .pbox__control_prev { -webkit-border-radius: 0 80px 80px 0; border-radius: 0 80px 80px 0; } .pbox__switcher.pbox__switcher:hover .pbox__control_next { -webkit-border-radius: 80px 0 0 80px; border-radius: 80px 0 0 80px; } .pbox__switcher_prev { left: 0; } .pbox__switcher_prev .pbox__control { -webkit-border-radius: 0 75px 75px 0; border-radius: 0 75px 75px 0; padding-right: 10px; left: 0; } .pbox__switcher_next { right: 0; } .pbox__switcher_next .pbox__control { -webkit-border-radius: 75px 0 0 75px; border-radius: 75px 0 0 75px; right: 0; padding-left: 10px; } .pbox__control { height: 55px; width: 55px; font-size: 52px; line-height: 1; padding: 40px 0; position: absolute; top: 50%; margin-top: -70px; background: #000; color: #fff; cursor: pointer; text-align: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .pbox__container:hover .pbox__switcher_next .pbox__control { background: #4c8ebc; height: 60px; width: 65px; } .pbox__photo { cursor: pointer; display: block; } .pbox__shares { position: relative; } .pbox__wrapper { position: relative; z-index: 5; } .pbox__list { position: fixed; left: 0; right: 0; bottom: 0; height: 70px; background: #0b1017; z-index: 5; display: none; } .pbox__preview { padding: 11px 5px 13px; border-top: 2px solid transparent; display: inline-block; cursor: pointer; vertical-align: top; } .pbox__preview_active { border-color: #4c8ebc; } .pbox__preview_loading { background: no-repeat 50% url("data:image/gif;base64,R0lGODlhFAAUAPYAALi4uMLCwu7u7qampujo6KCgoN7e3tzc3JqamtbW1uLi4tnZ2YSEhObm5n5+fszMzIqKinh4eJSUlK+vr8rKynJycr6+vsbGxtLS0tDQ0JCQkMDAwMTExLW1tbS0tLu7u2xsbKSkpGhoaFZWVrGxsZKSkp2dnXZ2dqmpqaurq4iIiI2NjWJiYp6enpaWlpiYmEBAQFxcXERERFBQUKKiokpKSnx8fI6Oji4uLmpqajo6OjQ0NCoqKmVlZXp6em5ubl9fX4aGhoGBgYCAgGRkZCwsLFhYWFNTU3BwcDc3N2BgYFpaWjAwMFRUVEdHR05OTkZGRj4+PjIyMnR0dDg4OEJCQjw8PExMTCkpKf///ycnJygoKPz8/OXl5fHx8fb29qysrNra2uvr69TU1L29veDg4MnJyc7OzrKysv39/fn5+fPz87Ozs/j4+PX19ezs7O3t7f7+/s/Pz/v7+62trff39/r6+tXV1fLy8vT09Ly8vOrq6sjIyPDw8CYmJv///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAB/ACwAAAAAFAAUAAAHloB+goOEhYaHiImCTQgdCIqERxtrXFlxQJB+ImFifW5wY0mQV3IGZSlPmYIDGBgRqoIyHHwSsIJTZGRVtn5CHiiKW1tahDYpLcFaW4Q9NC1UicPEgzouLiCIw8uFJytBNYY8RcKGVA5DEU1Mglg7SThYiDAVFTksI1dOUe/Th1JGRICMeAIlipR+iXBEgWFFSjxeEFUFAgAh+QQFAAB/ACwCAAIAEAAQAAAHkYB/goI1KygTLyODi381KAsKe15qdmcwjEt6D2NhCQZucVkli1UTFgEuToJXbBxViytobCKMtTohKEK1tUomLVa7jDkSK8GCfshEEAzGf8h+R0JDO8bPUicnRsFaW1qCSyAiUbXc3oJMSkoxVTyC3Ft+W4s7I01PTlFJTDzctUVVTqpY2YEDC7xgWJgwKXJwUSAAIfkEBQAAfwAsAgACAA8AEAAAB46Af4KCUDYuCBAzg4tVJQABFGMGXQFGi08mdB4fj2ENfW8ngjolBSFDVoQDcHZeMX8VJRKWi39CdVkcOwwQObWDKHk0TzZDSb+DRX9HU0jItU85Pc+LMCwsONSCRUZGMs9+4X8yM1dSv+HiPDIyVTtbgn6D8ttWOklSPFtbWvz0gluYMCnCrx81LQj51QoEACH5BAUAAH8ALAIAAgAQABAAAAeXgH+Cgjo9NkJTMoOLf1QnLjQpHmQcA1eMMA4rLi0tKGR8GHIig1IVQ0EgVIJVEhgGYUeCRhURNYx/EWViG384RDlNuIIpfWtNUUAsTMN/T25cCDAjI82CcFkdVk+X1mNxCFJQTljWSUB/WFFRO9aLUklJPO6CWjg4RVt+g377jFpYtmjZsuVPv364/BDUMvCgtX0C/S0KBAAh+QQFAAB/ACwCAAIAEAAQAAAHloB/goI7Rz05LFaDi39MMSdCEBImITcyjDtKICdDkS0oaCQxg0UjSiIjO4I6DmwWZFeCVU1LUYx/PRsPKX9YTk9Vt4ISYwtPTFVOPMJ/UGEKN0xWtsx/d3soRTtJ1X8GXhNbOExazFdfagh+WDxbzGxxdiN/W1r1whxZD4J+W/3ljKKsoCaonj8/froJ0oIwocI/DYUFAgAh+QQFAAB/ACwCAAIAEAAQAAAHnYB/goJFOjI1UEyDi39YOjVNMT0gUz1JjFhUVVdNRixIPkJCToNaTFQwOjyCUkBBGjdWglg4STiMf0cSJgx/flhFRbiCUyEDVVpaWFrDf1Z0aBVbWlvNgmAfKtPV1h0cN8lbfs1QD2dDf1vizS0LYzW+fvK4Q2UKHoPj84IzaHBwBmbkkzfuTwkuadoQ+IFr34AsdiiMsEbIwcRFgQAAIfkEBQAAfwAsAgACABAAEAAAB5eAf4KCWkU7SUlFg4t/fjxSOjBOMyNPTIxaWIZWMDUjMSxEOoN+W4U4W4JFNSJIPzuCpqaMfzInNiKxWqm0f0pBKkl/W1t+vX87NyUxxlrHghoISH7Uz38IISfUxsdRE3Qgjdy9KgAeVdZ/SAEBCLRasH9XNBhyG060G2l7CgQKBw9Y9BqTJU2dPg06PDnmBAEbEi4WLgoEACH5BAUAAH8ALAIAAgAQABAAAAeQgH+Cgn5aWzw8W4OLgluOPExJOlQ8jH9bWoZFO1ZVTjVSlo5+glhUT0dHOISWg0lLQDOEfqStNSIiUrS1rThIFVd/tK2DFT4xxIwODCzJrjcrS86CFQgSVtRyEJZKITRCgxdZah1HmTIQaBM0MIM/Alx5e2MUDxxkdCOMMxx9cF1hMPAxAYXYlRU0TAiRwSgQACH5BAUAAH8ALAIAAgAQABAAAAeVgH+Cg4JbWn6EiYhajFpYWFqKfn5bf1tbWEU4TFiEk5ODWkVJVFSdgp+JfzgwVTqqsDpXNUWwiTxNTa+2hEYxMkUoJbx/LD01Q1lcM7ZSSCBQI3ZpbLZAPlNMf2ZtcEKqR0FCPYJNBHBlBU6TVicSGkJJhAYKCw8dYHQhJjdQiU9oxpzh8AHNACFWbDlxsCIIEhiJAgEAIfkEBQAAfwAsAgACABAAEAAAB5SAf4KDfoWDh4iFfn9bjYuIgopaW1qTWpCJjVpYj5iDWkVFPH9OYwGXmDg7UloIWWk7nltWOkVsaXuegjAwOyR1Crp/NU5JEn0EV55FIzNJTw0KNJ41MSNFfx0HGRWQMiIsT4JPD3IBKlGCSUonSERMgywbAQATCBo3QTZIOohOCB7ohEBQQoWIWJhggJiCJEYSRIEAACH5BAUAAH8ALAIAAgAQABAAAAeQgH+Cg4N+hIeHfoqGh0h8EYWKiE0CWWOJgluDHFxtKoh/W1qaNX15HaCho343b3tHqX5Yoi1dl6l/RTxbL2EUuH87TDxDGA81qVhWSTxVFxw3qTpVVpoIZGw9iElPTlSCMGATAyc6gkxXS0c1PINHBTQIGg5TSCJAR1KHOg4SKww+KoiYgSNVkhFAltRgcigQACH5BAUAAH8ALAIAAgAQABAAAAeYgH+CgiNDOIOIiCMUc1koiYk/BG1cXBKDfpmDMwZwcGgziJl+g2wKZUOQo6ROYwsFkIJ+W4IOZw9QsYJbWn8rHB26u71BH2DCf7xbSGh0VrpaWFpaMAMhJ7pFRVikQiYSR5A4SThYglY3GkFKUoJFOjBUTL2CUEJCPkgsS01XVVTmEO3oMQVEjxhNaugICIkJlBoydPBIFAgAOw=="); min-width: 30px; min-height: 45px; } .pbox__preview__pic { height: 45px; } .pbox__previews { text-align: center; overflow: hidden; white-space: nowrap; position: relative; font-size: 0; } .pbox__previews__inner { position: relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; display: inline-block; } .pbox__loader { display: none; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; position: absolute; } .share { margin-left: 15px; display: inline-block; -webkit-border-radius: 18px; border-radius: 18px; position: relative; vertical-align: middle; -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; cursor: pointer; } .share__button { min-width: 36px; height: 36px; display: inline-block; position: relative; z-index: 7; vertical-align: middle; text-align: center; color: #fff; line-height: 33px; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .share__text { font-weight: 700; font-size: 10px; line-height: 16px; text-transform: uppercase; margin-left: 8px; vertical-align: middle; } .screen_small .share__text { display: none; } .share:first-child { margin-left: 0; } .share_ok { background: #ff7200; } .share_ok:hover { background: #eb6900; } .share_ok .share__button { font-size: 17px; } .share_my { background: #117eda; } .share_my:hover { background: #1074c9; } .share_my .share__button { font-size: 20px; } .share_fb { background: #0561af; } .share_fb:hover { background: #0559a1; } .share_fb .share__button { font-size: 18px; } .share_vk { background: #4d75a2; } .share_vk:hover { background: #476c95; } .share_vk .share__button { font-size: 18px; } .share_tw { background: #00bff3; } .share_tw:hover { background: #00b0e0; } .share_tw .share__button { font-size: 16px; } .share_rss { background: #ffba00; } .share_rss:hover { background: #ebab00; } .share_rss .share__button { font-size: 16px; } .share:hover { text-decoration: none; } .share_small { margin: 4px; } .share_scaling:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; -o-transition: -o-transform 0.2s; -ms-transition: -ms-transform 0.2s; transition: transform 0.2s; } .share_scaling:hover .share__button { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .share_gray { background: #bebebe; } .share_gray.share_ok:hover { background: #ff7200; } .share_gray.share_my:hover { background: #117eda; } .share_gray.share_fb:hover { background: #0561af; } .share_gray.share_vk:hover { background: #4d75a2; } .share_gray.share_tw:hover { background: #00bff3; } .share_gray.share_rss:hover { background: #ffba00; } .share_footer { color: #000; border: 2px solid; -webkit-border-radius: 20px; border-radius: 20px; background: none !important; } .share_footer .share__button { color: #000; } .share_no-cursor { cursor: default; } .share_square { -webkit-border-radius: 3px; border-radius: 3px; } .sharelist__text { vertical-align: middle; display: inline-block; margin-right: 20px; color: #808080; } .sharelist__items { display: inline-block; vertical-align: middle; } .sharelist__item { display: inline-block; } .sharelist_inline { display: inline-block; vertical-align: middle; } .sharelist__count { display: inline-block; font-weight: 700; font-size: 17px; line-height: 24px; height: 40px; line-height: 40px; padding-right: 20px; margin-right: 20px; border-right: 2px solid #e6e6e6; vertical-align: middle; } .sharelist__count + .share { margin-left: 0; } .sharelist_bordered .share { background: none; } .sharelist_bordered .share_small_round .share__button { line-height: 21px; } .sharelist_bordered .share__inner { display: none; } .sharelist_bordered .share__button { border: 2px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: border-color 0.3s ease-in-out; -moz-transition: border-color 0.3s ease-in-out; -o-transition: border-color 0.3s ease-in-out; -ms-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; line-height: 30px; padding: 0 6px; } .sharelist_bordered .share_ok:hover { background: #ff7200; } .sharelist_bordered .share_ok:hover .share__button { border-color: #ff7200; } .sharelist_bordered .share_my:hover { background: #117eda; } .sharelist_bordered .share_my:hover .share__button { border-color: #117eda; } .sharelist_bordered .share_fb:hover { background: #0561af; } .sharelist_bordered .share_fb:hover .share__button { border-color: #0561af; } .sharelist_bordered .share_vk:hover { background: #4d75a2; } .sharelist_bordered .share_vk:hover .share__button { border-color: #4d75a2; } .sharelist_bordered .share_tw:hover { background: #00bff3; } .sharelist_bordered .share_tw:hover .share__button { border-color: #00bff3; } .sharelist_bordered .share_rss:hover { background: #ffba00; } .sharelist_bordered .share_rss:hover .share__button { border-color: #ffba00; } .sharelist_bordered .share_square .share__button { line-height: 24px; -webkit-border-radius: 3px; border-radius: 3px; } .sharelist_bordered .share .icon_social_my { left: -1px; } .sharelist_bordered_dark .share__button { border-color: #000; color: #000; } .sharelist_media { position: absolute; top: 10px; left: 10px; z-index: 100; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .sharelist_media .sharelist__items { margin: 0; } .sharelist_media .share { display: block; margin: 10px 0 0; position: relative; background: #000; } .sharelist_media .share:first-child { margin: 0; } .sharelist_media .share_ok:hover { background: #ff7200; } .sharelist_media .share_my:hover { background: #117eda; } .sharelist_media .share_fb:hover { background: #0561af; } .sharelist_media .share_vk:hover { background: #4d75a2; } .sharelist_media .share_tw:hover { background: #00bff3; } .sharelist_media .share_rss:hover { background: #ffba00; } .sharelist_media .share__button { width: 28px; min-width: 28px; height: 28px; line-height: 25px; position: relative; padding: 0; } .sharelist_media .share_my { font-size: 17px; } .sharelist_media .share__inner { position: absolute; right: 40px; line-height: 28px; } .sharelist_media .share__count { color: #fff; margin: 0; } .sharelist_media .share__count:before, .sharelist_media .share__count:after { content: none; } .screen_large .sharelist_media .share__count .share__count { border: 0; } .screen_medium .sharelist_media .share__count .share__count { border: 0; } .screen_small .sharelist_media .share__count .share__count { border: 0; } .sharelist_media .share__like { display: none; } .sharelist_media .share:hover .share__inner { padding: 0; } .sharelist_justify { margin: 0 -10px; } .sharelist_justify .sharelist__text { display: block; margin-left: 10px; color: #000; font-weight: 700; font-size: 15px; line-height: 20px; } .screen_medium .sharelist_justify .sharelist__text { font-size: 17px; line-height: 24px; } .screen_large .sharelist_justify .sharelist__text { font-size: 17px; line-height: 24px; } .sharelist_justify .sharelist__items { display: table; width: 100%; text-align: center; table-layout: fixed; border-spacing: 10px; } .sharelist_justify .sharelist__count { display: table-cell; padding: 0; margin: 0; border: none; background: #f0f0f0; -webkit-border-radius: 3px; border-radius: 3px; } .sharelist_justify .sharelist__item { display: table-cell; height: 40px; vertical-align: middle; } .sharelist_compact .sharelist__items { margin-left: 0; } .sharelist_compact .share__inner { display: none; } .sharelist_vertical { position: absolute; left: -38px; } .sharelist_vertical .sharelist__items { margin: 0; } .sharelist_vertical .share { display: block; margin: 10px 0 0; position: relative; } .sharelist_vertical .share__button { min-width: 28px; height: 28px; line-height: 25px; position: relative; padding: 0; } .sharelist_vertical .share__button:before { line-height: 28px; font-size: 15px; } .sharelist_vertical .share_vk .share__button:before { font-size: 13px; } .sharelist_vertical .share__inner { position: absolute; right: 35px; top: -3px; } .sharelist_vertical .share__count { background: none; color: #787b80; padding: 6px 0; margin: 0; } .sharelist_vertical .share__count:before, .sharelist_vertical .share__count:after { content: none; } .screen_large .sharelist_vertical .share .share__count { border: 0; } .screen_medium .sharelist_vertical .share .share__count { border: 0; } .screen_small .sharelist_vertical .share .share__count { border: 0; } .sharelist_vertical .share__like { display: none; } .sharelist_vertical .share:hover { padding: 3px; margin: 7px -3px -3px; } .sharelist_vertical .share:hover .share__count { background: none; color: #fff; } .sharelist_vertical .share:hover .share__inner { padding-right: 0; right: 38px; top: 0; } .line { height: 8px; background: #4c8ebc; position: relative; } .line_opaque { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .line_separator { height: 1px; background: #e5e5e5; border: none; } .line_separator_dark { background: #434343; } .line_stretch { background: none; border: 0; } .line_stretch:after { content: ''; position: absolute; width: 10000px; margin-left: -5000px; left: 50%; top: 0; height: 7px; background: #4c8ebc; border-top: 1px solid #6e99b7; } .link { display: inline-block; vertical-align: middle; } .link__ending { vertical-align: middle; display: inline-block; color: #a0a0a0; } .link_icon { white-space: nowrap; } .link_icon .link__text { display: inline-block; white-space: normal; vertical-align: middle; } .link_dashed .link__text { border-bottom: 1px dashed; } .link_dashed:hover { text-decoration: none; } .link_dashed:hover .link__text { text-decoration: none; border-bottom-color: transparent; } .link_dashed_hover:hover { text-decoration: none; } .link_dashed_hover:hover .link__text { text-decoration: dashed; } .link_dotted .link__text { border-bottom: 1px dotted; } .link_dotted:hover { text-decoration: none; } .link_dotted:hover .link__text { text-decoration: none; border-bottom-color: transparent; } .link_dotted_hover:hover { text-decoration: none; } .link_dotted_hover:hover .link__text { text-decoration: dotted; } .link_underline .link__text { border-bottom: 1px solid; } .link_underline:hover { text-decoration: none; } .link_underline:hover .link__text { text-decoration: none; border-bottom-color: transparent; } .link_underline_hover:hover { text-decoration: none; } .link_underline_hover:hover .link__text { text-decoration: underline; } .link_black { color: #000; } .link_block { display: block; } .link_inline { display: inline; } .link_pointer { cursor: pointer; } .link_font_small { font-weight: 300; font-size: 13px; line-height: 20px; } .link_font_large { font-weight: 300; font-size: 17px; line-height: 24px; } .link_button { display: inline-block; vertical-align: top; line-height: 1.2; padding: 5px 9px; margin: 0 4px; cursor: pointer; color: #000; border: 1px solid transparent; -webkit-border-radius: 3px; border-radius: 3px; } .link_button:hover { background: #fff; border-color: #000; text-decoration: none; } .link_button_active, .link_button_active:hover { cursor: default; color: #000; background-color: #fafafa; border-color: #000; } .link_special { color: #f59608; } .link_counters .link__ending { font-size: 13px; } .link_breakin_flat { font-weight: 300; font-size: 15px; line-height: 20px; } .card { background: #fff; border: 1px solid #dedede; -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.04); box-shadow: 0 2px 0 0 rgba(0,0,0,0.04); /* Для фиксированных оберток */ height: 100%; -webkit-border-radius: 2px; border-radius: 2px; } .card__inner { padding: 10px; } .card__text { display: block; margin: 10px 0; } .card__title { font-weight: 300; font-size: 17px; line-height: 24px; display: block; } .card__title:visited { color: #7ca4cc; } .card_horizontal { display: table; width: 100%; } .card_horizontal .card__img { width: 180px; } .card_horizontal .card__img, .card_horizontal .card__inner { display: table-cell; vertical-align: top; } .card_horizontal_half .card__img { width: 50%; } .card_large .card__inner { padding: 20px 40px 10px; } .card_large .card__title { font-weight: 300; font-size: 20px; line-height: 28px; } .screen_medium .card_large .card__title { font-size: 24px; line-height: 32px; } .screen_large .card_large .card__title { font-size: 24px; line-height: 32px; } .card_large .card__text { font-weight: 300; font-size: 17px; line-height: 24px; } .card_clean { border: 0; -webkit-box-shadow: none; box-shadow: none; } .card_height_440 { height: 440px; } .card_fixed { overflow: hidden; position: relative; } .card_fixed .card__links { position: absolute; background: #fff; right: 0; bottom: 0; left: 0; padding: 0 10px 10px; } .card_fixed .card__links:before { content: ''; width: 100%; height: 30px; background: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff); background: -moz-linear-gradient(top, rgba(255,255,255,0), #fff); background: -o-linear-gradient(top, rgba(255,255,255,0), #fff); background: -ms-linear-gradient(top, rgba(255,255,255,0), #fff); background: linear-gradient(to bottom, rgba(255,255,255,0), #fff); position: absolute; top: -30px; left: 0; } .card_fixed:before { content: ''; width: 100%; height: 30px; background: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff); background: -moz-linear-gradient(top, rgba(255,255,255,0), #fff); background: -o-linear-gradient(top, rgba(255,255,255,0), #fff); background: -ms-linear-gradient(top, rgba(255,255,255,0), #fff); background: linear-gradient(to bottom, rgba(255,255,255,0), #fff); position: absolute; bottom: 0; left: 0; } .nat { display: table; table-layout: fixed; width: 100%; border: 1px solid #dedede; background: #fff; -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.04); box-shadow: 0 2px 0 0 rgba(0,0,0,0.04); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nat__item { display: table-cell; border-left: 1px solid #dedede; vertical-align: middle; color: #000; } .nat__item:first-child { border-left: 0; } .nat__item:hover { text-decoration: none; } .nat__item:hover .nat__text { text-decoration: underline; } .nat__image { display: table-cell; width: 1px; white-space: nowrap; line-height: 0; vertical-align: middle; } .nat__info { display: table-cell; vertical-align: middle; padding: 10px; } .nat__title { text-transform: uppercase; font-weight: 700; font-size: 10px; line-height: 16px; } .nat__text { font-weight: 300; font-size: 17px; line-height: 24px; } .nat_noborder { border: 0; -webkit-box-shadow: none; box-shadow: none; } .scroll { position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; width: 6px; } .scroll__track { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; } .scroll__track__box { position: absolute; width: 100%; height: 0; } .scroll__track__drag { position: relative; z-index: 5; width: 100%; height: 100%; cursor: pointer; background: rgba(0,0,0,0.12); -webkit-border-radius: 3px; border-radius: 3px; } .scroll__track__drag-wrap { position: absolute; min-height: 25px; height: 0; width: 100%; } .scroll_horizontal { top: inherit; left: 0; width: auto; height: 6px; } .scroll_horizontal .scroll__track { width: auto; top: inherit; left: 0; height: 100%; } .scroll_horizontal .scroll__track__box { width: 0; height: 100%; } .scroll_horizontal .scroll__track__drag { height: 100%; width: auto; } .scroll_horizontal .scroll__track__drag-wrap { min-width: 25px; min-height: 0; height: 100%; width: 0; } .scroll_light .scroll__track__drag { background: rgba(255,255,255,0.48); } .scroll_map { top: 130px; right: -13px; bottom: 10px; } .form-field { display: table; width: 100%; table-layout: fixed; } .form-field__label { display: table-cell; padding: 10px 20px 0 0; vertical-align: top; width: 180px; min-width: 180px; } .form-field__label_width_narrow { width: 100px; min-width: 100px; } .form-field__label_valign_middle { vertical-align: middle; padding-top: 0; } .form-field__inner { display: table-cell; vertical-align: top; width: 99%; } .form-field__required { color: #fe4a4a; vertical-align: baseline; position: relative; font-size: 1.2em; line-height: 1; bottom: 0.6ex; margin-left: 3px; } .form-field__error { display: none; margin-top: 10px; color: #fe4a4a; } .form-field_error .form-field__error, .error .form-field__error, .input_error + .form-field__error, .error + .form-field__error { display: block; } .form-field_vertical .form-field__label { padding-bottom: 10px; } .form-field_vertical .form-field__label, .form-field_vertical .form-field__inner { display: block; } .input { position: relative; color: #000; } .input__pre, .input__after { position: relative; z-index: 5; } .input__decorator { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #e0e0e0; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 2px rgba(0,0,0,0.04); box-shadow: inset 0 2px rgba(0,0,0,0.04); background: #fff; } .input__inner { position: relative; outline: none; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .input__tags { overflow: hidden; white-space: nowrap; position: relative; z-index: 5; } .input__tags-inner { float: right; } .input__tags + .input__container { -webkit-flex-basis: 100px; flex-basis: 100px; min-width: 100px; } .input__container { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; display: block; overflow: hidden; } .input__field { width: 100%; border: 0; outline: none; padding: 11px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; background: none; position: relative; z-index: 2; font-weight: 300; } .input__field:focus + .input__decorator { -webkit-box-shadow: 0 2px rgba(0,0,0,0.04); box-shadow: 0 2px rgba(0,0,0,0.04); } .input__field:focus + .input__decorator:after { border: 0; } .input__field::-ms-clear { display: none; } .input__field_error + .input__decorator { border-color: #ff3e2a; background: #fffcfc; } .input__icon { position: relative; z-index: 2; padding: 8px 0; font-size: 20px; color: #000; display: block; float: left; } .input__suggest { display: none; overflow: hidden; position: absolute; margin-top: 5px; left: 0; z-index: 1200; width: auto; min-width: 200px; background: #fff; border: 1px solid #e0e0e0; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px rgba(0,0,0,0.04); box-shadow: 0 2px rgba(0,0,0,0.04); } .input__suggest__item { display: block; padding: 10px; cursor: pointer; border-top: 1px solid #e5e5e5; border-bottom: 1px solid transparent; text-decoration: none; color: #000; } .input__suggest__item:first-child { border-top-color: transparent; } .input__suggest__item_active, .input__suggest__item:hover { text-decoration: none; background: #70a5c9; border-color: #659ec5; color: #fff; } .input_icon_left .input__icon { padding-left: 10px; } .input_icon_right .input__icon { padding-right: 10px; } .input_textarea .input__field { height: 90px; padding: 12px 15px; } .input_textarea .input__icon { vertical-align: top; } .input_textarea_large .input__field { height: 210px; } .input_textarea_medium .input__field { height: 120px; } .input_error .input__field + .input__decorator, .input.error .input__field + .input__decorator, .form-field_error .input .input__field + .input__decorator, .error .input .input__field + .input__decorator { border-color: #ff3e2a; background: #fffcfc; } .tag { display: inline-block; vertical-align: middle; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .tag__input { width: 0; height: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .tag__inner { background: #f0f0f0; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; padding: 4px 8px; } .tag__left { padding-right: 8px; display: inline-block; vertical-align: middle; } .tag__text, .tag__ending { vertical-align: middle; } .tag__ending { margin-left: 8px; color: #a6a6a6; } .tag__close { margin-left: 12px; font-size: 16px; color: #999; cursor: pointer; float: right; position: absolute; top: 50%; right: 8px; margin-top: -10px; } .tag_close .tag__inner { padding-right: 27px; } .tag_check { cursor: pointer; } .tag_check .tag__inner { background: none; } .tag_check .tag__text { text-decoration: underline; } .tag_check .tag__close { visibility: hidden; } .tag_check .tag__input:checked + .tag__inner { background: #f0f0f0; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; } .tag_check .tag__input:checked + .tag__inner .tag__text { text-decoration: none; } .tag_check .tag__input:checked + .tag__inner .tag__close { visibility: visible; } .tag_check:hover .tag__text { text-decoration: none; } .tag_check.tag_color_project .tag__input:checked + .tag__inner { background: #4c8ebc; } .tag_check.tag_color_project .tag__input:checked + .tag__inner .tag__left, .tag_check.tag_color_project .tag__input:checked + .tag__inner .tag__text, .tag_check.tag_color_project .tag__input:checked + .tag__inner .tag__count, .tag_check.tag_color_project .tag__input:checked + .tag__inner .tag__close { color: #fff; } .tag__input { display: block; } .tag_bold .tag__text { font-weight: 700; } .tag_station .tag__text { font-size: 13px; line-height: 20px; } .input_large .input__field { font-weight: 300; font-size: 17px; line-height: 24px; line-height: 28px; } .screen_medium .input_large .input__field { font-size: 20px; line-height: 28px; } .screen_large .input_large .input__field { font-size: 20px; line-height: 28px; } .suggest { display: none; overflow: hidden; position: absolute; margin-top: 5px; left: 0; z-index: 1200; min-width: 100%; background: #fff; border: 1px solid #e0e0e0; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,0.16); box-shadow: 0 4px 20px 0 rgba(0,0,0,0.16); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .suggest__inner { overflow: hidden; padding: 10px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .suggest__block { position: relative; margin-top: 10px; } .suggest__block:after { content: ''; position: absolute; top: 0; left: 0; right: 0; border-top: 1px solid #e5e5e5; } .suggest__block:first-child { margin-top: 0; } .suggest__block:first-child:after { content: none; } .suggest__title { font-weight: 700; font-size: 10px; line-height: 16px; text-transform: uppercase; padding-top: 10px; border-top: 1px solid #e5e5e5; } .suggest__block .suggest__title, .suggest__title:first-child { padding-top: 0; border: 0; } .suggest__item { display: block; padding: 10px 15px; margin: 0 -15px; cursor: pointer; position: relative; color: #000; } .suggest__item:first-child { border-top-color: transparent; } .suggest__item_active, .suggest__item:hover { background: rgba(0,0,0,0.04); } .suggest__item-title { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_medium .suggest__item-title { font-size: 17px; line-height: 24px; } .screen_large .suggest__item-title { font-size: 17px; line-height: 24px; } .suggest__item-title:hover { text-decoration: none; } .suggest__item-subtitle { font-weight: 300; font-size: 13px; line-height: 20px; } .suggest__scroll { position: absolute; right: 2px; top: 2px; bottom: 2px; } .suggest_active { display: block; } .suggest_scrollable .suggest__inner { max-height: 240px; } .dropdown { position: relative; z-index: 100; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 40px; color: #000; -webkit-transition: z-index 0.3s cubic-bezier(1, 0.04, 1, 0.03); -moz-transition: z-index 0.3s cubic-bezier(1, 0.04, 1, 0.03); -o-transition: z-index 0.3s cubic-bezier(1, 0.04, 1, 0.03); -ms-transition: z-index 0.3s cubic-bezier(1, 0.04, 1, 0.03); transition: z-index 0.3s cubic-bezier(1, 0.04, 1, 0.03); } .dropdown__field { background: #fff; border: 1px solid #dedede; -webkit-border-radius: 4px; border-radius: 4px; padding: 7px 40px 7px 15px; height: 100%; line-height: 24px; cursor: pointer; position: relative; display: block; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.2s ease-in-out; -moz-transition: border-color 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out; -ms-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; } .dropdown__text { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; display: inline-block; width: 100%; } .dropdown__label { margin-right: 5px; color: #999; } .dropdown__icon { opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; filter: alpha(opacity=48); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; position: absolute; height: 100%; right: 15px; top: 0; } .dropdown__icon:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .dropdown__box { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); visibility: hidden; -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; -webkit-transition-property: opacity, -webkit-transform, visibility; -moz-transition-property: opacity, -moz-transform, visibility; -o-transition-property: opacity, -o-transform, visibility; -ms-transition-property: opacity, -ms-transform, visibility; transition-property: opacity, transform, visibility; position: absolute; left: 0; top: 100%; min-width: 200px; width: 100%; } .dropdown__select { display: none; } .dropdown:hover .dropdown__field, .dropdown_active .dropdown__field { border-color: rgba(0,0,0,0.24); } .dropdown:hover .dropdown__icon, .dropdown_active .dropdown__icon { opacity: 1; -ms-filter: none; filter: none; } .dropdown_active { z-index: 1200; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .dropdown_active .dropdown__box { opacity: 1; -ms-filter: none; filter: none; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .dropdown_inline { display: inline-block; vertical-align: middle; } .dropdown_scrollable .dropdown__scroll { max-height: 240px; } .dropdown_error .dropdown__field, .dropdown.error .dropdown__field, .dropdown_error:hover .dropdown__field, .dropdown.error:hover .dropdown__field { border-color: #f44e4e; } .dropdown_disabled .dropdown__field, .dropdown_disabled.dropdown_active .dropdown__field, .dropdown_disabled:hover .dropdown__field, .dropdown_disabled.dropdown_active:hover .dropdown__field { cursor: default; border-color: #dedede; opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; filter: alpha(opacity=48); } .dropdown_disabled .dropdown__field .dropdown__icon, .dropdown_disabled.dropdown_active .dropdown__field .dropdown__icon, .dropdown_disabled:hover .dropdown__field .dropdown__icon, .dropdown_disabled.dropdown_active:hover .dropdown__field .dropdown__icon { opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; filter: alpha(opacity=48); } .dropdown__field_disabled, .dropdown:hover .dropdown__field_disabled { cursor: default; border-color: #dedede; opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; filter: alpha(opacity=48); } .dropdown__field_disabled .dropdown__icon, .dropdown:hover .dropdown__field_disabled .dropdown__icon { opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; filter: alpha(opacity=48); } .button { border: 1px solid #d3d3d3; background: #f0f0f0; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; color: #000; cursor: pointer; position: relative; -webkit-box-shadow: 0 2px rgba(0,0,0,0.04); box-shadow: 0 2px rgba(0,0,0,0.04); vertical-align: middle; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 40px; padding: 7px 15px; -webkit-transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; -ms-transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; text-align: center; font-weight: 400; font-size: 15px; line-height: 20px; } .screen_small .button { line-height: 23px; } .screen_medium .button { line-height: 23px; } .screen_large .button { line-height: 23px; } .button__inner { display: inline-block; vertical-align: top; } .button__text, .button__ending { vertical-align: middle; display: inline-block; } .button__text_hidden { display: none; } .button__ending { margin-left: 4px; color: #bbb; } .button__icon_left { margin-right: 12px; } .button__icon_right { margin-left: 12px; } .button__loader { display: none; position: absolute; left: 50%; top: 50%; text-align: center; margin-top: -8px; margin-left: -8px; line-height: 16px; } .button:hover { background: #e6e6e6; } .button:active { top: 1px; } .button_active { background: #ddd; } .button_toggle .button__text { display: none; } .button_toggle .button__text_hidden { display: inline-block; } .button_color_project { border: 1px solid #3f7ea9; background: #4c8ebc; color: #fff; } .button_color_project:hover { background: #4488b6; } .button_color_dark { background: rgba(0,0,0,0.88); border-color: rgba(0,0,0,0.88); color: #fff; } .button_color_dark:hover { background: #000; } .button_opaque { background: transparent; border: 2px solid #fff; line-height: 25px; color: #fff; } .button_opaque:hover { background: #4c8ebc; border-color: #4c8ebc; color: #fff; } .button_opaque.button_color_project { border-color: #4c8ebc; color: #fff; } .button_opaque.button_color_project:hover { color: #fff; } .button_loading .button__loader { display: block; } .button_loading .button__inner { visibility: hidden; } .button_full { width: 100%; } .button_nowrap { white-space: nowrap; } .button_width_fixed { width: 125px; } .button_color_white { background: #fff; } .button_color_white:hover { background: #f0f0f0; } .input-group { display: table; width: 100%; } .input-group__item { display: table-cell; vertical-align: middle; } .input-group__item .input__decorator { -webkit-border-radius: 0; border-radius: 0; border-left-width: 0; } .input-group__item .dropdown__field { border-left-width: 0; -webkit-border-radius: 0; border-radius: 0; } .input-group__item .button { border-left-width: 0; -webkit-border-radius: 0; border-radius: 0; } .input-group__item:first-child .input__decorator { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; border-left-width: 1px; } .input-group__item:first-child .dropdown__field { border-left-width: 1px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .input-group__item:first-child .button { border-left-width: 1px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .input-group__item:last-child .input__decorator { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-group__item:last-child .dropdown__field { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .input-group__item:last-child .button { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .input-group__item_percent-50 { width: 50%; } .input-group_inline { display: inline-block; vertical-align: middle; } .input-group_inline .input-group__item { display: inline-block; vertical-align: top; } .input-group_fixed { table-layout: fixed; } .popup__icon { display: table-cell; width: 1px; white-space: nowrap; border-right: 1px solid #ebebeb; background: #fafafa; vertical-align: top; padding: 28px 19px; font-size: 15px; line-height: 15px; } .popup__wrapper { display: table-cell; vertical-align: top; } .popup__block { padding: 20px; border-top: 1px solid #ebebeb; position: relative; } .popup__block:first-child { border: 0; } .popup__block_bar { padding: 0; } .popup__block_dark { background: #fafafa; } .popup__item { display: table-cell; border-left: 1px solid #ebebeb; padding: 0 20px; font-weight: 700; font-size: 20px; line-height: 28px; width: 99%; } .screen_medium .popup__item { font-size: 24px; line-height: 32px; } .screen_large .popup__item { font-size: 24px; line-height: 32px; } .popup__item:focus { outline: none; } .popup__item:first-child { border-left: 0; } .popup__item_link { -webkit-transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out; color: #000; width: 1px; white-space: nowrap; } .screen_small .popup__item_link { font-weight: 300; font-size: 20px; line-height: 28px; } .screen_medium .popup__item_link { font-weight: 300; font-size: 20px; line-height: 28px; } .screen_large .popup__item_link { font-weight: 300; font-size: 20px; line-height: 28px; } .popup__item_link:hover, .popup__item_link.popup__item_active { background: #4c8ebc; color: #fff; text-decoration: none; border-color: #3a729a; } .popup__item_link .popup__item-text, .popup__item_link .popup__item .icon { line-height: 75px; } .popup__title { padding: 0 30px 10px 0; margin-bottom: 20px; border-bottom: 1px solid #ebebeb; font-weight: 700; font-size: 20px; line-height: 28px; } .screen_medium .popup__title { font-size: 24px; line-height: 32px; } .screen_large .popup__title { font-size: 24px; line-height: 32px; } .popup__close { position: absolute; right: 20px; font-size: 13px; top: 27px; cursor: pointer; padding: 5px; -webkit-border-radius: 50%; border-radius: 50%; } .popup__close:hover { background: #000; color: #fff; } .popup__text { margin-bottom: 20px; } .popup__content { position: relative; } .popup__status { display: none; } .popup__status_error, .popup__status_form-error { background: #fe4a4a; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; } .popup__status_form-error { margin-bottom: 20px; } .popup__form_error .popup__status_form-error { display: block; } .popup__layout { display: table; width: 100%; } .popup__container { position: relative; } .popup { background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: none; } .popup_shown { display: block; } .popup_wide { width: 860px; } .popup_narrow { width: 500px; } .popup_medium { width: 700px; } .popup_height_fixed .popup__content { max-height: 450px; overflow: hidden; margin: -20px; padding: 20px 46px 20px 20px; } .popup_height_fixed .scroll { position: absolute; top: 20px; bottom: 20px; right: 0; } .popup_done .popup__status_done, .popup_error .popup__status_error { display: block; } .popup_done .popup__onsubmit-hide, .popup_error .popup__onsubmit-hide { display: none; } .popup__onsubmit-show { display: none; } .popup_done .popup__onsubmit-show, .popup_error .popup__onsubmit-show { display: block; } .popup_filter.popup_height_fixed .popup__content { height: 320px; } @media screen and (min-height: 850px) { .popup_filter.popup_height_fixed .popup__content { height: 420px; } } @media screen and (min-height: 1050px) { .popup_filter.popup_height_fixed .popup__content { height: 620px; } } .popup-related-sites__table { width: 100%; } .popup-related-sites__table-td-name { width: 40%; padding-bottom: 10px; } .popup-related-sites__table-td-phone { padding-bottom: 10px; } .popup-related-sites__table-td-price { text-align: right; padding-bottom: 10px; } .popup_subways .popup__content { position: static; } .popup_subways .scroll_horizontal { top: inherit; left: 0; width: auto; height: 6px; } .cols__wrapper { margin-left: -20px; } .cols_percent .cols__wrapper, .cols_percent .cols__column { margin-left: 0; margin-right: 0; } .cols_margin .cols__wrapper { margin-right: -10px; margin-left: -10px; } .cols_margin .cols__inner { margin-right: 10px; margin-left: 10px; } .cols_clear { zoom: 1; } .cols_clear:after, .cols_clear:before { content: ""; display: table; } .cols_clear:after { clear: both; } .cols_center { text-align: center; } .cols_font_media { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_medium .cols_font_media { font-size: 17px; line-height: 24px; } .screen_large .cols_font_media { font-size: 17px; line-height: 24px; } .cols_relative { position: relative; } .cols_overflow { overflow: hidden; } .cols__column { display: inline-block; vertical-align: top; margin-left: 20px; } .cols__column_margin_right { margin-left: 0; margin-right: 20px; } .cols__column_margin_off { margin-left: 0; margin-right: 0; } .cols__column_margin_bottom { margin-bottom: 20px; } .cols__column_right { float: right; } .cols__column_left { float: left; } .cols__column_sidebar { float: right; display: block; position: relative; z-index: 10; margin-left: -2000% !important; } .cols__column_block { display: block !important; } .cols__column_wrap { position: relative; } .cols__column_valign { vertical-align: middle; } .screen_small .cols__column__hidden_small, .screen_small .cols__column_small_hidden { display: none !important; } .screen_small .cols__column_small_1 { width: 20px; } .screen_small .cols__column_small_2 { width: 40px; } .screen_small .cols__column_small_3 { width: 60px; } .screen_small .cols__column_small_4 { width: 80px; } .screen_small .cols__column_small_5 { width: 100px; } .screen_small .cols__column_small_6 { width: 120px; } .screen_small .cols__column_small_7 { width: 140px; } .screen_small .cols__column_small_8 { width: 160px; } .screen_small .cols__column_small_9 { width: 180px; } .screen_small .cols__column_small_10 { width: 200px; } .screen_small .cols__column_small_11 { width: 220px; } .screen_small .cols__column_small_12 { width: 240px; } .screen_small .cols__column_small_13 { width: 260px; } .screen_small .cols__column_small_14 { width: 280px; } .screen_small .cols__column_small_15 { width: 300px; } .screen_small .cols__column_small_16 { width: 320px; } .screen_small .cols__column_small_17 { width: 340px; } .screen_small .cols__column_small_18 { width: 360px; } .screen_small .cols__column_small_19 { width: 380px; } .screen_small .cols__column_small_20 { width: 400px; } .screen_small .cols__column_small_21 { width: 420px; } .screen_small .cols__column_small_22 { width: 440px; } .screen_small .cols__column_small_23 { width: 460px; } .screen_small .cols__column_small_24 { width: 480px; } .screen_small .cols__column_small_25 { width: 500px; } .screen_small .cols__column_small_26 { width: 520px; } .screen_small .cols__column_small_27 { width: 540px; } .screen_small .cols__column_small_28 { width: 560px; } .screen_small .cols__column_small_29 { width: 580px; } .screen_small .cols__column_small_30 { width: 600px; } .screen_small .cols__column_small_31 { width: 620px; } .screen_small .cols__column_small_32 { width: 640px; } .screen_small .cols__column_small_33 { width: 660px; } .screen_small .cols__column_small_34 { width: 680px; } .screen_small .cols__column_small_35 { width: 700px; } .screen_small .cols__column_small_36 { width: 720px; } .screen_small .cols__column_small_37 { width: 740px; } .screen_small .cols__column_small_38 { width: 760px; } .screen_small .cols__column_small_39 { width: 780px; } .screen_small .cols__column_small_40 { width: 800px; } .screen_small .cols__column_small_41 { width: 820px; } .screen_small .cols__column_small_42 { width: 840px; } .screen_small .cols__column_small_43 { width: 860px; } .screen_small .cols__column_small_44 { width: 880px; } .screen_small .cols__column_small_45 { width: 900px; } .screen_small .cols__column_small_46 { width: 920px; } .screen_small .cols__column_small_47 { width: 940px; } .screen_small .cols_percent .cols__column_small_percent-16 { width: 16.66%; } .screen_small .cols_percent .cols__column_small_percent-20 { width: 20%; } .screen_small .cols_percent .cols__column_small_percent-25 { width: 25%; } .screen_small .cols_percent .cols__column_small_percent-33 { width: 33.33%; } .screen_small .cols_percent .cols__column_small_percent-50 { width: 50%; } .screen_small .cols_percent .cols__column_small_percent-60 { width: 60%; } .screen_small .cols_percent .cols__column_small_percent-80 { width: 80%; } .screen_small .cols_percent .cols__column_small_percent-100 { width: 100%; } .screen_medium .cols__column__hidden_medium, .screen_medium .cols__column_medium_hidden { display: none !important; } .screen_medium .cols__column_medium_1 { width: 20px; } .screen_medium .cols__column_medium_2 { width: 40px; } .screen_medium .cols__column_medium_3 { width: 60px; } .screen_medium .cols__column_medium_4 { width: 80px; } .screen_medium .cols__column_medium_5 { width: 100px; } .screen_medium .cols__column_medium_6 { width: 120px; } .screen_medium .cols__column_medium_7 { width: 140px; } .screen_medium .cols__column_medium_8 { width: 160px; } .screen_medium .cols__column_medium_9 { width: 180px; } .screen_medium .cols__column_medium_10 { width: 200px; } .screen_medium .cols__column_medium_11 { width: 220px; } .screen_medium .cols__column_medium_12 { width: 240px; } .screen_medium .cols__column_medium_13 { width: 260px; } .screen_medium .cols__column_medium_14 { width: 280px; } .screen_medium .cols__column_medium_15 { width: 300px; } .screen_medium .cols__column_medium_16 { width: 320px; } .screen_medium .cols__column_medium_17 { width: 340px; } .screen_medium .cols__column_medium_18 { width: 360px; } .screen_medium .cols__column_medium_19 { width: 380px; } .screen_medium .cols__column_medium_20 { width: 400px; } .screen_medium .cols__column_medium_21 { width: 420px; } .screen_medium .cols__column_medium_22 { width: 440px; } .screen_medium .cols__column_medium_23 { width: 460px; } .screen_medium .cols__column_medium_24 { width: 480px; } .screen_medium .cols__column_medium_25 { width: 500px; } .screen_medium .cols__column_medium_26 { width: 520px; } .screen_medium .cols__column_medium_27 { width: 540px; } .screen_medium .cols__column_medium_28 { width: 560px; } .screen_medium .cols__column_medium_29 { width: 580px; } .screen_medium .cols__column_medium_30 { width: 600px; } .screen_medium .cols__column_medium_31 { width: 620px; } .screen_medium .cols__column_medium_32 { width: 640px; } .screen_medium .cols__column_medium_33 { width: 660px; } .screen_medium .cols__column_medium_34 { width: 680px; } .screen_medium .cols__column_medium_35 { width: 700px; } .screen_medium .cols__column_medium_36 { width: 720px; } .screen_medium .cols__column_medium_37 { width: 740px; } .screen_medium .cols__column_medium_38 { width: 760px; } .screen_medium .cols__column_medium_39 { width: 780px; } .screen_medium .cols__column_medium_40 { width: 800px; } .screen_medium .cols__column_medium_41 { width: 820px; } .screen_medium .cols__column_medium_42 { width: 840px; } .screen_medium .cols__column_medium_43 { width: 860px; } .screen_medium .cols__column_medium_44 { width: 880px; } .screen_medium .cols__column_medium_45 { width: 900px; } .screen_medium .cols__column_medium_46 { width: 920px; } .screen_medium .cols__column_medium_47 { width: 940px; } .screen_medium .cols__column_medium_48 { width: 960px; } .screen_medium .cols__column_medium_49 { width: 980px; } .screen_medium .cols__column_medium_50 { width: 1000px; } .screen_medium .cols__column_medium_51 { width: 1020px; } .screen_medium .cols__column_medium_52 { width: 1040px; } .screen_medium .cols__column_medium_53 { width: 1060px; } .screen_medium .cols__column_medium_54 { width: 1080px; } .screen_medium .cols__column_medium_55 { width: 1100px; } .screen_medium .cols__column_medium_56 { width: 1120px; } .screen_medium .cols__column_medium_57 { width: 1140px; } .screen_medium .cols__column_medium_58 { width: 1160px; } .screen_medium .cols__column_medium_59 { width: 1180px; } .screen_medium .cols_percent .cols__column_medium_percent-16 { width: 16.66%; } .screen_medium .cols_percent .cols__column_medium_percent-20 { width: 20%; } .screen_medium .cols_percent .cols__column_medium_percent-25 { width: 25%; } .screen_medium .cols_percent .cols__column_medium_percent-33 { width: 33.33%; } .screen_medium .cols_percent .cols__column_medium_percent-50 { width: 50%; } .screen_medium .cols_percent .cols__column_medium_percent-60 { width: 60%; } .screen_medium .cols_percent .cols__column_medium_percent-80 { width: 80%; } .screen_medium .cols_percent .cols__column_medium_percent-100 { width: 100%; } .screen_large .cols__column__hidden_large, .screen_large .cols__column_large_hidden { display: none !important; } .screen_large .cols__column_large_1 { width: 20px; } .screen_large .cols__column_large_2 { width: 40px; } .screen_large .cols__column_large_3 { width: 60px; } .screen_large .cols__column_large_4 { width: 80px; } .screen_large .cols__column_large_5 { width: 100px; } .screen_large .cols__column_large_6 { width: 120px; } .screen_large .cols__column_large_7 { width: 140px; } .screen_large .cols__column_large_8 { width: 160px; } .screen_large .cols__column_large_9 { width: 180px; } .screen_large .cols__column_large_10 { width: 200px; } .screen_large .cols__column_large_11 { width: 220px; } .screen_large .cols__column_large_12 { width: 240px; } .screen_large .cols__column_large_13 { width: 260px; } .screen_large .cols__column_large_14 { width: 280px; } .screen_large .cols__column_large_15 { width: 300px; } .screen_large .cols__column_large_16 { width: 320px; } .screen_large .cols__column_large_17 { width: 340px; } .screen_large .cols__column_large_18 { width: 360px; } .screen_large .cols__column_large_19 { width: 380px; } .screen_large .cols__column_large_20 { width: 400px; } .screen_large .cols__column_large_21 { width: 420px; } .screen_large .cols__column_large_22 { width: 440px; } .screen_large .cols__column_large_23 { width: 460px; } .screen_large .cols__column_large_24 { width: 480px; } .screen_large .cols__column_large_25 { width: 500px; } .screen_large .cols__column_large_26 { width: 520px; } .screen_large .cols__column_large_27 { width: 540px; } .screen_large .cols__column_large_28 { width: 560px; } .screen_large .cols__column_large_29 { width: 580px; } .screen_large .cols__column_large_30 { width: 600px; } .screen_large .cols__column_large_31 { width: 620px; } .screen_large .cols__column_large_32 { width: 640px; } .screen_large .cols__column_large_33 { width: 660px; } .screen_large .cols__column_large_34 { width: 680px; } .screen_large .cols__column_large_35 { width: 700px; } .screen_large .cols__column_large_36 { width: 720px; } .screen_large .cols__column_large_37 { width: 740px; } .screen_large .cols__column_large_38 { width: 760px; } .screen_large .cols__column_large_39 { width: 780px; } .screen_large .cols__column_large_40 { width: 800px; } .screen_large .cols__column_large_41 { width: 820px; } .screen_large .cols__column_large_42 { width: 840px; } .screen_large .cols__column_large_43 { width: 860px; } .screen_large .cols__column_large_44 { width: 880px; } .screen_large .cols__column_large_45 { width: 900px; } .screen_large .cols__column_large_46 { width: 920px; } .screen_large .cols__column_large_47 { width: 940px; } .screen_large .cols__column_large_48 { width: 960px; } .screen_large .cols__column_large_49 { width: 980px; } .screen_large .cols__column_large_50 { width: 1000px; } .screen_large .cols__column_large_51 { width: 1020px; } .screen_large .cols__column_large_52 { width: 1040px; } .screen_large .cols__column_large_53 { width: 1060px; } .screen_large .cols__column_large_54 { width: 1080px; } .screen_large .cols__column_large_55 { width: 1100px; } .screen_large .cols__column_large_56 { width: 1120px; } .screen_large .cols__column_large_57 { width: 1140px; } .screen_large .cols__column_large_58 { width: 1160px; } .screen_large .cols__column_large_59 { width: 1180px; } .screen_large .cols__column_large_60 { width: 1200px; } .screen_large .cols__column_large_61 { width: 1220px; } .screen_large .cols__column_large_62 { width: 1240px; } .screen_large .cols__column_large_63 { width: 1260px; } .screen_large .cols__column_large_64 { width: 1280px; } .screen_large .cols__column_large_65 { width: 1300px; } .screen_large .cols_percent .cols__column_large_percent-16 { width: 16.66%; } .screen_large .cols_percent .cols__column_large_percent-20 { width: 20%; } .screen_large .cols_percent .cols__column_large_percent-25 { width: 25%; } .screen_large .cols_percent .cols__column_large_percent-33 { width: 33.33%; } .screen_large .cols_percent .cols__column_large_percent-50 { width: 50%; } .screen_large .cols_percent .cols__column_large_percent-60 { width: 60%; } .screen_large .cols_percent .cols__column_large_percent-80 { width: 80%; } .screen_large .cols_percent .cols__column_large_percent-100 { width: 100%; } .toggle__to_show { display: none; } .toggle__to_hide.toggle__to_inline { display: inline-block; } .toggle__item { display: none; } .toggle__item_active { display: block; } .toggle__item_inline.toggle__item_active { display: inline-block; } .toggle_loading .toggle__loader { display: block; } .toggle_active .toggle__to_show, .toggle_loading .toggle__to_show { display: block; } .toggle_active .toggle__to_show.toggle__to_inline, .toggle_loading .toggle__to_show.toggle__to_inline { display: inline-block; } .toggle_active .toggle__to_hide, .toggle_loading .toggle__to_hide, .toggle_active .toggle__to_hide.toggle__to_inline, .toggle_loading .toggle__to_hide.toggle__to_inline { display: none; } .toggle__loader { display: none; } .block { background: #fff; padding: 20px; } .block_bg_primary { background: #f3f3f3; } .block_bg_secondary { background: #fafafa; } .block_bg_noise { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAAAAAA7VNdtAAAFnElEQVR4Xh2SwY5rxw1EW9K8N46zyyIw8gF5uk1WFcnulmYe4P//o8CeGenm2lywiG6gzqKqcfTYvIrGwibCcpEx83qlNFakEkmp957BLjVzg97KRmzTj0ubYjNsxvp71QYb3jNhFnMqegttnOgiipsrItgZrlEJh7kc2tISP8Kc0ZPNfNCnrj6yw1QMGvGTPukWE6q8zjfEyMFbANts08KshjI5/DpC9FgBxsiFTYxyd44whbsFolpei1dzACUbqlQVAY8AaogQmRMuuG+UZA15B4Kwje5LMFN5XyMMEOMWzpkiaogy8apWUkUUM/9LzsBmCNo7PQoeEXc4l8MspeFBrna7YoWHNIiUFZTOWd2LkZUIkwYAeNcI+BxNMTIodcwa3AYZyBtVdq3qOTer0SOVolzqYvPqJQv3wtRyUZHCEAV3SgB63GiIKcvpjLb8xwif5Qei924jK3zatLVWUgxzLaOiEGswWI003JZ5IBjLVnZnTW7XTouK9VY3S4mdZe4m9TZtKsKNzDt9BhJeUq+qMUtw+ibUGBW1pWuguXG6wi3ukvlcAY5p6Q6Yk6GKWmCNirvPZLSYSGaIDq8AVOxESkXvGOq43YQa3u1Hpl+Fy7++X86frZ3P+y972x/ny+m8t8tnOz8vp/bcX9rj+bkf/y/P/fWx7/84PVvOJNHH8Jk5ogd6VtB0lauAyDAQGvRRFoN2+c+3j9Pr1/n0tX+2b+3R9stpf3kcXu28v5y+WjtA51P7C9T+bO1xac1Klb4mAkqzYg5n+IYKFznTBY+URBHGYrOQmWflUJhXiEGXOwtRrIEgOjTo7PcAwYaFLvarzzDWIsaUyopbf89NfeuMis7kgTYXokWXVRCWtVWme8q8sgeoXrNnOix4zfJp5JA33Yo/IkSMPmiuWU43tym7p73lcrivUQPd4e6jLcveY4UJvTgHYoi5Ut3NV1pgwW8VMMXNFD1agjQE3UEHhgDFFu81hwjXzMRbOoGRmG6py2/PI5Tn97b/8tx/3Z+P0+Xr/P1rP4J/tr+yeD72I7P9Yz/vj8fr49fns2kxjZMu85Wc6XSU9ShyhNYoIGQY0c1Tq3j5rR0mr8/HYfnV9q/L5Xx4X77vz9N+bn/T9tOjnb/vp8vH9/btj+OV7uGLVnIsXhlBpRguyTu5bd03Ea6hJXWi+YhyrznUdWNPbAY/BuKhFOiJggU5RBd6420Z+vo9jewBZADwIfcIh/UhDaQ8AmEm/PAWJBQeaePWq5Azs3q/yas6hHKyRwGMig0GNfUi3a9YXemRclWaRxICxMRabvOnfHSLmDNahrndR7wNixD9R2UX+4ZYjDnKfdsk752CIspH80235LHv6mErN7De3eBlqV7VpwoerNkByjdv02Qwqlv039mJOcw5LRnY+qaftAM0lrPcOzdDS3dWRHW8212FkAsdMcpVSYbVnZzaYkWFAtbQJ0KQGO9wiiGGUn6fEbDQ5gINGc5bbjPz8tvln4/Px+Xb/vF1upwfezsdLT2djvY9n8/L63FfPl/3dv486nn543SUuOVaGUlGDYv0YwgwMmxz5FCQM0wJjuxUFy7/fvnf6XQwTpf9KPr5tb2cPk7ndmmnb89z+zi/HMg/D8ov5+f549vp9PpoSE73qc2tVyhVEyakdGOOSGV0D2XRVCZ6tcoRU8E+F6PCto3aYhCHZrKjrkByjU7PcujWMkpzZqJTZj/vdDcn4cRGbRAiyF4LUr8xhlogysd9HgrnDKejgiGUVNRbkvH25lYy+RjdW5dho8xhsnD0GBQremfB4XmbN0HmZIlpka1YhLsrzGLdwjYf5QNrOM1C7pERkncYGMmD8jMAapaHowo9wzJkmu/hjty6s5MHyjX70qw2GIfIoyyumVtl3gIasBEQINxzWh+1eYIZqv8DbGoN7R98FhQAAAAASUVORK5CYII="); } .block_separated, .block_separated_bottom { border-bottom: 1px solid #dedede; } .block_separated_top { border-top: 1px solid #dedede; } .block_shadow { border-top: 1px solid #cdccca; border-bottom: 1px solid #cdccca; -webkit-box-shadow: 0 0 2px #ebeae8; box-shadow: 0 0 2px #ebeae8; } .block_shadow_bottom { position: relative; border-bottom: 1px solid #cdccca; } .block_shadow_bottom:after { content: ''; position: absolute; width: 100%; bottom: -3px; left: 0; height: 2px; z-index: 2; background: -webkit-linear-gradient(#cdccca 0%, rgba(205,204,202,0) 100%); background: -moz-linear-gradient(#cdccca 0%, rgba(205,204,202,0) 100%); background: -o-linear-gradient(#cdccca 0%, rgba(205,204,202,0) 100%); background: -ms-linear-gradient(#cdccca 0%, rgba(205,204,202,0) 100%); background: linear-gradient(#cdccca 0%, rgba(205,204,202,0) 100%); } .block_shadow_top { position: relative; border-top: 1px solid #cdccca; } .block_shadow_top:before { content: ''; position: absolute; width: 100%; top: -3px; left: 0; height: 2px; z-index: 2; background: -webkit-linear-gradient(rgba(205,204,202,0) 0%, #cdccca 100%); background: -moz-linear-gradient(rgba(205,204,202,0) 0%, #cdccca 100%); background: -o-linear-gradient(rgba(205,204,202,0) 0%, #cdccca 100%); background: -ms-linear-gradient(rgba(205,204,202,0) 0%, #cdccca 100%); background: linear-gradient(rgba(205,204,202,0) 0%, #cdccca 100%); } .block_shadow_large:after, .block_shadow_large:before { height: 8px; } .block_shadow_large:after { bottom: -8px; } .block_shadow_large:before { top: -8px; } .block_border_top { border-top: 8px solid #4c8ebc; } .block_border_bottom { border-bottom: 8px solid #4c8ebc; } .block_collapse { padding: 0; } .block_collapse_hor { padding-left: 0; padding-right: 0; } .block_collapse_top { padding-top: 0; } .block_collapse_bottom { padding-bottom: 0; } .block_center { text-align: center; } .block_promo { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: 50%; color: #fff; position: relative; background-color: #2f2f2f; } .block_promo:before { content: ''; position: absolute; top: 0; height: 100%; left: 0; right: 0; background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -moz-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -ms-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); } .block_relative { position: relative; } .block_bg-main { background: url("/img/main/bg_country.jpg") no-repeat 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .block_bg-main_moscow_day { background: url("/img/main/bg_moscow_day.jpg") no-repeat 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .block_bg-main_moscow_night { background: url("/img/main/bg_moscow_night.jpg") no-repeat 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .block_bg { position: relative; overflow: hidden; background: #2e2e2e no-repeat 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .block_bg_landing { background: #2e2e2e url("/img/landing/bg.jpg"); } .block_bg_none { background: none; } .block_separated_light { border-bottom: 1px solid rgba(255,255,255,0.48); } .wrapper { margin: 0 auto; display: block; } .wrapper_relative { position: relative; } .screen_small .wrapper { width: 940px; } .screen_medium .wrapper { width: 1180px; } .screen_large .wrapper { width: 1300px; } .counters { position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 1px; height: 1px; overflow: hidden; } .sticky { position: relative; } .sticky_full .sticky__inner { width: 100%; } .sticky_bar { width: 100%; background: #fff; border-top: 1px solid #cdccca; border-bottom: 1px solid #cdccca; -webkit-box-shadow: 0 0 2px #ebeae8; box-shadow: 0 0 2px #ebeae8; } .sticky__inner { z-index: 100; } .sticky__inner_fixed { position: fixed; } .sticky__inner_end { position: absolute; } .sticky__inner_top { top: 0; z-index: 1400; position: fixed; } .sticky__inner_bottom { bottom: 0; z-index: 1400; position: fixed; } .sticky__inner_sliding { position: fixed; -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; -ms-transition: -ms-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; } .sticky__inner_sliding_top { top: 0; z-index: 1400; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .sticky__inner_sliding_bottom { bottom: 0; z-index: 1400; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .sticky__inner_sliding_active { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -ms-filter: none; filter: none; } .sticky__inner_left_start { top: 20px; position: fixed; width: 220px; } .sticky__inner_left_end { position: absolute; bottom: 0; width: 220px; } .sticky__inner_viewbox { background: rgba(0,0,0,0.3); z-index: 5; color: #fff; } .note { display: inline-block; vertical-align: middle; font-weight: 300; font-size: 13px; line-height: 20px; } .note__text { color: #969696; vertical-align: middle; } .note_separated { padding-top: 10px; border-top: 1px solid #e0e0e0; } .note_error .note__text { color: #eb4a57; } .note_block { display: block; } .note .icon_stroke { font-size: 14px; } .parallax { position: relative; height: 320px; } .parallax__inner { color: #fff; text-decoration: none; display: block; position: absolute; height: 320px; overflow: hidden; width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .parallax__layer { display: block; position: absolute; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .parallax__move { height: 100%; overflow: hidden; -webkit-perspective: 1px; -moz-perspective: 1px; -ms-perspective: 1px; perspective: 1px; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .parallax__static { position: absolute; z-index: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .label { font-weight: 700; font-size: 20px; line-height: 28px; display: inline-block; padding: 5px 10px; -webkit-border-radius: 5px; border-radius: 5px; vertical-align: middle; margin-left: 20px; color: #fff; border: 1px solid #6e99b7; background: #4c8ebc; } .label_small { padding: 0 8px; margin-left: 10px; } .screen_small .label_small { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_medium .label_small { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_large .label_small { font-weight: 300; font-size: 15px; line-height: 20px; } .hdr__side_right { float: right; margin-left: 10px; } .hdr__side_left { float: left; margin-right: 10px; } .hdr__ending { font-weight: 700; font-size: 20px; line-height: 28px; margin-left: 5px; vertical-align: middle; } .screen_medium .hdr__ending { font-size: 24px; line-height: 32px; } .screen_large .hdr__ending { font-size: 24px; line-height: 32px; } .hdr__ending_dashed { border-bottom: 1px dashed; } .hdr__ending_dashed:hover { text-decoration: none; border-color: transparent; } .hdr { margin-bottom: 20px; position: relative; } .hdr_center { text-align: center; } .hdr_border_top { border-top: 1px solid #e5e5e5; } .hdr_border_bottom { border-bottom: 1px solid #e5e5e5; } .hdr_color_white { border-color: rgba(255,255,255,0.4); } .hdr_color_white .hdr__text { color: #fff; } .hdr_highlight_bottom .hdr__wrapper { padding-bottom: 10px; border-bottom: 2px solid #4c8ebc; } .hdr_slot { margin-bottom: 10px; } .screen_small .hdr_slot .hdr__inner { font-weight: 700; font-size: 20px; line-height: 28px; } .screen_medium .hdr_slot .hdr__inner { font-weight: 700; font-size: 20px; line-height: 28px; } .screen_large .hdr_slot .hdr__inner { font-weight: 700; font-size: 20px; line-height: 28px; } .hdr_collapse { margin: 0; } .hdr__wrapper { display: inline-block; position: relative; z-index: 1; vertical-align: middle; } .hdr__inner { display: inline; vertical-align: middle; font-weight: 700; font-size: 20px; line-height: 28px; } .screen_medium .hdr__inner { font-size: 24px; line-height: 32px; } .screen_large .hdr__inner { font-size: 24px; line-height: 32px; } .hdr__inner a { color: inherit; text-decoration: underline; } .hdr__inner a:hover { text-decoration: none; } .hdr__text { color: #000; vertical-align: middle; display: inline-block; } .hdr__text_link { color: #07c; cursor: pointer; } .hdr__text_link .hdr__inner { text-decoration: underline; } .hdr__text_link:hover .hdr__inner { text-decoration: none; } .hdr__text_link.hdr__text_active { color: inherit; cursor: default; text-decoration: none; } .hdr__text:hover { text-decoration: none; } .hdr_light_small .hdr__inner, .hdr_light_small .hdr__ending { font-weight: 300; font-size: 13px; line-height: 20px; text-transform: none; } .screen_medium .hdr_light_small .hdr__inner, .screen_medium .hdr_light_small .hdr__ending { font-size: 15px; line-height: 20px; } .screen_large .hdr_light_small .hdr__inner, .screen_large .hdr_light_small .hdr__ending { font-size: 15px; line-height: 20px; } .hdr_light_normal .hdr__inner, .hdr_light_normal .hdr__ending { font-weight: 300; font-size: 15px; line-height: 20px; text-transform: none; } .screen_medium .hdr_light_normal .hdr__inner, .screen_medium .hdr_light_normal .hdr__ending { font-size: 17px; line-height: 24px; } .screen_large .hdr_light_normal .hdr__inner, .screen_large .hdr_light_normal .hdr__ending { font-size: 17px; line-height: 24px; } .hdr_light_medium .hdr__inner, .hdr_light_medium .hdr__ending { font-weight: 300; font-size: 17px; line-height: 24px; text-transform: none; } .screen_medium .hdr_light_medium .hdr__inner, .screen_medium .hdr_light_medium .hdr__ending { font-size: 20px; line-height: 28px; } .screen_large .hdr_light_medium .hdr__inner, .screen_large .hdr_light_medium .hdr__ending { font-size: 20px; line-height: 28px; } .hdr_light_large .hdr__inner, .hdr_light_large .hdr__ending { font-weight: 300; font-size: 20px; line-height: 28px; text-transform: none; } .screen_medium .hdr_light_large .hdr__inner, .screen_medium .hdr_light_large .hdr__ending { font-size: 24px; line-height: 32px; } .screen_large .hdr_light_large .hdr__inner, .screen_large .hdr_light_large .hdr__ending { font-size: 24px; line-height: 32px; } .hdr_light_huge .hdr__inner, .hdr_light_huge .hdr__ending { font-weight: 300; font-size: 28px; line-height: 36px; text-transform: none; } .screen_medium .hdr_light_huge .hdr__inner, .screen_medium .hdr_light_huge .hdr__ending { font-size: 32px; line-height: 40px; } .screen_large .hdr_light_huge .hdr__inner, .screen_large .hdr_light_huge .hdr__ending { font-size: 32px; line-height: 40px; } .hdr_regular_normal .hdr__inner, .hdr_regular_normal .hdr__ending { font-weight: 400; font-size: 15px; line-height: 20px; text-transform: none; } .hdr_bold_tiny .hdr__inner, .hdr_bold_tiny .hdr__ending { font-weight: 700; font-size: 10px; line-height: 16px; text-transform: none; } .screen_medium .hdr_bold_tiny .hdr__inner, .screen_medium .hdr_bold_tiny .hdr__ending { font-size: 13px; line-height: 20px; } .screen_large .hdr_bold_tiny .hdr__inner, .screen_large .hdr_bold_tiny .hdr__ending { font-size: 13px; line-height: 20px; } .hdr_bold_normal .hdr__inner, .hdr_bold_normal .hdr__ending { font-weight: 700; font-size: 15px; line-height: 20px; text-transform: none; } .screen_medium .hdr_bold_normal .hdr__inner, .screen_medium .hdr_bold_normal .hdr__ending { font-size: 17px; line-height: 24px; } .screen_large .hdr_bold_normal .hdr__inner, .screen_large .hdr_bold_normal .hdr__ending { font-size: 17px; line-height: 24px; } .hdr_bold_medium .hdr__inner, .hdr_bold_medium .hdr__ending { font-weight: 700; font-size: 17px; line-height: 24px; text-transform: none; } .screen_medium .hdr_bold_medium .hdr__inner, .screen_medium .hdr_bold_medium .hdr__ending { font-size: 20px; line-height: 28px; } .screen_large .hdr_bold_medium .hdr__inner, .screen_large .hdr_bold_medium .hdr__ending { font-size: 20px; line-height: 28px; } .hdr_bold_large .hdr__inner, .hdr_bold_large .hdr__ending { font-weight: 700; font-size: 20px; line-height: 28px; text-transform: none; } .screen_medium .hdr_bold_large .hdr__inner, .screen_medium .hdr_bold_large .hdr__ending { font-size: 24px; line-height: 32px; } .screen_large .hdr_bold_large .hdr__inner, .screen_large .hdr_bold_large .hdr__ending { font-size: 24px; line-height: 32px; } .hdr_bold_huge .hdr__inner, .hdr_bold_huge .hdr__ending { font-weight: 700; font-size: 28px; line-height: 36px; text-transform: none; } .screen_medium .hdr_bold_huge .hdr__inner, .screen_medium .hdr_bold_huge .hdr__ending { font-size: 32px; line-height: 40px; } .screen_large .hdr_bold_huge .hdr__inner, .screen_large .hdr_bold_huge .hdr__ending { font-size: 32px; line-height: 40px; } .hdr_slab_normal .hdr__inner, .hdr_slab_normal .hdr__ending { font-weight: 300; font-family: Roboto Slab, Arial, serif; font-size: 15px; line-height: 20px; text-transform: none; } .screen_medium .hdr_slab_normal .hdr__inner, .screen_medium .hdr_slab_normal .hdr__ending { font-size: 17px; line-height: 24px; } .screen_large .hdr_slab_normal .hdr__inner, .screen_large .hdr_slab_normal .hdr__ending { font-size: 17px; line-height: 24px; } .hdr_slab_medium .hdr__inner, .hdr_slab_medium .hdr__ending { font-weight: 300; font-family: Roboto Slab, Arial, serif; font-size: 17px; line-height: 24px; text-transform: none; } .screen_medium .hdr_slab_medium .hdr__inner, .screen_medium .hdr_slab_medium .hdr__ending { font-size: 20px; line-height: 28px; } .screen_large .hdr_slab_medium .hdr__inner, .screen_large .hdr_slab_medium .hdr__ending { font-size: 20px; line-height: 28px; } .hdr_slab_large .hdr__inner, .hdr_slab_large .hdr__ending { font-weight: 300; font-family: Roboto Slab, Arial, serif; font-size: 20px; line-height: 28px; text-transform: none; } .screen_medium .hdr_slab_large .hdr__inner, .screen_medium .hdr_slab_large .hdr__ending { font-size: 24px; line-height: 32px; } .screen_large .hdr_slab_large .hdr__inner, .screen_large .hdr_slab_large .hdr__ending { font-size: 24px; line-height: 32px; } .hdr_slab_huge .hdr__inner, .hdr_slab_huge .hdr__ending { font-weight: 300; font-family: Roboto Slab, Arial, serif; font-size: 28px; line-height: 40px; text-transform: none; } .screen_medium .hdr_slab_huge .hdr__inner, .screen_medium .hdr_slab_huge .hdr__ending { font-size: 32px; line-height: 40px; } .screen_large .hdr_slab_huge .hdr__inner, .screen_large .hdr_slab_huge .hdr__ending { font-size: 32px; line-height: 40px; } .hdr_lowercase .hdr__inner, .hdr_lowercase .hdr__ending { text-transform: none; font-family: Roboto, Arial, sans-serif; } .hdr_inline .hdr__wrapper, .hdr_inline .hdr__text { display: inline; } .slider { position: relative; } .slider__content { position: relative; white-space: nowrap; } .slider__items { display: inline-block; position: relative; -webkit-perspective: 1000; } .slider__items_animated { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .slider__wrapper { overflow: hidden; position: relative; padding-bottom: 2px; } .slider__item { white-space: normal; display: inline-block; vertical-align: top; } .slider__item_padding { padding: 0 10px; } .slider_centered .slider__content { margin: 0 auto; } .slider_main .slider__wrapper { padding: 0 180px; } .slider_opacity .slider__item { opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .slider_opacity .slider__item:hover, .slider_opacity .slider__item_selected { opacity: 1; -ms-filter: none; filter: none; } .slider_content .control { -webkit-border-radius: 5px; border-radius: 5px; } .slider__items { min-width: 100%; } .slider_sidebar .slider__item { width: 240px; } .slider_banner .slider__item { width: 200px; } .slider_fade_animated .slider__wrapper:before, .slider_fade_animated .slider__wrapper:after { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0s ease-out; -moz-transition: opacity 0s ease-out; -o-transition: opacity 0s ease-out; -ms-transition: opacity 0s ease-out; transition: opacity 0s ease-out; } .slider_fade .slider__wrapper:before, .slider_fade_left .slider__wrapper:before, .slider_fade_right .slider__wrapper:before, .slider_fade .slider__wrapper:after, .slider_fade_left .slider__wrapper:after, .slider_fade_right .slider__wrapper:after { content: ' '; height: 100%; position: absolute; top: 0; z-index: 9; width: 100px; } .slider_fade .slider__wrapper:before, .slider_fade_left .slider__wrapper:before, .slider_fade_animated .slider__wrapper:before { left: 0; background-image: -webkit-linear-gradient(left, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: -moz-linear-gradient(left, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: -o-linear-gradient(left, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: -ms-linear-gradient(left, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: linear-gradient(to right, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFAFAFA', endColorstr='#00FAFAFA'); } .slider_fade .slider__wrapper:before, .slider_fade_left .slider__wrapper:before { opacity: 1; -ms-filter: none; filter: none; } .slider_fade_left-hide .slider__wrapper:before { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; } .slider_fade .slider__wrapper:after, .slider_fade_right .slider__wrapper:after, .slider_fade_animated .slider__wrapper:after { right: 0; background-image: -webkit-linear-gradient(right, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: -moz-linear-gradient(right, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: -o-linear-gradient(right, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: -ms-linear-gradient(right, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: linear-gradient(to left, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#00FAFAFA', endColorstr='#FFFAFAFA'); } .slider_fade .slider__wrapper:after, .slider_fade_right .slider__wrapper:after { opacity: 1; -ms-filter: none; filter: none; } .slider_fade_right-hide .slider__wrapper:after { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; } .slider_fade_animated .slider__wrapper:before { left: -100px; } .slider_fade_animated .slider__wrapper:after { right: -100px; } .slider_fade .slider__wrapper:before, .slider_fade_left .slider__wrapper:before { left: 0; } .slider_fade .slider__wrapper:after, .slider_fade_right .slider__wrapper:after { right: 0; } .control { width: 40px; height: 80px; display: block; text-align: center; cursor: pointer; background: #e3e3e3; color: #7b7b7b; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, padding 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, padding 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, padding 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, padding 0.2s ease-in-out; transition: color 0.2s ease-in-out, background 0.2s ease-in-out, padding 0.2s ease-in-out; font-size: 36px; } .control .icon:before { line-height: 80px; } .cpf-no-touch .control:hover { background: #4c8ebc; color: #fff; padding: 0 5px; } .control:after { content: ''; z-index: -1; position: absolute; top: -10px; right: -10px; left: -10px; bottom: -10px; } .control_prev { left: 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .control_next { right: 0; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .control_round { -webkit-border-radius: 5px; border-radius: 5px; } .control_absolute, .control_fixed { top: 50%; margin-top: -40px; z-index: 1400; } .control_absolute { position: absolute; } .control_fixed { position: fixed; } .p-special { position: relative; display: inline-block; white-space: normal; max-width: 100%; overflow: hidden; } .p-special__img { display: block; } .p-special__phone { display: block; margin-top: 5px; font-weight: 400; font-size: 15px; line-height: 20px; } .p-special__price { color: #f59608; display: block; margin-top: 5px; font-weight: 400; font-size: 15px; line-height: 20px; } .p-special__text { display: block; margin-top: 5px; } .p-special__title { display: block; margin-top: 10px; font-weight: 300; font-size: 15px; line-height: 20px; } .p-special_horizontal .p-special__img { float: left; padding-right: 10px; } .p-special_horizontal .p-special__inner { display: block; overflow: hidden; } .p-special_horizontal .p-special__title { margin-top: 0; } .p-special_horizontal .photo__pic { width: 70px; } .p-special_width_fixed { width: 130px; display: inline-block; } .p-special_width_fixed .icon { display: none; } .p-special_rb { text-align: center; } .p-special_rb .p-special__img { width: 140px; display: inline-block; } .item { position: relative; } .item_valign .cell { vertical-align: middle; } .item_topic { display: table; width: 100%; } .item_topic .cell_left { padding-right: 20px; } .item_light .item__title { color: #fff; } .item_light .item__param { color: #a2a4ae; } .screen_small .item_small .item__title { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_medium .item_small .item__title { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_large .item_small .item__title { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_small .item_x-small .item__title, .screen_small .item_x-small .item__text { font-weight: 300; font-size: 13px; line-height: 20px; } .screen_medium .item_x-small .item__title, .screen_medium .item_x-small .item__text { font-weight: 300; font-size: 13px; line-height: 20px; } .screen_large .item_x-small .item__title, .screen_large .item_x-small .item__text { font-weight: 300; font-size: 13px; line-height: 20px; } .item_separated { margin-top: 10px; padding-top: 10px; border-top: 1px dotted #a8abba; } .item_person_extended .item__text { font-weight: 300; font-size: 13px; line-height: 20px; color: #999; } .screen_medium .item_person_extended .item__text { font-size: 15px; line-height: 20px; } .screen_large .item_person_extended .item__text { font-size: 15px; line-height: 20px; } .screen_small .item_person_extended .avatar { width: 45px; height: 45px; } .item_poll .item__title { font-weight: 700; font-size: 20px; line-height: 28px; } .screen_medium .item_poll .item__title { font-size: 24px; line-height: 32px; } .screen_large .item_poll .item__title { font-size: 24px; line-height: 32px; } .item_poll .item__text { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_medium .item_poll .item__text { font-size: 17px; line-height: 24px; } .screen_large .item_poll .item__text { font-size: 17px; line-height: 24px; } .item_slot { height: 97px; overflow: hidden; padding-left: 140px; } .item_slot:after { content: ''; right: 0; top: 0; width: 15px; height: 30px; margin-top: 75px; position: absolute; background-image: -webkit-linear-gradient(right, #fff, rgba(255,255,255,0)); background-image: -moz-linear-gradient(right, #fff, rgba(255,255,255,0)); background-image: -o-linear-gradient(right, #fff, rgba(255,255,255,0)); background-image: -ms-linear-gradient(right, #fff, rgba(255,255,255,0)); background-image: linear-gradient(to left, #fff, rgba(255,255,255,0)); } .item_slot .cell_left { display: block; position: absolute; left: 0; top: 0; } .item_slot .cell_slot { display: block; margin-right: -999em; } .item_slot .cell_slot:before { content: ''; float: right; display: block; width: 999em; height: 70px; } .screen_small .item_slot .item__text, .screen_small .item_slot .item__title { line-height: 15px; } .screen_medium .item_slot .item__text, .screen_medium .item_slot .item__title { line-height: 15px; } .screen_large .item_slot .item__text, .screen_large .item_slot .item__title { line-height: 15px; } .item__title { display: block; font-weight: 300; font-size: 17px; line-height: 24px; } .screen_medium .item__title { font-size: 20px; line-height: 28px; } .screen_large .item__title { font-size: 20px; line-height: 28px; } .item__text { display: block; margin-top: 5px; font-weight: 300; font-size: 15px; line-height: 20px; } .item__pic { display: block; } .item__params { display: block; font-weight: 300; font-size: 13px; line-height: 20px; } .item__param { padding-left: 10px; margin-left: 10px; border-left: 1px solid #a8abba; } .item__param:first-child { padding-left: 0; margin-left: 0; border: 0; } .item__info { color: #999; } .avatar { position: relative; width: 90px; height: 90px; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -webkit-box-shadow: inset 0px 3px 5px rgba(0,0,0,0.15); box-shadow: inset 0px 3px 5px rgba(0,0,0,0.15); } .avatar_x-small, .avatar_size_32 { width: 32px; height: 32px; } .avatar_small, .avatar_size_45 { width: 45px; height: 45px; } .avatar_medium, .avatar_size_60 { width: 60px; height: 60px; } .avatar_normal, .avatar_size_90 { width: 90px; height: 90px; } .avatar_extra, .avatar_size_130 { width: 130px; height: 130px; } .avatar_large, .avatar_size_180 { width: 180px; height: 180px; } .cell { display: table-cell; vertical-align: top; } .cell_small { width: 1px; white-space: nowrap; } .cell_left { width: 1px; white-space: nowrap; padding-right: 10px; } .cell_right { width: 1px; white-space: nowrap; padding-left: 10px; text-align: right; } .cell_full { width: 100%; } .cell_half { width: 50%; } .cell_photo { width: 180px; padding-right: 20px; } .cell_width_50 { width: 50px; } .cell_width_60 { width: 60px; } .cell_width_240 { width: 240px; } .cell_mwidth_70 { min-width: 70px; } .p-currency { font-family: 'ALSRubl-Arial', Arial, sans-serif; } @font-face { font-family: 'ALSRubl-Arial'; src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-regular.eot"); src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-regular.eot?#iefix") format('embedded-opentype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-regular.woff") format('woff'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-regular.ttf") format('truetype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-regular.svg#ALSRublArialRegular") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ALSRubl-Arial'; src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-italic.eot"); src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-italic.eot?#iefix") format('embedded-opentype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-italic.woff") format('woff'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-italic.ttf") format('truetype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-italic.svg#ALSRublArialItalic") format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'ALSRubl-Arial'; src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bold.eot"); src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bold.eot?#iefix") format('embedded-opentype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bold.woff") format('woff'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bold.ttf") format('truetype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bold.svg#ALSRublArialBold") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'ALSRubl-Arial'; src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bolditalic.eot"); src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bolditalic.eot?#iefix") format('embedded-opentype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bolditalic.woff") format('woff'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bolditalic.ttf") format('truetype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bolditalic.svg#ALSRublArialBoldItalic") format('svg'); font-weight: bold; font-style: italic; } .branding-p { position: relative; z-index: 100; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .branding-p a:link, .branding-p a:active { outline: none; } .branding-p__table { display: none; width: 100%; height: 100px; table-layout: fixed; } .branding-p__table_sides { position: absolute; z-index: 4; top: 0; height: 0; } .branding-p__table_sides .branding-p__cell { height: 0; } .branding-p__cell { display: table-cell; position: relative; height: 100px; vertical-align: top; } .branding-p__cell-inner { position: relative; } .branding-p__cell_center { overflow: hidden; padding: 0 20px; } .branding-p__cell_banner { background-position: 50% 0; background-repeat: no-repeat; } .branding-p__center { display: block; height: 100px; margin: 0 -20px; } .branding-p__center-left { position: absolute; top: 0; left: 0; } .branding-p__center-right { position: absolute; top: 0; right: 0; } .branding-p__bg { display: block; position: absolute; height: 360px; width: 1366px; background-position: 50% 0; } .branding-p__bg_center { left: 50%; margin-left: -683px; } .screen_small .branding-p__bg_wrapper_left { left: 100%; margin-left: -193px; } .screen_small .branding-p__bg_wrapper_right { right: 100%; margin-right: -193px; } .screen_medium .branding-p__bg_wrapper_left { left: 100%; margin-left: -73px; } .screen_medium .branding-p__bg_wrapper_right { right: 100%; margin-right: -73px; } .screen_large .branding-p__bg_wrapper_left { left: 100%; margin-left: -13px; } .screen_large .branding-p__bg_wrapper_right { right: 100%; margin-right: -13px; } .branding-p__bg:before, .branding-p__bg:after { position: absolute; top: 0; height: 100%; width: 269px; } @media screen and (min-width: 1366px) { .branding-p__bg:before, .branding-p__bg:after { content: ''; } } .branding-p__bg:before { left: -269px; background-position: 100% 0; } .branding-p__bg:after { right: -269px; } .branding-p__back { display: block; overflow: hidden; position: absolute; top: 0; left: 0; right: 0; height: 360px; } .branding-p__side { display: block; overflow: hidden; position: absolute; z-index: 4; top: 0; left: 0; right: 0; height: 360px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #4c8ebc; background-repeat: no-repeat; } .branding-p__side_left { background-position: 100% 100%; } .branding-p__side_right { background-position: 0 100%; } .branding-p__link { position: absolute; top: 0; left: 0; right: 0; height: 360px; } .branding-p__banner-stub { display: none; margin: 20px 0 0; height: 100px; background-position: 50% 50%; background-repeat: no-repeat; } .screen_branding-p_banner-stub .branding-p__banner-stub { display: block; } .screen_branding-p .branding-p__table { display: table; } .screen_branding-p .line_branding_hide { display: none; } .branding-footer__banner { display: block; height: 200px; background-repeat: no-repeat; background-position: 50% 50%; } .branding-footer__banner:link, .branding-footer__banner:active { outline: none; } body .margin_off { margin: 0; } body .margin_off_sides-hor { margin-left: 0; margin-right: 0; } body .margin_off_sides-vert { margin-top: 0; margin-bottom: 0; } body .margin_off_top { margin-top: 0; } body .margin_off_top-last:last-child { margin-top: 0; } body .margin_off_right { margin-right: 0; } body .margin_off_right-last:last-child { margin-right: 0; } body .margin_off_bottom { margin-bottom: 0; } body .margin_off_bottom-last:last-child { margin-bottom: 0; } body .margin_off_left { margin-left: 0; } body .margin_off_left-last:last-child { margin-left: 0; } body .margin_top_off { margin-top: 0; } body .margin_right_off { margin-right: 0; } body .margin_bottom_off { margin-bottom: 0; } body .margin_left_off { margin-left: 0; } body .margin_5 { margin: 5px; } body .margin_vertical_5 { margin-top: 5px; margin-bottom: 5px; } body .margin_horizontal_5 { margin-left: 5px; margin-right: 5px; } body .margin_top_5 { margin-top: 5px; } body .margin_right_5 { margin-right: 5px; } body .margin_bottom_5 { margin-bottom: 5px; } body .margin_left_5 { margin-left: 5px; } body .margin_10 { margin: 10px; } body .margin_vertical_10 { margin-top: 10px; margin-bottom: 10px; } body .margin_horizontal_10 { margin-left: 10px; margin-right: 10px; } body .margin_top_10 { margin-top: 10px; } body .margin_right_10 { margin-right: 10px; } body .margin_bottom_10 { margin-bottom: 10px; } body .margin_left_10 { margin-left: 10px; } body .margin_20 { margin: 20px; } body .margin_vertical_20 { margin-top: 20px; margin-bottom: 20px; } body .margin_horizontal_20 { margin-left: 20px; margin-right: 20px; } body .margin_top_20 { margin-top: 20px; } body .margin_right_20 { margin-right: 20px; } body .margin_bottom_20 { margin-bottom: 20px; } body .margin_left_20 { margin-left: 20px; } body .margin_30 { margin: 30px; } body .margin_vertical_30 { margin-top: 30px; margin-bottom: 30px; } body .margin_horizontal_30 { margin-left: 30px; margin-right: 30px; } body .margin_top_30 { margin-top: 30px; } body .margin_right_30 { margin-right: 30px; } body .margin_bottom_30 { margin-bottom: 30px; } body .margin_left_30 { margin-left: 30px; } body .margin_40 { margin: 40px; } body .margin_vertical_40 { margin-top: 40px; margin-bottom: 40px; } body .margin_horizontal_40 { margin-left: 40px; margin-right: 40px; } body .margin_top_40 { margin-top: 40px; } body .margin_right_40 { margin-right: 40px; } body .margin_bottom_40 { margin-bottom: 40px; } body .margin_left_40 { margin-left: 40px; } body .margin_50 { margin: 50px; } body .margin_vertical_50 { margin-top: 50px; margin-bottom: 50px; } body .margin_horizontal_50 { margin-left: 50px; margin-right: 50px; } body .margin_top_50 { margin-top: 50px; } body .margin_right_50 { margin-right: 50px; } body .margin_bottom_50 { margin-bottom: 50px; } body .margin_left_50 { margin-left: 50px; } body .margin_60 { margin: 60px; } body .margin_vertical_60 { margin-top: 60px; margin-bottom: 60px; } body .margin_horizontal_60 { margin-left: 60px; margin-right: 60px; } body .margin_top_60 { margin-top: 60px; } body .margin_right_60 { margin-right: 60px; } body .margin_bottom_60 { margin-bottom: 60px; } body .margin_left_60 { margin-left: 60px; } body .margin_70 { margin: 70px; } body .margin_vertical_70 { margin-top: 70px; margin-bottom: 70px; } body .margin_horizontal_70 { margin-left: 70px; margin-right: 70px; } body .margin_top_70 { margin-top: 70px; } body .margin_right_70 { margin-right: 70px; } body .margin_bottom_70 { margin-bottom: 70px; } body .margin_left_70 { margin-left: 70px; } body .margin_90 { margin: 90px; } body .margin_vertical_90 { margin-top: 90px; margin-bottom: 90px; } body .margin_horizontal_90 { margin-left: 90px; margin-right: 90px; } body .margin_top_90 { margin-top: 90px; } body .margin_right_90 { margin-right: 90px; } body .margin_bottom_90 { margin-bottom: 90px; } body .margin_left_90 { margin-left: 90px; } body .margin_100 { margin: 100px; } body .margin_vertical_100 { margin-top: 100px; margin-bottom: 100px; } body .margin_horizontal_100 { margin-left: 100px; margin-right: 100px; } body .margin_top_100 { margin-top: 100px; } body .margin_right_100 { margin-right: 100px; } body .margin_bottom_100 { margin-bottom: 100px; } body .margin_left_100 { margin-left: 100px; } body .margin_110 { margin: 110px; } body .margin_vertical_110 { margin-top: 110px; margin-bottom: 110px; } body .margin_horizontal_110 { margin-left: 110px; margin-right: 110px; } body .margin_top_110 { margin-top: 110px; } body .margin_right_110 { margin-right: 110px; } body .margin_bottom_110 { margin-bottom: 110px; } body .margin_left_110 { margin-left: 110px; } body .margin_m70 { margin: -70px; } body .margin_vertical_m70 { margin-top: -70px; margin-bottom: -70px; } body .margin_horizontal_m70 { margin-left: -70px; margin-right: -70px; } body .margin_top_m70 { margin-top: -70px; } body .margin_right_m70 { margin-right: -70px; } body .margin_bottom_m70 { margin-bottom: -70px; } body .margin_left_m70 { margin-left: -70px; } body .margin_m100 { margin: -100px; } body .margin_vertical_m100 { margin-top: -100px; margin-bottom: -100px; } body .margin_horizontal_m100 { margin-left: -100px; margin-right: -100px; } body .margin_top_m100 { margin-top: -100px; } body .margin_right_m100 { margin-right: -100px; } body .margin_bottom_m100 { margin-bottom: -100px; } body .margin_left_m100 { margin-left: -100px; } body .margin_m200 { margin: -200px; } body .margin_vertical_m200 { margin-top: -200px; margin-bottom: -200px; } body .margin_horizontal_m200 { margin-left: -200px; margin-right: -200px; } body .margin_top_m200 { margin-top: -200px; } body .margin_right_m200 { margin-right: -200px; } body .margin_bottom_m200 { margin-bottom: -200px; } body .margin_left_m200 { margin-left: -200px; } body .padding_0 { padding: 0px; } body .padding_vertical_0 { padding-top: 0px; padding-bottom: 0px; } body .padding_horizontal_0 { padding-left: 0px; padding-right: 0px; } body .padding_top_0 { padding-top: 0px; } body .padding_right_0 { padding-right: 0px; } body .padding_bottom_0 { padding-bottom: 0px; } body .padding_left_0 { padding-left: 0px; } body .padding_5 { padding: 5px; } body .padding_vertical_5 { padding-top: 5px; padding-bottom: 5px; } body .padding_horizontal_5 { padding-left: 5px; padding-right: 5px; } body .padding_top_5 { padding-top: 5px; } body .padding_right_5 { padding-right: 5px; } body .padding_bottom_5 { padding-bottom: 5px; } body .padding_left_5 { padding-left: 5px; } body .padding_10 { padding: 10px; } body .padding_vertical_10 { padding-top: 10px; padding-bottom: 10px; } body .padding_horizontal_10 { padding-left: 10px; padding-right: 10px; } body .padding_top_10 { padding-top: 10px; } body .padding_right_10 { padding-right: 10px; } body .padding_bottom_10 { padding-bottom: 10px; } body .padding_left_10 { padding-left: 10px; } body .padding_20 { padding: 20px; } body .padding_vertical_20 { padding-top: 20px; padding-bottom: 20px; } body .padding_horizontal_20 { padding-left: 20px; padding-right: 20px; } body .padding_top_20 { padding-top: 20px; } body .padding_right_20 { padding-right: 20px; } body .padding_bottom_20 { padding-bottom: 20px; } body .padding_left_20 { padding-left: 20px; } body .padding_30 { padding: 30px; } body .padding_vertical_30 { padding-top: 30px; padding-bottom: 30px; } body .padding_horizontal_30 { padding-left: 30px; padding-right: 30px; } body .padding_top_30 { padding-top: 30px; } body .padding_right_30 { padding-right: 30px; } body .padding_bottom_30 { padding-bottom: 30px; } body .padding_left_30 { padding-left: 30px; } body .padding_40 { padding: 40px; } body .padding_vertical_40 { padding-top: 40px; padding-bottom: 40px; } body .padding_horizontal_40 { padding-left: 40px; padding-right: 40px; } body .padding_top_40 { padding-top: 40px; } body .padding_right_40 { padding-right: 40px; } body .padding_bottom_40 { padding-bottom: 40px; } body .padding_left_40 { padding-left: 40px; } body .padding_50 { padding: 50px; } body .padding_vertical_50 { padding-top: 50px; padding-bottom: 50px; } body .padding_horizontal_50 { padding-left: 50px; padding-right: 50px; } body .padding_top_50 { padding-top: 50px; } body .padding_right_50 { padding-right: 50px; } body .padding_bottom_50 { padding-bottom: 50px; } body .padding_left_50 { padding-left: 50px; } body .padding_60 { padding: 60px; } body .padding_vertical_60 { padding-top: 60px; padding-bottom: 60px; } body .padding_horizontal_60 { padding-left: 60px; padding-right: 60px; } body .padding_top_60 { padding-top: 60px; } body .padding_right_60 { padding-right: 60px; } body .padding_bottom_60 { padding-bottom: 60px; } body .padding_left_60 { padding-left: 60px; } body .padding_70 { padding: 70px; } body .padding_vertical_70 { padding-top: 70px; padding-bottom: 70px; } body .padding_horizontal_70 { padding-left: 70px; padding-right: 70px; } body .padding_top_70 { padding-top: 70px; } body .padding_right_70 { padding-right: 70px; } body .padding_bottom_70 { padding-bottom: 70px; } body .padding_left_70 { padding-left: 70px; } body .padding_90 { padding: 90px; } body .padding_vertical_90 { padding-top: 90px; padding-bottom: 90px; } body .padding_horizontal_90 { padding-left: 90px; padding-right: 90px; } body .padding_top_90 { padding-top: 90px; } body .padding_right_90 { padding-right: 90px; } body .padding_bottom_90 { padding-bottom: 90px; } body .padding_left_90 { padding-left: 90px; } body .padding_100 { padding: 100px; } body .padding_vertical_100 { padding-top: 100px; padding-bottom: 100px; } body .padding_horizontal_100 { padding-left: 100px; padding-right: 100px; } body .padding_top_100 { padding-top: 100px; } body .padding_right_100 { padding-right: 100px; } body .padding_bottom_100 { padding-bottom: 100px; } body .padding_left_100 { padding-left: 100px; } body .padding_110 { padding: 110px; } body .padding_vertical_110 { padding-top: 110px; padding-bottom: 110px; } body .padding_horizontal_110 { padding-left: 110px; padding-right: 110px; } body .padding_top_110 { padding-top: 110px; } body .padding_right_110 { padding-right: 110px; } body .padding_bottom_110 { padding-bottom: 110px; } body .padding_left_110 { padding-left: 110px; } body .padding_200 { padding: 200px; } body .padding_vertical_200 { padding-top: 200px; padding-bottom: 200px; } body .padding_horizontal_200 { padding-left: 200px; padding-right: 200px; } body .padding_top_200 { padding-top: 200px; } body .padding_right_200 { padding-right: 200px; } body .padding_bottom_200 { padding-bottom: 200px; } body .padding_left_200 { padding-left: 200px; } .portal-menu { min-width: 940px; position: relative; z-index: 500 !important; } .screen_small .portal-menu_width { width: 940px; } .screen_medium .portal-menu_width { width: 1180px; } .screen_large .portal-menu_width { width: 1300px; } .align_left { text-align: left !important; } .align_right { text-align: right !important; } .align_center { text-align: center !important; } .align_justify { text-align: justify !important; } .valign_top { vertical-align: top !important; } .valign_bottom { vertical-align: bottom !important; } .valign_middle { vertical-align: middle !important; } .valign_baseline { vertical-align: baseline !important; } body .color_primary { color: #000; } body .color_secondary { color: #000; } body .color_tertiary { color: #000; } body .color_black { color: #000; } body .color_white { color: #fff; } body .color_gray { color: #999; } body .color_red { color: #f44e4e; } body .color_green { color: #28c75d; } body .color_orange { color: #ffa930; } body .color_yellow { color: #ffd400; } body .color_blue { color: #07c; } .color_sberbank { color: #127543; } @charset "utf-8"; /* normalize.css v2.1.3 | MIT License | git.io/normalize */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, em, font, strong, sub, sup, ol, ul, li, fieldset, form, label, table, tr, th, td { margin: 0; padding: 0; outline: 0; border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; } body { margin: 0; height: 100%; background: #fff; } a { background: transparent; } a:active, a:hover, a:focus { outline: 0; } abbr[title] { border-bottom: 1px dotted; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } table { border-collapse: collapse; border-spacing: 0; } body { font-family: 'Roboto', Arial, sans-serif; font-weight: 300; font-size: 15px; line-height: 20px; } b, strong { font-weight: 700; } td, th { padding: 0; vertical-align: top; } a { color: #07c; text-decoration: none; } a:hover { text-decoration: underline; } ul { margin: 0; padding: 0; list-style-type: none; } object { display: block; } iframe { max-width: 100%; border: none; } object, embed { outline: 0; } body { min-width: 980px; } body.footer-at-bottom { position: relative; height: auto; min-height: 100%; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body.footer-at-bottom .footer { position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; } a { text-decoration: none; } a:focus { outline: none !important; } .rb_body h4 { font-weight: 700; font-size: 20px; line-height: 28px; margin: 0 0 20px 0; } .rb_ul { list-style-type: square; padding-left: 20px; font-weight: 300; font-size: 13px; line-height: 20px; } .rb_li { color: #a8abba; margin-top: 10px; } .rb_li:first-child { margin-top: 0; } .error-page { padding: 40px; position: relative; overflow: hidden; z-index: 100; } .error-page__container { position: relative; width: 470px; } .error-page__code { font-size: 240px; font-weight: 300; line-height: 0.68; margin: 0 0 30px; } .error-page__title { font-size: 50px; font-weight: 300; line-height: 1; margin: 0 0 30px; } .error-page__text { font-weight: 300; font-size: 15px; line-height: 20px; margin: 0 0 20px; } .screen_medium .error-page__text { font-size: 17px; line-height: 24px; } .screen_large .error-page__text { font-size: 17px; line-height: 24px; } .error-page__image { position: absolute; top: 0; left: 100%; } .error-page:before, .error-page__decor_empty { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; z-index: -1; } .error-page:before { content: ' '; top: 80px; border-width: 94px 0 94px 94px; border-left-color: #4c8ebc; left: 50%; margin-left: -800px; } @media screen and (min-width: 1600px) { .error-page:before { left: 0; margin-left: 0; } } .error-page__decor_rb { top: 0; right: 0; position: absolute; } .error-page__decor_empty { top: 0; border-width: 0 380px 380px 0; border-right-color: #4c8ebc; right: 50%; margin-right: -800px; } @media screen and (min-width: 1600px) { .error-page__decor_empty { right: 0; margin-right: 0; } } (function (window) { "use strict"; var OPTIONS = window.SCREEN_SIZE_OPTIONS || {}; // wrapper + options.padding * 2 var sizeList = [980,1220,1340]; var nameList = ['small', 'medium', 'large']; var sizesLength = sizeList.length; var isBranding = false; var htmlElement = document.documentElement; var lastState, className; var options = { padding: 20, sideWidth: 140, largeSideWidth: 240, bannerStub: sizeList[0], minBranding: OPTIONS.minBranding || sizeList[1], maxBranding: 1920, classRe: /\s*screen_(\S+)/gi, classPrefix: 'screen_' }; // ширина экрана для больших ушей, когда они полностью помещаются для самого большого экрана var widthForLargeSide = sizeList[sizeList.length - 1] + (options.largeSideWidth + options.padding) * 2; function screenSize(branding) { var windowWidth = window.innerWidth; var actualWidth = windowWidth; var sideWidth, canBranding, canBrandingStub, size, result, state; // запоминаем состояние последнего вызова, например screenSize(true) в слоте п-брендинга if (typeof branding === 'boolean') { isBranding = branding; } if (isBranding) { sideWidth = windowWidth > widthForLargeSide && options.largeSideWidth || options.sideWidth; // используем 20 отступы по бокам под брендирование if (sideWidth) { actualWidth -= (sideWidth + options.padding) * 2; } } canBranding = windowWidth >= options.minBranding && windowWidth = options.bannerStub && actualWidth < options.minBranding; // подбираем экран под окно пользователя с учетом брендинга for (var sizeNo = 1; sizeNo < sizesLength; sizeNo++) { if (actualWidth < sizeList[sizeNo]) { size = nameList[sizeNo - 1]; break; } } if (!size) { size = nameList[nameList.length - 1]; } state = [size, isBranding, canBranding, canBrandingStub, sideWidth].join(); if (lastState != state) { lastState = state; className = htmlElement.className.replace(options.classRe, '').split(' '); className.push(options.classPrefix + size); if (isBranding) { className.push(options.classPrefix + 'branding-p_need'); if (canBranding) { className.push(options.classPrefix + 'branding-p'); className.push(options.classPrefix + 'branding-p_' + sideWidth); } else if (canBrandingStub) { className.push(options.classPrefix + 'branding-p_banner-stub'); } } htmlElement.className = className.join(' '); try { window.dispatchEvent(new Event('resize')); } catch (ex) {} } } /** * Создает функцию, игнорирующую вызовы происходящие чаще заданого интервала * @param originalFn функция, частоту вызова которой необходимо ограничить * @param [timeout = 100] интервал * @param [callImmediately = false] флаг, указывающий что функция должна выполняться в начале группы вызовов * @returns {Function} */ function debounce (originalFn, timeout, callImmediately) { var timer = null; return function debounced () { var context = this, args = arguments; function delayed () { if (!callImmediately) { originalFn.apply(context, args); } timer = null; } if (timer !== null) { clearTimeout(timer); } else if (callImmediately) { originalFn.apply(context, args); } timer = setTimeout(delayed, timeout || 100); }; } screenSize(); window.screenSize = screenSize; if (window.addEventListener) { window.addEventListener("resize", debounce(screenSize), false); } else if (window.attachEvent) { window.attachEvent("onresize", debounce(screenSize)); } })(this); 500Спокойствие,
только спокойствие!

Мы делаем всё возможное, чтобы работоспособность сайта была восстановлена в ближайшее время.

.error-page__decor_rb { display: none; }var _tmr = window._tmr || (window._tmr = []); _tmr.push({id: "2886171", type: "pageView", start: (new Date()).getTime()}); (function (d, w, id) { if (d.getElementById(id)) return; var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id; ts.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//top-fwz1.mail.ru/js/code.js"; var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);}; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "topmailru-code");

15.02.2019
0 comment

ie6 ie-old">

="ru-RU" class="ie ie6 ie-old">

500

Спокойствие,
только спокойствие!

Мы делаем всё возможное, чтобы работоспособность сайта была восстановлена в ближайшее время.

ml lang="ru-RU" class="ie ie6 ie-old"> .layout { background: #fff; min-width: 980px; overflow: hidden; } .page { margin: 0; font: 14px/21px Arial, sans-serif; background: #e9eaef; } .footer { position: relative; height: 14px; padding-top: 7px; padding-bottom: 7px; border-top: 1px solid #d5d5d5; line-height: 14px; text-align: left; background: #fff; font-family: Arial, Tahoma, sans-serif; } .footer__link { display: inline; margin-right: 18px; font-size: 12px; color: #999; line-height: 14px; text-decoration: none; white-space: nowrap; cursor: pointer; } .footer__portal { padding-left: 20px; } .footer__project { position: absolute; top: 7px; right: 0; } @font-face { font-family: 'Roboto'; font-weight: 300; font-style: normal; src: url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_300.eot"); src: local('Roboto Light'), local('Roboto-Light'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_300.eot#iefix") format('embedded-opentype'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_300.woff") format('woff'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_300.ttf") format('truetype'); } @font-face { font-family: 'Roboto'; font-weight: 400; font-style: normal; src: url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_400.eot"); src: local('Roboto Regular'), local('Roboto-Regular'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_400.eot#iefix") format('embedded-opentype'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_400.woff") format('woff'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_400.ttf") format('truetype'); } @font-face { font-family: 'Roboto'; font-weight: 700; font-style: normal; src: url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_700.eot"); src: local('Roboto Bold'), local('Roboto-Bold'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_700.eot#iefix") format('embedded-opentype'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_700.woff") format('woff'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_700.ttf") format('truetype'); } @font-face { font-family: 'Roboto Slab'; font-weight: 300; font-style: normal; src: url("/bem-toolkit/blocks-desktop/font-family/_robotoslab/font-family_robotoslab_300.eot"); src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url("/bem-toolkit/blocks-desktop/font-family/_robotoslab/font-family_robotoslab_300.eot#iefix") format('embedded-opentype'), url("/bem-toolkit/blocks-desktop/font-family/_robotoslab/font-family_robotoslab_300.woff") format('woff'), url("/bem-toolkit/blocks-desktop/font-family/_robotoslab/font-family_robotoslab_300.ttf") format('truetype'); } @font-face { font-family: 'Roboto Condensed'; font-weight: 700; font-style: normal; src: url("/bem-toolkit/blocks-desktop/font-family/_robotocondensed/font-family_robotocondensed_700.eot"); src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url("/bem-toolkit/blocks-desktop/font-family/_robotocondensed/font-family_robotocondensed_700.eot#iefix") format('embedded-opentype'), url("/bem-toolkit/blocks-desktop/font-family/_robotocondensed/font-family_robotocondensed_700.woff") format('woff'), url("/bem-toolkit/blocks-desktop/font-family/_robotocondensed/font-family_robotocondensed_700.ttf") format('truetype'); } .badge { background: #4c8ebc; border-left: 1px solid #6e99b7; color: #fff; padding: 2px 5px; font-weight: 700; font-size: 10px; line-height: 16px; letter-spacing: 1px; text-transform: uppercase; display: inline-block; vertical-align: middle; } .badge:first-child { border-left-width: 0; } .badge__icon { vertical-align: middle; max-height: 18px; } .badge__text { vertical-align: middle; margin-left: 5px; } .badge__text:first-child { margin-left: 0; } .badge_link { -webkit-transition: border-color, color, background 0.15s ease-in-out; -moz-transition: border-color, color, background 0.15s ease-in-out; -o-transition: border-color, color, background 0.15s ease-in-out; -ms-transition: border-color, color, background 0.15s ease-in-out; transition: border-color, color, background 0.15s ease-in-out; } .badge_link:hover { background: #4582ac; text-decoration: none; } .badge_single { -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #6e99b7; } .badge_single:first-child { border-left-width: 1px; } .badge_color_portal { background: #168de2; } .badge_gray { color: #999; border-color: #f0f0f0; background: #f0f0f0; } .badge_gray.badge_link:hover { border-color: #dcdcdc; background: #dcdcdc; } .badge_doc_pdf, .badge_red { background: #f44e4e; border-left-color: #f44e4e; } .badge_doc_doc { background: #158de2; } .shadow { position: relative; z-index: 200; } .shadow:after { content: ''; display: block; position: absolute; bottom: 40px; height: 10px; left: 4%; right: 4%; -webkit-border-radius: 35px; border-radius: 35px; -webkit-box-shadow: 0 25px 25px 20px #9f9f9f; box-shadow: 0 25px 25px 20px #9f9f9f; z-index: -1; } .shadow_narrow:after { left: 18%; right: 18%; } .shadow_full:after { left: 0; right: 0; } .shadow_full-weak:after { left: 0; right: 0; bottom: 50px; } .shadow_darker:after { -webkit-box-shadow: 0 25px 25px 20px rgba(0,0,0,0.3); box-shadow: 0 25px 25px 20px rgba(0,0,0,0.3); } .icon_realty { background-image: url("/bem/web/web.blocks/sprite/pics/realty/realty__7up.png?13f5cbd8f5d5ef6d6707dd93a80d4aec"); display: inline-block; } .icon_realty_building { width: 26px; height: 26px; line-height: 26px; background-position: 0px 0px; } .icon_realty_camera { width: 21px; height: 19px; line-height: 19px; background-position: 0px -29px; } .icon_realty_dislike { width: 20px; height: 22px; line-height: 22px; background-position: 0px -51px; } .icon_realty_favourite { width: 20px; height: 26px; line-height: 26px; background-position: 0px -76px; } .icon_realty_nav-right { width: 20px; height: 20px; line-height: 20px; background-position: 0px -105px; } .icon_realty_pen { width: 26px; height: 26px; line-height: 26px; background-position: 0px -128px; } .icon_realty_phone { width: 26px; height: 26px; line-height: 26px; background-position: 0px -157px; } .icon_realty_plus { width: 32px; height: 32px; line-height: 32px; background-position: 0px -186px; } .icon_realty_print { width: 20px; height: 20px; line-height: 20px; background-position: 0px -221px; } .icon_realty_social_share { width: 18px; height: 23px; line-height: 23px; background-position: 0px -244px; } .icon_realty_star { width: 20px; height: 18px; line-height: 18px; background-position: 0px -270px; } .icon_realty_star_active { width: 20px; height: 18px; line-height: 18px; background-position: 0px -291px; } .icon_realty_warning { width: 24px; height: 24px; line-height: 24px; background-position: 0px -312px; } .icon_map { background-image: url("/bem/web/web.blocks/sprite/pics/map/map__7up.png?e121fb794c1c3717f7452a93cfa84a49"); display: inline-block; } .icon_map_all { width: 37px; height: 44px; line-height: 44px; background-position: 0px 0px; } .icon_map_atm { width: 37px; height: 44px; line-height: 44px; background-position: 0px -47px; } .icon_map_beauty { width: 37px; height: 44px; line-height: 44px; background-position: 0px -94px; } .icon_map_children { width: 37px; height: 44px; line-height: 44px; background-position: 0px -141px; } .icon_map_cinema { width: 37px; height: 44px; line-height: 44px; background-position: 0px -188px; } .icon_map_cluster-filled { width: 20px; height: 19px; line-height: 19px; background-position: 0px -235px; } .icon_map_cluster { width: 20px; height: 19px; line-height: 19px; background-position: 0px -257px; } .icon_map_drugstore { width: 37px; height: 44px; line-height: 44px; background-position: 0px -279px; } .icon_map_education { width: 37px; height: 44px; line-height: 44px; background-position: 0px -326px; } .icon_map_mail { width: 37px; height: 44px; line-height: 44px; background-position: 0px -373px; } .icon_map_marker-filled { width: 15px; height: 19px; line-height: 19px; background-position: 0px -420px; } .icon_map_marker { width: 15px; height: 19px; line-height: 19px; background-position: 0px -442px; } .icon_map_parking { width: 37px; height: 44px; line-height: 44px; background-position: 0px -464px; } .icon_map_restaraunt { width: 37px; height: 44px; line-height: 44px; background-position: 0px -511px; } .icon_map_store { width: 37px; height: 44px; line-height: 44px; background-position: 0px -558px; } @font-face { font-family: "icon_font"; src: url("/bem/web/web.blocks/icon/_font/icon_font.eot"); font-weight: normal; font-style: normal; } @font-face { font-family: "icon_font"; src: url("/bem/web/web.blocks/icon/_font/icon_font.eot"); src: url("/bem/web/web.blocks/icon/_font/icon_font.eot?#iefix") format("embedded-opentype"), url("/bem/web/web.blocks/icon/_font/icon_font.woff") format("woff"), url("/bem/web/web.blocks/icon/_font/icon_font.ttf") format("truetype"), url("/bem/web/web.blocks/icon/_font/icon_font.svg?#icon_font") format("svg"); font-weight: normal; font-style: normal; } .icon { font-family: "icon_font"; display: inline-block; vertical-align: middle; line-height: 1; font-weight: normal; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon_arrow_down:before { content: "\c4"; } .icon_arrow_left:before { content: "\c5"; } .icon_arrow_right:before { content: "\c6"; } .icon_burger:before { content: "\c7"; } .icon_check:before { content: "\c8"; } .icon_close:before { content: "\c9"; } .icon_control_next:before { content: "\ca"; } .icon_control_previous:before { content: "\cb"; } .icon_dropdown:before { content: "\cc"; } .icon_heart:before { content: "\cd"; } .icon_less_bold:before { content: "\ce"; } .icon_marker:before { content: "\cf"; } .icon_more_bold:before { content: "\d0"; } .icon_more:before { content: "\d1"; } .icon_phone:before { content: "\d2"; } .icon_phone_fill:before { content: "\d3"; } .icon_photo:before { content: "\d4"; } .icon_share:before { content: "\d5"; } .icon_social_fb:before { content: "\d6"; } .icon_social_my:before { content: "\d7"; } .icon_social_ok:before { content: "\d8"; } .icon_social_tw:before { content: "\d9"; } .icon_social_vk:before { content: "\da"; } .icon_zoom:before { content: "\db"; } .icon_dislike:before { content: "\dc"; } .icon_favorites:before { content: "\dd"; } .icon_p-building:before { content: "\de"; } .icon_p-calculator:before { content: "\df"; } .icon_p-coins:before { content: "\e0"; } .icon_p-house:before { content: "\e1"; } .icon_p-key:before { content: "\e2"; } .icon_p-text-doc:before { content: "\e3"; } .icon_subway-line:before { content: "\e4"; } .icon_subway-constr:before { content: "\e5"; } .icon_subway-mck:before { content: "\e6"; } .icon_subway-mck-inner:before { content: "\e7"; } .icon_subway-ring-inner:before { content: "\e8"; } .icon { vertical-align: middle; display: inline-block; position: relative; z-index: 1; text-decoration: none; } .icon:hover { text-decoration: none; } .icon_social_vk, .icon_social_my { top: 3px; } .icon_social_fb, .icon_social_ok { top: -1px; } .icon_control { cursor: pointer; } .icon_disabled { cursor: default; opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; filter: alpha(opacity=48); } .icon_size_10 { font-size: 10px; height: 10px; line-height: 10px; } .icon_size_20 { font-size: 20px; height: 20px; line-height: 20px; } .icon_size_30 { font-size: 30px; height: 30px; line-height: 30px; } .icon_size_36 { font-size: 36px; height: 36px; line-height: 36px; } .icon_size_45 { font-size: 45px; height: 45px; line-height: 45px; } .icon_size_60 { font-size: 60px; height: 60px; line-height: 60px; } .icon_margin_left { margin-left: 5px; } .icon_margin_left_large { margin-left: 10px; } .icon_margin_right { margin-right: 5px; } .icon_margin_right_large { margin-right: 10px; } .icon_primary { color: #4c8ebc; } .icon_secondary { color: #6e99b7; } .icon_color_yellow { color: #ffd400; } .icon_circle { background: #4c8ebc; -webkit-border-radius: 50%; border-radius: 50%; position: relative; text-align: center; width: 50px; height: 50px; font-size: 15px; line-height: 1; } .icon_circle:before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .icon_circle_size_10 { width: 10px; height: 10px; line-height: 10px; } .icon_circle_size_18 { width: 18px; height: 18px; line-height: 18px; } .icon_circle_size_20 { width: 20px; height: 20px; line-height: 20px; } .icon_circle_size_22 { width: 22px; height: 22px; line-height: 22px; } .icon_circle_size_30 { width: 30px; height: 30px; line-height: 30px; } .icon_circle_size_60 { width: 60px; height: 60px; line-height: 60px; } .icon_circle_size_80 { width: 80px; height: 80px; line-height: 80px; } .icon_circle_border { border: 2px solid; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; } .icon_background_gray { background: #f0f0f0; } .icon_arrow-border_up, .icon_arrow-border_down { width: 0; height: 0; border: 5px solid transparent; } .icon_arrow-border_down { border-top: 5px solid #07c; border-bottom: none; } .icon_arrow-border_up { border-bottom: 5px solid #07c; border-top: none; } .icon_arrow-border_green { border-top-color: #28c75d; border-bottom-color: #28c75d; } .icon_arrow-border_red { border-top-color: #f44e4e; border-bottom-color: #f44e4e; } .icon_arrow-border_black { border-top-color: #000; border-bottom-color: #000; } .icon_color_gray { color: #bfbfbf; } .icon_color_project { color: #4c8ebc; } .icon_mortgage { width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; background: #e5e5e5; } .icon_mortgage_blue { background: #8fb8e6; } .icon_mortgage_red { background: #f2a587; } .icon_mortgage_yellow { background: #f5e286; } .icon_control_previous:before { position: relative; right: 2px; } .icon_control_next:before { position: relative; left: 2px; } .icon_social_my { top: 3px; } .icon_social_tw { top: 1px; } .icon_arrow_up, .icon_arrow_bottom { top: 3px; } .icon_arrow_down { top: 2px; } .icon_realty_plus { top: 3px; } .icon_sort_up, .icon_sort_down { width: 0; height: 0; border: 5px solid transparent; } .icon_sort_down { border-top: 5px solid #3291de; border-bottom: none; } .icon_sort_up { border-bottom: 5px solid #3291de; border-top: none; } .icon_sort_green { border-top-color: #00a444; border-bottom-color: #00a444; } .icon_sort_red { border-top-color: #ff3e3e; border-bottom-color: #ff3e3e; } .icon_sort_black { border-top-color: #000; border-bottom-color: #000; } .icon_arrow_right-poiner, .icon_arrow_left-pointer { top: 1px; } .icon_subway-line { position: relative; height: 24px; line-height: 26px; font-size: 26px; } .icon_subway-line-indent { margin-left: 14px; } .icon_subway-color_0 { color: #894e35; } .icon_subway-color_1 { color: #ed1b35; } .icon_subway-color_2 { color: #44b85c; } .icon_subway-color_3 { color: #0078bf; } .icon_subway-color_4 { color: #19c1f3; } .icon_subway-color_5 { color: #894e35; } .icon_subway-color_6 { color: #f58631; } .icon_subway-color_7 { color: #8e479c; } .icon_subway-color_8 { color: #ffcb31; } .icon_subway-color_9 { color: #a1a2a3; } .icon_subway-color_10 { color: #b3d445; } .icon_subway-color_11 { color: #79cdcd; } .icon_subway-color_12 { color: #acbfe3; } .icon_subway-color_13 { color: #f26564; } .icon_subway-color_14 { color: #f26564; } .icon_subway-color_15 { color: #58585a; } .icon_subway-color_16 { color: #f26564; } .icon_subway-color_17 { color: ; } body .link-holder:before { content: ''; background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } body .link-holder_over { position: relative; z-index: 3; } body .link-holder_over:before { top: -2px; right: -2px; bottom: -2px; left: -2px; z-index: -1; } .hidden { display: none !important; } .hidden_all { display: none !important; } .screen_small .hidden_small { display: none !important; } .screen_medium .hidden_medium { display: none !important; } .screen_large .hidden_large { display: none !important; } .link-hdr a.hdr__text .hdr__inner { border-bottom: 2px solid transparent; } .link-hdr:hover a.hdr__text .hdr__inner { border-bottom: 2px solid; } .popup-shown body { overflow: hidden; } .popup-shown .overlay { overflow-x: auto; overflow-y: scroll; } .popup-shown .layout { overflow-y: scroll; } .wrap-control:hover .control { background: #4c8ebc; color: #fff; } .animated { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .photo { display: block; position: relative; } .photo__title { font-weight: 300; font-size: 20px; line-height: 28px; display: block; } .photo__title_new:before { content: ''; display: inline-block; vertical-align: baseline; background: #ffa930; -webkit-border-radius: 50%; border-radius: 50%; width: 15px; height: 15px; margin-right: 10px; } .photo_small .photo__title_new:before { width: 10px; height: 10px; margin-right: 5px; } .photo__title_new_hidden:before { display: none; } .photo__subtitle { display: block; margin-top: 8px; font-weight: 300; font-size: 15px; line-height: 20px; } .photo__pic { display: block; width: 100%; } .photo__param { font-weight: 300; font-size: 13px; line-height: 20px; } .photo__icon { position: absolute; right: 15px; bottom: 19px; } .photo__count { position: absolute; bottom: 19px; right: 15px; text-align: center; font-weight: 700; font-size: 10px; line-height: 16px; padding: 0 1px; border: 1px solid #fff; background: rgba(0,0,0,0.5); min-width: 15px; } .photo__count:after { content: ''; position: absolute; width: 1px; height: 100%; right: -3px; top: 2px; border-right: 1px solid #fff; border-top: 1px solid #fff; } .photo__count:before { content: ''; position: absolute; height: 1px; width: 100%; left: 2px; bottom: -3px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; } .photo__inner { position: relative; display: block; height: 100%; } .photo__inner:hover .photo__action-inner { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .photo__labels { position: absolute; top: 0; left: 10px; z-index: 1; zoom: 1; } .photo__labels:after, .photo__labels:before { content: ""; display: table; } .photo__labels:after { clear: both; } .photo__label { vertical-align: top; } .photo__captions { position: absolute; bottom: 0; right: 0; left: 0; padding: 0 15px 15px; color: #fff; background: -webkit-linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); background: -moz-linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); background: -ms-linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); background: linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#cc000000', GradientType=0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .photo__captions:before { content: ''; position: absolute; left: 0; top: -15px; height: 15px; width: 100%; background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: -moz-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: -ms-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); } .ie8 .photo__captions, .ie9 .photo__captions { padding-top: 15px; } .photo__captions_icon { padding-right: 45px; } .photo__action { position: absolute; top: 0; bottom: 0; left: 0; right: 0; cursor: pointer; display: inline-block; z-index: 2; } .photo__action:before { content: ''; width: 0; height: 100%; vertical-align: middle; display: inline-block; } .photo__action_small .photo__action-inner { height: 45px; width: 45px; line-height: 45px; font-size: 17px; } .photo__action-inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 90px; width: 90px; line-height: 90px; background: #fff; background: rgba(255,255,255,0.8); font-size: 35px; color: #000; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; -webkit-box-shadow: 0px 2px 3px rgba(94,102,0,0.3); box-shadow: 0px 2px 3px rgba(94,102,0,0.3); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .photo_link { cursor: pointer; } .photo_small .photo__title { font-weight: 300; font-size: 15px; line-height: 20px; } .photo_small .photo__subtitle { font-weight: 300; font-size: 13px; line-height: 20px; } .photo_small .photo__icon, .photo_small .photo__count { bottom: 15px; } .photo_full { width: 100%; height: 100%; /* transform: scale(0.99999) - IE > 9 */ } .photo_full .photo__pic { width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 50%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0.99999); -moz-transform: scale(0.99999); -o-transform: scale(0.99999); -ms-transform: scale(0.99999); transform: scale(0.99999); } .photo_full_round .photo__pic { -webkit-border-radius: 50%; border-radius: 50%; } .photo_content .photo__pic { width: auto; cursor: pointer; max-width: 100%; display: block; margin: 0 auto; } .photo_incell .photo__pic { max-width: none; display: inline-block; vertical-align: top; width: auto; } .photo_shadow .photo__pic { -webkit-box-shadow: 0 2px 14px rgba(0,0,0,0.25); box-shadow: 0 2px 14px rgba(0,0,0,0.25); } .photo_scale { overflow: hidden; } .photo_scale .photo__pic { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .photo_scale:hover .photo__pic { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .photo_transparent { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } .photo_current.photo_transparent { opacity: 1; -ms-filter: none; filter: none; } .photo_current .photo__pic { -webkit-box-shadow: 0 2px 14px rgba(0,0,0,0.25); box-shadow: 0 2px 14px rgba(0,0,0,0.25); } .photo_action .photo__action-inner { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .photo_stroke .photo__pic { -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.12); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.12); } .photo_advert { height: 380px; background: #f1f1f1; } .photo_advert .photo__pic { -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .spring { background: #fff 50% no-repeat; } .spring_bordered { border: 1px solid #dedede; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .spring_top { height: 90px; overflow: hidden; } .spring_side { width: 240px; height: 400px; overflow: hidden; } .spring_incut { height: 200px; overflow: hidden; } .grid__item { border-left: 1px solid #fff; border-top: 1px solid #fff; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; vertical-align: top; position: relative; overflow: hidden; } .grid__item_for-banner .grid__fixer { height: 440px; } .grid__item_banner { width: 280px; border-left: 0; } .grid__item_banner .grid__fixer { border: 1px solid #d9d9d9; padding: 19px; background: #fcfdfd; margin-right: 0; } .grid__item_more { cursor: pointer; vertical-align: middle; background: #404040; text-align: center; color: #fff; -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.5) inset; box-shadow: 0 0 40px rgba(0,0,0,0.5) inset; text-decoration: underline; } .grid__item_more:hover { text-decoration: none; } .grid__item_more_bottom { vertical-align: bottom; position: relative; } .grid__item_more_bottom .grid__fixer { position: absolute; bottom: 0; width: 100%; top: auto; padding-bottom: 15px; } .grid__item_more_inverted { background: #fff; -webkit-box-shadow: none; box-shadow: none; color: #404040; } .grid__item_small { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_medium .grid__item_small { font-size: 17px; line-height: 24px; } .screen_large .grid__item_small { font-size: 17px; line-height: 24px; } .grid__item_current .grid__photo { opacity: 1; -ms-filter: none; filter: none; } .screen_small .grid__item_small_percent-16 { width: 16%; } .screen_small .grid__item_small_percent-20 { width: 20%; } .screen_small .grid__item_small_percent-25 { width: 25%; } .screen_small .grid__item_small_percent-33 { width: 33.33%; } .screen_small .grid__item_small_percent-50 { width: 50%; } .screen_small .grid__item_small_percent-60 { width: 60%; } .screen_small .grid__item_small_percent-80 { width: 80%; } .screen_small .grid__item_small_percent-100 { width: 100%; } .screen_medium .grid__item_medium_percent-16 { width: 16%; } .screen_medium .grid__item_medium_percent-20 { width: 20%; } .screen_medium .grid__item_medium_percent-25 { width: 25%; } .screen_medium .grid__item_medium_percent-33 { width: 33.33%; } .screen_medium .grid__item_medium_percent-50 { width: 50%; } .screen_medium .grid__item_medium_percent-60 { width: 60%; } .screen_medium .grid__item_medium_percent-80 { width: 80%; } .screen_medium .grid__item_medium_percent-100 { width: 100%; } .screen_large .grid__item_large_percent-16 { width: 16%; } .screen_large .grid__item_large_percent-20 { width: 20%; } .screen_large .grid__item_large_percent-25 { width: 25%; } .screen_large .grid__item_large_percent-33 { width: 33.33%; } .screen_large .grid__item_large_percent-50 { width: 50%; } .screen_large .grid__item_large_percent-60 { width: 60%; } .screen_large .grid__item_large_percent-80 { width: 80%; } .screen_large .grid__item_large_percent-100 { width: 100%; } .grid__row { position: relative; left: -1px; } .grid__row:first-child { margin-top: -1px; } .grid__row_table { display: table; width: 100%; } .grid__row_table .grid__item { display: table-cell; } .grid__row_table .grid__photo { margin-bottom: -1px; } .grid__row_infinite { position: relative; white-space: nowrap; } .grid__row_infinite .grid__item { white-space: normal; } .grid__row_sliding { -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; -o-transition: -o-transform 0.2s; -ms-transition: -ms-transform 0.2s; transition: transform 0.2s; } .screen_small .grid__row_ratio_small_4-3 .grid__item:before { padding-top: 75%; } .screen_small .grid__row_ratio_small_16-9 .grid__item:before { padding-top: 56.25%; } .screen_medium .grid__row_ratio_medium_4-3 .grid__item:before { padding-top: 75%; } .screen_medium .grid__row_ratio_medium_16-9 .grid__item:before { padding-top: 56.25%; } .screen_large .grid__row_ratio_large_4-3 .grid__item:before { padding-top: 75%; } .screen_large .grid__row_ratio_large_16-9 .grid__item:before { padding-top: 56.25%; } .grid__row_ratio .grid__fixer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .grid__row_ratio .grid__item:before { content: ''; display: block; } .grid__row_height_150 .grid__item { height: 150px; } .grid__row_height_150 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_150 .grid__photo { margin-bottom: 0; } .grid__row_height_150 .grid__fixer { height: 100%; } .grid__row_height_200 .grid__item { height: 200px; } .grid__row_height_200 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_200 .grid__photo { margin-bottom: 0; } .grid__row_height_200 .grid__fixer { height: 100%; } .grid__row_height_250 .grid__item { height: 250px; } .grid__row_height_250 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_250 .grid__photo { margin-bottom: 0; } .grid__row_height_250 .grid__fixer { height: 100%; } .grid__row_height_350 .grid__item { height: 350px; } .grid__row_height_350 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_350 .grid__photo { margin-bottom: 0; } .grid__row_height_350 .grid__fixer { height: 100%; } .grid__row_height_450 .grid__item { height: 450px; } .grid__row_height_450 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_450 .grid__photo { margin-bottom: 0; } .grid__row_height_450 .grid__fixer { height: 100%; } .grid { overflow: hidden; position: relative; font-size: 0; } .grid__fixer { position: relative; } .grid__spring { border-top: 1px solid #fff; margin-left: 1px; } .grid_border_bottom { border-bottom: 1px solid #fff; } .grid_hover:hover .grid__item_current .photo, .grid_hover:hover .photo_current { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); } .grid_hover:hover .grid__item:hover .photo_transparent:hover { opacity: 1; -ms-filter: none; filter: none; } .grid__item_width_150 { width: 150px !important; } .grid__item_map { border-right: 1px solid #fff; z-index: 2; } .grid__item_p-active { position: relative; border: 5px solid #4c8ebc; } .grid__item_p-active .grid__fixer { position: absolute; top: -4px; left: -4px; right: -5px; bottom: -5px; height: auto !important; } .grid__row_height_90 .grid__item { height: 90px; } .grid__row_height_90 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_90 .grid__item .photo { margin-bottom: 0; } .grid__row_height_90 .grid__fixer { height: 100%; } .grid__row_height_380 .grid__item { height: 380px; } .grid__row_height_380 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_380 .grid__item .photo { margin-bottom: 0; } .grid__row_height_380 .grid__fixer { height: 100%; } .loader { width: 30px; height: 30px; display: inline-block; -webkit-animation: loader 850ms linear infinite; -moz-animation: loader 850ms linear infinite; -o-animation: loader 850ms linear infinite; -ms-animation: loader 850ms linear infinite; animation: loader 850ms linear infinite; } .loader_small { width: 20px; height: 20px; } .loader_small.loader_position_center { margin-top: -10px; margin-left: -10px; } .loader_medium { width: 40px; height: 40px; } .loader_medium.loader_position_center { margin-top: -20px; margin-left: -20px; } .loader_large { width: 50px; height: 50px; } .loader_large.loader_position_center { margin-top: -25px; margin-left: -25px; } .loader_button { width: 16px; height: 16px; } .loader_button.loader_position_center { margin-top: -8px; margin-left: -8px; } .loader_position_center { position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; } @-moz-keyframes loader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes loader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .overlay { overflow-x: hidden; overflow-y: scroll; position: fixed; z-index: 1600; top: 0; right: 0; bottom: 0; left: 0; height: 100%; background: #262626; background: rgba(0,0,0,0.4); display: none; } .overlay__box { display: table; width: 100%; height: 100%; } .overlay__cell { display: table-cell; height: 100%; width: 100%; text-align: center; vertical-align: middle; } .overlay__inner { white-space: nowrap; text-align: center; margin: 20px 0; } .overlay__content { display: inline-block; vertical-align: top; z-index: 10; text-align: left; white-space: normal; margin: 0 120px; } .overlay__loader { text-align: center; display: none; } .overlay__side { display: none; margin-right: 120px; vertical-align: top; position: relative; } .overlay__wrapper { position: relative; display: inline; float: left; min-width: 100%; text-align: center; height: 100%; } .overlay__close { position: absolute; z-index: 20; right: 0; top: 0; width: 20px; height: 20px; padding: 20px; font-size: 21px; line-height: 18px; text-align: center; color: #fff; } .overlay__close:hover { color: #4c8ebc; } .overlay__close_hidden { display: none; } .overlay_banner .overlay__side { display: inline-block; margin-top: 42px; } .overlay_dark { background: #262626; background: rgba(0,0,0,0.9); } .overlay_gallery .overlay__inner { margin: 20px 0; } .overlay_gallery .overlay__content { display: block; } .overlay_loading .overlay__loader { display: block; } .overlay_loading .overlay__content { display: none; } .overlay_shown { display: block; } .overlay_close_shown .overlay__close { display: block; } .overlay .popup { display: block; } .overlay_map .overlay__cell { padding: 20px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .overlay_map .overlay__inner, .overlay_map .overlay__content { width: 100%; height: 100%; margin: 0; } .pbox_list { padding-bottom: 90px; } .pbox_list .pbox__list, .pbox_list .pbox__count { display: block; } .pbox_loading { text-align: center; } .pbox_loading .pbox__inner { visibility: hidden; } .pbox_loading .pbox__switcher { visibility: visible; } .pbox_loading .pbox__loader { display: inline-block; } .pbox__info { position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.8); display: table; } .pbox__info__sub { display: table-cell; padding: 10px; font-weight: 300; font-size: 13px; line-height: 20px; color: rgba(255,255,255,0.2); } .pbox__info__sub__val { color: rgba(255,255,255,0.2); display: inline-block; white-space: nowrap; margin-right: 5px; } .pbox__info__sub_right { text-align: right; } .pbox__info__sub_right .pbox__info__sub__val { text-align: right; margin-right: 0px; margin-left: 5px; } .pbox__text { color: #c8ced3; font-weight: 300; font-size: 15px; line-height: 20px; margin-top: 10px; position: relative; } .pbox__title { color: #c8ced3; margin-top: 5px; font-weight: 300; font-size: 20px; line-height: 28px; position: relative; } .screen_medium .pbox__title { font-size: 24px; line-height: 32px; } .screen_large .pbox__title { font-size: 24px; line-height: 32px; } .pbox__note { color: #979797; font-size: 12px; margin-top: 5px; float: right; padding-left: 10px; } .pbox__note a { color: #fff; } .pbox__top { zoom: 1; margin-bottom: 15px; position: relative; z-index: 3; } .pbox__top:after, .pbox__top:before { content: ""; display: table; } .pbox__top:after { clear: both; } .pbox__count { text-align: right; max-width: 50%; color: #fff; font-weight: 300; font-size: 20px; line-height: 28px; display: none; } .screen_medium .pbox__count { font-size: 24px; line-height: 32px; } .screen_large .pbox__count { font-size: 24px; line-height: 32px; } .pbox__count__wrapper { display: inline-block; position: relative; } .pbox__count__inner { position: relative; right: -50%; } .pbox__current { font-weight: 400; } .pbox__actions { float: right; padding-left: 40px; } .pbox__action { margin-left: 20px; font-weight: 300; font-size: 13px; line-height: 20px; line-height: 30px; color: #c8cfd4; } .pbox__action:hover { color: #fff; } .pbox__switcher { width: 50%; height: 100%; position: absolute; cursor: pointer; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pbox__switcher:hover .pbox__control { background: #4c8ebc; height: 60px; width: 65px; } .pbox__switcher.pbox__switcher:hover .pbox__control_prev { -webkit-border-radius: 0 80px 80px 0; border-radius: 0 80px 80px 0; } .pbox__switcher.pbox__switcher:hover .pbox__control_next { -webkit-border-radius: 80px 0 0 80px; border-radius: 80px 0 0 80px; } .pbox__switcher_prev { left: 0; } .pbox__switcher_prev .pbox__control { -webkit-border-radius: 0 75px 75px 0; border-radius: 0 75px 75px 0; padding-right: 10px; left: 0; } .pbox__switcher_next { right: 0; } .pbox__switcher_next .pbox__control { -webkit-border-radius: 75px 0 0 75px; border-radius: 75px 0 0 75px; right: 0; padding-left: 10px; } .pbox__control { height: 55px; width: 55px; font-size: 52px; line-height: 1; padding: 40px 0; position: absolute; top: 50%; margin-top: -70px; background: #000; color: #fff; cursor: pointer; text-align: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .pbox__container:hover .pbox__switcher_next .pbox__control { background: #4c8ebc; height: 60px; width: 65px; } .pbox__photo { cursor: pointer; display: block; } .pbox__shares { position: relative; } .pbox__wrapper { position: relative; z-index: 5; } .pbox__list { position: fixed; left: 0; right: 0; bottom: 0; height: 70px; background: #0b1017; z-index: 5; display: none; } .pbox__preview { padding: 11px 5px 13px; border-top: 2px solid transparent; display: inline-block; cursor: pointer; vertical-align: top; } .pbox__preview_active { border-color: #4c8ebc; } .pbox__preview_loading { background: no-repeat 50% url("data:image/gif;base64,R0lGODlhFAAUAPYAALi4uMLCwu7u7qampujo6KCgoN7e3tzc3JqamtbW1uLi4tnZ2YSEhObm5n5+fszMzIqKinh4eJSUlK+vr8rKynJycr6+vsbGxtLS0tDQ0JCQkMDAwMTExLW1tbS0tLu7u2xsbKSkpGhoaFZWVrGxsZKSkp2dnXZ2dqmpqaurq4iIiI2NjWJiYp6enpaWlpiYmEBAQFxcXERERFBQUKKiokpKSnx8fI6Oji4uLmpqajo6OjQ0NCoqKmVlZXp6em5ubl9fX4aGhoGBgYCAgGRkZCwsLFhYWFNTU3BwcDc3N2BgYFpaWjAwMFRUVEdHR05OTkZGRj4+PjIyMnR0dDg4OEJCQjw8PExMTCkpKf///ycnJygoKPz8/OXl5fHx8fb29qysrNra2uvr69TU1L29veDg4MnJyc7OzrKysv39/fn5+fPz87Ozs/j4+PX19ezs7O3t7f7+/s/Pz/v7+62trff39/r6+tXV1fLy8vT09Ly8vOrq6sjIyPDw8CYmJv///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAB/ACwAAAAAFAAUAAAHloB+goOEhYaHiImCTQgdCIqERxtrXFlxQJB+ImFifW5wY0mQV3IGZSlPmYIDGBgRqoIyHHwSsIJTZGRVtn5CHiiKW1tahDYpLcFaW4Q9NC1UicPEgzouLiCIw8uFJytBNYY8RcKGVA5DEU1Mglg7SThYiDAVFTksI1dOUe/Th1JGRICMeAIlipR+iXBEgWFFSjxeEFUFAgAh+QQFAAB/ACwCAAIAEAAQAAAHkYB/goI1KygTLyODi381KAsKe15qdmcwjEt6D2NhCQZucVkli1UTFgEuToJXbBxViytobCKMtTohKEK1tUomLVa7jDkSK8GCfshEEAzGf8h+R0JDO8bPUicnRsFaW1qCSyAiUbXc3oJMSkoxVTyC3Ft+W4s7I01PTlFJTDzctUVVTqpY2YEDC7xgWJgwKXJwUSAAIfkEBQAAfwAsAgACAA8AEAAAB46Af4KCUDYuCBAzg4tVJQABFGMGXQFGi08mdB4fj2ENfW8ngjolBSFDVoQDcHZeMX8VJRKWi39CdVkcOwwQObWDKHk0TzZDSb+DRX9HU0jItU85Pc+LMCwsONSCRUZGMs9+4X8yM1dSv+HiPDIyVTtbgn6D8ttWOklSPFtbWvz0gluYMCnCrx81LQj51QoEACH5BAUAAH8ALAIAAgAQABAAAAeXgH+Cgjo9NkJTMoOLf1QnLjQpHmQcA1eMMA4rLi0tKGR8GHIig1IVQ0EgVIJVEhgGYUeCRhURNYx/EWViG384RDlNuIIpfWtNUUAsTMN/T25cCDAjI82CcFkdVk+X1mNxCFJQTljWSUB/WFFRO9aLUklJPO6CWjg4RVt+g377jFpYtmjZsuVPv364/BDUMvCgtX0C/S0KBAAh+QQFAAB/ACwCAAIAEAAQAAAHloB/goI7Rz05LFaDi39MMSdCEBImITcyjDtKICdDkS0oaCQxg0UjSiIjO4I6DmwWZFeCVU1LUYx/PRsPKX9YTk9Vt4ISYwtPTFVOPMJ/UGEKN0xWtsx/d3soRTtJ1X8GXhNbOExazFdfagh+WDxbzGxxdiN/W1r1whxZD4J+W/3ljKKsoCaonj8/froJ0oIwocI/DYUFAgAh+QQFAAB/ACwCAAIAEAAQAAAHnYB/goJFOjI1UEyDi39YOjVNMT0gUz1JjFhUVVdNRixIPkJCToNaTFQwOjyCUkBBGjdWglg4STiMf0cSJgx/flhFRbiCUyEDVVpaWFrDf1Z0aBVbWlvNgmAfKtPV1h0cN8lbfs1QD2dDf1vizS0LYzW+fvK4Q2UKHoPj84IzaHBwBmbkkzfuTwkuadoQ+IFr34AsdiiMsEbIwcRFgQAAIfkEBQAAfwAsAgACABAAEAAAB5eAf4KCWkU7SUlFg4t/fjxSOjBOMyNPTIxaWIZWMDUjMSxEOoN+W4U4W4JFNSJIPzuCpqaMfzInNiKxWqm0f0pBKkl/W1t+vX87NyUxxlrHghoISH7Uz38IISfUxsdRE3Qgjdy9KgAeVdZ/SAEBCLRasH9XNBhyG060G2l7CgQKBw9Y9BqTJU2dPg06PDnmBAEbEi4WLgoEACH5BAUAAH8ALAIAAgAQABAAAAeQgH+Cgn5aWzw8W4OLgluOPExJOlQ8jH9bWoZFO1ZVTjVSlo5+glhUT0dHOISWg0lLQDOEfqStNSIiUrS1rThIFVd/tK2DFT4xxIwODCzJrjcrS86CFQgSVtRyEJZKITRCgxdZah1HmTIQaBM0MIM/Alx5e2MUDxxkdCOMMxx9cF1hMPAxAYXYlRU0TAiRwSgQACH5BAUAAH8ALAIAAgAQABAAAAeVgH+Cg4JbWn6EiYhajFpYWFqKfn5bf1tbWEU4TFiEk5ODWkVJVFSdgp+JfzgwVTqqsDpXNUWwiTxNTa+2hEYxMkUoJbx/LD01Q1lcM7ZSSCBQI3ZpbLZAPlNMf2ZtcEKqR0FCPYJNBHBlBU6TVicSGkJJhAYKCw8dYHQhJjdQiU9oxpzh8AHNACFWbDlxsCIIEhiJAgEAIfkEBQAAfwAsAgACABAAEAAAB5SAf4KDfoWDh4iFfn9bjYuIgopaW1qTWpCJjVpYj5iDWkVFPH9OYwGXmDg7UloIWWk7nltWOkVsaXuegjAwOyR1Crp/NU5JEn0EV55FIzNJTw0KNJ41MSNFfx0HGRWQMiIsT4JPD3IBKlGCSUonSERMgywbAQATCBo3QTZIOohOCB7ohEBQQoWIWJhggJiCJEYSRIEAACH5BAUAAH8ALAIAAgAQABAAAAeQgH+Cg4N+hIeHfoqGh0h8EYWKiE0CWWOJgluDHFxtKoh/W1qaNX15HaCho343b3tHqX5Yoi1dl6l/RTxbL2EUuH87TDxDGA81qVhWSTxVFxw3qTpVVpoIZGw9iElPTlSCMGATAyc6gkxXS0c1PINHBTQIGg5TSCJAR1KHOg4SKww+KoiYgSNVkhFAltRgcigQACH5BAUAAH8ALAIAAgAQABAAAAeYgH+CgiNDOIOIiCMUc1koiYk/BG1cXBKDfpmDMwZwcGgziJl+g2wKZUOQo6ROYwsFkIJ+W4IOZw9QsYJbWn8rHB26u71BH2DCf7xbSGh0VrpaWFpaMAMhJ7pFRVikQiYSR5A4SThYglY3GkFKUoJFOjBUTL2CUEJCPkgsS01XVVTmEO3oMQVEjxhNaugICIkJlBoydPBIFAgAOw=="); min-width: 30px; min-height: 45px; } .pbox__preview__pic { height: 45px; } .pbox__previews { text-align: center; overflow: hidden; white-space: nowrap; position: relative; font-size: 0; } .pbox__previews__inner { position: relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; display: inline-block; } .pbox__loader { display: none; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; position: absolute; } .share { margin-left: 15px; display: inline-block; -webkit-border-radius: 18px; border-radius: 18px; position: relative; vertical-align: middle; -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; cursor: pointer; } .share__button { min-width: 36px; height: 36px; display: inline-block; position: relative; z-index: 7; vertical-align: middle; text-align: center; color: #fff; line-height: 33px; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .share__text { font-weight: 700; font-size: 10px; line-height: 16px; text-transform: uppercase; margin-left: 8px; vertical-align: middle; } .screen_small .share__text { display: none; } .share:first-child { margin-left: 0; } .share_ok { background: #ff7200; } .share_ok:hover { background: #eb6900; } .share_ok .share__button { font-size: 17px; } .share_my { background: #117eda; } .share_my:hover { background: #1074c9; } .share_my .share__button { font-size: 20px; } .share_fb { background: #0561af; } .share_fb:hover { background: #0559a1; } .share_fb .share__button { font-size: 18px; } .share_vk { background: #4d75a2; } .share_vk:hover { background: #476c95; } .share_vk .share__button { font-size: 18px; } .share_tw { background: #00bff3; } .share_tw:hover { background: #00b0e0; } .share_tw .share__button { font-size: 16px; } .share_rss { background: #ffba00; } .share_rss:hover { background: #ebab00; } .share_rss .share__button { font-size: 16px; } .share:hover { text-decoration: none; } .share_small { margin: 4px; } .share_scaling:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; -o-transition: -o-transform 0.2s; -ms-transition: -ms-transform 0.2s; transition: transform 0.2s; } .share_scaling:hover .share__button { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .share_gray { background: #bebebe; } .share_gray.share_ok:hover { background: #ff7200; } .share_gray.share_my:hover { background: #117eda; } .share_gray.share_fb:hover { background: #0561af; } .share_gray.share_vk:hover { background: #4d75a2; } .share_gray.share_tw:hover { background: #00bff3; } .share_gray.share_rss:hover { background: #ffba00; } .share_footer { color: #000; border: 2px solid; -webkit-border-radius: 20px; border-radius: 20px; background: none !important; } .share_footer .share__button { color: #000; } .share_no-cursor { cursor: default; } .share_square { -webkit-border-radius: 3px; border-radius: 3px; } .sharelist__text { vertical-align: middle; display: inline-block; margin-right: 20px; color: #808080; } .sharelist__items { display: inline-block; vertical-align: middle; } .sharelist__item { display: inline-block; } .sharelist_inline { display: inline-block; vertical-align: middle; } .sharelist__count { display: inline-block; font-weight: 700; font-size: 17px; line-height: 24px; height: 40px; line-height: 40px; padding-right: 20px; margin-right: 20px; border-right: 2px solid #e6e6e6; vertical-align: middle; } .sharelist__count + .share { margin-left: 0; } .sharelist_bordered .share { background: none; } .sharelist_bordered .share_small_round .share__button { line-height: 21px; } .sharelist_bordered .share__inner { display: none; } .sharelist_bordered .share__button { border: 2px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: border-color 0.3s ease-in-out; -moz-transition: border-color 0.3s ease-in-out; -o-transition: border-color 0.3s ease-in-out; -ms-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; line-height: 30px; padding: 0 6px; } .sharelist_bordered .share_ok:hover { background: #ff7200; } .sharelist_bordered .share_ok:hover .share__button { border-color: #ff7200; } .sharelist_bordered .share_my:hover { background: #117eda; } .sharelist_bordered .share_my:hover .share__button { border-color: #117eda; } .sharelist_bordered .share_fb:hover { background: #0561af; } .sharelist_bordered .share_fb:hover .share__button { border-color: #0561af; } .sharelist_bordered .share_vk:hover { background: #4d75a2; } .sharelist_bordered .share_vk:hover .share__button { border-color: #4d75a2; } .sharelist_bordered .share_tw:hover { background: #00bff3; } .sharelist_bordered .share_tw:hover .share__button { border-color: #00bff3; } .sharelist_bordered .share_rss:hover { background: #ffba00; } .sharelist_bordered .share_rss:hover .share__button { border-color: #ffba00; } .sharelist_bordered .share_square .share__button { line-height: 24px; -webkit-border-radius: 3px; border-radius: 3px; } .sharelist_bordered .share .icon_social_my { left: -1px; } .sharelist_bordered_dark .share__button { border-color: #000; color: #000; } .sharelist_media { position: absolute; top: 10px; left: 10px; z-index: 100; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .sharelist_media .sharelist__items { margin: 0; } .sharelist_media .share { display: block; margin: 10px 0 0; position: relative; background: #000; } .sharelist_media .share:first-child { margin: 0; } .sharelist_media .share_ok:hover { background: #ff7200; } .sharelist_media .share_my:hover { background: #117eda; } .sharelist_media .share_fb:hover { background: #0561af; } .sharelist_media .share_vk:hover { background: #4d75a2; } .sharelist_media .share_tw:hover { background: #00bff3; } .sharelist_media .share_rss:hover { background: #ffba00; } .sharelist_media .share__button { width: 28px; min-width: 28px; height: 28px; line-height: 25px; position: relative; padding: 0; } .sharelist_media .share_my { font-size: 17px; } .sharelist_media .share__inner { position: absolute; right: 40px; line-height: 28px; } .sharelist_media .share__count { color: #fff; margin: 0; } .sharelist_media .share__count:before, .sharelist_media .share__count:after { content: none; } .screen_large .sharelist_media .share__count .share__count { border: 0; } .screen_medium .sharelist_media .share__count .share__count { border: 0; } .screen_small .sharelist_media .share__count .share__count { border: 0; } .sharelist_media .share__like { display: none; } .sharelist_media .share:hover .share__inner { padding: 0; } .sharelist_justify { margin: 0 -10px; } .sharelist_justify .sharelist__text { display: block; margin-left: 10px; color: #000; font-weight: 700; font-size: 15px; line-height: 20px; } .screen_medium .sharelist_justify .sharelist__text { font-size: 17px; line-height: 24px; } .screen_large .sharelist_justify .sharelist__text { font-size: 17px; line-height: 24px; } .sharelist_justify .sharelist__items { display: table; width: 100%; text-align: center; table-layout: fixed; border-spacing: 10px; } .sharelist_justify .sharelist__count { display: table-cell; padding: 0; margin: 0; border: none; background: #f0f0f0; -webkit-border-radius: 3px; border-radius: 3px; } .sharelist_justify .sharelist__item { display: table-cell; height: 40px; vertical-align: middle; } .sharelist_compact .sharelist__items { margin-left: 0; } .sharelist_compact .share__inner { display: none; } .sharelist_vertical { position: absolute; left: -38px; } .sharelist_vertical .sharelist__items { margin: 0; } .sharelist_vertical .share { display: block; margin: 10px 0 0; position: relative; } .sharelist_vertical .share__button { min-width: 28px; height: 28px; line-height: 25px; position: relative; padding: 0; } .sharelist_vertical .share__button:before { line-height: 28px; font-size: 15px; } .sharelist_vertical .share_vk .share__button:before { font-size: 13px; } .sharelist_vertical .share__inner { position: absolute; right: 35px; top: -3px; } .sharelist_vertical .share__count { background: none; color: #787b80; padding: 6px 0; margin: 0; } .sharelist_vertical .share__count:before, .sharelist_vertical .share__count:after { content: none; } .screen_large .sharelist_vertical .share .share__count { border: 0; } .screen_medium .sharelist_vertical .share .share__count { border: 0; } .screen_small .sharelist_vertical .share .share__count { border: 0; } .sharelist_vertical .share__like { display: none; } .sharelist_vertical .share:hover { padding: 3px; margin: 7px -3px -3px; } .sharelist_vertical .share:hover .share__count { background: none; color: #fff; } .sharelist_vertical .share:hover .share__inner { padding-right: 0; right: 38px; top: 0; } .line { height: 8px; background: #4c8ebc; position: relative; } .line_opaque { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .line_separator { height: 1px; background: #e5e5e5; border: none; } .line_separator_dark { background: #434343; } .line_stretch { background: none; border: 0; } .line_stretch:after { content: ''; position: absolute; width: 10000px; margin-left: -5000px; left: 50%; top: 0; height: 7px; background: #4c8ebc; border-top: 1px solid #6e99b7; } .link { display: inline-block; vertical-align: middle; } .link__ending { vertical-align: middle; display: inline-block; color: #a0a0a0; } .link_icon { white-space: nowrap; } .link_icon .link__text { display: inline-block; white-space: normal; vertical-align: middle; } .link_dashed .link__text { border-bottom: 1px dashed; } .link_dashed:hover { text-decoration: none; } .link_dashed:hover .link__text { text-decoration: none; border-bottom-color: transparent; } .link_dashed_hover:hover { text-decoration: none; } .link_dashed_hover:hover .link__text { text-decoration: dashed; } .link_dotted .link__text { border-bottom: 1px dotted; } .link_dotted:hover { text-decoration: none; } .link_dotted:hover .link__text { text-decoration: none; border-bottom-color: transparent; } .link_dotted_hover:hover { text-decoration: none; } .link_dotted_hover:hover .link__text { text-decoration: dotted; } .link_underline .link__text { border-bottom: 1px solid; } .link_underline:hover { text-decoration: none; } .link_underline:hover .link__text { text-decoration: none; border-bottom-color: transparent; } .link_underline_hover:hover { text-decoration: none; } .link_underline_hover:hover .link__text { text-decoration: underline; } .link_black { color: #000; } .link_block { display: block; } .link_inline { display: inline; } .link_pointer { cursor: pointer; } .link_font_small { font-weight: 300; font-size: 13px; line-height: 20px; } .link_font_large { font-weight: 300; font-size: 17px; line-height: 24px; } .link_button { display: inline-block; vertical-align: top; line-height: 1.2; padding: 5px 9px; margin: 0 4px; cursor: pointer; color: #000; border: 1px solid transparent; -webkit-border-radius: 3px; border-radius: 3px; } .link_button:hover { background: #fff; border-color: #000; text-decoration: none; } .link_button_active, .link_button_active:hover { cursor: default; color: #000; background-color: #fafafa; border-color: #000; } .link_special { color: #f59608; } .link_counters .link__ending { font-size: 13px; } .link_breakin_flat { font-weight: 300; font-size: 15px; line-height: 20px; } .card { background: #fff; border: 1px solid #dedede; -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.04); box-shadow: 0 2px 0 0 rgba(0,0,0,0.04); /* Для фиксированных оберток */ height: 100%; -webkit-border-radius: 2px; border-radius: 2px; } .card__inner { padding: 10px; } .card__text { display: block; margin: 10px 0; } .card__title { font-weight: 300; font-size: 17px; line-height: 24px; display: block; } .card__title:visited { color: #7ca4cc; } .card_horizontal { display: table; width: 100%; } .card_horizontal .card__img { width: 180px; } .card_horizontal .card__img, .card_horizontal .card__inner { display: table-cell; vertical-align: top; } .card_horizontal_half .card__img { width: 50%; } .card_large .card__inner { padding: 20px 40px 10px; } .card_large .card__title { font-weight: 300; font-size: 20px; line-height: 28px; } .screen_medium .card_large .card__title { font-size: 24px; line-height: 32px; } .screen_large .card_large .card__title { font-size: 24px; line-height: 32px; } .card_large .card__text { font-weight: 300; font-size: 17px; line-height: 24px; } .card_clean { border: 0; -webkit-box-shadow: none; box-shadow: none; } .card_height_440 { height: 440px; } .card_fixed { overflow: hidden; position: relative; } .card_fixed .card__links { position: absolute; background: #fff; right: 0; bottom: 0; left: 0; padding: 0 10px 10px; } .card_fixed .card__links:before { content: ''; width: 100%; height: 30px; background: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff); background: -moz-linear-gradient(top, rgba(255,255,255,0), #fff); background: -o-linear-gradient(top, rgba(255,255,255,0), #fff); background: -ms-linear-gradient(top, rgba(255,255,255,0), #fff); background: linear-gradient(to bottom, rgba(255,255,255,0), #fff); position: absolute; top: -30px; left: 0; } .card_fixed:before { content: ''; width: 100%; height: 30px; background: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff); background: -moz-linear-gradient(top, rgba(255,255,255,0), #fff); background: -o-linear-gradient(top, rgba(255,255,255,0), #fff); background: -ms-linear-gradient(top, rgba(255,255,255,0), #fff); background: linear-gradient(to bottom, rgba(255,255,255,0), #fff); position: absolute; bottom: 0; left: 0; } .nat { display: table; table-layout: fixed; width: 100%; border: 1px solid #dedede; background: #fff; -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.04); box-shadow: 0 2px 0 0 rgba(0,0,0,0.04); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nat__item { display: table-cell; border-left: 1px solid #dedede; vertical-align: middle; color: #000; } .nat__item:first-child { border-left: 0; } .nat__item:hover { text-decoration: none; } .nat__item:hover .nat__text { text-decoration: underline; } .nat__image { display: table-cell; width: 1px; white-space: nowrap; line-height: 0; vertical-align: middle; } .nat__info { display: table-cell; vertical-align: middle; padding: 10px; } .nat__title { text-transform: uppercase; font-weight: 700; font-size: 10px; line-height: 16px; } .nat__text { font-weight: 300; font-size: 17px; line-height: 24px; } .nat_noborder { border: 0; -webkit-box-shadow: none; box-shadow: none; } .scroll { position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; width: 6px; } .scroll__track { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; } .scroll__track__box { position: absolute; width: 100%; height: 0; } .scroll__track__drag { position: relative; z-index: 5; width: 100%; height: 100%; cursor: pointer; background: rgba(0,0,0,0.12); -webkit-border-radius: 3px; border-radius: 3px; } .scroll__track__drag-wrap { position: absolute; min-height: 25px; height: 0; width: 100%; } .scroll_horizontal { top: inherit; left: 0; width: auto; height: 6px; } .scroll_horizontal .scroll__track { width: auto; top: inherit; left: 0; height: 100%; } .scroll_horizontal .scroll__track__box { width: 0; height: 100%; } .scroll_horizontal .scroll__track__drag { height: 100%; width: auto; } .scroll_horizontal .scroll__track__drag-wrap { min-width: 25px; min-height: 0; height: 100%; width: 0; } .scroll_light .scroll__track__drag { background: rgba(255,255,255,0.48); } .scroll_map { top: 130px; right: -13px; bottom: 10px; } .form-field { display: table; width: 100%; table-layout: fixed; } .form-field__label { display: table-cell; padding: 10px 20px 0 0; vertical-align: top; width: 180px; min-width: 180px; } .form-field__label_width_narrow { width: 100px; min-width: 100px; } .form-field__label_valign_middle { vertical-align: middle; padding-top: 0; } .form-field__inner { display: table-cell; vertical-align: top; width: 99%; } .form-field__required { color: #fe4a4a; vertical-align: baseline; position: relative; font-size: 1.2em; line-height: 1; bottom: 0.6ex; margin-left: 3px; } .form-field__error { display: none; margin-top: 10px; color: #fe4a4a; } .form-field_error .form-field__error, .error .form-field__error, .input_error + .form-field__error, .error + .form-field__error { display: block; } .form-field_vertical .form-field__label { padding-bottom: 10px; } .form-field_vertical .form-field__label, .form-field_vertical .form-field__inner { display: block; } .input { position: relative; color: #000; } .input__pre, .input__after { position: relative; z-index: 5; } .input__decorator { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #e0e0e0; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 2px rgba(0,0,0,0.04); box-shadow: inset 0 2px rgba(0,0,0,0.04); background: #fff; } .input__inner { position: relative; outline: none; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .input__tags { overflow: hidden; white-space: nowrap; position: relative; z-index: 5; } .input__tags-inner { float: right; } .input__tags + .input__container { -webkit-flex-basis: 100px; flex-basis: 100px; min-width: 100px; } .input__container { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; display: block; overflow: hidden; } .input__field { width: 100%; border: 0; outline: none; padding: 11px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; background: none; position: relative; z-index: 2; font-weight: 300; } .input__field:focus + .input__decorator { -webkit-box-shadow: 0 2px rgba(0,0,0,0.04); box-shadow: 0 2px rgba(0,0,0,0.04); } .input__field:focus + .input__decorator:after { border: 0; } .input__field::-ms-clear { display: none; } .input__field_error + .input__decorator { border-color: #ff3e2a; background: #fffcfc; } .input__icon { position: relative; z-index: 2; padding: 8px 0; font-size: 20px; color: #000; display: block; float: left; } .input__suggest { display: none; overflow: hidden; position: absolute; margin-top: 5px; left: 0; z-index: 1200; width: auto; min-width: 200px; background: #fff; border: 1px solid #e0e0e0; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px rgba(0,0,0,0.04); box-shadow: 0 2px rgba(0,0,0,0.04); } .input__suggest__item { display: block; padding: 10px; cursor: pointer; border-top: 1px solid #e5e5e5; border-bottom: 1px solid transparent; text-decoration: none; color: #000; } .input__suggest__item:first-child { border-top-color: transparent; } .input__suggest__item_active, .input__suggest__item:hover { text-decoration: none; background: #70a5c9; border-color: #659ec5; color: #fff; } .input_icon_left .input__icon { padding-left: 10px; } .input_icon_right .input__icon { padding-right: 10px; } .input_textarea .input__field { height: 90px; padding: 12px 15px; } .input_textarea .input__icon { vertical-align: top; } .input_textarea_large .input__field { height: 210px; } .input_textarea_medium .input__field { height: 120px; } .input_error .input__field + .input__decorator, .input.error .input__field + .input__decorator, .form-field_error .input .input__field + .input__decorator, .error .input .input__field + .input__decorator { border-color: #ff3e2a; background: #fffcfc; } .tag { display: inline-block; vertical-align: middle; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .tag__input { width: 0; height: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .tag__inner { background: #f0f0f0; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; padding: 4px 8px; } .tag__left { padding-right: 8px; display: inline-block; vertical-align: middle; } .tag__text, .tag__ending { vertical-align: middle; } .tag__ending { margin-left: 8px; color: #a6a6a6; } .tag__close { margin-left: 12px; font-size: 16px; color: #999; cursor: pointer; float: right; position: absolute; top: 50%; right: 8px; margin-top: -10px; } .tag_close .tag__inner { padding-right: 27px; } .tag_check { cursor: pointer; } .tag_check .tag__inner { background: none; } .tag_check .tag__text { text-decoration: underline; } .tag_check .tag__close { visibility: hidden; } .tag_check .tag__input:checked + .tag__inner { background: #f0f0f0; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; } .tag_check .tag__input:checked + .tag__inner .tag__text { text-decoration: none; } .tag_check .tag__input:checked + .tag__inner .tag__close { visibility: visible; } .tag_check:hover .tag__text { text-decoration: none; } .tag_check.tag_color_project .tag__input:checked + .tag__inner { background: #4c8ebc; } .tag_check.tag_color_project .tag__input:checked + .tag__inner .tag__left, .tag_check.tag_color_project .tag__input:checked + .tag__inner .tag__text, .tag_check.tag_color_project .tag__input:checked + .tag__inner .tag__count, .tag_check.tag_color_project .tag__input:checked + .tag__inner .tag__close { color: #fff; } .tag__input { display: block; } .tag_bold .tag__text { font-weight: 700; } .tag_station .tag__text { font-size: 13px; line-height: 20px; } .input_large .input__field { font-weight: 300; font-size: 17px; line-height: 24px; line-height: 28px; } .screen_medium .input_large .input__field { font-size: 20px; line-height: 28px; } .screen_large .input_large .input__field { font-size: 20px; line-height: 28px; } .suggest { display: none; overflow: hidden; position: absolute; margin-top: 5px; left: 0; z-index: 1200; min-width: 100%; background: #fff; border: 1px solid #e0e0e0; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,0.16); box-shadow: 0 4px 20px 0 rgba(0,0,0,0.16); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .suggest__inner { overflow: hidden; padding: 10px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .suggest__block { position: relative; margin-top: 10px; } .suggest__block:after { content: ''; position: absolute; top: 0; left: 0; right: 0; border-top: 1px solid #e5e5e5; } .suggest__block:first-child { margin-top: 0; } .suggest__block:first-child:after { content: none; } .suggest__title { font-weight: 700; font-size: 10px; line-height: 16px; text-transform: uppercase; padding-top: 10px; border-top: 1px solid #e5e5e5; } .suggest__block .suggest__title, .suggest__title:first-child { padding-top: 0; border: 0; } .suggest__item { display: block; padding: 10px 15px; margin: 0 -15px; cursor: pointer; position: relative; color: #000; } .suggest__item:first-child { border-top-color: transparent; } .suggest__item_active, .suggest__item:hover { background: rgba(0,0,0,0.04); } .suggest__item-title { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_medium .suggest__item-title { font-size: 17px; line-height: 24px; } .screen_large .suggest__item-title { font-size: 17px; line-height: 24px; } .suggest__item-title:hover { text-decoration: none; } .suggest__item-subtitle { font-weight: 300; font-size: 13px; line-height: 20px; } .suggest__scroll { position: absolute; right: 2px; top: 2px; bottom: 2px; } .suggest_active { display: block; } .suggest_scrollable .suggest__inner { max-height: 240px; } .dropdown { position: relative; z-index: 100; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 40px; color: #000; -webkit-transition: z-index 0.3s cubic-bezier(1, 0.04, 1, 0.03); -moz-transition: z-index 0.3s cubic-bezier(1, 0.04, 1, 0.03); -o-transition: z-index 0.3s cubic-bezier(1, 0.04, 1, 0.03); -ms-transition: z-index 0.3s cubic-bezier(1, 0.04, 1, 0.03); transition: z-index 0.3s cubic-bezier(1, 0.04, 1, 0.03); } .dropdown__field { background: #fff; border: 1px solid #dedede; -webkit-border-radius: 4px; border-radius: 4px; padding: 7px 40px 7px 15px; height: 100%; line-height: 24px; cursor: pointer; position: relative; display: block; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.2s ease-in-out; -moz-transition: border-color 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out; -ms-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; } .dropdown__text { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; display: inline-block; width: 100%; } .dropdown__label { margin-right: 5px; color: #999; } .dropdown__icon { opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; filter: alpha(opacity=48); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; position: absolute; height: 100%; right: 15px; top: 0; } .dropdown__icon:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .dropdown__box { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); visibility: hidden; -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; -webkit-transition-property: opacity, -webkit-transform, visibility; -moz-transition-property: opacity, -moz-transform, visibility; -o-transition-property: opacity, -o-transform, visibility; -ms-transition-property: opacity, -ms-transform, visibility; transition-property: opacity, transform, visibility; position: absolute; left: 0; top: 100%; min-width: 200px; width: 100%; } .dropdown__select { display: none; } .dropdown:hover .dropdown__field, .dropdown_active .dropdown__field { border-color: rgba(0,0,0,0.24); } .dropdown:hover .dropdown__icon, .dropdown_active .dropdown__icon { opacity: 1; -ms-filter: none; filter: none; } .dropdown_active { z-index: 1200; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .dropdown_active .dropdown__box { opacity: 1; -ms-filter: none; filter: none; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .dropdown_inline { display: inline-block; vertical-align: middle; } .dropdown_scrollable .dropdown__scroll { max-height: 240px; } .dropdown_error .dropdown__field, .dropdown.error .dropdown__field, .dropdown_error:hover .dropdown__field, .dropdown.error:hover .dropdown__field { border-color: #f44e4e; } .dropdown_disabled .dropdown__field, .dropdown_disabled.dropdown_active .dropdown__field, .dropdown_disabled:hover .dropdown__field, .dropdown_disabled.dropdown_active:hover .dropdown__field { cursor: default; border-color: #dedede; opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; filter: alpha(opacity=48); } .dropdown_disabled .dropdown__field .dropdown__icon, .dropdown_disabled.dropdown_active .dropdown__field .dropdown__icon, .dropdown_disabled:hover .dropdown__field .dropdown__icon, .dropdown_disabled.dropdown_active:hover .dropdown__field .dropdown__icon { opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; filter: alpha(opacity=48); } .dropdown__field_disabled, .dropdown:hover .dropdown__field_disabled { cursor: default; border-color: #dedede; opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; filter: alpha(opacity=48); } .dropdown__field_disabled .dropdown__icon, .dropdown:hover .dropdown__field_disabled .dropdown__icon { opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; filter: alpha(opacity=48); } .button { border: 1px solid #d3d3d3; background: #f0f0f0; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; color: #000; cursor: pointer; position: relative; -webkit-box-shadow: 0 2px rgba(0,0,0,0.04); box-shadow: 0 2px rgba(0,0,0,0.04); vertical-align: middle; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 40px; padding: 7px 15px; -webkit-transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; -ms-transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; text-align: center; font-weight: 400; font-size: 15px; line-height: 20px; } .screen_small .button { line-height: 23px; } .screen_medium .button { line-height: 23px; } .screen_large .button { line-height: 23px; } .button__inner { display: inline-block; vertical-align: top; } .button__text, .button__ending { vertical-align: middle; display: inline-block; } .button__text_hidden { display: none; } .button__ending { margin-left: 4px; color: #bbb; } .button__icon_left { margin-right: 12px; } .button__icon_right { margin-left: 12px; } .button__loader { display: none; position: absolute; left: 50%; top: 50%; text-align: center; margin-top: -8px; margin-left: -8px; line-height: 16px; } .button:hover { background: #e6e6e6; } .button:active { top: 1px; } .button_active { background: #ddd; } .button_toggle .button__text { display: none; } .button_toggle .button__text_hidden { display: inline-block; } .button_color_project { border: 1px solid #3f7ea9; background: #4c8ebc; color: #fff; } .button_color_project:hover { background: #4488b6; } .button_color_dark { background: rgba(0,0,0,0.88); border-color: rgba(0,0,0,0.88); color: #fff; } .button_color_dark:hover { background: #000; } .button_opaque { background: transparent; border: 2px solid #fff; line-height: 25px; color: #fff; } .button_opaque:hover { background: #4c8ebc; border-color: #4c8ebc; color: #fff; } .button_opaque.button_color_project { border-color: #4c8ebc; color: #fff; } .button_opaque.button_color_project:hover { color: #fff; } .button_loading .button__loader { display: block; } .button_loading .button__inner { visibility: hidden; } .button_full { width: 100%; } .button_nowrap { white-space: nowrap; } .button_width_fixed { width: 125px; } .button_color_white { background: #fff; } .button_color_white:hover { background: #f0f0f0; } .input-group { display: table; width: 100%; } .input-group__item { display: table-cell; vertical-align: middle; } .input-group__item .input__decorator { -webkit-border-radius: 0; border-radius: 0; border-left-width: 0; } .input-group__item .dropdown__field { border-left-width: 0; -webkit-border-radius: 0; border-radius: 0; } .input-group__item .button { border-left-width: 0; -webkit-border-radius: 0; border-radius: 0; } .input-group__item:first-child .input__decorator { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; border-left-width: 1px; } .input-group__item:first-child .dropdown__field { border-left-width: 1px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .input-group__item:first-child .button { border-left-width: 1px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .input-group__item:last-child .input__decorator { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-group__item:last-child .dropdown__field { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .input-group__item:last-child .button { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .input-group__item_percent-50 { width: 50%; } .input-group_inline { display: inline-block; vertical-align: middle; } .input-group_inline .input-group__item { display: inline-block; vertical-align: top; } .input-group_fixed { table-layout: fixed; } .popup__icon { display: table-cell; width: 1px; white-space: nowrap; border-right: 1px solid #ebebeb; background: #fafafa; vertical-align: top; padding: 28px 19px; font-size: 15px; line-height: 15px; } .popup__wrapper { display: table-cell; vertical-align: top; } .popup__block { padding: 20px; border-top: 1px solid #ebebeb; position: relative; } .popup__block:first-child { border: 0; } .popup__block_bar { padding: 0; } .popup__block_dark { background: #fafafa; } .popup__item { display: table-cell; border-left: 1px solid #ebebeb; padding: 0 20px; font-weight: 700; font-size: 20px; line-height: 28px; width: 99%; } .screen_medium .popup__item { font-size: 24px; line-height: 32px; } .screen_large .popup__item { font-size: 24px; line-height: 32px; } .popup__item:focus { outline: none; } .popup__item:first-child { border-left: 0; } .popup__item_link { -webkit-transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out; color: #000; width: 1px; white-space: nowrap; } .screen_small .popup__item_link { font-weight: 300; font-size: 20px; line-height: 28px; } .screen_medium .popup__item_link { font-weight: 300; font-size: 20px; line-height: 28px; } .screen_large .popup__item_link { font-weight: 300; font-size: 20px; line-height: 28px; } .popup__item_link:hover, .popup__item_link.popup__item_active { background: #4c8ebc; color: #fff; text-decoration: none; border-color: #3a729a; } .popup__item_link .popup__item-text, .popup__item_link .popup__item .icon { line-height: 75px; } .popup__title { padding: 0 30px 10px 0; margin-bottom: 20px; border-bottom: 1px solid #ebebeb; font-weight: 700; font-size: 20px; line-height: 28px; } .screen_medium .popup__title { font-size: 24px; line-height: 32px; } .screen_large .popup__title { font-size: 24px; line-height: 32px; } .popup__close { position: absolute; right: 20px; font-size: 13px; top: 27px; cursor: pointer; padding: 5px; -webkit-border-radius: 50%; border-radius: 50%; } .popup__close:hover { background: #000; color: #fff; } .popup__text { margin-bottom: 20px; } .popup__content { position: relative; } .popup__status { display: none; } .popup__status_error, .popup__status_form-error { background: #fe4a4a; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; } .popup__status_form-error { margin-bottom: 20px; } .popup__form_error .popup__status_form-error { display: block; } .popup__layout { display: table; width: 100%; } .popup__container { position: relative; } .popup { background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: none; } .popup_shown { display: block; } .popup_wide { width: 860px; } .popup_narrow { width: 500px; } .popup_medium { width: 700px; } .popup_height_fixed .popup__content { max-height: 450px; overflow: hidden; margin: -20px; padding: 20px 46px 20px 20px; } .popup_height_fixed .scroll { position: absolute; top: 20px; bottom: 20px; right: 0; } .popup_done .popup__status_done, .popup_error .popup__status_error { display: block; } .popup_done .popup__onsubmit-hide, .popup_error .popup__onsubmit-hide { display: none; } .popup__onsubmit-show { display: none; } .popup_done .popup__onsubmit-show, .popup_error .popup__onsubmit-show { display: block; } .popup_filter.popup_height_fixed .popup__content { height: 320px; } @media screen and (min-height: 850px) { .popup_filter.popup_height_fixed .popup__content { height: 420px; } } @media screen and (min-height: 1050px) { .popup_filter.popup_height_fixed .popup__content { height: 620px; } } .popup-related-sites__table { width: 100%; } .popup-related-sites__table-td-name { width: 40%; padding-bottom: 10px; } .popup-related-sites__table-td-phone { padding-bottom: 10px; } .popup-related-sites__table-td-price { text-align: right; padding-bottom: 10px; } .popup_subways .popup__content { position: static; } .popup_subways .scroll_horizontal { top: inherit; left: 0; width: auto; height: 6px; } .cols__wrapper { margin-left: -20px; } .cols_percent .cols__wrapper, .cols_percent .cols__column { margin-left: 0; margin-right: 0; } .cols_margin .cols__wrapper { margin-right: -10px; margin-left: -10px; } .cols_margin .cols__inner { margin-right: 10px; margin-left: 10px; } .cols_clear { zoom: 1; } .cols_clear:after, .cols_clear:before { content: ""; display: table; } .cols_clear:after { clear: both; } .cols_center { text-align: center; } .cols_font_media { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_medium .cols_font_media { font-size: 17px; line-height: 24px; } .screen_large .cols_font_media { font-size: 17px; line-height: 24px; } .cols_relative { position: relative; } .cols_overflow { overflow: hidden; } .cols__column { display: inline-block; vertical-align: top; margin-left: 20px; } .cols__column_margin_right { margin-left: 0; margin-right: 20px; } .cols__column_margin_off { margin-left: 0; margin-right: 0; } .cols__column_margin_bottom { margin-bottom: 20px; } .cols__column_right { float: right; } .cols__column_left { float: left; } .cols__column_sidebar { float: right; display: block; position: relative; z-index: 10; margin-left: -2000% !important; } .cols__column_block { display: block !important; } .cols__column_wrap { position: relative; } .cols__column_valign { vertical-align: middle; } .screen_small .cols__column__hidden_small, .screen_small .cols__column_small_hidden { display: none !important; } .screen_small .cols__column_small_1 { width: 20px; } .screen_small .cols__column_small_2 { width: 40px; } .screen_small .cols__column_small_3 { width: 60px; } .screen_small .cols__column_small_4 { width: 80px; } .screen_small .cols__column_small_5 { width: 100px; } .screen_small .cols__column_small_6 { width: 120px; } .screen_small .cols__column_small_7 { width: 140px; } .screen_small .cols__column_small_8 { width: 160px; } .screen_small .cols__column_small_9 { width: 180px; } .screen_small .cols__column_small_10 { width: 200px; } .screen_small .cols__column_small_11 { width: 220px; } .screen_small .cols__column_small_12 { width: 240px; } .screen_small .cols__column_small_13 { width: 260px; } .screen_small .cols__column_small_14 { width: 280px; } .screen_small .cols__column_small_15 { width: 300px; } .screen_small .cols__column_small_16 { width: 320px; } .screen_small .cols__column_small_17 { width: 340px; } .screen_small .cols__column_small_18 { width: 360px; } .screen_small .cols__column_small_19 { width: 380px; } .screen_small .cols__column_small_20 { width: 400px; } .screen_small .cols__column_small_21 { width: 420px; } .screen_small .cols__column_small_22 { width: 440px; } .screen_small .cols__column_small_23 { width: 460px; } .screen_small .cols__column_small_24 { width: 480px; } .screen_small .cols__column_small_25 { width: 500px; } .screen_small .cols__column_small_26 { width: 520px; } .screen_small .cols__column_small_27 { width: 540px; } .screen_small .cols__column_small_28 { width: 560px; } .screen_small .cols__column_small_29 { width: 580px; } .screen_small .cols__column_small_30 { width: 600px; } .screen_small .cols__column_small_31 { width: 620px; } .screen_small .cols__column_small_32 { width: 640px; } .screen_small .cols__column_small_33 { width: 660px; } .screen_small .cols__column_small_34 { width: 680px; } .screen_small .cols__column_small_35 { width: 700px; } .screen_small .cols__column_small_36 { width: 720px; } .screen_small .cols__column_small_37 { width: 740px; } .screen_small .cols__column_small_38 { width: 760px; } .screen_small .cols__column_small_39 { width: 780px; } .screen_small .cols__column_small_40 { width: 800px; } .screen_small .cols__column_small_41 { width: 820px; } .screen_small .cols__column_small_42 { width: 840px; } .screen_small .cols__column_small_43 { width: 860px; } .screen_small .cols__column_small_44 { width: 880px; } .screen_small .cols__column_small_45 { width: 900px; } .screen_small .cols__column_small_46 { width: 920px; } .screen_small .cols__column_small_47 { width: 940px; } .screen_small .cols_percent .cols__column_small_percent-16 { width: 16.66%; } .screen_small .cols_percent .cols__column_small_percent-20 { width: 20%; } .screen_small .cols_percent .cols__column_small_percent-25 { width: 25%; } .screen_small .cols_percent .cols__column_small_percent-33 { width: 33.33%; } .screen_small .cols_percent .cols__column_small_percent-50 { width: 50%; } .screen_small .cols_percent .cols__column_small_percent-60 { width: 60%; } .screen_small .cols_percent .cols__column_small_percent-80 { width: 80%; } .screen_small .cols_percent .cols__column_small_percent-100 { width: 100%; } .screen_medium .cols__column__hidden_medium, .screen_medium .cols__column_medium_hidden { display: none !important; } .screen_medium .cols__column_medium_1 { width: 20px; } .screen_medium .cols__column_medium_2 { width: 40px; } .screen_medium .cols__column_medium_3 { width: 60px; } .screen_medium .cols__column_medium_4 { width: 80px; } .screen_medium .cols__column_medium_5 { width: 100px; } .screen_medium .cols__column_medium_6 { width: 120px; } .screen_medium .cols__column_medium_7 { width: 140px; } .screen_medium .cols__column_medium_8 { width: 160px; } .screen_medium .cols__column_medium_9 { width: 180px; } .screen_medium .cols__column_medium_10 { width: 200px; } .screen_medium .cols__column_medium_11 { width: 220px; } .screen_medium .cols__column_medium_12 { width: 240px; } .screen_medium .cols__column_medium_13 { width: 260px; } .screen_medium .cols__column_medium_14 { width: 280px; } .screen_medium .cols__column_medium_15 { width: 300px; } .screen_medium .cols__column_medium_16 { width: 320px; } .screen_medium .cols__column_medium_17 { width: 340px; } .screen_medium .cols__column_medium_18 { width: 360px; } .screen_medium .cols__column_medium_19 { width: 380px; } .screen_medium .cols__column_medium_20 { width: 400px; } .screen_medium .cols__column_medium_21 { width: 420px; } .screen_medium .cols__column_medium_22 { width: 440px; } .screen_medium .cols__column_medium_23 { width: 460px; } .screen_medium .cols__column_medium_24 { width: 480px; } .screen_medium .cols__column_medium_25 { width: 500px; } .screen_medium .cols__column_medium_26 { width: 520px; } .screen_medium .cols__column_medium_27 { width: 540px; } .screen_medium .cols__column_medium_28 { width: 560px; } .screen_medium .cols__column_medium_29 { width: 580px; } .screen_medium .cols__column_medium_30 { width: 600px; } .screen_medium .cols__column_medium_31 { width: 620px; } .screen_medium .cols__column_medium_32 { width: 640px; } .screen_medium .cols__column_medium_33 { width: 660px; } .screen_medium .cols__column_medium_34 { width: 680px; } .screen_medium .cols__column_medium_35 { width: 700px; } .screen_medium .cols__column_medium_36 { width: 720px; } .screen_medium .cols__column_medium_37 { width: 740px; } .screen_medium .cols__column_medium_38 { width: 760px; } .screen_medium .cols__column_medium_39 { width: 780px; } .screen_medium .cols__column_medium_40 { width: 800px; } .screen_medium .cols__column_medium_41 { width: 820px; } .screen_medium .cols__column_medium_42 { width: 840px; } .screen_medium .cols__column_medium_43 { width: 860px; } .screen_medium .cols__column_medium_44 { width: 880px; } .screen_medium .cols__column_medium_45 { width: 900px; } .screen_medium .cols__column_medium_46 { width: 920px; } .screen_medium .cols__column_medium_47 { width: 940px; } .screen_medium .cols__column_medium_48 { width: 960px; } .screen_medium .cols__column_medium_49 { width: 980px; } .screen_medium .cols__column_medium_50 { width: 1000px; } .screen_medium .cols__column_medium_51 { width: 1020px; } .screen_medium .cols__column_medium_52 { width: 1040px; } .screen_medium .cols__column_medium_53 { width: 1060px; } .screen_medium .cols__column_medium_54 { width: 1080px; } .screen_medium .cols__column_medium_55 { width: 1100px; } .screen_medium .cols__column_medium_56 { width: 1120px; } .screen_medium .cols__column_medium_57 { width: 1140px; } .screen_medium .cols__column_medium_58 { width: 1160px; } .screen_medium .cols__column_medium_59 { width: 1180px; } .screen_medium .cols_percent .cols__column_medium_percent-16 { width: 16.66%; } .screen_medium .cols_percent .cols__column_medium_percent-20 { width: 20%; } .screen_medium .cols_percent .cols__column_medium_percent-25 { width: 25%; } .screen_medium .cols_percent .cols__column_medium_percent-33 { width: 33.33%; } .screen_medium .cols_percent .cols__column_medium_percent-50 { width: 50%; } .screen_medium .cols_percent .cols__column_medium_percent-60 { width: 60%; } .screen_medium .cols_percent .cols__column_medium_percent-80 { width: 80%; } .screen_medium .cols_percent .cols__column_medium_percent-100 { width: 100%; } .screen_large .cols__column__hidden_large, .screen_large .cols__column_large_hidden { display: none !important; } .screen_large .cols__column_large_1 { width: 20px; } .screen_large .cols__column_large_2 { width: 40px; } .screen_large .cols__column_large_3 { width: 60px; } .screen_large .cols__column_large_4 { width: 80px; } .screen_large .cols__column_large_5 { width: 100px; } .screen_large .cols__column_large_6 { width: 120px; } .screen_large .cols__column_large_7 { width: 140px; } .screen_large .cols__column_large_8 { width: 160px; } .screen_large .cols__column_large_9 { width: 180px; } .screen_large .cols__column_large_10 { width: 200px; } .screen_large .cols__column_large_11 { width: 220px; } .screen_large .cols__column_large_12 { width: 240px; } .screen_large .cols__column_large_13 { width: 260px; } .screen_large .cols__column_large_14 { width: 280px; } .screen_large .cols__column_large_15 { width: 300px; } .screen_large .cols__column_large_16 { width: 320px; } .screen_large .cols__column_large_17 { width: 340px; } .screen_large .cols__column_large_18 { width: 360px; } .screen_large .cols__column_large_19 { width: 380px; } .screen_large .cols__column_large_20 { width: 400px; } .screen_large .cols__column_large_21 { width: 420px; } .screen_large .cols__column_large_22 { width: 440px; } .screen_large .cols__column_large_23 { width: 460px; } .screen_large .cols__column_large_24 { width: 480px; } .screen_large .cols__column_large_25 { width: 500px; } .screen_large .cols__column_large_26 { width: 520px; } .screen_large .cols__column_large_27 { width: 540px; } .screen_large .cols__column_large_28 { width: 560px; } .screen_large .cols__column_large_29 { width: 580px; } .screen_large .cols__column_large_30 { width: 600px; } .screen_large .cols__column_large_31 { width: 620px; } .screen_large .cols__column_large_32 { width: 640px; } .screen_large .cols__column_large_33 { width: 660px; } .screen_large .cols__column_large_34 { width: 680px; } .screen_large .cols__column_large_35 { width: 700px; } .screen_large .cols__column_large_36 { width: 720px; } .screen_large .cols__column_large_37 { width: 740px; } .screen_large .cols__column_large_38 { width: 760px; } .screen_large .cols__column_large_39 { width: 780px; } .screen_large .cols__column_large_40 { width: 800px; } .screen_large .cols__column_large_41 { width: 820px; } .screen_large .cols__column_large_42 { width: 840px; } .screen_large .cols__column_large_43 { width: 860px; } .screen_large .cols__column_large_44 { width: 880px; } .screen_large .cols__column_large_45 { width: 900px; } .screen_large .cols__column_large_46 { width: 920px; } .screen_large .cols__column_large_47 { width: 940px; } .screen_large .cols__column_large_48 { width: 960px; } .screen_large .cols__column_large_49 { width: 980px; } .screen_large .cols__column_large_50 { width: 1000px; } .screen_large .cols__column_large_51 { width: 1020px; } .screen_large .cols__column_large_52 { width: 1040px; } .screen_large .cols__column_large_53 { width: 1060px; } .screen_large .cols__column_large_54 { width: 1080px; } .screen_large .cols__column_large_55 { width: 1100px; } .screen_large .cols__column_large_56 { width: 1120px; } .screen_large .cols__column_large_57 { width: 1140px; } .screen_large .cols__column_large_58 { width: 1160px; } .screen_large .cols__column_large_59 { width: 1180px; } .screen_large .cols__column_large_60 { width: 1200px; } .screen_large .cols__column_large_61 { width: 1220px; } .screen_large .cols__column_large_62 { width: 1240px; } .screen_large .cols__column_large_63 { width: 1260px; } .screen_large .cols__column_large_64 { width: 1280px; } .screen_large .cols__column_large_65 { width: 1300px; } .screen_large .cols_percent .cols__column_large_percent-16 { width: 16.66%; } .screen_large .cols_percent .cols__column_large_percent-20 { width: 20%; } .screen_large .cols_percent .cols__column_large_percent-25 { width: 25%; } .screen_large .cols_percent .cols__column_large_percent-33 { width: 33.33%; } .screen_large .cols_percent .cols__column_large_percent-50 { width: 50%; } .screen_large .cols_percent .cols__column_large_percent-60 { width: 60%; } .screen_large .cols_percent .cols__column_large_percent-80 { width: 80%; } .screen_large .cols_percent .cols__column_large_percent-100 { width: 100%; } .toggle__to_show { display: none; } .toggle__to_hide.toggle__to_inline { display: inline-block; } .toggle__item { display: none; } .toggle__item_active { display: block; } .toggle__item_inline.toggle__item_active { display: inline-block; } .toggle_loading .toggle__loader { display: block; } .toggle_active .toggle__to_show, .toggle_loading .toggle__to_show { display: block; } .toggle_active .toggle__to_show.toggle__to_inline, .toggle_loading .toggle__to_show.toggle__to_inline { display: inline-block; } .toggle_active .toggle__to_hide, .toggle_loading .toggle__to_hide, .toggle_active .toggle__to_hide.toggle__to_inline, .toggle_loading .toggle__to_hide.toggle__to_inline { display: none; } .toggle__loader { display: none; } .block { background: #fff; padding: 20px; } .block_bg_primary { background: #f3f3f3; } .block_bg_secondary { background: #fafafa; } .block_bg_noise { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAAAAAA7VNdtAAAFnElEQVR4Xh2SwY5rxw1EW9K8N46zyyIw8gF5uk1WFcnulmYe4P//o8CeGenm2lywiG6gzqKqcfTYvIrGwibCcpEx83qlNFakEkmp957BLjVzg97KRmzTj0ubYjNsxvp71QYb3jNhFnMqegttnOgiipsrItgZrlEJh7kc2tISP8Kc0ZPNfNCnrj6yw1QMGvGTPukWE6q8zjfEyMFbANts08KshjI5/DpC9FgBxsiFTYxyd44whbsFolpei1dzACUbqlQVAY8AaogQmRMuuG+UZA15B4Kwje5LMFN5XyMMEOMWzpkiaogy8apWUkUUM/9LzsBmCNo7PQoeEXc4l8MspeFBrna7YoWHNIiUFZTOWd2LkZUIkwYAeNcI+BxNMTIodcwa3AYZyBtVdq3qOTer0SOVolzqYvPqJQv3wtRyUZHCEAV3SgB63GiIKcvpjLb8xwif5Qei924jK3zatLVWUgxzLaOiEGswWI003JZ5IBjLVnZnTW7XTouK9VY3S4mdZe4m9TZtKsKNzDt9BhJeUq+qMUtw+ibUGBW1pWuguXG6wi3ukvlcAY5p6Q6Yk6GKWmCNirvPZLSYSGaIDq8AVOxESkXvGOq43YQa3u1Hpl+Fy7++X86frZ3P+y972x/ny+m8t8tnOz8vp/bcX9rj+bkf/y/P/fWx7/84PVvOJNHH8Jk5ogd6VtB0lauAyDAQGvRRFoN2+c+3j9Pr1/n0tX+2b+3R9stpf3kcXu28v5y+WjtA51P7C9T+bO1xac1Klb4mAkqzYg5n+IYKFznTBY+URBHGYrOQmWflUJhXiEGXOwtRrIEgOjTo7PcAwYaFLvarzzDWIsaUyopbf89NfeuMis7kgTYXokWXVRCWtVWme8q8sgeoXrNnOix4zfJp5JA33Yo/IkSMPmiuWU43tym7p73lcrivUQPd4e6jLcveY4UJvTgHYoi5Ut3NV1pgwW8VMMXNFD1agjQE3UEHhgDFFu81hwjXzMRbOoGRmG6py2/PI5Tn97b/8tx/3Z+P0+Xr/P1rP4J/tr+yeD72I7P9Yz/vj8fr49fns2kxjZMu85Wc6XSU9ShyhNYoIGQY0c1Tq3j5rR0mr8/HYfnV9q/L5Xx4X77vz9N+bn/T9tOjnb/vp8vH9/btj+OV7uGLVnIsXhlBpRguyTu5bd03Ea6hJXWi+YhyrznUdWNPbAY/BuKhFOiJggU5RBd6420Z+vo9jewBZADwIfcIh/UhDaQ8AmEm/PAWJBQeaePWq5Azs3q/yas6hHKyRwGMig0GNfUi3a9YXemRclWaRxICxMRabvOnfHSLmDNahrndR7wNixD9R2UX+4ZYjDnKfdsk752CIspH80235LHv6mErN7De3eBlqV7VpwoerNkByjdv02Qwqlv039mJOcw5LRnY+qaftAM0lrPcOzdDS3dWRHW8212FkAsdMcpVSYbVnZzaYkWFAtbQJ0KQGO9wiiGGUn6fEbDQ5gINGc5bbjPz8tvln4/Px+Xb/vF1upwfezsdLT2djvY9n8/L63FfPl/3dv486nn543SUuOVaGUlGDYv0YwgwMmxz5FCQM0wJjuxUFy7/fvnf6XQwTpf9KPr5tb2cPk7ndmmnb89z+zi/HMg/D8ov5+f549vp9PpoSE73qc2tVyhVEyakdGOOSGV0D2XRVCZ6tcoRU8E+F6PCto3aYhCHZrKjrkByjU7PcujWMkpzZqJTZj/vdDcn4cRGbRAiyF4LUr8xhlogysd9HgrnDKejgiGUVNRbkvH25lYy+RjdW5dho8xhsnD0GBQremfB4XmbN0HmZIlpka1YhLsrzGLdwjYf5QNrOM1C7pERkncYGMmD8jMAapaHowo9wzJkmu/hjty6s5MHyjX70qw2GIfIoyyumVtl3gIasBEQINxzWh+1eYIZqv8DbGoN7R98FhQAAAAASUVORK5CYII="); } .block_separated, .block_separated_bottom { border-bottom: 1px solid #dedede; } .block_separated_top { border-top: 1px solid #dedede; } .block_shadow { border-top: 1px solid #cdccca; border-bottom: 1px solid #cdccca; -webkit-box-shadow: 0 0 2px #ebeae8; box-shadow: 0 0 2px #ebeae8; } .block_shadow_bottom { position: relative; border-bottom: 1px solid #cdccca; } .block_shadow_bottom:after { content: ''; position: absolute; width: 100%; bottom: -3px; left: 0; height: 2px; z-index: 2; background: -webkit-linear-gradient(#cdccca 0%, rgba(205,204,202,0) 100%); background: -moz-linear-gradient(#cdccca 0%, rgba(205,204,202,0) 100%); background: -o-linear-gradient(#cdccca 0%, rgba(205,204,202,0) 100%); background: -ms-linear-gradient(#cdccca 0%, rgba(205,204,202,0) 100%); background: linear-gradient(#cdccca 0%, rgba(205,204,202,0) 100%); } .block_shadow_top { position: relative; border-top: 1px solid #cdccca; } .block_shadow_top:before { content: ''; position: absolute; width: 100%; top: -3px; left: 0; height: 2px; z-index: 2; background: -webkit-linear-gradient(rgba(205,204,202,0) 0%, #cdccca 100%); background: -moz-linear-gradient(rgba(205,204,202,0) 0%, #cdccca 100%); background: -o-linear-gradient(rgba(205,204,202,0) 0%, #cdccca 100%); background: -ms-linear-gradient(rgba(205,204,202,0) 0%, #cdccca 100%); background: linear-gradient(rgba(205,204,202,0) 0%, #cdccca 100%); } .block_shadow_large:after, .block_shadow_large:before { height: 8px; } .block_shadow_large:after { bottom: -8px; } .block_shadow_large:before { top: -8px; } .block_border_top { border-top: 8px solid #4c8ebc; } .block_border_bottom { border-bottom: 8px solid #4c8ebc; } .block_collapse { padding: 0; } .block_collapse_hor { padding-left: 0; padding-right: 0; } .block_collapse_top { padding-top: 0; } .block_collapse_bottom { padding-bottom: 0; } .block_center { text-align: center; } .block_promo { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: 50%; color: #fff; position: relative; background-color: #2f2f2f; } .block_promo:before { content: ''; position: absolute; top: 0; height: 100%; left: 0; right: 0; background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -moz-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -ms-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); } .block_relative { position: relative; } .block_bg-main { background: url("/img/main/bg_country.jpg") no-repeat 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .block_bg-main_moscow_day { background: url("/img/main/bg_moscow_day.jpg") no-repeat 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .block_bg-main_moscow_night { background: url("/img/main/bg_moscow_night.jpg") no-repeat 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .block_bg { position: relative; overflow: hidden; background: #2e2e2e no-repeat 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .block_bg_landing { background: #2e2e2e url("/img/landing/bg.jpg"); } .block_bg_none { background: none; } .block_separated_light { border-bottom: 1px solid rgba(255,255,255,0.48); } .wrapper { margin: 0 auto; display: block; } .wrapper_relative { position: relative; } .screen_small .wrapper { width: 940px; } .screen_medium .wrapper { width: 1180px; } .screen_large .wrapper { width: 1300px; } .counters { position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 1px; height: 1px; overflow: hidden; } .sticky { position: relative; } .sticky_full .sticky__inner { width: 100%; } .sticky_bar { width: 100%; background: #fff; border-top: 1px solid #cdccca; border-bottom: 1px solid #cdccca; -webkit-box-shadow: 0 0 2px #ebeae8; box-shadow: 0 0 2px #ebeae8; } .sticky__inner { z-index: 100; } .sticky__inner_fixed { position: fixed; } .sticky__inner_end { position: absolute; } .sticky__inner_top { top: 0; z-index: 1400; position: fixed; } .sticky__inner_bottom { bottom: 0; z-index: 1400; position: fixed; } .sticky__inner_sliding { position: fixed; -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; -ms-transition: -ms-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; } .sticky__inner_sliding_top { top: 0; z-index: 1400; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .sticky__inner_sliding_bottom { bottom: 0; z-index: 1400; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .sticky__inner_sliding_active { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -ms-filter: none; filter: none; } .sticky__inner_left_start { top: 20px; position: fixed; width: 220px; } .sticky__inner_left_end { position: absolute; bottom: 0; width: 220px; } .sticky__inner_viewbox { background: rgba(0,0,0,0.3); z-index: 5; color: #fff; } .note { display: inline-block; vertical-align: middle; font-weight: 300; font-size: 13px; line-height: 20px; } .note__text { color: #969696; vertical-align: middle; } .note_separated { padding-top: 10px; border-top: 1px solid #e0e0e0; } .note_error .note__text { color: #eb4a57; } .note_block { display: block; } .note .icon_stroke { font-size: 14px; } .parallax { position: relative; height: 320px; } .parallax__inner { color: #fff; text-decoration: none; display: block; position: absolute; height: 320px; overflow: hidden; width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .parallax__layer { display: block; position: absolute; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .parallax__move { height: 100%; overflow: hidden; -webkit-perspective: 1px; -moz-perspective: 1px; -ms-perspective: 1px; perspective: 1px; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .parallax__static { position: absolute; z-index: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .label { font-weight: 700; font-size: 20px; line-height: 28px; display: inline-block; padding: 5px 10px; -webkit-border-radius: 5px; border-radius: 5px; vertical-align: middle; margin-left: 20px; color: #fff; border: 1px solid #6e99b7; background: #4c8ebc; } .label_small { padding: 0 8px; margin-left: 10px; } .screen_small .label_small { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_medium .label_small { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_large .label_small { font-weight: 300; font-size: 15px; line-height: 20px; } .hdr__side_right { float: right; margin-left: 10px; } .hdr__side_left { float: left; margin-right: 10px; } .hdr__ending { font-weight: 700; font-size: 20px; line-height: 28px; margin-left: 5px; vertical-align: middle; } .screen_medium .hdr__ending { font-size: 24px; line-height: 32px; } .screen_large .hdr__ending { font-size: 24px; line-height: 32px; } .hdr__ending_dashed { border-bottom: 1px dashed; } .hdr__ending_dashed:hover { text-decoration: none; border-color: transparent; } .hdr { margin-bottom: 20px; position: relative; } .hdr_center { text-align: center; } .hdr_border_top { border-top: 1px solid #e5e5e5; } .hdr_border_bottom { border-bottom: 1px solid #e5e5e5; } .hdr_color_white { border-color: rgba(255,255,255,0.4); } .hdr_color_white .hdr__text { color: #fff; } .hdr_highlight_bottom .hdr__wrapper { padding-bottom: 10px; border-bottom: 2px solid #4c8ebc; } .hdr_slot { margin-bottom: 10px; } .screen_small .hdr_slot .hdr__inner { font-weight: 700; font-size: 20px; line-height: 28px; } .screen_medium .hdr_slot .hdr__inner { font-weight: 700; font-size: 20px; line-height: 28px; } .screen_large .hdr_slot .hdr__inner { font-weight: 700; font-size: 20px; line-height: 28px; } .hdr_collapse { margin: 0; } .hdr__wrapper { display: inline-block; position: relative; z-index: 1; vertical-align: middle; } .hdr__inner { display: inline; vertical-align: middle; font-weight: 700; font-size: 20px; line-height: 28px; } .screen_medium .hdr__inner { font-size: 24px; line-height: 32px; } .screen_large .hdr__inner { font-size: 24px; line-height: 32px; } .hdr__inner a { color: inherit; text-decoration: underline; } .hdr__inner a:hover { text-decoration: none; } .hdr__text { color: #000; vertical-align: middle; display: inline-block; } .hdr__text_link { color: #07c; cursor: pointer; } .hdr__text_link .hdr__inner { text-decoration: underline; } .hdr__text_link:hover .hdr__inner { text-decoration: none; } .hdr__text_link.hdr__text_active { color: inherit; cursor: default; text-decoration: none; } .hdr__text:hover { text-decoration: none; } .hdr_light_small .hdr__inner, .hdr_light_small .hdr__ending { font-weight: 300; font-size: 13px; line-height: 20px; text-transform: none; } .screen_medium .hdr_light_small .hdr__inner, .screen_medium .hdr_light_small .hdr__ending { font-size: 15px; line-height: 20px; } .screen_large .hdr_light_small .hdr__inner, .screen_large .hdr_light_small .hdr__ending { font-size: 15px; line-height: 20px; } .hdr_light_normal .hdr__inner, .hdr_light_normal .hdr__ending { font-weight: 300; font-size: 15px; line-height: 20px; text-transform: none; } .screen_medium .hdr_light_normal .hdr__inner, .screen_medium .hdr_light_normal .hdr__ending { font-size: 17px; line-height: 24px; } .screen_large .hdr_light_normal .hdr__inner, .screen_large .hdr_light_normal .hdr__ending { font-size: 17px; line-height: 24px; } .hdr_light_medium .hdr__inner, .hdr_light_medium .hdr__ending { font-weight: 300; font-size: 17px; line-height: 24px; text-transform: none; } .screen_medium .hdr_light_medium .hdr__inner, .screen_medium .hdr_light_medium .hdr__ending { font-size: 20px; line-height: 28px; } .screen_large .hdr_light_medium .hdr__inner, .screen_large .hdr_light_medium .hdr__ending { font-size: 20px; line-height: 28px; } .hdr_light_large .hdr__inner, .hdr_light_large .hdr__ending { font-weight: 300; font-size: 20px; line-height: 28px; text-transform: none; } .screen_medium .hdr_light_large .hdr__inner, .screen_medium .hdr_light_large .hdr__ending { font-size: 24px; line-height: 32px; } .screen_large .hdr_light_large .hdr__inner, .screen_large .hdr_light_large .hdr__ending { font-size: 24px; line-height: 32px; } .hdr_light_huge .hdr__inner, .hdr_light_huge .hdr__ending { font-weight: 300; font-size: 28px; line-height: 36px; text-transform: none; } .screen_medium .hdr_light_huge .hdr__inner, .screen_medium .hdr_light_huge .hdr__ending { font-size: 32px; line-height: 40px; } .screen_large .hdr_light_huge .hdr__inner, .screen_large .hdr_light_huge .hdr__ending { font-size: 32px; line-height: 40px; } .hdr_regular_normal .hdr__inner, .hdr_regular_normal .hdr__ending { font-weight: 400; font-size: 15px; line-height: 20px; text-transform: none; } .hdr_bold_tiny .hdr__inner, .hdr_bold_tiny .hdr__ending { font-weight: 700; font-size: 10px; line-height: 16px; text-transform: none; } .screen_medium .hdr_bold_tiny .hdr__inner, .screen_medium .hdr_bold_tiny .hdr__ending { font-size: 13px; line-height: 20px; } .screen_large .hdr_bold_tiny .hdr__inner, .screen_large .hdr_bold_tiny .hdr__ending { font-size: 13px; line-height: 20px; } .hdr_bold_normal .hdr__inner, .hdr_bold_normal .hdr__ending { font-weight: 700; font-size: 15px; line-height: 20px; text-transform: none; } .screen_medium .hdr_bold_normal .hdr__inner, .screen_medium .hdr_bold_normal .hdr__ending { font-size: 17px; line-height: 24px; } .screen_large .hdr_bold_normal .hdr__inner, .screen_large .hdr_bold_normal .hdr__ending { font-size: 17px; line-height: 24px; } .hdr_bold_medium .hdr__inner, .hdr_bold_medium .hdr__ending { font-weight: 700; font-size: 17px; line-height: 24px; text-transform: none; } .screen_medium .hdr_bold_medium .hdr__inner, .screen_medium .hdr_bold_medium .hdr__ending { font-size: 20px; line-height: 28px; } .screen_large .hdr_bold_medium .hdr__inner, .screen_large .hdr_bold_medium .hdr__ending { font-size: 20px; line-height: 28px; } .hdr_bold_large .hdr__inner, .hdr_bold_large .hdr__ending { font-weight: 700; font-size: 20px; line-height: 28px; text-transform: none; } .screen_medium .hdr_bold_large .hdr__inner, .screen_medium .hdr_bold_large .hdr__ending { font-size: 24px; line-height: 32px; } .screen_large .hdr_bold_large .hdr__inner, .screen_large .hdr_bold_large .hdr__ending { font-size: 24px; line-height: 32px; } .hdr_bold_huge .hdr__inner, .hdr_bold_huge .hdr__ending { font-weight: 700; font-size: 28px; line-height: 36px; text-transform: none; } .screen_medium .hdr_bold_huge .hdr__inner, .screen_medium .hdr_bold_huge .hdr__ending { font-size: 32px; line-height: 40px; } .screen_large .hdr_bold_huge .hdr__inner, .screen_large .hdr_bold_huge .hdr__ending { font-size: 32px; line-height: 40px; } .hdr_slab_normal .hdr__inner, .hdr_slab_normal .hdr__ending { font-weight: 300; font-family: Roboto Slab, Arial, serif; font-size: 15px; line-height: 20px; text-transform: none; } .screen_medium .hdr_slab_normal .hdr__inner, .screen_medium .hdr_slab_normal .hdr__ending { font-size: 17px; line-height: 24px; } .screen_large .hdr_slab_normal .hdr__inner, .screen_large .hdr_slab_normal .hdr__ending { font-size: 17px; line-height: 24px; } .hdr_slab_medium .hdr__inner, .hdr_slab_medium .hdr__ending { font-weight: 300; font-family: Roboto Slab, Arial, serif; font-size: 17px; line-height: 24px; text-transform: none; } .screen_medium .hdr_slab_medium .hdr__inner, .screen_medium .hdr_slab_medium .hdr__ending { font-size: 20px; line-height: 28px; } .screen_large .hdr_slab_medium .hdr__inner, .screen_large .hdr_slab_medium .hdr__ending { font-size: 20px; line-height: 28px; } .hdr_slab_large .hdr__inner, .hdr_slab_large .hdr__ending { font-weight: 300; font-family: Roboto Slab, Arial, serif; font-size: 20px; line-height: 28px; text-transform: none; } .screen_medium .hdr_slab_large .hdr__inner, .screen_medium .hdr_slab_large .hdr__ending { font-size: 24px; line-height: 32px; } .screen_large .hdr_slab_large .hdr__inner, .screen_large .hdr_slab_large .hdr__ending { font-size: 24px; line-height: 32px; } .hdr_slab_huge .hdr__inner, .hdr_slab_huge .hdr__ending { font-weight: 300; font-family: Roboto Slab, Arial, serif; font-size: 28px; line-height: 40px; text-transform: none; } .screen_medium .hdr_slab_huge .hdr__inner, .screen_medium .hdr_slab_huge .hdr__ending { font-size: 32px; line-height: 40px; } .screen_large .hdr_slab_huge .hdr__inner, .screen_large .hdr_slab_huge .hdr__ending { font-size: 32px; line-height: 40px; } .hdr_lowercase .hdr__inner, .hdr_lowercase .hdr__ending { text-transform: none; font-family: Roboto, Arial, sans-serif; } .hdr_inline .hdr__wrapper, .hdr_inline .hdr__text { display: inline; } .slider { position: relative; } .slider__content { position: relative; white-space: nowrap; } .slider__items { display: inline-block; position: relative; -webkit-perspective: 1000; } .slider__items_animated { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .slider__wrapper { overflow: hidden; position: relative; padding-bottom: 2px; } .slider__item { white-space: normal; display: inline-block; vertical-align: top; } .slider__item_padding { padding: 0 10px; } .slider_centered .slider__content { margin: 0 auto; } .slider_main .slider__wrapper { padding: 0 180px; } .slider_opacity .slider__item { opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .slider_opacity .slider__item:hover, .slider_opacity .slider__item_selected { opacity: 1; -ms-filter: none; filter: none; } .slider_content .control { -webkit-border-radius: 5px; border-radius: 5px; } .slider__items { min-width: 100%; } .slider_sidebar .slider__item { width: 240px; } .slider_banner .slider__item { width: 200px; } .slider_fade_animated .slider__wrapper:before, .slider_fade_animated .slider__wrapper:after { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0s ease-out; -moz-transition: opacity 0s ease-out; -o-transition: opacity 0s ease-out; -ms-transition: opacity 0s ease-out; transition: opacity 0s ease-out; } .slider_fade .slider__wrapper:before, .slider_fade_left .slider__wrapper:before, .slider_fade_right .slider__wrapper:before, .slider_fade .slider__wrapper:after, .slider_fade_left .slider__wrapper:after, .slider_fade_right .slider__wrapper:after { content: ' '; height: 100%; position: absolute; top: 0; z-index: 9; width: 100px; } .slider_fade .slider__wrapper:before, .slider_fade_left .slider__wrapper:before, .slider_fade_animated .slider__wrapper:before { left: 0; background-image: -webkit-linear-gradient(left, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: -moz-linear-gradient(left, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: -o-linear-gradient(left, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: -ms-linear-gradient(left, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: linear-gradient(to right, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFAFAFA', endColorstr='#00FAFAFA'); } .slider_fade .slider__wrapper:before, .slider_fade_left .slider__wrapper:before { opacity: 1; -ms-filter: none; filter: none; } .slider_fade_left-hide .slider__wrapper:before { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; } .slider_fade .slider__wrapper:after, .slider_fade_right .slider__wrapper:after, .slider_fade_animated .slider__wrapper:after { right: 0; background-image: -webkit-linear-gradient(right, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: -moz-linear-gradient(right, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: -o-linear-gradient(right, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: -ms-linear-gradient(right, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: linear-gradient(to left, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#00FAFAFA', endColorstr='#FFFAFAFA'); } .slider_fade .slider__wrapper:after, .slider_fade_right .slider__wrapper:after { opacity: 1; -ms-filter: none; filter: none; } .slider_fade_right-hide .slider__wrapper:after { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; } .slider_fade_animated .slider__wrapper:before { left: -100px; } .slider_fade_animated .slider__wrapper:after { right: -100px; } .slider_fade .slider__wrapper:before, .slider_fade_left .slider__wrapper:before { left: 0; } .slider_fade .slider__wrapper:after, .slider_fade_right .slider__wrapper:after { right: 0; } .control { width: 40px; height: 80px; display: block; text-align: center; cursor: pointer; background: #e3e3e3; color: #7b7b7b; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, padding 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, padding 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, padding 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, padding 0.2s ease-in-out; transition: color 0.2s ease-in-out, background 0.2s ease-in-out, padding 0.2s ease-in-out; font-size: 36px; } .control .icon:before { line-height: 80px; } .cpf-no-touch .control:hover { background: #4c8ebc; color: #fff; padding: 0 5px; } .control:after { content: ''; z-index: -1; position: absolute; top: -10px; right: -10px; left: -10px; bottom: -10px; } .control_prev { left: 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .control_next { right: 0; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .control_round { -webkit-border-radius: 5px; border-radius: 5px; } .control_absolute, .control_fixed { top: 50%; margin-top: -40px; z-index: 1400; } .control_absolute { position: absolute; } .control_fixed { position: fixed; } .p-special { position: relative; display: inline-block; white-space: normal; max-width: 100%; overflow: hidden; } .p-special__img { display: block; } .p-special__phone { display: block; margin-top: 5px; font-weight: 400; font-size: 15px; line-height: 20px; } .p-special__price { color: #f59608; display: block; margin-top: 5px; font-weight: 400; font-size: 15px; line-height: 20px; } .p-special__text { display: block; margin-top: 5px; } .p-special__title { display: block; margin-top: 10px; font-weight: 300; font-size: 15px; line-height: 20px; } .p-special_horizontal .p-special__img { float: left; padding-right: 10px; } .p-special_horizontal .p-special__inner { display: block; overflow: hidden; } .p-special_horizontal .p-special__title { margin-top: 0; } .p-special_horizontal .photo__pic { width: 70px; } .p-special_width_fixed { width: 130px; display: inline-block; } .p-special_width_fixed .icon { display: none; } .p-special_rb { text-align: center; } .p-special_rb .p-special__img { width: 140px; display: inline-block; } .item { position: relative; } .item_valign .cell { vertical-align: middle; } .item_topic { display: table; width: 100%; } .item_topic .cell_left { padding-right: 20px; } .item_light .item__title { color: #fff; } .item_light .item__param { color: #a2a4ae; } .screen_small .item_small .item__title { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_medium .item_small .item__title { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_large .item_small .item__title { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_small .item_x-small .item__title, .screen_small .item_x-small .item__text { font-weight: 300; font-size: 13px; line-height: 20px; } .screen_medium .item_x-small .item__title, .screen_medium .item_x-small .item__text { font-weight: 300; font-size: 13px; line-height: 20px; } .screen_large .item_x-small .item__title, .screen_large .item_x-small .item__text { font-weight: 300; font-size: 13px; line-height: 20px; } .item_separated { margin-top: 10px; padding-top: 10px; border-top: 1px dotted #a8abba; } .item_person_extended .item__text { font-weight: 300; font-size: 13px; line-height: 20px; color: #999; } .screen_medium .item_person_extended .item__text { font-size: 15px; line-height: 20px; } .screen_large .item_person_extended .item__text { font-size: 15px; line-height: 20px; } .screen_small .item_person_extended .avatar { width: 45px; height: 45px; } .item_poll .item__title { font-weight: 700; font-size: 20px; line-height: 28px; } .screen_medium .item_poll .item__title { font-size: 24px; line-height: 32px; } .screen_large .item_poll .item__title { font-size: 24px; line-height: 32px; } .item_poll .item__text { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_medium .item_poll .item__text { font-size: 17px; line-height: 24px; } .screen_large .item_poll .item__text { font-size: 17px; line-height: 24px; } .item_slot { height: 97px; overflow: hidden; padding-left: 140px; } .item_slot:after { content: ''; right: 0; top: 0; width: 15px; height: 30px; margin-top: 75px; position: absolute; background-image: -webkit-linear-gradient(right, #fff, rgba(255,255,255,0)); background-image: -moz-linear-gradient(right, #fff, rgba(255,255,255,0)); background-image: -o-linear-gradient(right, #fff, rgba(255,255,255,0)); background-image: -ms-linear-gradient(right, #fff, rgba(255,255,255,0)); background-image: linear-gradient(to left, #fff, rgba(255,255,255,0)); } .item_slot .cell_left { display: block; position: absolute; left: 0; top: 0; } .item_slot .cell_slot { display: block; margin-right: -999em; } .item_slot .cell_slot:before { content: ''; float: right; display: block; width: 999em; height: 70px; } .screen_small .item_slot .item__text, .screen_small .item_slot .item__title { line-height: 15px; } .screen_medium .item_slot .item__text, .screen_medium .item_slot .item__title { line-height: 15px; } .screen_large .item_slot .item__text, .screen_large .item_slot .item__title { line-height: 15px; } .item__title { display: block; font-weight: 300; font-size: 17px; line-height: 24px; } .screen_medium .item__title { font-size: 20px; line-height: 28px; } .screen_large .item__title { font-size: 20px; line-height: 28px; } .item__text { display: block; margin-top: 5px; font-weight: 300; font-size: 15px; line-height: 20px; } .item__pic { display: block; } .item__params { display: block; font-weight: 300; font-size: 13px; line-height: 20px; } .item__param { padding-left: 10px; margin-left: 10px; border-left: 1px solid #a8abba; } .item__param:first-child { padding-left: 0; margin-left: 0; border: 0; } .item__info { color: #999; } .avatar { position: relative; width: 90px; height: 90px; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -webkit-box-shadow: inset 0px 3px 5px rgba(0,0,0,0.15); box-shadow: inset 0px 3px 5px rgba(0,0,0,0.15); } .avatar_x-small, .avatar_size_32 { width: 32px; height: 32px; } .avatar_small, .avatar_size_45 { width: 45px; height: 45px; } .avatar_medium, .avatar_size_60 { width: 60px; height: 60px; } .avatar_normal, .avatar_size_90 { width: 90px; height: 90px; } .avatar_extra, .avatar_size_130 { width: 130px; height: 130px; } .avatar_large, .avatar_size_180 { width: 180px; height: 180px; } .cell { display: table-cell; vertical-align: top; } .cell_small { width: 1px; white-space: nowrap; } .cell_left { width: 1px; white-space: nowrap; padding-right: 10px; } .cell_right { width: 1px; white-space: nowrap; padding-left: 10px; text-align: right; } .cell_full { width: 100%; } .cell_half { width: 50%; } .cell_photo { width: 180px; padding-right: 20px; } .cell_width_50 { width: 50px; } .cell_width_60 { width: 60px; } .cell_width_240 { width: 240px; } .cell_mwidth_70 { min-width: 70px; } .p-currency { font-family: 'ALSRubl-Arial', Arial, sans-serif; } @font-face { font-family: 'ALSRubl-Arial'; src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-regular.eot"); src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-regular.eot?#iefix") format('embedded-opentype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-regular.woff") format('woff'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-regular.ttf") format('truetype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-regular.svg#ALSRublArialRegular") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ALSRubl-Arial'; src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-italic.eot"); src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-italic.eot?#iefix") format('embedded-opentype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-italic.woff") format('woff'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-italic.ttf") format('truetype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-italic.svg#ALSRublArialItalic") format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'ALSRubl-Arial'; src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bold.eot"); src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bold.eot?#iefix") format('embedded-opentype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bold.woff") format('woff'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bold.ttf") format('truetype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bold.svg#ALSRublArialBold") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'ALSRubl-Arial'; src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bolditalic.eot"); src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bolditalic.eot?#iefix") format('embedded-opentype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bolditalic.woff") format('woff'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bolditalic.ttf") format('truetype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bolditalic.svg#ALSRublArialBoldItalic") format('svg'); font-weight: bold; font-style: italic; } .branding-p { position: relative; z-index: 100; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .branding-p a:link, .branding-p a:active { outline: none; } .branding-p__table { display: none; width: 100%; height: 100px; table-layout: fixed; } .branding-p__table_sides { position: absolute; z-index: 4; top: 0; height: 0; } .branding-p__table_sides .branding-p__cell { height: 0; } .branding-p__cell { display: table-cell; position: relative; height: 100px; vertical-align: top; } .branding-p__cell-inner { position: relative; } .branding-p__cell_center { overflow: hidden; padding: 0 20px; } .branding-p__cell_banner { background-position: 50% 0; background-repeat: no-repeat; } .branding-p__center { display: block; height: 100px; margin: 0 -20px; } .branding-p__center-left { position: absolute; top: 0; left: 0; } .branding-p__center-right { position: absolute; top: 0; right: 0; } .branding-p__bg { display: block; position: absolute; height: 360px; width: 1366px; background-position: 50% 0; } .branding-p__bg_center { left: 50%; margin-left: -683px; } .screen_small .branding-p__bg_wrapper_left { left: 100%; margin-left: -193px; } .screen_small .branding-p__bg_wrapper_right { right: 100%; margin-right: -193px; } .screen_medium .branding-p__bg_wrapper_left { left: 100%; margin-left: -73px; } .screen_medium .branding-p__bg_wrapper_right { right: 100%; margin-right: -73px; } .screen_large .branding-p__bg_wrapper_left { left: 100%; margin-left: -13px; } .screen_large .branding-p__bg_wrapper_right { right: 100%; margin-right: -13px; } .branding-p__bg:before, .branding-p__bg:after { position: absolute; top: 0; height: 100%; width: 269px; } @media screen and (min-width: 1366px) { .branding-p__bg:before, .branding-p__bg:after { content: ''; } } .branding-p__bg:before { left: -269px; background-position: 100% 0; } .branding-p__bg:after { right: -269px; } .branding-p__back { display: block; overflow: hidden; position: absolute; top: 0; left: 0; right: 0; height: 360px; } .branding-p__side { display: block; overflow: hidden; position: absolute; z-index: 4; top: 0; left: 0; right: 0; height: 360px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #4c8ebc; background-repeat: no-repeat; } .branding-p__side_left { background-position: 100% 100%; } .branding-p__side_right { background-position: 0 100%; } .branding-p__link { position: absolute; top: 0; left: 0; right: 0; height: 360px; } .branding-p__banner-stub { display: none; margin: 20px 0 0; height: 100px; background-position: 50% 50%; background-repeat: no-repeat; } .screen_branding-p_banner-stub .branding-p__banner-stub { display: block; } .screen_branding-p .branding-p__table { display: table; } .screen_branding-p .line_branding_hide { display: none; } .branding-footer__banner { display: block; height: 200px; background-repeat: no-repeat; background-position: 50% 50%; } .branding-footer__banner:link, .branding-footer__banner:active { outline: none; } body .margin_off { margin: 0; } body .margin_off_sides-hor { margin-left: 0; margin-right: 0; } body .margin_off_sides-vert { margin-top: 0; margin-bottom: 0; } body .margin_off_top { margin-top: 0; } body .margin_off_top-last:last-child { margin-top: 0; } body .margin_off_right { margin-right: 0; } body .margin_off_right-last:last-child { margin-right: 0; } body .margin_off_bottom { margin-bottom: 0; } body .margin_off_bottom-last:last-child { margin-bottom: 0; } body .margin_off_left { margin-left: 0; } body .margin_off_left-last:last-child { margin-left: 0; } body .margin_top_off { margin-top: 0; } body .margin_right_off { margin-right: 0; } body .margin_bottom_off { margin-bottom: 0; } body .margin_left_off { margin-left: 0; } body .margin_5 { margin: 5px; } body .margin_vertical_5 { margin-top: 5px; margin-bottom: 5px; } body .margin_horizontal_5 { margin-left: 5px; margin-right: 5px; } body .margin_top_5 { margin-top: 5px; } body .margin_right_5 { margin-right: 5px; } body .margin_bottom_5 { margin-bottom: 5px; } body .margin_left_5 { margin-left: 5px; } body .margin_10 { margin: 10px; } body .margin_vertical_10 { margin-top: 10px; margin-bottom: 10px; } body .margin_horizontal_10 { margin-left: 10px; margin-right: 10px; } body .margin_top_10 { margin-top: 10px; } body .margin_right_10 { margin-right: 10px; } body .margin_bottom_10 { margin-bottom: 10px; } body .margin_left_10 { margin-left: 10px; } body .margin_20 { margin: 20px; } body .margin_vertical_20 { margin-top: 20px; margin-bottom: 20px; } body .margin_horizontal_20 { margin-left: 20px; margin-right: 20px; } body .margin_top_20 { margin-top: 20px; } body .margin_right_20 { margin-right: 20px; } body .margin_bottom_20 { margin-bottom: 20px; } body .margin_left_20 { margin-left: 20px; } body .margin_30 { margin: 30px; } body .margin_vertical_30 { margin-top: 30px; margin-bottom: 30px; } body .margin_horizontal_30 { margin-left: 30px; margin-right: 30px; } body .margin_top_30 { margin-top: 30px; } body .margin_right_30 { margin-right: 30px; } body .margin_bottom_30 { margin-bottom: 30px; } body .margin_left_30 { margin-left: 30px; } body .margin_40 { margin: 40px; } body .margin_vertical_40 { margin-top: 40px; margin-bottom: 40px; } body .margin_horizontal_40 { margin-left: 40px; margin-right: 40px; } body .margin_top_40 { margin-top: 40px; } body .margin_right_40 { margin-right: 40px; } body .margin_bottom_40 { margin-bottom: 40px; } body .margin_left_40 { margin-left: 40px; } body .margin_50 { margin: 50px; } body .margin_vertical_50 { margin-top: 50px; margin-bottom: 50px; } body .margin_horizontal_50 { margin-left: 50px; margin-right: 50px; } body .margin_top_50 { margin-top: 50px; } body .margin_right_50 { margin-right: 50px; } body .margin_bottom_50 { margin-bottom: 50px; } body .margin_left_50 { margin-left: 50px; } body .margin_60 { margin: 60px; } body .margin_vertical_60 { margin-top: 60px; margin-bottom: 60px; } body .margin_horizontal_60 { margin-left: 60px; margin-right: 60px; } body .margin_top_60 { margin-top: 60px; } body .margin_right_60 { margin-right: 60px; } body .margin_bottom_60 { margin-bottom: 60px; } body .margin_left_60 { margin-left: 60px; } body .margin_70 { margin: 70px; } body .margin_vertical_70 { margin-top: 70px; margin-bottom: 70px; } body .margin_horizontal_70 { margin-left: 70px; margin-right: 70px; } body .margin_top_70 { margin-top: 70px; } body .margin_right_70 { margin-right: 70px; } body .margin_bottom_70 { margin-bottom: 70px; } body .margin_left_70 { margin-left: 70px; } body .margin_90 { margin: 90px; } body .margin_vertical_90 { margin-top: 90px; margin-bottom: 90px; } body .margin_horizontal_90 { margin-left: 90px; margin-right: 90px; } body .margin_top_90 { margin-top: 90px; } body .margin_right_90 { margin-right: 90px; } body .margin_bottom_90 { margin-bottom: 90px; } body .margin_left_90 { margin-left: 90px; } body .margin_100 { margin: 100px; } body .margin_vertical_100 { margin-top: 100px; margin-bottom: 100px; } body .margin_horizontal_100 { margin-left: 100px; margin-right: 100px; } body .margin_top_100 { margin-top: 100px; } body .margin_right_100 { margin-right: 100px; } body .margin_bottom_100 { margin-bottom: 100px; } body .margin_left_100 { margin-left: 100px; } body .margin_110 { margin: 110px; } body .margin_vertical_110 { margin-top: 110px; margin-bottom: 110px; } body .margin_horizontal_110 { margin-left: 110px; margin-right: 110px; } body .margin_top_110 { margin-top: 110px; } body .margin_right_110 { margin-right: 110px; } body .margin_bottom_110 { margin-bottom: 110px; } body .margin_left_110 { margin-left: 110px; } body .margin_m70 { margin: -70px; } body .margin_vertical_m70 { margin-top: -70px; margin-bottom: -70px; } body .margin_horizontal_m70 { margin-left: -70px; margin-right: -70px; } body .margin_top_m70 { margin-top: -70px; } body .margin_right_m70 { margin-right: -70px; } body .margin_bottom_m70 { margin-bottom: -70px; } body .margin_left_m70 { margin-left: -70px; } body .margin_m100 { margin: -100px; } body .margin_vertical_m100 { margin-top: -100px; margin-bottom: -100px; } body .margin_horizontal_m100 { margin-left: -100px; margin-right: -100px; } body .margin_top_m100 { margin-top: -100px; } body .margin_right_m100 { margin-right: -100px; } body .margin_bottom_m100 { margin-bottom: -100px; } body .margin_left_m100 { margin-left: -100px; } body .margin_m200 { margin: -200px; } body .margin_vertical_m200 { margin-top: -200px; margin-bottom: -200px; } body .margin_horizontal_m200 { margin-left: -200px; margin-right: -200px; } body .margin_top_m200 { margin-top: -200px; } body .margin_right_m200 { margin-right: -200px; } body .margin_bottom_m200 { margin-bottom: -200px; } body .margin_left_m200 { margin-left: -200px; } body .padding_0 { padding: 0px; } body .padding_vertical_0 { padding-top: 0px; padding-bottom: 0px; } body .padding_horizontal_0 { padding-left: 0px; padding-right: 0px; } body .padding_top_0 { padding-top: 0px; } body .padding_right_0 { padding-right: 0px; } body .padding_bottom_0 { padding-bottom: 0px; } body .padding_left_0 { padding-left: 0px; } body .padding_5 { padding: 5px; } body .padding_vertical_5 { padding-top: 5px; padding-bottom: 5px; } body .padding_horizontal_5 { padding-left: 5px; padding-right: 5px; } body .padding_top_5 { padding-top: 5px; } body .padding_right_5 { padding-right: 5px; } body .padding_bottom_5 { padding-bottom: 5px; } body .padding_left_5 { padding-left: 5px; } body .padding_10 { padding: 10px; } body .padding_vertical_10 { padding-top: 10px; padding-bottom: 10px; } body .padding_horizontal_10 { padding-left: 10px; padding-right: 10px; } body .padding_top_10 { padding-top: 10px; } body .padding_right_10 { padding-right: 10px; } body .padding_bottom_10 { padding-bottom: 10px; } body .padding_left_10 { padding-left: 10px; } body .padding_20 { padding: 20px; } body .padding_vertical_20 { padding-top: 20px; padding-bottom: 20px; } body .padding_horizontal_20 { padding-left: 20px; padding-right: 20px; } body .padding_top_20 { padding-top: 20px; } body .padding_right_20 { padding-right: 20px; } body .padding_bottom_20 { padding-bottom: 20px; } body .padding_left_20 { padding-left: 20px; } body .padding_30 { padding: 30px; } body .padding_vertical_30 { padding-top: 30px; padding-bottom: 30px; } body .padding_horizontal_30 { padding-left: 30px; padding-right: 30px; } body .padding_top_30 { padding-top: 30px; } body .padding_right_30 { padding-right: 30px; } body .padding_bottom_30 { padding-bottom: 30px; } body .padding_left_30 { padding-left: 30px; } body .padding_40 { padding: 40px; } body .padding_vertical_40 { padding-top: 40px; padding-bottom: 40px; } body .padding_horizontal_40 { padding-left: 40px; padding-right: 40px; } body .padding_top_40 { padding-top: 40px; } body .padding_right_40 { padding-right: 40px; } body .padding_bottom_40 { padding-bottom: 40px; } body .padding_left_40 { padding-left: 40px; } body .padding_50 { padding: 50px; } body .padding_vertical_50 { padding-top: 50px; padding-bottom: 50px; } body .padding_horizontal_50 { padding-left: 50px; padding-right: 50px; } body .padding_top_50 { padding-top: 50px; } body .padding_right_50 { padding-right: 50px; } body .padding_bottom_50 { padding-bottom: 50px; } body .padding_left_50 { padding-left: 50px; } body .padding_60 { padding: 60px; } body .padding_vertical_60 { padding-top: 60px; padding-bottom: 60px; } body .padding_horizontal_60 { padding-left: 60px; padding-right: 60px; } body .padding_top_60 { padding-top: 60px; } body .padding_right_60 { padding-right: 60px; } body .padding_bottom_60 { padding-bottom: 60px; } body .padding_left_60 { padding-left: 60px; } body .padding_70 { padding: 70px; } body .padding_vertical_70 { padding-top: 70px; padding-bottom: 70px; } body .padding_horizontal_70 { padding-left: 70px; padding-right: 70px; } body .padding_top_70 { padding-top: 70px; } body .padding_right_70 { padding-right: 70px; } body .padding_bottom_70 { padding-bottom: 70px; } body .padding_left_70 { padding-left: 70px; } body .padding_90 { padding: 90px; } body .padding_vertical_90 { padding-top: 90px; padding-bottom: 90px; } body .padding_horizontal_90 { padding-left: 90px; padding-right: 90px; } body .padding_top_90 { padding-top: 90px; } body .padding_right_90 { padding-right: 90px; } body .padding_bottom_90 { padding-bottom: 90px; } body .padding_left_90 { padding-left: 90px; } body .padding_100 { padding: 100px; } body .padding_vertical_100 { padding-top: 100px; padding-bottom: 100px; } body .padding_horizontal_100 { padding-left: 100px; padding-right: 100px; } body .padding_top_100 { padding-top: 100px; } body .padding_right_100 { padding-right: 100px; } body .padding_bottom_100 { padding-bottom: 100px; } body .padding_left_100 { padding-left: 100px; } body .padding_110 { padding: 110px; } body .padding_vertical_110 { padding-top: 110px; padding-bottom: 110px; } body .padding_horizontal_110 { padding-left: 110px; padding-right: 110px; } body .padding_top_110 { padding-top: 110px; } body .padding_right_110 { padding-right: 110px; } body .padding_bottom_110 { padding-bottom: 110px; } body .padding_left_110 { padding-left: 110px; } body .padding_200 { padding: 200px; } body .padding_vertical_200 { padding-top: 200px; padding-bottom: 200px; } body .padding_horizontal_200 { padding-left: 200px; padding-right: 200px; } body .padding_top_200 { padding-top: 200px; } body .padding_right_200 { padding-right: 200px; } body .padding_bottom_200 { padding-bottom: 200px; } body .padding_left_200 { padding-left: 200px; } .portal-menu { min-width: 940px; position: relative; z-index: 500 !important; } .screen_small .portal-menu_width { width: 940px; } .screen_medium .portal-menu_width { width: 1180px; } .screen_large .portal-menu_width { width: 1300px; } .align_left { text-align: left !important; } .align_right { text-align: right !important; } .align_center { text-align: center !important; } .align_justify { text-align: justify !important; } .valign_top { vertical-align: top !important; } .valign_bottom { vertical-align: bottom !important; } .valign_middle { vertical-align: middle !important; } .valign_baseline { vertical-align: baseline !important; } body .color_primary { color: #000; } body .color_secondary { color: #000; } body .color_tertiary { color: #000; } body .color_black { color: #000; } body .color_white { color: #fff; } body .color_gray { color: #999; } body .color_red { color: #f44e4e; } body .color_green { color: #28c75d; } body .color_orange { color: #ffa930; } body .color_yellow { color: #ffd400; } body .color_blue { color: #07c; } .color_sberbank { color: #127543; } @charset "utf-8"; /* normalize.css v2.1.3 | MIT License | git.io/normalize */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, em, font, strong, sub, sup, ol, ul, li, fieldset, form, label, table, tr, th, td { margin: 0; padding: 0; outline: 0; border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; } body { margin: 0; height: 100%; background: #fff; } a { background: transparent; } a:active, a:hover, a:focus { outline: 0; } abbr[title] { border-bottom: 1px dotted; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } table { border-collapse: collapse; border-spacing: 0; } body { font-family: 'Roboto', Arial, sans-serif; font-weight: 300; font-size: 15px; line-height: 20px; } b, strong { font-weight: 700; } td, th { padding: 0; vertical-align: top; } a { color: #07c; text-decoration: none; } a:hover { text-decoration: underline; } ul { margin: 0; padding: 0; list-style-type: none; } object { display: block; } iframe { max-width: 100%; border: none; } object, embed { outline: 0; } body { min-width: 980px; } body.footer-at-bottom { position: relative; height: auto; min-height: 100%; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body.footer-at-bottom .footer { position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; } a { text-decoration: none; } a:focus { outline: none !important; } .rb_body h4 { font-weight: 700; font-size: 20px; line-height: 28px; margin: 0 0 20px 0; } .rb_ul { list-style-type: square; padding-left: 20px; font-weight: 300; font-size: 13px; line-height: 20px; } .rb_li { color: #a8abba; margin-top: 10px; } .rb_li:first-child { margin-top: 0; } .error-page { padding: 40px; position: relative; overflow: hidden; z-index: 100; } .error-page__container { position: relative; width: 470px; } .error-page__code { font-size: 240px; font-weight: 300; line-height: 0.68; margin: 0 0 30px; } .error-page__title { font-size: 50px; font-weight: 300; line-height: 1; margin: 0 0 30px; } .error-page__text { font-weight: 300; font-size: 15px; line-height: 20px; margin: 0 0 20px; } .screen_medium .error-page__text { font-size: 17px; line-height: 24px; } .screen_large .error-page__text { font-size: 17px; line-height: 24px; } .error-page__image { position: absolute; top: 0; left: 100%; } .error-page:before, .error-page__decor_empty { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; z-index: -1; } .error-page:before { content: ' '; top: 80px; border-width: 94px 0 94px 94px; border-left-color: #4c8ebc; left: 50%; margin-left: -800px; } @media screen and (min-width: 1600px) { .error-page:before { left: 0; margin-left: 0; } } .error-page__decor_rb { top: 0; right: 0; position: absolute; } .error-page__decor_empty { top: 0; border-width: 0 380px 380px 0; border-right-color: #4c8ebc; right: 50%; margin-right: -800px; } @media screen and (min-width: 1600px) { .error-page__decor_empty { right: 0; margin-right: 0; } } (function (window) { "use strict"; var OPTIONS = window.SCREEN_SIZE_OPTIONS || {}; // wrapper + options.padding * 2 var sizeList = [980,1220,1340]; var nameList = ['small', 'medium', 'large']; var sizesLength = sizeList.length; var isBranding = false; var htmlElement = document.documentElement; var lastState, className; var options = { padding: 20, sideWidth: 140, largeSideWidth: 240, bannerStub: sizeList[0], minBranding: OPTIONS.minBranding || sizeList[1], maxBranding: 1920, classRe: /\s*screen_(\S+)/gi, classPrefix: 'screen_' }; // ширина экрана для больших ушей, когда они полностью помещаются для самого большого экрана var widthForLargeSide = sizeList[sizeList.length - 1] + (options.largeSideWidth + options.padding) * 2; function screenSize(branding) { var windowWidth = window.innerWidth; var actualWidth = windowWidth; var sideWidth, canBranding, canBrandingStub, size, result, state; // запоминаем состояние последнего вызова, например screenSize(true) в слоте п-брендинга if (typeof branding === 'boolean') { isBranding = branding; } if (isBranding) { sideWidth = windowWidth > widthForLargeSide && options.largeSideWidth || options.sideWidth; // используем 20 отступы по бокам под брендирование if (sideWidth) { actualWidth -= (sideWidth + options.padding) * 2; } } canBranding = windowWidth >= options.minBranding && windowWidth = options.bannerStub && actualWidth < options.minBranding; // подбираем экран под окно пользователя с учетом брендинга for (var sizeNo = 1; sizeNo < sizesLength; sizeNo++) { if (actualWidth < sizeList[sizeNo]) { size = nameList[sizeNo - 1]; break; } } if (!size) { size = nameList[nameList.length - 1]; } state = [size, isBranding, canBranding, canBrandingStub, sideWidth].join(); if (lastState != state) { lastState = state; className = htmlElement.className.replace(options.classRe, '').split(' '); className.push(options.classPrefix + size); if (isBranding) { className.push(options.classPrefix + 'branding-p_need'); if (canBranding) { className.push(options.classPrefix + 'branding-p'); className.push(options.classPrefix + 'branding-p_' + sideWidth); } else if (canBrandingStub) { className.push(options.classPrefix + 'branding-p_banner-stub'); } } htmlElement.className = className.join(' '); try { window.dispatchEvent(new Event('resize')); } catch (ex) {} } } /** * Создает функцию, игнорирующую вызовы происходящие чаще заданого интервала * @param originalFn функция, частоту вызова которой необходимо ограничить * @param [timeout = 100] интервал * @param [callImmediately = false] флаг, указывающий что функция должна выполняться в начале группы вызовов * @returns {Function} */ function debounce (originalFn, timeout, callImmediately) { var timer = null; return function debounced () { var context = this, args = arguments; function delayed () { if (!callImmediately) { originalFn.apply(context, args); } timer = null; } if (timer !== null) { clearTimeout(timer); } else if (callImmediately) { originalFn.apply(context, args); } timer = setTimeout(delayed, timeout || 100); }; } screenSize(); window.screenSize = screenSize; if (window.addEventListener) { window.addEventListener("resize", debounce(screenSize), false); } else if (window.attachEvent) { window.attachEvent("onresize", debounce(screenSize)); } })(this); 500Спокойствие,
только спокойствие!

Мы делаем всё возможное, чтобы работоспособность сайта была восстановлена в ближайшее время.

.error-page__decor_rb { display: none; }var _tmr = window._tmr || (window._tmr = []); _tmr.push({id: "2886171", type: "pageView", start: (new Date()).getTime()}); (function (d, w, id) { if (d.getElementById(id)) return; var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id; ts.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//top-fwz1.mail.ru/js/code.js"; var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);}; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "topmailru-code");

15.02.2019
0 comment

ie6 ie-old">

="ru-RU" class="ie ie6 ie-old">

500

Спокойствие,
только спокойствие!

Мы делаем всё возможное, чтобы работоспособность сайта была восстановлена в ближайшее время.

ml lang="ru-RU" class="ie ie6 ie-old"> .layout { background: #fff; min-width: 980px; overflow: hidden; } .page { margin: 0; font: 14px/21px Arial, sans-serif; background: #e9eaef; } .footer { position: relative; height: 14px; padding-top: 7px; padding-bottom: 7px; border-top: 1px solid #d5d5d5; line-height: 14px; text-align: left; background: #fff; font-family: Arial, Tahoma, sans-serif; } .footer__link { display: inline; margin-right: 18px; font-size: 12px; color: #999; line-height: 14px; text-decoration: none; white-space: nowrap; cursor: pointer; } .footer__portal { padding-left: 20px; } .footer__project { position: absolute; top: 7px; right: 0; } @font-face { font-family: 'Roboto'; font-weight: 300; font-style: normal; src: url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_300.eot"); src: local('Roboto Light'), local('Roboto-Light'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_300.eot#iefix") format('embedded-opentype'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_300.woff") format('woff'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_300.ttf") format('truetype'); } @font-face { font-family: 'Roboto'; font-weight: 400; font-style: normal; src: url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_400.eot"); src: local('Roboto Regular'), local('Roboto-Regular'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_400.eot#iefix") format('embedded-opentype'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_400.woff") format('woff'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_400.ttf") format('truetype'); } @font-face { font-family: 'Roboto'; font-weight: 700; font-style: normal; src: url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_700.eot"); src: local('Roboto Bold'), local('Roboto-Bold'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_700.eot#iefix") format('embedded-opentype'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_700.woff") format('woff'), url("/bem-toolkit/blocks-desktop/font-family/_roboto/font-family_roboto_700.ttf") format('truetype'); } @font-face { font-family: 'Roboto Slab'; font-weight: 300; font-style: normal; src: url("/bem-toolkit/blocks-desktop/font-family/_robotoslab/font-family_robotoslab_300.eot"); src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url("/bem-toolkit/blocks-desktop/font-family/_robotoslab/font-family_robotoslab_300.eot#iefix") format('embedded-opentype'), url("/bem-toolkit/blocks-desktop/font-family/_robotoslab/font-family_robotoslab_300.woff") format('woff'), url("/bem-toolkit/blocks-desktop/font-family/_robotoslab/font-family_robotoslab_300.ttf") format('truetype'); } @font-face { font-family: 'Roboto Condensed'; font-weight: 700; font-style: normal; src: url("/bem-toolkit/blocks-desktop/font-family/_robotocondensed/font-family_robotocondensed_700.eot"); src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url("/bem-toolkit/blocks-desktop/font-family/_robotocondensed/font-family_robotocondensed_700.eot#iefix") format('embedded-opentype'), url("/bem-toolkit/blocks-desktop/font-family/_robotocondensed/font-family_robotocondensed_700.woff") format('woff'), url("/bem-toolkit/blocks-desktop/font-family/_robotocondensed/font-family_robotocondensed_700.ttf") format('truetype'); } .badge { background: #4c8ebc; border-left: 1px solid #6e99b7; color: #fff; padding: 2px 5px; font-weight: 700; font-size: 10px; line-height: 16px; letter-spacing: 1px; text-transform: uppercase; display: inline-block; vertical-align: middle; } .badge:first-child { border-left-width: 0; } .badge__icon { vertical-align: middle; max-height: 18px; } .badge__text { vertical-align: middle; margin-left: 5px; } .badge__text:first-child { margin-left: 0; } .badge_link { -webkit-transition: border-color, color, background 0.15s ease-in-out; -moz-transition: border-color, color, background 0.15s ease-in-out; -o-transition: border-color, color, background 0.15s ease-in-out; -ms-transition: border-color, color, background 0.15s ease-in-out; transition: border-color, color, background 0.15s ease-in-out; } .badge_link:hover { background: #4582ac; text-decoration: none; } .badge_single { -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #6e99b7; } .badge_single:first-child { border-left-width: 1px; } .badge_color_portal { background: #168de2; } .badge_gray { color: #999; border-color: #f0f0f0; background: #f0f0f0; } .badge_gray.badge_link:hover { border-color: #dcdcdc; background: #dcdcdc; } .badge_doc_pdf, .badge_red { background: #f44e4e; border-left-color: #f44e4e; } .badge_doc_doc { background: #158de2; } .shadow { position: relative; z-index: 200; } .shadow:after { content: ''; display: block; position: absolute; bottom: 40px; height: 10px; left: 4%; right: 4%; -webkit-border-radius: 35px; border-radius: 35px; -webkit-box-shadow: 0 25px 25px 20px #9f9f9f; box-shadow: 0 25px 25px 20px #9f9f9f; z-index: -1; } .shadow_narrow:after { left: 18%; right: 18%; } .shadow_full:after { left: 0; right: 0; } .shadow_full-weak:after { left: 0; right: 0; bottom: 50px; } .shadow_darker:after { -webkit-box-shadow: 0 25px 25px 20px rgba(0,0,0,0.3); box-shadow: 0 25px 25px 20px rgba(0,0,0,0.3); } .icon_realty { background-image: url("/bem/web/web.blocks/sprite/pics/realty/realty__7up.png?13f5cbd8f5d5ef6d6707dd93a80d4aec"); display: inline-block; } .icon_realty_building { width: 26px; height: 26px; line-height: 26px; background-position: 0px 0px; } .icon_realty_camera { width: 21px; height: 19px; line-height: 19px; background-position: 0px -29px; } .icon_realty_dislike { width: 20px; height: 22px; line-height: 22px; background-position: 0px -51px; } .icon_realty_favourite { width: 20px; height: 26px; line-height: 26px; background-position: 0px -76px; } .icon_realty_nav-right { width: 20px; height: 20px; line-height: 20px; background-position: 0px -105px; } .icon_realty_pen { width: 26px; height: 26px; line-height: 26px; background-position: 0px -128px; } .icon_realty_phone { width: 26px; height: 26px; line-height: 26px; background-position: 0px -157px; } .icon_realty_plus { width: 32px; height: 32px; line-height: 32px; background-position: 0px -186px; } .icon_realty_print { width: 20px; height: 20px; line-height: 20px; background-position: 0px -221px; } .icon_realty_social_share { width: 18px; height: 23px; line-height: 23px; background-position: 0px -244px; } .icon_realty_star { width: 20px; height: 18px; line-height: 18px; background-position: 0px -270px; } .icon_realty_star_active { width: 20px; height: 18px; line-height: 18px; background-position: 0px -291px; } .icon_realty_warning { width: 24px; height: 24px; line-height: 24px; background-position: 0px -312px; } .icon_map { background-image: url("/bem/web/web.blocks/sprite/pics/map/map__7up.png?e121fb794c1c3717f7452a93cfa84a49"); display: inline-block; } .icon_map_all { width: 37px; height: 44px; line-height: 44px; background-position: 0px 0px; } .icon_map_atm { width: 37px; height: 44px; line-height: 44px; background-position: 0px -47px; } .icon_map_beauty { width: 37px; height: 44px; line-height: 44px; background-position: 0px -94px; } .icon_map_children { width: 37px; height: 44px; line-height: 44px; background-position: 0px -141px; } .icon_map_cinema { width: 37px; height: 44px; line-height: 44px; background-position: 0px -188px; } .icon_map_cluster-filled { width: 20px; height: 19px; line-height: 19px; background-position: 0px -235px; } .icon_map_cluster { width: 20px; height: 19px; line-height: 19px; background-position: 0px -257px; } .icon_map_drugstore { width: 37px; height: 44px; line-height: 44px; background-position: 0px -279px; } .icon_map_education { width: 37px; height: 44px; line-height: 44px; background-position: 0px -326px; } .icon_map_mail { width: 37px; height: 44px; line-height: 44px; background-position: 0px -373px; } .icon_map_marker-filled { width: 15px; height: 19px; line-height: 19px; background-position: 0px -420px; } .icon_map_marker { width: 15px; height: 19px; line-height: 19px; background-position: 0px -442px; } .icon_map_parking { width: 37px; height: 44px; line-height: 44px; background-position: 0px -464px; } .icon_map_restaraunt { width: 37px; height: 44px; line-height: 44px; background-position: 0px -511px; } .icon_map_store { width: 37px; height: 44px; line-height: 44px; background-position: 0px -558px; } @font-face { font-family: "icon_font"; src: url("/bem/web/web.blocks/icon/_font/icon_font.eot"); font-weight: normal; font-style: normal; } @font-face { font-family: "icon_font"; src: url("/bem/web/web.blocks/icon/_font/icon_font.eot"); src: url("/bem/web/web.blocks/icon/_font/icon_font.eot?#iefix") format("embedded-opentype"), url("/bem/web/web.blocks/icon/_font/icon_font.woff") format("woff"), url("/bem/web/web.blocks/icon/_font/icon_font.ttf") format("truetype"), url("/bem/web/web.blocks/icon/_font/icon_font.svg?#icon_font") format("svg"); font-weight: normal; font-style: normal; } .icon { font-family: "icon_font"; display: inline-block; vertical-align: middle; line-height: 1; font-weight: normal; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon_arrow_down:before { content: "\c4"; } .icon_arrow_left:before { content: "\c5"; } .icon_arrow_right:before { content: "\c6"; } .icon_burger:before { content: "\c7"; } .icon_check:before { content: "\c8"; } .icon_close:before { content: "\c9"; } .icon_control_next:before { content: "\ca"; } .icon_control_previous:before { content: "\cb"; } .icon_dropdown:before { content: "\cc"; } .icon_heart:before { content: "\cd"; } .icon_less_bold:before { content: "\ce"; } .icon_marker:before { content: "\cf"; } .icon_more_bold:before { content: "\d0"; } .icon_more:before { content: "\d1"; } .icon_phone:before { content: "\d2"; } .icon_phone_fill:before { content: "\d3"; } .icon_photo:before { content: "\d4"; } .icon_share:before { content: "\d5"; } .icon_social_fb:before { content: "\d6"; } .icon_social_my:before { content: "\d7"; } .icon_social_ok:before { content: "\d8"; } .icon_social_tw:before { content: "\d9"; } .icon_social_vk:before { content: "\da"; } .icon_zoom:before { content: "\db"; } .icon_dislike:before { content: "\dc"; } .icon_favorites:before { content: "\dd"; } .icon_p-building:before { content: "\de"; } .icon_p-calculator:before { content: "\df"; } .icon_p-coins:before { content: "\e0"; } .icon_p-house:before { content: "\e1"; } .icon_p-key:before { content: "\e2"; } .icon_p-text-doc:before { content: "\e3"; } .icon_subway-line:before { content: "\e4"; } .icon_subway-constr:before { content: "\e5"; } .icon_subway-mck:before { content: "\e6"; } .icon_subway-mck-inner:before { content: "\e7"; } .icon_subway-ring-inner:before { content: "\e8"; } .icon { vertical-align: middle; display: inline-block; position: relative; z-index: 1; text-decoration: none; } .icon:hover { text-decoration: none; } .icon_social_vk, .icon_social_my { top: 3px; } .icon_social_fb, .icon_social_ok { top: -1px; } .icon_control { cursor: pointer; } .icon_disabled { cursor: default; opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; filter: alpha(opacity=48); } .icon_size_10 { font-size: 10px; height: 10px; line-height: 10px; } .icon_size_20 { font-size: 20px; height: 20px; line-height: 20px; } .icon_size_30 { font-size: 30px; height: 30px; line-height: 30px; } .icon_size_36 { font-size: 36px; height: 36px; line-height: 36px; } .icon_size_45 { font-size: 45px; height: 45px; line-height: 45px; } .icon_size_60 { font-size: 60px; height: 60px; line-height: 60px; } .icon_margin_left { margin-left: 5px; } .icon_margin_left_large { margin-left: 10px; } .icon_margin_right { margin-right: 5px; } .icon_margin_right_large { margin-right: 10px; } .icon_primary { color: #4c8ebc; } .icon_secondary { color: #6e99b7; } .icon_color_yellow { color: #ffd400; } .icon_circle { background: #4c8ebc; -webkit-border-radius: 50%; border-radius: 50%; position: relative; text-align: center; width: 50px; height: 50px; font-size: 15px; line-height: 1; } .icon_circle:before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .icon_circle_size_10 { width: 10px; height: 10px; line-height: 10px; } .icon_circle_size_18 { width: 18px; height: 18px; line-height: 18px; } .icon_circle_size_20 { width: 20px; height: 20px; line-height: 20px; } .icon_circle_size_22 { width: 22px; height: 22px; line-height: 22px; } .icon_circle_size_30 { width: 30px; height: 30px; line-height: 30px; } .icon_circle_size_60 { width: 60px; height: 60px; line-height: 60px; } .icon_circle_size_80 { width: 80px; height: 80px; line-height: 80px; } .icon_circle_border { border: 2px solid; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; } .icon_background_gray { background: #f0f0f0; } .icon_arrow-border_up, .icon_arrow-border_down { width: 0; height: 0; border: 5px solid transparent; } .icon_arrow-border_down { border-top: 5px solid #07c; border-bottom: none; } .icon_arrow-border_up { border-bottom: 5px solid #07c; border-top: none; } .icon_arrow-border_green { border-top-color: #28c75d; border-bottom-color: #28c75d; } .icon_arrow-border_red { border-top-color: #f44e4e; border-bottom-color: #f44e4e; } .icon_arrow-border_black { border-top-color: #000; border-bottom-color: #000; } .icon_color_gray { color: #bfbfbf; } .icon_color_project { color: #4c8ebc; } .icon_mortgage { width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; background: #e5e5e5; } .icon_mortgage_blue { background: #8fb8e6; } .icon_mortgage_red { background: #f2a587; } .icon_mortgage_yellow { background: #f5e286; } .icon_control_previous:before { position: relative; right: 2px; } .icon_control_next:before { position: relative; left: 2px; } .icon_social_my { top: 3px; } .icon_social_tw { top: 1px; } .icon_arrow_up, .icon_arrow_bottom { top: 3px; } .icon_arrow_down { top: 2px; } .icon_realty_plus { top: 3px; } .icon_sort_up, .icon_sort_down { width: 0; height: 0; border: 5px solid transparent; } .icon_sort_down { border-top: 5px solid #3291de; border-bottom: none; } .icon_sort_up { border-bottom: 5px solid #3291de; border-top: none; } .icon_sort_green { border-top-color: #00a444; border-bottom-color: #00a444; } .icon_sort_red { border-top-color: #ff3e3e; border-bottom-color: #ff3e3e; } .icon_sort_black { border-top-color: #000; border-bottom-color: #000; } .icon_arrow_right-poiner, .icon_arrow_left-pointer { top: 1px; } .icon_subway-line { position: relative; height: 24px; line-height: 26px; font-size: 26px; } .icon_subway-line-indent { margin-left: 14px; } .icon_subway-color_0 { color: #894e35; } .icon_subway-color_1 { color: #ed1b35; } .icon_subway-color_2 { color: #44b85c; } .icon_subway-color_3 { color: #0078bf; } .icon_subway-color_4 { color: #19c1f3; } .icon_subway-color_5 { color: #894e35; } .icon_subway-color_6 { color: #f58631; } .icon_subway-color_7 { color: #8e479c; } .icon_subway-color_8 { color: #ffcb31; } .icon_subway-color_9 { color: #a1a2a3; } .icon_subway-color_10 { color: #b3d445; } .icon_subway-color_11 { color: #79cdcd; } .icon_subway-color_12 { color: #acbfe3; } .icon_subway-color_13 { color: #f26564; } .icon_subway-color_14 { color: #f26564; } .icon_subway-color_15 { color: #58585a; } .icon_subway-color_16 { color: #f26564; } .icon_subway-color_17 { color: ; } body .link-holder:before { content: ''; background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } body .link-holder_over { position: relative; z-index: 3; } body .link-holder_over:before { top: -2px; right: -2px; bottom: -2px; left: -2px; z-index: -1; } .hidden { display: none !important; } .hidden_all { display: none !important; } .screen_small .hidden_small { display: none !important; } .screen_medium .hidden_medium { display: none !important; } .screen_large .hidden_large { display: none !important; } .link-hdr a.hdr__text .hdr__inner { border-bottom: 2px solid transparent; } .link-hdr:hover a.hdr__text .hdr__inner { border-bottom: 2px solid; } .popup-shown body { overflow: hidden; } .popup-shown .overlay { overflow-x: auto; overflow-y: scroll; } .popup-shown .layout { overflow-y: scroll; } .wrap-control:hover .control { background: #4c8ebc; color: #fff; } .animated { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .photo { display: block; position: relative; } .photo__title { font-weight: 300; font-size: 20px; line-height: 28px; display: block; } .photo__title_new:before { content: ''; display: inline-block; vertical-align: baseline; background: #ffa930; -webkit-border-radius: 50%; border-radius: 50%; width: 15px; height: 15px; margin-right: 10px; } .photo_small .photo__title_new:before { width: 10px; height: 10px; margin-right: 5px; } .photo__title_new_hidden:before { display: none; } .photo__subtitle { display: block; margin-top: 8px; font-weight: 300; font-size: 15px; line-height: 20px; } .photo__pic { display: block; width: 100%; } .photo__param { font-weight: 300; font-size: 13px; line-height: 20px; } .photo__icon { position: absolute; right: 15px; bottom: 19px; } .photo__count { position: absolute; bottom: 19px; right: 15px; text-align: center; font-weight: 700; font-size: 10px; line-height: 16px; padding: 0 1px; border: 1px solid #fff; background: rgba(0,0,0,0.5); min-width: 15px; } .photo__count:after { content: ''; position: absolute; width: 1px; height: 100%; right: -3px; top: 2px; border-right: 1px solid #fff; border-top: 1px solid #fff; } .photo__count:before { content: ''; position: absolute; height: 1px; width: 100%; left: 2px; bottom: -3px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; } .photo__inner { position: relative; display: block; height: 100%; } .photo__inner:hover .photo__action-inner { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .photo__labels { position: absolute; top: 0; left: 10px; z-index: 1; zoom: 1; } .photo__labels:after, .photo__labels:before { content: ""; display: table; } .photo__labels:after { clear: both; } .photo__label { vertical-align: top; } .photo__captions { position: absolute; bottom: 0; right: 0; left: 0; padding: 0 15px 15px; color: #fff; background: -webkit-linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); background: -moz-linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); background: -ms-linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); background: linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#cc000000', GradientType=0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .photo__captions:before { content: ''; position: absolute; left: 0; top: -15px; height: 15px; width: 100%; background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: -moz-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: -ms-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); } .ie8 .photo__captions, .ie9 .photo__captions { padding-top: 15px; } .photo__captions_icon { padding-right: 45px; } .photo__action { position: absolute; top: 0; bottom: 0; left: 0; right: 0; cursor: pointer; display: inline-block; z-index: 2; } .photo__action:before { content: ''; width: 0; height: 100%; vertical-align: middle; display: inline-block; } .photo__action_small .photo__action-inner { height: 45px; width: 45px; line-height: 45px; font-size: 17px; } .photo__action-inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 90px; width: 90px; line-height: 90px; background: #fff; background: rgba(255,255,255,0.8); font-size: 35px; color: #000; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; -webkit-box-shadow: 0px 2px 3px rgba(94,102,0,0.3); box-shadow: 0px 2px 3px rgba(94,102,0,0.3); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .photo_link { cursor: pointer; } .photo_small .photo__title { font-weight: 300; font-size: 15px; line-height: 20px; } .photo_small .photo__subtitle { font-weight: 300; font-size: 13px; line-height: 20px; } .photo_small .photo__icon, .photo_small .photo__count { bottom: 15px; } .photo_full { width: 100%; height: 100%; /* transform: scale(0.99999) - IE > 9 */ } .photo_full .photo__pic { width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 50%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0.99999); -moz-transform: scale(0.99999); -o-transform: scale(0.99999); -ms-transform: scale(0.99999); transform: scale(0.99999); } .photo_full_round .photo__pic { -webkit-border-radius: 50%; border-radius: 50%; } .photo_content .photo__pic { width: auto; cursor: pointer; max-width: 100%; display: block; margin: 0 auto; } .photo_incell .photo__pic { max-width: none; display: inline-block; vertical-align: top; width: auto; } .photo_shadow .photo__pic { -webkit-box-shadow: 0 2px 14px rgba(0,0,0,0.25); box-shadow: 0 2px 14px rgba(0,0,0,0.25); } .photo_scale { overflow: hidden; } .photo_scale .photo__pic { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .photo_scale:hover .photo__pic { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .photo_transparent { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } .photo_current.photo_transparent { opacity: 1; -ms-filter: none; filter: none; } .photo_current .photo__pic { -webkit-box-shadow: 0 2px 14px rgba(0,0,0,0.25); box-shadow: 0 2px 14px rgba(0,0,0,0.25); } .photo_action .photo__action-inner { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .photo_stroke .photo__pic { -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.12); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.12); } .photo_advert { height: 380px; background: #f1f1f1; } .photo_advert .photo__pic { -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .spring { background: #fff 50% no-repeat; } .spring_bordered { border: 1px solid #dedede; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .spring_top { height: 90px; overflow: hidden; } .spring_side { width: 240px; height: 400px; overflow: hidden; } .spring_incut { height: 200px; overflow: hidden; } .grid__item { border-left: 1px solid #fff; border-top: 1px solid #fff; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; vertical-align: top; position: relative; overflow: hidden; } .grid__item_for-banner .grid__fixer { height: 440px; } .grid__item_banner { width: 280px; border-left: 0; } .grid__item_banner .grid__fixer { border: 1px solid #d9d9d9; padding: 19px; background: #fcfdfd; margin-right: 0; } .grid__item_more { cursor: pointer; vertical-align: middle; background: #404040; text-align: center; color: #fff; -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.5) inset; box-shadow: 0 0 40px rgba(0,0,0,0.5) inset; text-decoration: underline; } .grid__item_more:hover { text-decoration: none; } .grid__item_more_bottom { vertical-align: bottom; position: relative; } .grid__item_more_bottom .grid__fixer { position: absolute; bottom: 0; width: 100%; top: auto; padding-bottom: 15px; } .grid__item_more_inverted { background: #fff; -webkit-box-shadow: none; box-shadow: none; color: #404040; } .grid__item_small { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_medium .grid__item_small { font-size: 17px; line-height: 24px; } .screen_large .grid__item_small { font-size: 17px; line-height: 24px; } .grid__item_current .grid__photo { opacity: 1; -ms-filter: none; filter: none; } .screen_small .grid__item_small_percent-16 { width: 16%; } .screen_small .grid__item_small_percent-20 { width: 20%; } .screen_small .grid__item_small_percent-25 { width: 25%; } .screen_small .grid__item_small_percent-33 { width: 33.33%; } .screen_small .grid__item_small_percent-50 { width: 50%; } .screen_small .grid__item_small_percent-60 { width: 60%; } .screen_small .grid__item_small_percent-80 { width: 80%; } .screen_small .grid__item_small_percent-100 { width: 100%; } .screen_medium .grid__item_medium_percent-16 { width: 16%; } .screen_medium .grid__item_medium_percent-20 { width: 20%; } .screen_medium .grid__item_medium_percent-25 { width: 25%; } .screen_medium .grid__item_medium_percent-33 { width: 33.33%; } .screen_medium .grid__item_medium_percent-50 { width: 50%; } .screen_medium .grid__item_medium_percent-60 { width: 60%; } .screen_medium .grid__item_medium_percent-80 { width: 80%; } .screen_medium .grid__item_medium_percent-100 { width: 100%; } .screen_large .grid__item_large_percent-16 { width: 16%; } .screen_large .grid__item_large_percent-20 { width: 20%; } .screen_large .grid__item_large_percent-25 { width: 25%; } .screen_large .grid__item_large_percent-33 { width: 33.33%; } .screen_large .grid__item_large_percent-50 { width: 50%; } .screen_large .grid__item_large_percent-60 { width: 60%; } .screen_large .grid__item_large_percent-80 { width: 80%; } .screen_large .grid__item_large_percent-100 { width: 100%; } .grid__row { position: relative; left: -1px; } .grid__row:first-child { margin-top: -1px; } .grid__row_table { display: table; width: 100%; } .grid__row_table .grid__item { display: table-cell; } .grid__row_table .grid__photo { margin-bottom: -1px; } .grid__row_infinite { position: relative; white-space: nowrap; } .grid__row_infinite .grid__item { white-space: normal; } .grid__row_sliding { -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; -o-transition: -o-transform 0.2s; -ms-transition: -ms-transform 0.2s; transition: transform 0.2s; } .screen_small .grid__row_ratio_small_4-3 .grid__item:before { padding-top: 75%; } .screen_small .grid__row_ratio_small_16-9 .grid__item:before { padding-top: 56.25%; } .screen_medium .grid__row_ratio_medium_4-3 .grid__item:before { padding-top: 75%; } .screen_medium .grid__row_ratio_medium_16-9 .grid__item:before { padding-top: 56.25%; } .screen_large .grid__row_ratio_large_4-3 .grid__item:before { padding-top: 75%; } .screen_large .grid__row_ratio_large_16-9 .grid__item:before { padding-top: 56.25%; } .grid__row_ratio .grid__fixer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .grid__row_ratio .grid__item:before { content: ''; display: block; } .grid__row_height_150 .grid__item { height: 150px; } .grid__row_height_150 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_150 .grid__photo { margin-bottom: 0; } .grid__row_height_150 .grid__fixer { height: 100%; } .grid__row_height_200 .grid__item { height: 200px; } .grid__row_height_200 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_200 .grid__photo { margin-bottom: 0; } .grid__row_height_200 .grid__fixer { height: 100%; } .grid__row_height_250 .grid__item { height: 250px; } .grid__row_height_250 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_250 .grid__photo { margin-bottom: 0; } .grid__row_height_250 .grid__fixer { height: 100%; } .grid__row_height_350 .grid__item { height: 350px; } .grid__row_height_350 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_350 .grid__photo { margin-bottom: 0; } .grid__row_height_350 .grid__fixer { height: 100%; } .grid__row_height_450 .grid__item { height: 450px; } .grid__row_height_450 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_450 .grid__photo { margin-bottom: 0; } .grid__row_height_450 .grid__fixer { height: 100%; } .grid { overflow: hidden; position: relative; font-size: 0; } .grid__fixer { position: relative; } .grid__spring { border-top: 1px solid #fff; margin-left: 1px; } .grid_border_bottom { border-bottom: 1px solid #fff; } .grid_hover:hover .grid__item_current .photo, .grid_hover:hover .photo_current { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); } .grid_hover:hover .grid__item:hover .photo_transparent:hover { opacity: 1; -ms-filter: none; filter: none; } .grid__item_width_150 { width: 150px !important; } .grid__item_map { border-right: 1px solid #fff; z-index: 2; } .grid__item_p-active { position: relative; border: 5px solid #4c8ebc; } .grid__item_p-active .grid__fixer { position: absolute; top: -4px; left: -4px; right: -5px; bottom: -5px; height: auto !important; } .grid__row_height_90 .grid__item { height: 90px; } .grid__row_height_90 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_90 .grid__item .photo { margin-bottom: 0; } .grid__row_height_90 .grid__fixer { height: 100%; } .grid__row_height_380 .grid__item { height: 380px; } .grid__row_height_380 .grid__item_more .grid__fixer { height: auto; } .grid__row_height_380 .grid__item .photo { margin-bottom: 0; } .grid__row_height_380 .grid__fixer { height: 100%; } .loader { width: 30px; height: 30px; display: inline-block; -webkit-animation: loader 850ms linear infinite; -moz-animation: loader 850ms linear infinite; -o-animation: loader 850ms linear infinite; -ms-animation: loader 850ms linear infinite; animation: loader 850ms linear infinite; } .loader_small { width: 20px; height: 20px; } .loader_small.loader_position_center { margin-top: -10px; margin-left: -10px; } .loader_medium { width: 40px; height: 40px; } .loader_medium.loader_position_center { margin-top: -20px; margin-left: -20px; } .loader_large { width: 50px; height: 50px; } .loader_large.loader_position_center { margin-top: -25px; margin-left: -25px; } .loader_button { width: 16px; height: 16px; } .loader_button.loader_position_center { margin-top: -8px; margin-left: -8px; } .loader_position_center { position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; } @-moz-keyframes loader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes loader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .overlay { overflow-x: hidden; overflow-y: scroll; position: fixed; z-index: 1600; top: 0; right: 0; bottom: 0; left: 0; height: 100%; background: #262626; background: rgba(0,0,0,0.4); display: none; } .overlay__box { display: table; width: 100%; height: 100%; } .overlay__cell { display: table-cell; height: 100%; width: 100%; text-align: center; vertical-align: middle; } .overlay__inner { white-space: nowrap; text-align: center; margin: 20px 0; } .overlay__content { display: inline-block; vertical-align: top; z-index: 10; text-align: left; white-space: normal; margin: 0 120px; } .overlay__loader { text-align: center; display: none; } .overlay__side { display: none; margin-right: 120px; vertical-align: top; position: relative; } .overlay__wrapper { position: relative; display: inline; float: left; min-width: 100%; text-align: center; height: 100%; } .overlay__close { position: absolute; z-index: 20; right: 0; top: 0; width: 20px; height: 20px; padding: 20px; font-size: 21px; line-height: 18px; text-align: center; color: #fff; } .overlay__close:hover { color: #4c8ebc; } .overlay__close_hidden { display: none; } .overlay_banner .overlay__side { display: inline-block; margin-top: 42px; } .overlay_dark { background: #262626; background: rgba(0,0,0,0.9); } .overlay_gallery .overlay__inner { margin: 20px 0; } .overlay_gallery .overlay__content { display: block; } .overlay_loading .overlay__loader { display: block; } .overlay_loading .overlay__content { display: none; } .overlay_shown { display: block; } .overlay_close_shown .overlay__close { display: block; } .overlay .popup { display: block; } .overlay_map .overlay__cell { padding: 20px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .overlay_map .overlay__inner, .overlay_map .overlay__content { width: 100%; height: 100%; margin: 0; } .pbox_list { padding-bottom: 90px; } .pbox_list .pbox__list, .pbox_list .pbox__count { display: block; } .pbox_loading { text-align: center; } .pbox_loading .pbox__inner { visibility: hidden; } .pbox_loading .pbox__switcher { visibility: visible; } .pbox_loading .pbox__loader { display: inline-block; } .pbox__info { position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.8); display: table; } .pbox__info__sub { display: table-cell; padding: 10px; font-weight: 300; font-size: 13px; line-height: 20px; color: rgba(255,255,255,0.2); } .pbox__info__sub__val { color: rgba(255,255,255,0.2); display: inline-block; white-space: nowrap; margin-right: 5px; } .pbox__info__sub_right { text-align: right; } .pbox__info__sub_right .pbox__info__sub__val { text-align: right; margin-right: 0px; margin-left: 5px; } .pbox__text { color: #c8ced3; font-weight: 300; font-size: 15px; line-height: 20px; margin-top: 10px; position: relative; } .pbox__title { color: #c8ced3; margin-top: 5px; font-weight: 300; font-size: 20px; line-height: 28px; position: relative; } .screen_medium .pbox__title { font-size: 24px; line-height: 32px; } .screen_large .pbox__title { font-size: 24px; line-height: 32px; } .pbox__note { color: #979797; font-size: 12px; margin-top: 5px; float: right; padding-left: 10px; } .pbox__note a { color: #fff; } .pbox__top { zoom: 1; margin-bottom: 15px; position: relative; z-index: 3; } .pbox__top:after, .pbox__top:before { content: ""; display: table; } .pbox__top:after { clear: both; } .pbox__count { text-align: right; max-width: 50%; color: #fff; font-weight: 300; font-size: 20px; line-height: 28px; display: none; } .screen_medium .pbox__count { font-size: 24px; line-height: 32px; } .screen_large .pbox__count { font-size: 24px; line-height: 32px; } .pbox__count__wrapper { display: inline-block; position: relative; } .pbox__count__inner { position: relative; right: -50%; } .pbox__current { font-weight: 400; } .pbox__actions { float: right; padding-left: 40px; } .pbox__action { margin-left: 20px; font-weight: 300; font-size: 13px; line-height: 20px; line-height: 30px; color: #c8cfd4; } .pbox__action:hover { color: #fff; } .pbox__switcher { width: 50%; height: 100%; position: absolute; cursor: pointer; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pbox__switcher:hover .pbox__control { background: #4c8ebc; height: 60px; width: 65px; } .pbox__switcher.pbox__switcher:hover .pbox__control_prev { -webkit-border-radius: 0 80px 80px 0; border-radius: 0 80px 80px 0; } .pbox__switcher.pbox__switcher:hover .pbox__control_next { -webkit-border-radius: 80px 0 0 80px; border-radius: 80px 0 0 80px; } .pbox__switcher_prev { left: 0; } .pbox__switcher_prev .pbox__control { -webkit-border-radius: 0 75px 75px 0; border-radius: 0 75px 75px 0; padding-right: 10px; left: 0; } .pbox__switcher_next { right: 0; } .pbox__switcher_next .pbox__control { -webkit-border-radius: 75px 0 0 75px; border-radius: 75px 0 0 75px; right: 0; padding-left: 10px; } .pbox__control { height: 55px; width: 55px; font-size: 52px; line-height: 1; padding: 40px 0; position: absolute; top: 50%; margin-top: -70px; background: #000; color: #fff; cursor: pointer; text-align: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .pbox__container:hover .pbox__switcher_next .pbox__control { background: #4c8ebc; height: 60px; width: 65px; } .pbox__photo { cursor: pointer; display: block; } .pbox__shares { position: relative; } .pbox__wrapper { position: relative; z-index: 5; } .pbox__list { position: fixed; left: 0; right: 0; bottom: 0; height: 70px; background: #0b1017; z-index: 5; display: none; } .pbox__preview { padding: 11px 5px 13px; border-top: 2px solid transparent; display: inline-block; cursor: pointer; vertical-align: top; } .pbox__preview_active { border-color: #4c8ebc; } .pbox__preview_loading { background: no-repeat 50% url("data:image/gif;base64,R0lGODlhFAAUAPYAALi4uMLCwu7u7qampujo6KCgoN7e3tzc3JqamtbW1uLi4tnZ2YSEhObm5n5+fszMzIqKinh4eJSUlK+vr8rKynJycr6+vsbGxtLS0tDQ0JCQkMDAwMTExLW1tbS0tLu7u2xsbKSkpGhoaFZWVrGxsZKSkp2dnXZ2dqmpqaurq4iIiI2NjWJiYp6enpaWlpiYmEBAQFxcXERERFBQUKKiokpKSnx8fI6Oji4uLmpqajo6OjQ0NCoqKmVlZXp6em5ubl9fX4aGhoGBgYCAgGRkZCwsLFhYWFNTU3BwcDc3N2BgYFpaWjAwMFRUVEdHR05OTkZGRj4+PjIyMnR0dDg4OEJCQjw8PExMTCkpKf///ycnJygoKPz8/OXl5fHx8fb29qysrNra2uvr69TU1L29veDg4MnJyc7OzrKysv39/fn5+fPz87Ozs/j4+PX19ezs7O3t7f7+/s/Pz/v7+62trff39/r6+tXV1fLy8vT09Ly8vOrq6sjIyPDw8CYmJv///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAB/ACwAAAAAFAAUAAAHloB+goOEhYaHiImCTQgdCIqERxtrXFlxQJB+ImFifW5wY0mQV3IGZSlPmYIDGBgRqoIyHHwSsIJTZGRVtn5CHiiKW1tahDYpLcFaW4Q9NC1UicPEgzouLiCIw8uFJytBNYY8RcKGVA5DEU1Mglg7SThYiDAVFTksI1dOUe/Th1JGRICMeAIlipR+iXBEgWFFSjxeEFUFAgAh+QQFAAB/ACwCAAIAEAAQAAAHkYB/goI1KygTLyODi381KAsKe15qdmcwjEt6D2NhCQZucVkli1UTFgEuToJXbBxViytobCKMtTohKEK1tUomLVa7jDkSK8GCfshEEAzGf8h+R0JDO8bPUicnRsFaW1qCSyAiUbXc3oJMSkoxVTyC3Ft+W4s7I01PTlFJTDzctUVVTqpY2YEDC7xgWJgwKXJwUSAAIfkEBQAAfwAsAgACAA8AEAAAB46Af4KCUDYuCBAzg4tVJQABFGMGXQFGi08mdB4fj2ENfW8ngjolBSFDVoQDcHZeMX8VJRKWi39CdVkcOwwQObWDKHk0TzZDSb+DRX9HU0jItU85Pc+LMCwsONSCRUZGMs9+4X8yM1dSv+HiPDIyVTtbgn6D8ttWOklSPFtbWvz0gluYMCnCrx81LQj51QoEACH5BAUAAH8ALAIAAgAQABAAAAeXgH+Cgjo9NkJTMoOLf1QnLjQpHmQcA1eMMA4rLi0tKGR8GHIig1IVQ0EgVIJVEhgGYUeCRhURNYx/EWViG384RDlNuIIpfWtNUUAsTMN/T25cCDAjI82CcFkdVk+X1mNxCFJQTljWSUB/WFFRO9aLUklJPO6CWjg4RVt+g377jFpYtmjZsuVPv364/BDUMvCgtX0C/S0KBAAh+QQFAAB/ACwCAAIAEAAQAAAHloB/goI7Rz05LFaDi39MMSdCEBImITcyjDtKICdDkS0oaCQxg0UjSiIjO4I6DmwWZFeCVU1LUYx/PRsPKX9YTk9Vt4ISYwtPTFVOPMJ/UGEKN0xWtsx/d3soRTtJ1X8GXhNbOExazFdfagh+WDxbzGxxdiN/W1r1whxZD4J+W/3ljKKsoCaonj8/froJ0oIwocI/DYUFAgAh+QQFAAB/ACwCAAIAEAAQAAAHnYB/goJFOjI1UEyDi39YOjVNMT0gUz1JjFhUVVdNRixIPkJCToNaTFQwOjyCUkBBGjdWglg4STiMf0cSJgx/flhFRbiCUyEDVVpaWFrDf1Z0aBVbWlvNgmAfKtPV1h0cN8lbfs1QD2dDf1vizS0LYzW+fvK4Q2UKHoPj84IzaHBwBmbkkzfuTwkuadoQ+IFr34AsdiiMsEbIwcRFgQAAIfkEBQAAfwAsAgACABAAEAAAB5eAf4KCWkU7SUlFg4t/fjxSOjBOMyNPTIxaWIZWMDUjMSxEOoN+W4U4W4JFNSJIPzuCpqaMfzInNiKxWqm0f0pBKkl/W1t+vX87NyUxxlrHghoISH7Uz38IISfUxsdRE3Qgjdy9KgAeVdZ/SAEBCLRasH9XNBhyG060G2l7CgQKBw9Y9BqTJU2dPg06PDnmBAEbEi4WLgoEACH5BAUAAH8ALAIAAgAQABAAAAeQgH+Cgn5aWzw8W4OLgluOPExJOlQ8jH9bWoZFO1ZVTjVSlo5+glhUT0dHOISWg0lLQDOEfqStNSIiUrS1rThIFVd/tK2DFT4xxIwODCzJrjcrS86CFQgSVtRyEJZKITRCgxdZah1HmTIQaBM0MIM/Alx5e2MUDxxkdCOMMxx9cF1hMPAxAYXYlRU0TAiRwSgQACH5BAUAAH8ALAIAAgAQABAAAAeVgH+Cg4JbWn6EiYhajFpYWFqKfn5bf1tbWEU4TFiEk5ODWkVJVFSdgp+JfzgwVTqqsDpXNUWwiTxNTa+2hEYxMkUoJbx/LD01Q1lcM7ZSSCBQI3ZpbLZAPlNMf2ZtcEKqR0FCPYJNBHBlBU6TVicSGkJJhAYKCw8dYHQhJjdQiU9oxpzh8AHNACFWbDlxsCIIEhiJAgEAIfkEBQAAfwAsAgACABAAEAAAB5SAf4KDfoWDh4iFfn9bjYuIgopaW1qTWpCJjVpYj5iDWkVFPH9OYwGXmDg7UloIWWk7nltWOkVsaXuegjAwOyR1Crp/NU5JEn0EV55FIzNJTw0KNJ41MSNFfx0HGRWQMiIsT4JPD3IBKlGCSUonSERMgywbAQATCBo3QTZIOohOCB7ohEBQQoWIWJhggJiCJEYSRIEAACH5BAUAAH8ALAIAAgAQABAAAAeQgH+Cg4N+hIeHfoqGh0h8EYWKiE0CWWOJgluDHFxtKoh/W1qaNX15HaCho343b3tHqX5Yoi1dl6l/RTxbL2EUuH87TDxDGA81qVhWSTxVFxw3qTpVVpoIZGw9iElPTlSCMGATAyc6gkxXS0c1PINHBTQIGg5TSCJAR1KHOg4SKww+KoiYgSNVkhFAltRgcigQACH5BAUAAH8ALAIAAgAQABAAAAeYgH+CgiNDOIOIiCMUc1koiYk/BG1cXBKDfpmDMwZwcGgziJl+g2wKZUOQo6ROYwsFkIJ+W4IOZw9QsYJbWn8rHB26u71BH2DCf7xbSGh0VrpaWFpaMAMhJ7pFRVikQiYSR5A4SThYglY3GkFKUoJFOjBUTL2CUEJCPkgsS01XVVTmEO3oMQVEjxhNaugICIkJlBoydPBIFAgAOw=="); min-width: 30px; min-height: 45px; } .pbox__preview__pic { height: 45px; } .pbox__previews { text-align: center; overflow: hidden; white-space: nowrap; position: relative; font-size: 0; } .pbox__previews__inner { position: relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; display: inline-block; } .pbox__loader { display: none; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; position: absolute; } .share { margin-left: 15px; display: inline-block; -webkit-border-radius: 18px; border-radius: 18px; position: relative; vertical-align: middle; -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; cursor: pointer; } .share__button { min-width: 36px; height: 36px; display: inline-block; position: relative; z-index: 7; vertical-align: middle; text-align: center; color: #fff; line-height: 33px; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .share__text { font-weight: 700; font-size: 10px; line-height: 16px; text-transform: uppercase; margin-left: 8px; vertical-align: middle; } .screen_small .share__text { display: none; } .share:first-child { margin-left: 0; } .share_ok { background: #ff7200; } .share_ok:hover { background: #eb6900; } .share_ok .share__button { font-size: 17px; } .share_my { background: #117eda; } .share_my:hover { background: #1074c9; } .share_my .share__button { font-size: 20px; } .share_fb { background: #0561af; } .share_fb:hover { background: #0559a1; } .share_fb .share__button { font-size: 18px; } .share_vk { background: #4d75a2; } .share_vk:hover { background: #476c95; } .share_vk .share__button { font-size: 18px; } .share_tw { background: #00bff3; } .share_tw:hover { background: #00b0e0; } .share_tw .share__button { font-size: 16px; } .share_rss { background: #ffba00; } .share_rss:hover { background: #ebab00; } .share_rss .share__button { font-size: 16px; } .share:hover { text-decoration: none; } .share_small { margin: 4px; } .share_scaling:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; -o-transition: -o-transform 0.2s; -ms-transition: -ms-transform 0.2s; transition: transform 0.2s; } .share_scaling:hover .share__button { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .share_gray { background: #bebebe; } .share_gray.share_ok:hover { background: #ff7200; } .share_gray.share_my:hover { background: #117eda; } .share_gray.share_fb:hover { background: #0561af; } .share_gray.share_vk:hover { background: #4d75a2; } .share_gray.share_tw:hover { background: #00bff3; } .share_gray.share_rss:hover { background: #ffba00; } .share_footer { color: #000; border: 2px solid; -webkit-border-radius: 20px; border-radius: 20px; background: none !important; } .share_footer .share__button { color: #000; } .share_no-cursor { cursor: default; } .share_square { -webkit-border-radius: 3px; border-radius: 3px; } .sharelist__text { vertical-align: middle; display: inline-block; margin-right: 20px; color: #808080; } .sharelist__items { display: inline-block; vertical-align: middle; } .sharelist__item { display: inline-block; } .sharelist_inline { display: inline-block; vertical-align: middle; } .sharelist__count { display: inline-block; font-weight: 700; font-size: 17px; line-height: 24px; height: 40px; line-height: 40px; padding-right: 20px; margin-right: 20px; border-right: 2px solid #e6e6e6; vertical-align: middle; } .sharelist__count + .share { margin-left: 0; } .sharelist_bordered .share { background: none; } .sharelist_bordered .share_small_round .share__button { line-height: 21px; } .sharelist_bordered .share__inner { display: none; } .sharelist_bordered .share__button { border: 2px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: border-color 0.3s ease-in-out; -moz-transition: border-color 0.3s ease-in-out; -o-transition: border-color 0.3s ease-in-out; -ms-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; line-height: 30px; padding: 0 6px; } .sharelist_bordered .share_ok:hover { background: #ff7200; } .sharelist_bordered .share_ok:hover .share__button { border-color: #ff7200; } .sharelist_bordered .share_my:hover { background: #117eda; } .sharelist_bordered .share_my:hover .share__button { border-color: #117eda; } .sharelist_bordered .share_fb:hover { background: #0561af; } .sharelist_bordered .share_fb:hover .share__button { border-color: #0561af; } .sharelist_bordered .share_vk:hover { background: #4d75a2; } .sharelist_bordered .share_vk:hover .share__button { border-color: #4d75a2; } .sharelist_bordered .share_tw:hover { background: #00bff3; } .sharelist_bordered .share_tw:hover .share__button { border-color: #00bff3; } .sharelist_bordered .share_rss:hover { background: #ffba00; } .sharelist_bordered .share_rss:hover .share__button { border-color: #ffba00; } .sharelist_bordered .share_square .share__button { line-height: 24px; -webkit-border-radius: 3px; border-radius: 3px; } .sharelist_bordered .share .icon_social_my { left: -1px; } .sharelist_bordered_dark .share__button { border-color: #000; color: #000; } .sharelist_media { position: absolute; top: 10px; left: 10px; z-index: 100; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .sharelist_media .sharelist__items { margin: 0; } .sharelist_media .share { display: block; margin: 10px 0 0; position: relative; background: #000; } .sharelist_media .share:first-child { margin: 0; } .sharelist_media .share_ok:hover { background: #ff7200; } .sharelist_media .share_my:hover { background: #117eda; } .sharelist_media .share_fb:hover { background: #0561af; } .sharelist_media .share_vk:hover { background: #4d75a2; } .sharelist_media .share_tw:hover { background: #00bff3; } .sharelist_media .share_rss:hover { background: #ffba00; } .sharelist_media .share__button { width: 28px; min-width: 28px; height: 28px; line-height: 25px; position: relative; padding: 0; } .sharelist_media .share_my { font-size: 17px; } .sharelist_media .share__inner { position: absolute; right: 40px; line-height: 28px; } .sharelist_media .share__count { color: #fff; margin: 0; } .sharelist_media .share__count:before, .sharelist_media .share__count:after { content: none; } .screen_large .sharelist_media .share__count .share__count { border: 0; } .screen_medium .sharelist_media .share__count .share__count { border: 0; } .screen_small .sharelist_media .share__count .share__count { border: 0; } .sharelist_media .share__like { display: none; } .sharelist_media .share:hover .share__inner { padding: 0; } .sharelist_justify { margin: 0 -10px; } .sharelist_justify .sharelist__text { display: block; margin-left: 10px; color: #000; font-weight: 700; font-size: 15px; line-height: 20px; } .screen_medium .sharelist_justify .sharelist__text { font-size: 17px; line-height: 24px; } .screen_large .sharelist_justify .sharelist__text { font-size: 17px; line-height: 24px; } .sharelist_justify .sharelist__items { display: table; width: 100%; text-align: center; table-layout: fixed; border-spacing: 10px; } .sharelist_justify .sharelist__count { display: table-cell; padding: 0; margin: 0; border: none; background: #f0f0f0; -webkit-border-radius: 3px; border-radius: 3px; } .sharelist_justify .sharelist__item { display: table-cell; height: 40px; vertical-align: middle; } .sharelist_compact .sharelist__items { margin-left: 0; } .sharelist_compact .share__inner { display: none; } .sharelist_vertical { position: absolute; left: -38px; } .sharelist_vertical .sharelist__items { margin: 0; } .sharelist_vertical .share { display: block; margin: 10px 0 0; position: relative; } .sharelist_vertical .share__button { min-width: 28px; height: 28px; line-height: 25px; position: relative; padding: 0; } .sharelist_vertical .share__button:before { line-height: 28px; font-size: 15px; } .sharelist_vertical .share_vk .share__button:before { font-size: 13px; } .sharelist_vertical .share__inner { position: absolute; right: 35px; top: -3px; } .sharelist_vertical .share__count { background: none; color: #787b80; padding: 6px 0; margin: 0; } .sharelist_vertical .share__count:before, .sharelist_vertical .share__count:after { content: none; } .screen_large .sharelist_vertical .share .share__count { border: 0; } .screen_medium .sharelist_vertical .share .share__count { border: 0; } .screen_small .sharelist_vertical .share .share__count { border: 0; } .sharelist_vertical .share__like { display: none; } .sharelist_vertical .share:hover { padding: 3px; margin: 7px -3px -3px; } .sharelist_vertical .share:hover .share__count { background: none; color: #fff; } .sharelist_vertical .share:hover .share__inner { padding-right: 0; right: 38px; top: 0; } .line { height: 8px; background: #4c8ebc; position: relative; } .line_opaque { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .line_separator { height: 1px; background: #e5e5e5; border: none; } .line_separator_dark { background: #434343; } .line_stretch { background: none; border: 0; } .line_stretch:after { content: ''; position: absolute; width: 10000px; margin-left: -5000px; left: 50%; top: 0; height: 7px; background: #4c8ebc; border-top: 1px solid #6e99b7; } .link { display: inline-block; vertical-align: middle; } .link__ending { vertical-align: middle; display: inline-block; color: #a0a0a0; } .link_icon { white-space: nowrap; } .link_icon .link__text { display: inline-block; white-space: normal; vertical-align: middle; } .link_dashed .link__text { border-bottom: 1px dashed; } .link_dashed:hover { text-decoration: none; } .link_dashed:hover .link__text { text-decoration: none; border-bottom-color: transparent; } .link_dashed_hover:hover { text-decoration: none; } .link_dashed_hover:hover .link__text { text-decoration: dashed; } .link_dotted .link__text { border-bottom: 1px dotted; } .link_dotted:hover { text-decoration: none; } .link_dotted:hover .link__text { text-decoration: none; border-bottom-color: transparent; } .link_dotted_hover:hover { text-decoration: none; } .link_dotted_hover:hover .link__text { text-decoration: dotted; } .link_underline .link__text { border-bottom: 1px solid; } .link_underline:hover { text-decoration: none; } .link_underline:hover .link__text { text-decoration: none; border-bottom-color: transparent; } .link_underline_hover:hover { text-decoration: none; } .link_underline_hover:hover .link__text { text-decoration: underline; } .link_black { color: #000; } .link_block { display: block; } .link_inline { display: inline; } .link_pointer { cursor: pointer; } .link_font_small { font-weight: 300; font-size: 13px; line-height: 20px; } .link_font_large { font-weight: 300; font-size: 17px; line-height: 24px; } .link_button { display: inline-block; vertical-align: top; line-height: 1.2; padding: 5px 9px; margin: 0 4px; cursor: pointer; color: #000; border: 1px solid transparent; -webkit-border-radius: 3px; border-radius: 3px; } .link_button:hover { background: #fff; border-color: #000; text-decoration: none; } .link_button_active, .link_button_active:hover { cursor: default; color: #000; background-color: #fafafa; border-color: #000; } .link_special { color: #f59608; } .link_counters .link__ending { font-size: 13px; } .link_breakin_flat { font-weight: 300; font-size: 15px; line-height: 20px; } .card { background: #fff; border: 1px solid #dedede; -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.04); box-shadow: 0 2px 0 0 rgba(0,0,0,0.04); /* Для фиксированных оберток */ height: 100%; -webkit-border-radius: 2px; border-radius: 2px; } .card__inner { padding: 10px; } .card__text { display: block; margin: 10px 0; } .card__title { font-weight: 300; font-size: 17px; line-height: 24px; display: block; } .card__title:visited { color: #7ca4cc; } .card_horizontal { display: table; width: 100%; } .card_horizontal .card__img { width: 180px; } .card_horizontal .card__img, .card_horizontal .card__inner { display: table-cell; vertical-align: top; } .card_horizontal_half .card__img { width: 50%; } .card_large .card__inner { padding: 20px 40px 10px; } .card_large .card__title { font-weight: 300; font-size: 20px; line-height: 28px; } .screen_medium .card_large .card__title { font-size: 24px; line-height: 32px; } .screen_large .card_large .card__title { font-size: 24px; line-height: 32px; } .card_large .card__text { font-weight: 300; font-size: 17px; line-height: 24px; } .card_clean { border: 0; -webkit-box-shadow: none; box-shadow: none; } .card_height_440 { height: 440px; } .card_fixed { overflow: hidden; position: relative; } .card_fixed .card__links { position: absolute; background: #fff; right: 0; bottom: 0; left: 0; padding: 0 10px 10px; } .card_fixed .card__links:before { content: ''; width: 100%; height: 30px; background: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff); background: -moz-linear-gradient(top, rgba(255,255,255,0), #fff); background: -o-linear-gradient(top, rgba(255,255,255,0), #fff); background: -ms-linear-gradient(top, rgba(255,255,255,0), #fff); background: linear-gradient(to bottom, rgba(255,255,255,0), #fff); position: absolute; top: -30px; left: 0; } .card_fixed:before { content: ''; width: 100%; height: 30px; background: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff); background: -moz-linear-gradient(top, rgba(255,255,255,0), #fff); background: -o-linear-gradient(top, rgba(255,255,255,0), #fff); background: -ms-linear-gradient(top, rgba(255,255,255,0), #fff); background: linear-gradient(to bottom, rgba(255,255,255,0), #fff); position: absolute; bottom: 0; left: 0; } .nat { display: table; table-layout: fixed; width: 100%; border: 1px solid #dedede; background: #fff; -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.04); box-shadow: 0 2px 0 0 rgba(0,0,0,0.04); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nat__item { display: table-cell; border-left: 1px solid #dedede; vertical-align: middle; color: #000; } .nat__item:first-child { border-left: 0; } .nat__item:hover { text-decoration: none; } .nat__item:hover .nat__text { text-decoration: underline; } .nat__image { display: table-cell; width: 1px; white-space: nowrap; line-height: 0; vertical-align: middle; } .nat__info { display: table-cell; vertical-align: middle; padding: 10px; } .nat__title { text-transform: uppercase; font-weight: 700; font-size: 10px; line-height: 16px; } .nat__text { font-weight: 300; font-size: 17px; line-height: 24px; } .nat_noborder { border: 0; -webkit-box-shadow: none; box-shadow: none; } .scroll { position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; width: 6px; } .scroll__track { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; } .scroll__track__box { position: absolute; width: 100%; height: 0; } .scroll__track__drag { position: relative; z-index: 5; width: 100%; height: 100%; cursor: pointer; background: rgba(0,0,0,0.12); -webkit-border-radius: 3px; border-radius: 3px; } .scroll__track__drag-wrap { position: absolute; min-height: 25px; height: 0; width: 100%; } .scroll_horizontal { top: inherit; left: 0; width: auto; height: 6px; } .scroll_horizontal .scroll__track { width: auto; top: inherit; left: 0; height: 100%; } .scroll_horizontal .scroll__track__box { width: 0; height: 100%; } .scroll_horizontal .scroll__track__drag { height: 100%; width: auto; } .scroll_horizontal .scroll__track__drag-wrap { min-width: 25px; min-height: 0; height: 100%; width: 0; } .scroll_light .scroll__track__drag { background: rgba(255,255,255,0.48); } .scroll_map { top: 130px; right: -13px; bottom: 10px; } .form-field { display: table; width: 100%; table-layout: fixed; } .form-field__label { display: table-cell; padding: 10px 20px 0 0; vertical-align: top; width: 180px; min-width: 180px; } .form-field__label_width_narrow { width: 100px; min-width: 100px; } .form-field__label_valign_middle { vertical-align: middle; padding-top: 0; } .form-field__inner { display: table-cell; vertical-align: top; width: 99%; } .form-field__required { color: #fe4a4a; vertical-align: baseline; position: relative; font-size: 1.2em; line-height: 1; bottom: 0.6ex; margin-left: 3px; } .form-field__error { display: none; margin-top: 10px; color: #fe4a4a; } .form-field_error .form-field__error, .error .form-field__error, .input_error + .form-field__error, .error + .form-field__error { display: block; } .form-field_vertical .form-field__label { padding-bottom: 10px; } .form-field_vertical .form-field__label, .form-field_vertical .form-field__inner { display: block; } .input { position: relative; color: #000; } .input__pre, .input__after { position: relative; z-index: 5; } .input__decorator { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #e0e0e0; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 2px rgba(0,0,0,0.04); box-shadow: inset 0 2px rgba(0,0,0,0.04); background: #fff; } .input__inner { position: relative; outline: none; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .input__tags { overflow: hidden; white-space: nowrap; position: relative; z-index: 5; } .input__tags-inner { float: right; } .input__tags + .input__container { -webkit-flex-basis: 100px; flex-basis: 100px; min-width: 100px; } .input__container { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; display: block; overflow: hidden; } .input__field { width: 100%; border: 0; outline: none; padding: 11px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; background: none; position: relative; z-index: 2; font-weight: 300; } .input__field:focus + .input__decorator { -webkit-box-shadow: 0 2px rgba(0,0,0,0.04); box-shadow: 0 2px rgba(0,0,0,0.04); } .input__field:focus + .input__decorator:after { border: 0; } .input__field::-ms-clear { display: none; } .input__field_error + .input__decorator { border-color: #ff3e2a; background: #fffcfc; } .input__icon { position: relative; z-index: 2; padding: 8px 0; font-size: 20px; color: #000; display: block; float: left; } .input__suggest { display: none; overflow: hidden; position: absolute; margin-top: 5px; left: 0; z-index: 1200; width: auto; min-width: 200px; background: #fff; border: 1px solid #e0e0e0; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px rgba(0,0,0,0.04); box-shadow: 0 2px rgba(0,0,0,0.04); } .input__suggest__item { display: block; padding: 10px; cursor: pointer; border-top: 1px solid #e5e5e5; border-bottom: 1px solid transparent; text-decoration: none; color: #000; } .input__suggest__item:first-child { border-top-color: transparent; } .input__suggest__item_active, .input__suggest__item:hover { text-decoration: none; background: #70a5c9; border-color: #659ec5; color: #fff; } .input_icon_left .input__icon { padding-left: 10px; } .input_icon_right .input__icon { padding-right: 10px; } .input_textarea .input__field { height: 90px; padding: 12px 15px; } .input_textarea .input__icon { vertical-align: top; } .input_textarea_large .input__field { height: 210px; } .input_textarea_medium .input__field { height: 120px; } .input_error .input__field + .input__decorator, .input.error .input__field + .input__decorator, .form-field_error .input .input__field + .input__decorator, .error .input .input__field + .input__decorator { border-color: #ff3e2a; background: #fffcfc; } .tag { display: inline-block; vertical-align: middle; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .tag__input { width: 0; height: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .tag__inner { background: #f0f0f0; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; padding: 4px 8px; } .tag__left { padding-right: 8px; display: inline-block; vertical-align: middle; } .tag__text, .tag__ending { vertical-align: middle; } .tag__ending { margin-left: 8px; color: #a6a6a6; } .tag__close { margin-left: 12px; font-size: 16px; color: #999; cursor: pointer; float: right; position: absolute; top: 50%; right: 8px; margin-top: -10px; } .tag_close .tag__inner { padding-right: 27px; } .tag_check { cursor: pointer; } .tag_check .tag__inner { background: none; } .tag_check .tag__text { text-decoration: underline; } .tag_check .tag__close { visibility: hidden; } .tag_check .tag__input:checked + .tag__inner { background: #f0f0f0; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; } .tag_check .tag__input:checked + .tag__inner .tag__text { text-decoration: none; } .tag_check .tag__input:checked + .tag__inner .tag__close { visibility: visible; } .tag_check:hover .tag__text { text-decoration: none; } .tag_check.tag_color_project .tag__input:checked + .tag__inner { background: #4c8ebc; } .tag_check.tag_color_project .tag__input:checked + .tag__inner .tag__left, .tag_check.tag_color_project .tag__input:checked + .tag__inner .tag__text, .tag_check.tag_color_project .tag__input:checked + .tag__inner .tag__count, .tag_check.tag_color_project .tag__input:checked + .tag__inner .tag__close { color: #fff; } .tag__input { display: block; } .tag_bold .tag__text { font-weight: 700; } .tag_station .tag__text { font-size: 13px; line-height: 20px; } .input_large .input__field { font-weight: 300; font-size: 17px; line-height: 24px; line-height: 28px; } .screen_medium .input_large .input__field { font-size: 20px; line-height: 28px; } .screen_large .input_large .input__field { font-size: 20px; line-height: 28px; } .suggest { display: none; overflow: hidden; position: absolute; margin-top: 5px; left: 0; z-index: 1200; min-width: 100%; background: #fff; border: 1px solid #e0e0e0; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,0.16); box-shadow: 0 4px 20px 0 rgba(0,0,0,0.16); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .suggest__inner { overflow: hidden; padding: 10px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .suggest__block { position: relative; margin-top: 10px; } .suggest__block:after { content: ''; position: absolute; top: 0; left: 0; right: 0; border-top: 1px solid #e5e5e5; } .suggest__block:first-child { margin-top: 0; } .suggest__block:first-child:after { content: none; } .suggest__title { font-weight: 700; font-size: 10px; line-height: 16px; text-transform: uppercase; padding-top: 10px; border-top: 1px solid #e5e5e5; } .suggest__block .suggest__title, .suggest__title:first-child { padding-top: 0; border: 0; } .suggest__item { display: block; padding: 10px 15px; margin: 0 -15px; cursor: pointer; position: relative; color: #000; } .suggest__item:first-child { border-top-color: transparent; } .suggest__item_active, .suggest__item:hover { background: rgba(0,0,0,0.04); } .suggest__item-title { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_medium .suggest__item-title { font-size: 17px; line-height: 24px; } .screen_large .suggest__item-title { font-size: 17px; line-height: 24px; } .suggest__item-title:hover { text-decoration: none; } .suggest__item-subtitle { font-weight: 300; font-size: 13px; line-height: 20px; } .suggest__scroll { position: absolute; right: 2px; top: 2px; bottom: 2px; } .suggest_active { display: block; } .suggest_scrollable .suggest__inner { max-height: 240px; } .dropdown { position: relative; z-index: 100; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 40px; color: #000; -webkit-transition: z-index 0.3s cubic-bezier(1, 0.04, 1, 0.03); -moz-transition: z-index 0.3s cubic-bezier(1, 0.04, 1, 0.03); -o-transition: z-index 0.3s cubic-bezier(1, 0.04, 1, 0.03); -ms-transition: z-index 0.3s cubic-bezier(1, 0.04, 1, 0.03); transition: z-index 0.3s cubic-bezier(1, 0.04, 1, 0.03); } .dropdown__field { background: #fff; border: 1px solid #dedede; -webkit-border-radius: 4px; border-radius: 4px; padding: 7px 40px 7px 15px; height: 100%; line-height: 24px; cursor: pointer; position: relative; display: block; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.2s ease-in-out; -moz-transition: border-color 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out; -ms-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; } .dropdown__text { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; display: inline-block; width: 100%; } .dropdown__label { margin-right: 5px; color: #999; } .dropdown__icon { opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; filter: alpha(opacity=48); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; position: absolute; height: 100%; right: 15px; top: 0; } .dropdown__icon:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .dropdown__box { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); visibility: hidden; -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; -webkit-transition-property: opacity, -webkit-transform, visibility; -moz-transition-property: opacity, -moz-transform, visibility; -o-transition-property: opacity, -o-transform, visibility; -ms-transition-property: opacity, -ms-transform, visibility; transition-property: opacity, transform, visibility; position: absolute; left: 0; top: 100%; min-width: 200px; width: 100%; } .dropdown__select { display: none; } .dropdown:hover .dropdown__field, .dropdown_active .dropdown__field { border-color: rgba(0,0,0,0.24); } .dropdown:hover .dropdown__icon, .dropdown_active .dropdown__icon { opacity: 1; -ms-filter: none; filter: none; } .dropdown_active { z-index: 1200; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .dropdown_active .dropdown__box { opacity: 1; -ms-filter: none; filter: none; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .dropdown_inline { display: inline-block; vertical-align: middle; } .dropdown_scrollable .dropdown__scroll { max-height: 240px; } .dropdown_error .dropdown__field, .dropdown.error .dropdown__field, .dropdown_error:hover .dropdown__field, .dropdown.error:hover .dropdown__field { border-color: #f44e4e; } .dropdown_disabled .dropdown__field, .dropdown_disabled.dropdown_active .dropdown__field, .dropdown_disabled:hover .dropdown__field, .dropdown_disabled.dropdown_active:hover .dropdown__field { cursor: default; border-color: #dedede; opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; filter: alpha(opacity=48); } .dropdown_disabled .dropdown__field .dropdown__icon, .dropdown_disabled.dropdown_active .dropdown__field .dropdown__icon, .dropdown_disabled:hover .dropdown__field .dropdown__icon, .dropdown_disabled.dropdown_active:hover .dropdown__field .dropdown__icon { opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; filter: alpha(opacity=48); } .dropdown__field_disabled, .dropdown:hover .dropdown__field_disabled { cursor: default; border-color: #dedede; opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; filter: alpha(opacity=48); } .dropdown__field_disabled .dropdown__icon, .dropdown:hover .dropdown__field_disabled .dropdown__icon { opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; filter: alpha(opacity=48); } .button { border: 1px solid #d3d3d3; background: #f0f0f0; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; color: #000; cursor: pointer; position: relative; -webkit-box-shadow: 0 2px rgba(0,0,0,0.04); box-shadow: 0 2px rgba(0,0,0,0.04); vertical-align: middle; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 40px; padding: 7px 15px; -webkit-transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; -ms-transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; text-align: center; font-weight: 400; font-size: 15px; line-height: 20px; } .screen_small .button { line-height: 23px; } .screen_medium .button { line-height: 23px; } .screen_large .button { line-height: 23px; } .button__inner { display: inline-block; vertical-align: top; } .button__text, .button__ending { vertical-align: middle; display: inline-block; } .button__text_hidden { display: none; } .button__ending { margin-left: 4px; color: #bbb; } .button__icon_left { margin-right: 12px; } .button__icon_right { margin-left: 12px; } .button__loader { display: none; position: absolute; left: 50%; top: 50%; text-align: center; margin-top: -8px; margin-left: -8px; line-height: 16px; } .button:hover { background: #e6e6e6; } .button:active { top: 1px; } .button_active { background: #ddd; } .button_toggle .button__text { display: none; } .button_toggle .button__text_hidden { display: inline-block; } .button_color_project { border: 1px solid #3f7ea9; background: #4c8ebc; color: #fff; } .button_color_project:hover { background: #4488b6; } .button_color_dark { background: rgba(0,0,0,0.88); border-color: rgba(0,0,0,0.88); color: #fff; } .button_color_dark:hover { background: #000; } .button_opaque { background: transparent; border: 2px solid #fff; line-height: 25px; color: #fff; } .button_opaque:hover { background: #4c8ebc; border-color: #4c8ebc; color: #fff; } .button_opaque.button_color_project { border-color: #4c8ebc; color: #fff; } .button_opaque.button_color_project:hover { color: #fff; } .button_loading .button__loader { display: block; } .button_loading .button__inner { visibility: hidden; } .button_full { width: 100%; } .button_nowrap { white-space: nowrap; } .button_width_fixed { width: 125px; } .button_color_white { background: #fff; } .button_color_white:hover { background: #f0f0f0; } .input-group { display: table; width: 100%; } .input-group__item { display: table-cell; vertical-align: middle; } .input-group__item .input__decorator { -webkit-border-radius: 0; border-radius: 0; border-left-width: 0; } .input-group__item .dropdown__field { border-left-width: 0; -webkit-border-radius: 0; border-radius: 0; } .input-group__item .button { border-left-width: 0; -webkit-border-radius: 0; border-radius: 0; } .input-group__item:first-child .input__decorator { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; border-left-width: 1px; } .input-group__item:first-child .dropdown__field { border-left-width: 1px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .input-group__item:first-child .button { border-left-width: 1px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .input-group__item:last-child .input__decorator { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-group__item:last-child .dropdown__field { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .input-group__item:last-child .button { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .input-group__item_percent-50 { width: 50%; } .input-group_inline { display: inline-block; vertical-align: middle; } .input-group_inline .input-group__item { display: inline-block; vertical-align: top; } .input-group_fixed { table-layout: fixed; } .popup__icon { display: table-cell; width: 1px; white-space: nowrap; border-right: 1px solid #ebebeb; background: #fafafa; vertical-align: top; padding: 28px 19px; font-size: 15px; line-height: 15px; } .popup__wrapper { display: table-cell; vertical-align: top; } .popup__block { padding: 20px; border-top: 1px solid #ebebeb; position: relative; } .popup__block:first-child { border: 0; } .popup__block_bar { padding: 0; } .popup__block_dark { background: #fafafa; } .popup__item { display: table-cell; border-left: 1px solid #ebebeb; padding: 0 20px; font-weight: 700; font-size: 20px; line-height: 28px; width: 99%; } .screen_medium .popup__item { font-size: 24px; line-height: 32px; } .screen_large .popup__item { font-size: 24px; line-height: 32px; } .popup__item:focus { outline: none; } .popup__item:first-child { border-left: 0; } .popup__item_link { -webkit-transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out; color: #000; width: 1px; white-space: nowrap; } .screen_small .popup__item_link { font-weight: 300; font-size: 20px; line-height: 28px; } .screen_medium .popup__item_link { font-weight: 300; font-size: 20px; line-height: 28px; } .screen_large .popup__item_link { font-weight: 300; font-size: 20px; line-height: 28px; } .popup__item_link:hover, .popup__item_link.popup__item_active { background: #4c8ebc; color: #fff; text-decoration: none; border-color: #3a729a; } .popup__item_link .popup__item-text, .popup__item_link .popup__item .icon { line-height: 75px; } .popup__title { padding: 0 30px 10px 0; margin-bottom: 20px; border-bottom: 1px solid #ebebeb; font-weight: 700; font-size: 20px; line-height: 28px; } .screen_medium .popup__title { font-size: 24px; line-height: 32px; } .screen_large .popup__title { font-size: 24px; line-height: 32px; } .popup__close { position: absolute; right: 20px; font-size: 13px; top: 27px; cursor: pointer; padding: 5px; -webkit-border-radius: 50%; border-radius: 50%; } .popup__close:hover { background: #000; color: #fff; } .popup__text { margin-bottom: 20px; } .popup__content { position: relative; } .popup__status { display: none; } .popup__status_error, .popup__status_form-error { background: #fe4a4a; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; } .popup__status_form-error { margin-bottom: 20px; } .popup__form_error .popup__status_form-error { display: block; } .popup__layout { display: table; width: 100%; } .popup__container { position: relative; } .popup { background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: none; } .popup_shown { display: block; } .popup_wide { width: 860px; } .popup_narrow { width: 500px; } .popup_medium { width: 700px; } .popup_height_fixed .popup__content { max-height: 450px; overflow: hidden; margin: -20px; padding: 20px 46px 20px 20px; } .popup_height_fixed .scroll { position: absolute; top: 20px; bottom: 20px; right: 0; } .popup_done .popup__status_done, .popup_error .popup__status_error { display: block; } .popup_done .popup__onsubmit-hide, .popup_error .popup__onsubmit-hide { display: none; } .popup__onsubmit-show { display: none; } .popup_done .popup__onsubmit-show, .popup_error .popup__onsubmit-show { display: block; } .popup_filter.popup_height_fixed .popup__content { height: 320px; } @media screen and (min-height: 850px) { .popup_filter.popup_height_fixed .popup__content { height: 420px; } } @media screen and (min-height: 1050px) { .popup_filter.popup_height_fixed .popup__content { height: 620px; } } .popup-related-sites__table { width: 100%; } .popup-related-sites__table-td-name { width: 40%; padding-bottom: 10px; } .popup-related-sites__table-td-phone { padding-bottom: 10px; } .popup-related-sites__table-td-price { text-align: right; padding-bottom: 10px; } .popup_subways .popup__content { position: static; } .popup_subways .scroll_horizontal { top: inherit; left: 0; width: auto; height: 6px; } .cols__wrapper { margin-left: -20px; } .cols_percent .cols__wrapper, .cols_percent .cols__column { margin-left: 0; margin-right: 0; } .cols_margin .cols__wrapper { margin-right: -10px; margin-left: -10px; } .cols_margin .cols__inner { margin-right: 10px; margin-left: 10px; } .cols_clear { zoom: 1; } .cols_clear:after, .cols_clear:before { content: ""; display: table; } .cols_clear:after { clear: both; } .cols_center { text-align: center; } .cols_font_media { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_medium .cols_font_media { font-size: 17px; line-height: 24px; } .screen_large .cols_font_media { font-size: 17px; line-height: 24px; } .cols_relative { position: relative; } .cols_overflow { overflow: hidden; } .cols__column { display: inline-block; vertical-align: top; margin-left: 20px; } .cols__column_margin_right { margin-left: 0; margin-right: 20px; } .cols__column_margin_off { margin-left: 0; margin-right: 0; } .cols__column_margin_bottom { margin-bottom: 20px; } .cols__column_right { float: right; } .cols__column_left { float: left; } .cols__column_sidebar { float: right; display: block; position: relative; z-index: 10; margin-left: -2000% !important; } .cols__column_block { display: block !important; } .cols__column_wrap { position: relative; } .cols__column_valign { vertical-align: middle; } .screen_small .cols__column__hidden_small, .screen_small .cols__column_small_hidden { display: none !important; } .screen_small .cols__column_small_1 { width: 20px; } .screen_small .cols__column_small_2 { width: 40px; } .screen_small .cols__column_small_3 { width: 60px; } .screen_small .cols__column_small_4 { width: 80px; } .screen_small .cols__column_small_5 { width: 100px; } .screen_small .cols__column_small_6 { width: 120px; } .screen_small .cols__column_small_7 { width: 140px; } .screen_small .cols__column_small_8 { width: 160px; } .screen_small .cols__column_small_9 { width: 180px; } .screen_small .cols__column_small_10 { width: 200px; } .screen_small .cols__column_small_11 { width: 220px; } .screen_small .cols__column_small_12 { width: 240px; } .screen_small .cols__column_small_13 { width: 260px; } .screen_small .cols__column_small_14 { width: 280px; } .screen_small .cols__column_small_15 { width: 300px; } .screen_small .cols__column_small_16 { width: 320px; } .screen_small .cols__column_small_17 { width: 340px; } .screen_small .cols__column_small_18 { width: 360px; } .screen_small .cols__column_small_19 { width: 380px; } .screen_small .cols__column_small_20 { width: 400px; } .screen_small .cols__column_small_21 { width: 420px; } .screen_small .cols__column_small_22 { width: 440px; } .screen_small .cols__column_small_23 { width: 460px; } .screen_small .cols__column_small_24 { width: 480px; } .screen_small .cols__column_small_25 { width: 500px; } .screen_small .cols__column_small_26 { width: 520px; } .screen_small .cols__column_small_27 { width: 540px; } .screen_small .cols__column_small_28 { width: 560px; } .screen_small .cols__column_small_29 { width: 580px; } .screen_small .cols__column_small_30 { width: 600px; } .screen_small .cols__column_small_31 { width: 620px; } .screen_small .cols__column_small_32 { width: 640px; } .screen_small .cols__column_small_33 { width: 660px; } .screen_small .cols__column_small_34 { width: 680px; } .screen_small .cols__column_small_35 { width: 700px; } .screen_small .cols__column_small_36 { width: 720px; } .screen_small .cols__column_small_37 { width: 740px; } .screen_small .cols__column_small_38 { width: 760px; } .screen_small .cols__column_small_39 { width: 780px; } .screen_small .cols__column_small_40 { width: 800px; } .screen_small .cols__column_small_41 { width: 820px; } .screen_small .cols__column_small_42 { width: 840px; } .screen_small .cols__column_small_43 { width: 860px; } .screen_small .cols__column_small_44 { width: 880px; } .screen_small .cols__column_small_45 { width: 900px; } .screen_small .cols__column_small_46 { width: 920px; } .screen_small .cols__column_small_47 { width: 940px; } .screen_small .cols_percent .cols__column_small_percent-16 { width: 16.66%; } .screen_small .cols_percent .cols__column_small_percent-20 { width: 20%; } .screen_small .cols_percent .cols__column_small_percent-25 { width: 25%; } .screen_small .cols_percent .cols__column_small_percent-33 { width: 33.33%; } .screen_small .cols_percent .cols__column_small_percent-50 { width: 50%; } .screen_small .cols_percent .cols__column_small_percent-60 { width: 60%; } .screen_small .cols_percent .cols__column_small_percent-80 { width: 80%; } .screen_small .cols_percent .cols__column_small_percent-100 { width: 100%; } .screen_medium .cols__column__hidden_medium, .screen_medium .cols__column_medium_hidden { display: none !important; } .screen_medium .cols__column_medium_1 { width: 20px; } .screen_medium .cols__column_medium_2 { width: 40px; } .screen_medium .cols__column_medium_3 { width: 60px; } .screen_medium .cols__column_medium_4 { width: 80px; } .screen_medium .cols__column_medium_5 { width: 100px; } .screen_medium .cols__column_medium_6 { width: 120px; } .screen_medium .cols__column_medium_7 { width: 140px; } .screen_medium .cols__column_medium_8 { width: 160px; } .screen_medium .cols__column_medium_9 { width: 180px; } .screen_medium .cols__column_medium_10 { width: 200px; } .screen_medium .cols__column_medium_11 { width: 220px; } .screen_medium .cols__column_medium_12 { width: 240px; } .screen_medium .cols__column_medium_13 { width: 260px; } .screen_medium .cols__column_medium_14 { width: 280px; } .screen_medium .cols__column_medium_15 { width: 300px; } .screen_medium .cols__column_medium_16 { width: 320px; } .screen_medium .cols__column_medium_17 { width: 340px; } .screen_medium .cols__column_medium_18 { width: 360px; } .screen_medium .cols__column_medium_19 { width: 380px; } .screen_medium .cols__column_medium_20 { width: 400px; } .screen_medium .cols__column_medium_21 { width: 420px; } .screen_medium .cols__column_medium_22 { width: 440px; } .screen_medium .cols__column_medium_23 { width: 460px; } .screen_medium .cols__column_medium_24 { width: 480px; } .screen_medium .cols__column_medium_25 { width: 500px; } .screen_medium .cols__column_medium_26 { width: 520px; } .screen_medium .cols__column_medium_27 { width: 540px; } .screen_medium .cols__column_medium_28 { width: 560px; } .screen_medium .cols__column_medium_29 { width: 580px; } .screen_medium .cols__column_medium_30 { width: 600px; } .screen_medium .cols__column_medium_31 { width: 620px; } .screen_medium .cols__column_medium_32 { width: 640px; } .screen_medium .cols__column_medium_33 { width: 660px; } .screen_medium .cols__column_medium_34 { width: 680px; } .screen_medium .cols__column_medium_35 { width: 700px; } .screen_medium .cols__column_medium_36 { width: 720px; } .screen_medium .cols__column_medium_37 { width: 740px; } .screen_medium .cols__column_medium_38 { width: 760px; } .screen_medium .cols__column_medium_39 { width: 780px; } .screen_medium .cols__column_medium_40 { width: 800px; } .screen_medium .cols__column_medium_41 { width: 820px; } .screen_medium .cols__column_medium_42 { width: 840px; } .screen_medium .cols__column_medium_43 { width: 860px; } .screen_medium .cols__column_medium_44 { width: 880px; } .screen_medium .cols__column_medium_45 { width: 900px; } .screen_medium .cols__column_medium_46 { width: 920px; } .screen_medium .cols__column_medium_47 { width: 940px; } .screen_medium .cols__column_medium_48 { width: 960px; } .screen_medium .cols__column_medium_49 { width: 980px; } .screen_medium .cols__column_medium_50 { width: 1000px; } .screen_medium .cols__column_medium_51 { width: 1020px; } .screen_medium .cols__column_medium_52 { width: 1040px; } .screen_medium .cols__column_medium_53 { width: 1060px; } .screen_medium .cols__column_medium_54 { width: 1080px; } .screen_medium .cols__column_medium_55 { width: 1100px; } .screen_medium .cols__column_medium_56 { width: 1120px; } .screen_medium .cols__column_medium_57 { width: 1140px; } .screen_medium .cols__column_medium_58 { width: 1160px; } .screen_medium .cols__column_medium_59 { width: 1180px; } .screen_medium .cols_percent .cols__column_medium_percent-16 { width: 16.66%; } .screen_medium .cols_percent .cols__column_medium_percent-20 { width: 20%; } .screen_medium .cols_percent .cols__column_medium_percent-25 { width: 25%; } .screen_medium .cols_percent .cols__column_medium_percent-33 { width: 33.33%; } .screen_medium .cols_percent .cols__column_medium_percent-50 { width: 50%; } .screen_medium .cols_percent .cols__column_medium_percent-60 { width: 60%; } .screen_medium .cols_percent .cols__column_medium_percent-80 { width: 80%; } .screen_medium .cols_percent .cols__column_medium_percent-100 { width: 100%; } .screen_large .cols__column__hidden_large, .screen_large .cols__column_large_hidden { display: none !important; } .screen_large .cols__column_large_1 { width: 20px; } .screen_large .cols__column_large_2 { width: 40px; } .screen_large .cols__column_large_3 { width: 60px; } .screen_large .cols__column_large_4 { width: 80px; } .screen_large .cols__column_large_5 { width: 100px; } .screen_large .cols__column_large_6 { width: 120px; } .screen_large .cols__column_large_7 { width: 140px; } .screen_large .cols__column_large_8 { width: 160px; } .screen_large .cols__column_large_9 { width: 180px; } .screen_large .cols__column_large_10 { width: 200px; } .screen_large .cols__column_large_11 { width: 220px; } .screen_large .cols__column_large_12 { width: 240px; } .screen_large .cols__column_large_13 { width: 260px; } .screen_large .cols__column_large_14 { width: 280px; } .screen_large .cols__column_large_15 { width: 300px; } .screen_large .cols__column_large_16 { width: 320px; } .screen_large .cols__column_large_17 { width: 340px; } .screen_large .cols__column_large_18 { width: 360px; } .screen_large .cols__column_large_19 { width: 380px; } .screen_large .cols__column_large_20 { width: 400px; } .screen_large .cols__column_large_21 { width: 420px; } .screen_large .cols__column_large_22 { width: 440px; } .screen_large .cols__column_large_23 { width: 460px; } .screen_large .cols__column_large_24 { width: 480px; } .screen_large .cols__column_large_25 { width: 500px; } .screen_large .cols__column_large_26 { width: 520px; } .screen_large .cols__column_large_27 { width: 540px; } .screen_large .cols__column_large_28 { width: 560px; } .screen_large .cols__column_large_29 { width: 580px; } .screen_large .cols__column_large_30 { width: 600px; } .screen_large .cols__column_large_31 { width: 620px; } .screen_large .cols__column_large_32 { width: 640px; } .screen_large .cols__column_large_33 { width: 660px; } .screen_large .cols__column_large_34 { width: 680px; } .screen_large .cols__column_large_35 { width: 700px; } .screen_large .cols__column_large_36 { width: 720px; } .screen_large .cols__column_large_37 { width: 740px; } .screen_large .cols__column_large_38 { width: 760px; } .screen_large .cols__column_large_39 { width: 780px; } .screen_large .cols__column_large_40 { width: 800px; } .screen_large .cols__column_large_41 { width: 820px; } .screen_large .cols__column_large_42 { width: 840px; } .screen_large .cols__column_large_43 { width: 860px; } .screen_large .cols__column_large_44 { width: 880px; } .screen_large .cols__column_large_45 { width: 900px; } .screen_large .cols__column_large_46 { width: 920px; } .screen_large .cols__column_large_47 { width: 940px; } .screen_large .cols__column_large_48 { width: 960px; } .screen_large .cols__column_large_49 { width: 980px; } .screen_large .cols__column_large_50 { width: 1000px; } .screen_large .cols__column_large_51 { width: 1020px; } .screen_large .cols__column_large_52 { width: 1040px; } .screen_large .cols__column_large_53 { width: 1060px; } .screen_large .cols__column_large_54 { width: 1080px; } .screen_large .cols__column_large_55 { width: 1100px; } .screen_large .cols__column_large_56 { width: 1120px; } .screen_large .cols__column_large_57 { width: 1140px; } .screen_large .cols__column_large_58 { width: 1160px; } .screen_large .cols__column_large_59 { width: 1180px; } .screen_large .cols__column_large_60 { width: 1200px; } .screen_large .cols__column_large_61 { width: 1220px; } .screen_large .cols__column_large_62 { width: 1240px; } .screen_large .cols__column_large_63 { width: 1260px; } .screen_large .cols__column_large_64 { width: 1280px; } .screen_large .cols__column_large_65 { width: 1300px; } .screen_large .cols_percent .cols__column_large_percent-16 { width: 16.66%; } .screen_large .cols_percent .cols__column_large_percent-20 { width: 20%; } .screen_large .cols_percent .cols__column_large_percent-25 { width: 25%; } .screen_large .cols_percent .cols__column_large_percent-33 { width: 33.33%; } .screen_large .cols_percent .cols__column_large_percent-50 { width: 50%; } .screen_large .cols_percent .cols__column_large_percent-60 { width: 60%; } .screen_large .cols_percent .cols__column_large_percent-80 { width: 80%; } .screen_large .cols_percent .cols__column_large_percent-100 { width: 100%; } .toggle__to_show { display: none; } .toggle__to_hide.toggle__to_inline { display: inline-block; } .toggle__item { display: none; } .toggle__item_active { display: block; } .toggle__item_inline.toggle__item_active { display: inline-block; } .toggle_loading .toggle__loader { display: block; } .toggle_active .toggle__to_show, .toggle_loading .toggle__to_show { display: block; } .toggle_active .toggle__to_show.toggle__to_inline, .toggle_loading .toggle__to_show.toggle__to_inline { display: inline-block; } .toggle_active .toggle__to_hide, .toggle_loading .toggle__to_hide, .toggle_active .toggle__to_hide.toggle__to_inline, .toggle_loading .toggle__to_hide.toggle__to_inline { display: none; } .toggle__loader { display: none; } .block { background: #fff; padding: 20px; } .block_bg_primary { background: #f3f3f3; } .block_bg_secondary { background: #fafafa; } .block_bg_noise { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAAAAAA7VNdtAAAFnElEQVR4Xh2SwY5rxw1EW9K8N46zyyIw8gF5uk1WFcnulmYe4P//o8CeGenm2lywiG6gzqKqcfTYvIrGwibCcpEx83qlNFakEkmp957BLjVzg97KRmzTj0ubYjNsxvp71QYb3jNhFnMqegttnOgiipsrItgZrlEJh7kc2tISP8Kc0ZPNfNCnrj6yw1QMGvGTPukWE6q8zjfEyMFbANts08KshjI5/DpC9FgBxsiFTYxyd44whbsFolpei1dzACUbqlQVAY8AaogQmRMuuG+UZA15B4Kwje5LMFN5XyMMEOMWzpkiaogy8apWUkUUM/9LzsBmCNo7PQoeEXc4l8MspeFBrna7YoWHNIiUFZTOWd2LkZUIkwYAeNcI+BxNMTIodcwa3AYZyBtVdq3qOTer0SOVolzqYvPqJQv3wtRyUZHCEAV3SgB63GiIKcvpjLb8xwif5Qei924jK3zatLVWUgxzLaOiEGswWI003JZ5IBjLVnZnTW7XTouK9VY3S4mdZe4m9TZtKsKNzDt9BhJeUq+qMUtw+ibUGBW1pWuguXG6wi3ukvlcAY5p6Q6Yk6GKWmCNirvPZLSYSGaIDq8AVOxESkXvGOq43YQa3u1Hpl+Fy7++X86frZ3P+y972x/ny+m8t8tnOz8vp/bcX9rj+bkf/y/P/fWx7/84PVvOJNHH8Jk5ogd6VtB0lauAyDAQGvRRFoN2+c+3j9Pr1/n0tX+2b+3R9stpf3kcXu28v5y+WjtA51P7C9T+bO1xac1Klb4mAkqzYg5n+IYKFznTBY+URBHGYrOQmWflUJhXiEGXOwtRrIEgOjTo7PcAwYaFLvarzzDWIsaUyopbf89NfeuMis7kgTYXokWXVRCWtVWme8q8sgeoXrNnOix4zfJp5JA33Yo/IkSMPmiuWU43tym7p73lcrivUQPd4e6jLcveY4UJvTgHYoi5Ut3NV1pgwW8VMMXNFD1agjQE3UEHhgDFFu81hwjXzMRbOoGRmG6py2/PI5Tn97b/8tx/3Z+P0+Xr/P1rP4J/tr+yeD72I7P9Yz/vj8fr49fns2kxjZMu85Wc6XSU9ShyhNYoIGQY0c1Tq3j5rR0mr8/HYfnV9q/L5Xx4X77vz9N+bn/T9tOjnb/vp8vH9/btj+OV7uGLVnIsXhlBpRguyTu5bd03Ea6hJXWi+YhyrznUdWNPbAY/BuKhFOiJggU5RBd6420Z+vo9jewBZADwIfcIh/UhDaQ8AmEm/PAWJBQeaePWq5Azs3q/yas6hHKyRwGMig0GNfUi3a9YXemRclWaRxICxMRabvOnfHSLmDNahrndR7wNixD9R2UX+4ZYjDnKfdsk752CIspH80235LHv6mErN7De3eBlqV7VpwoerNkByjdv02Qwqlv039mJOcw5LRnY+qaftAM0lrPcOzdDS3dWRHW8212FkAsdMcpVSYbVnZzaYkWFAtbQJ0KQGO9wiiGGUn6fEbDQ5gINGc5bbjPz8tvln4/Px+Xb/vF1upwfezsdLT2djvY9n8/L63FfPl/3dv486nn543SUuOVaGUlGDYv0YwgwMmxz5FCQM0wJjuxUFy7/fvnf6XQwTpf9KPr5tb2cPk7ndmmnb89z+zi/HMg/D8ov5+f549vp9PpoSE73qc2tVyhVEyakdGOOSGV0D2XRVCZ6tcoRU8E+F6PCto3aYhCHZrKjrkByjU7PcujWMkpzZqJTZj/vdDcn4cRGbRAiyF4LUr8xhlogysd9HgrnDKejgiGUVNRbkvH25lYy+RjdW5dho8xhsnD0GBQremfB4XmbN0HmZIlpka1YhLsrzGLdwjYf5QNrOM1C7pERkncYGMmD8jMAapaHowo9wzJkmu/hjty6s5MHyjX70qw2GIfIoyyumVtl3gIasBEQINxzWh+1eYIZqv8DbGoN7R98FhQAAAAASUVORK5CYII="); } .block_separated, .block_separated_bottom { border-bottom: 1px solid #dedede; } .block_separated_top { border-top: 1px solid #dedede; } .block_shadow { border-top: 1px solid #cdccca; border-bottom: 1px solid #cdccca; -webkit-box-shadow: 0 0 2px #ebeae8; box-shadow: 0 0 2px #ebeae8; } .block_shadow_bottom { position: relative; border-bottom: 1px solid #cdccca; } .block_shadow_bottom:after { content: ''; position: absolute; width: 100%; bottom: -3px; left: 0; height: 2px; z-index: 2; background: -webkit-linear-gradient(#cdccca 0%, rgba(205,204,202,0) 100%); background: -moz-linear-gradient(#cdccca 0%, rgba(205,204,202,0) 100%); background: -o-linear-gradient(#cdccca 0%, rgba(205,204,202,0) 100%); background: -ms-linear-gradient(#cdccca 0%, rgba(205,204,202,0) 100%); background: linear-gradient(#cdccca 0%, rgba(205,204,202,0) 100%); } .block_shadow_top { position: relative; border-top: 1px solid #cdccca; } .block_shadow_top:before { content: ''; position: absolute; width: 100%; top: -3px; left: 0; height: 2px; z-index: 2; background: -webkit-linear-gradient(rgba(205,204,202,0) 0%, #cdccca 100%); background: -moz-linear-gradient(rgba(205,204,202,0) 0%, #cdccca 100%); background: -o-linear-gradient(rgba(205,204,202,0) 0%, #cdccca 100%); background: -ms-linear-gradient(rgba(205,204,202,0) 0%, #cdccca 100%); background: linear-gradient(rgba(205,204,202,0) 0%, #cdccca 100%); } .block_shadow_large:after, .block_shadow_large:before { height: 8px; } .block_shadow_large:after { bottom: -8px; } .block_shadow_large:before { top: -8px; } .block_border_top { border-top: 8px solid #4c8ebc; } .block_border_bottom { border-bottom: 8px solid #4c8ebc; } .block_collapse { padding: 0; } .block_collapse_hor { padding-left: 0; padding-right: 0; } .block_collapse_top { padding-top: 0; } .block_collapse_bottom { padding-bottom: 0; } .block_center { text-align: center; } .block_promo { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: 50%; color: #fff; position: relative; background-color: #2f2f2f; } .block_promo:before { content: ''; position: absolute; top: 0; height: 100%; left: 0; right: 0; background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -moz-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -ms-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); } .block_relative { position: relative; } .block_bg-main { background: url("/img/main/bg_country.jpg") no-repeat 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .block_bg-main_moscow_day { background: url("/img/main/bg_moscow_day.jpg") no-repeat 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .block_bg-main_moscow_night { background: url("/img/main/bg_moscow_night.jpg") no-repeat 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .block_bg { position: relative; overflow: hidden; background: #2e2e2e no-repeat 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .block_bg_landing { background: #2e2e2e url("/img/landing/bg.jpg"); } .block_bg_none { background: none; } .block_separated_light { border-bottom: 1px solid rgba(255,255,255,0.48); } .wrapper { margin: 0 auto; display: block; } .wrapper_relative { position: relative; } .screen_small .wrapper { width: 940px; } .screen_medium .wrapper { width: 1180px; } .screen_large .wrapper { width: 1300px; } .counters { position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 1px; height: 1px; overflow: hidden; } .sticky { position: relative; } .sticky_full .sticky__inner { width: 100%; } .sticky_bar { width: 100%; background: #fff; border-top: 1px solid #cdccca; border-bottom: 1px solid #cdccca; -webkit-box-shadow: 0 0 2px #ebeae8; box-shadow: 0 0 2px #ebeae8; } .sticky__inner { z-index: 100; } .sticky__inner_fixed { position: fixed; } .sticky__inner_end { position: absolute; } .sticky__inner_top { top: 0; z-index: 1400; position: fixed; } .sticky__inner_bottom { bottom: 0; z-index: 1400; position: fixed; } .sticky__inner_sliding { position: fixed; -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; -ms-transition: -ms-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; } .sticky__inner_sliding_top { top: 0; z-index: 1400; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .sticky__inner_sliding_bottom { bottom: 0; z-index: 1400; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .sticky__inner_sliding_active { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -ms-filter: none; filter: none; } .sticky__inner_left_start { top: 20px; position: fixed; width: 220px; } .sticky__inner_left_end { position: absolute; bottom: 0; width: 220px; } .sticky__inner_viewbox { background: rgba(0,0,0,0.3); z-index: 5; color: #fff; } .note { display: inline-block; vertical-align: middle; font-weight: 300; font-size: 13px; line-height: 20px; } .note__text { color: #969696; vertical-align: middle; } .note_separated { padding-top: 10px; border-top: 1px solid #e0e0e0; } .note_error .note__text { color: #eb4a57; } .note_block { display: block; } .note .icon_stroke { font-size: 14px; } .parallax { position: relative; height: 320px; } .parallax__inner { color: #fff; text-decoration: none; display: block; position: absolute; height: 320px; overflow: hidden; width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .parallax__layer { display: block; position: absolute; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .parallax__move { height: 100%; overflow: hidden; -webkit-perspective: 1px; -moz-perspective: 1px; -ms-perspective: 1px; perspective: 1px; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .parallax__static { position: absolute; z-index: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .label { font-weight: 700; font-size: 20px; line-height: 28px; display: inline-block; padding: 5px 10px; -webkit-border-radius: 5px; border-radius: 5px; vertical-align: middle; margin-left: 20px; color: #fff; border: 1px solid #6e99b7; background: #4c8ebc; } .label_small { padding: 0 8px; margin-left: 10px; } .screen_small .label_small { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_medium .label_small { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_large .label_small { font-weight: 300; font-size: 15px; line-height: 20px; } .hdr__side_right { float: right; margin-left: 10px; } .hdr__side_left { float: left; margin-right: 10px; } .hdr__ending { font-weight: 700; font-size: 20px; line-height: 28px; margin-left: 5px; vertical-align: middle; } .screen_medium .hdr__ending { font-size: 24px; line-height: 32px; } .screen_large .hdr__ending { font-size: 24px; line-height: 32px; } .hdr__ending_dashed { border-bottom: 1px dashed; } .hdr__ending_dashed:hover { text-decoration: none; border-color: transparent; } .hdr { margin-bottom: 20px; position: relative; } .hdr_center { text-align: center; } .hdr_border_top { border-top: 1px solid #e5e5e5; } .hdr_border_bottom { border-bottom: 1px solid #e5e5e5; } .hdr_color_white { border-color: rgba(255,255,255,0.4); } .hdr_color_white .hdr__text { color: #fff; } .hdr_highlight_bottom .hdr__wrapper { padding-bottom: 10px; border-bottom: 2px solid #4c8ebc; } .hdr_slot { margin-bottom: 10px; } .screen_small .hdr_slot .hdr__inner { font-weight: 700; font-size: 20px; line-height: 28px; } .screen_medium .hdr_slot .hdr__inner { font-weight: 700; font-size: 20px; line-height: 28px; } .screen_large .hdr_slot .hdr__inner { font-weight: 700; font-size: 20px; line-height: 28px; } .hdr_collapse { margin: 0; } .hdr__wrapper { display: inline-block; position: relative; z-index: 1; vertical-align: middle; } .hdr__inner { display: inline; vertical-align: middle; font-weight: 700; font-size: 20px; line-height: 28px; } .screen_medium .hdr__inner { font-size: 24px; line-height: 32px; } .screen_large .hdr__inner { font-size: 24px; line-height: 32px; } .hdr__inner a { color: inherit; text-decoration: underline; } .hdr__inner a:hover { text-decoration: none; } .hdr__text { color: #000; vertical-align: middle; display: inline-block; } .hdr__text_link { color: #07c; cursor: pointer; } .hdr__text_link .hdr__inner { text-decoration: underline; } .hdr__text_link:hover .hdr__inner { text-decoration: none; } .hdr__text_link.hdr__text_active { color: inherit; cursor: default; text-decoration: none; } .hdr__text:hover { text-decoration: none; } .hdr_light_small .hdr__inner, .hdr_light_small .hdr__ending { font-weight: 300; font-size: 13px; line-height: 20px; text-transform: none; } .screen_medium .hdr_light_small .hdr__inner, .screen_medium .hdr_light_small .hdr__ending { font-size: 15px; line-height: 20px; } .screen_large .hdr_light_small .hdr__inner, .screen_large .hdr_light_small .hdr__ending { font-size: 15px; line-height: 20px; } .hdr_light_normal .hdr__inner, .hdr_light_normal .hdr__ending { font-weight: 300; font-size: 15px; line-height: 20px; text-transform: none; } .screen_medium .hdr_light_normal .hdr__inner, .screen_medium .hdr_light_normal .hdr__ending { font-size: 17px; line-height: 24px; } .screen_large .hdr_light_normal .hdr__inner, .screen_large .hdr_light_normal .hdr__ending { font-size: 17px; line-height: 24px; } .hdr_light_medium .hdr__inner, .hdr_light_medium .hdr__ending { font-weight: 300; font-size: 17px; line-height: 24px; text-transform: none; } .screen_medium .hdr_light_medium .hdr__inner, .screen_medium .hdr_light_medium .hdr__ending { font-size: 20px; line-height: 28px; } .screen_large .hdr_light_medium .hdr__inner, .screen_large .hdr_light_medium .hdr__ending { font-size: 20px; line-height: 28px; } .hdr_light_large .hdr__inner, .hdr_light_large .hdr__ending { font-weight: 300; font-size: 20px; line-height: 28px; text-transform: none; } .screen_medium .hdr_light_large .hdr__inner, .screen_medium .hdr_light_large .hdr__ending { font-size: 24px; line-height: 32px; } .screen_large .hdr_light_large .hdr__inner, .screen_large .hdr_light_large .hdr__ending { font-size: 24px; line-height: 32px; } .hdr_light_huge .hdr__inner, .hdr_light_huge .hdr__ending { font-weight: 300; font-size: 28px; line-height: 36px; text-transform: none; } .screen_medium .hdr_light_huge .hdr__inner, .screen_medium .hdr_light_huge .hdr__ending { font-size: 32px; line-height: 40px; } .screen_large .hdr_light_huge .hdr__inner, .screen_large .hdr_light_huge .hdr__ending { font-size: 32px; line-height: 40px; } .hdr_regular_normal .hdr__inner, .hdr_regular_normal .hdr__ending { font-weight: 400; font-size: 15px; line-height: 20px; text-transform: none; } .hdr_bold_tiny .hdr__inner, .hdr_bold_tiny .hdr__ending { font-weight: 700; font-size: 10px; line-height: 16px; text-transform: none; } .screen_medium .hdr_bold_tiny .hdr__inner, .screen_medium .hdr_bold_tiny .hdr__ending { font-size: 13px; line-height: 20px; } .screen_large .hdr_bold_tiny .hdr__inner, .screen_large .hdr_bold_tiny .hdr__ending { font-size: 13px; line-height: 20px; } .hdr_bold_normal .hdr__inner, .hdr_bold_normal .hdr__ending { font-weight: 700; font-size: 15px; line-height: 20px; text-transform: none; } .screen_medium .hdr_bold_normal .hdr__inner, .screen_medium .hdr_bold_normal .hdr__ending { font-size: 17px; line-height: 24px; } .screen_large .hdr_bold_normal .hdr__inner, .screen_large .hdr_bold_normal .hdr__ending { font-size: 17px; line-height: 24px; } .hdr_bold_medium .hdr__inner, .hdr_bold_medium .hdr__ending { font-weight: 700; font-size: 17px; line-height: 24px; text-transform: none; } .screen_medium .hdr_bold_medium .hdr__inner, .screen_medium .hdr_bold_medium .hdr__ending { font-size: 20px; line-height: 28px; } .screen_large .hdr_bold_medium .hdr__inner, .screen_large .hdr_bold_medium .hdr__ending { font-size: 20px; line-height: 28px; } .hdr_bold_large .hdr__inner, .hdr_bold_large .hdr__ending { font-weight: 700; font-size: 20px; line-height: 28px; text-transform: none; } .screen_medium .hdr_bold_large .hdr__inner, .screen_medium .hdr_bold_large .hdr__ending { font-size: 24px; line-height: 32px; } .screen_large .hdr_bold_large .hdr__inner, .screen_large .hdr_bold_large .hdr__ending { font-size: 24px; line-height: 32px; } .hdr_bold_huge .hdr__inner, .hdr_bold_huge .hdr__ending { font-weight: 700; font-size: 28px; line-height: 36px; text-transform: none; } .screen_medium .hdr_bold_huge .hdr__inner, .screen_medium .hdr_bold_huge .hdr__ending { font-size: 32px; line-height: 40px; } .screen_large .hdr_bold_huge .hdr__inner, .screen_large .hdr_bold_huge .hdr__ending { font-size: 32px; line-height: 40px; } .hdr_slab_normal .hdr__inner, .hdr_slab_normal .hdr__ending { font-weight: 300; font-family: Roboto Slab, Arial, serif; font-size: 15px; line-height: 20px; text-transform: none; } .screen_medium .hdr_slab_normal .hdr__inner, .screen_medium .hdr_slab_normal .hdr__ending { font-size: 17px; line-height: 24px; } .screen_large .hdr_slab_normal .hdr__inner, .screen_large .hdr_slab_normal .hdr__ending { font-size: 17px; line-height: 24px; } .hdr_slab_medium .hdr__inner, .hdr_slab_medium .hdr__ending { font-weight: 300; font-family: Roboto Slab, Arial, serif; font-size: 17px; line-height: 24px; text-transform: none; } .screen_medium .hdr_slab_medium .hdr__inner, .screen_medium .hdr_slab_medium .hdr__ending { font-size: 20px; line-height: 28px; } .screen_large .hdr_slab_medium .hdr__inner, .screen_large .hdr_slab_medium .hdr__ending { font-size: 20px; line-height: 28px; } .hdr_slab_large .hdr__inner, .hdr_slab_large .hdr__ending { font-weight: 300; font-family: Roboto Slab, Arial, serif; font-size: 20px; line-height: 28px; text-transform: none; } .screen_medium .hdr_slab_large .hdr__inner, .screen_medium .hdr_slab_large .hdr__ending { font-size: 24px; line-height: 32px; } .screen_large .hdr_slab_large .hdr__inner, .screen_large .hdr_slab_large .hdr__ending { font-size: 24px; line-height: 32px; } .hdr_slab_huge .hdr__inner, .hdr_slab_huge .hdr__ending { font-weight: 300; font-family: Roboto Slab, Arial, serif; font-size: 28px; line-height: 40px; text-transform: none; } .screen_medium .hdr_slab_huge .hdr__inner, .screen_medium .hdr_slab_huge .hdr__ending { font-size: 32px; line-height: 40px; } .screen_large .hdr_slab_huge .hdr__inner, .screen_large .hdr_slab_huge .hdr__ending { font-size: 32px; line-height: 40px; } .hdr_lowercase .hdr__inner, .hdr_lowercase .hdr__ending { text-transform: none; font-family: Roboto, Arial, sans-serif; } .hdr_inline .hdr__wrapper, .hdr_inline .hdr__text { display: inline; } .slider { position: relative; } .slider__content { position: relative; white-space: nowrap; } .slider__items { display: inline-block; position: relative; -webkit-perspective: 1000; } .slider__items_animated { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .slider__wrapper { overflow: hidden; position: relative; padding-bottom: 2px; } .slider__item { white-space: normal; display: inline-block; vertical-align: top; } .slider__item_padding { padding: 0 10px; } .slider_centered .slider__content { margin: 0 auto; } .slider_main .slider__wrapper { padding: 0 180px; } .slider_opacity .slider__item { opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .slider_opacity .slider__item:hover, .slider_opacity .slider__item_selected { opacity: 1; -ms-filter: none; filter: none; } .slider_content .control { -webkit-border-radius: 5px; border-radius: 5px; } .slider__items { min-width: 100%; } .slider_sidebar .slider__item { width: 240px; } .slider_banner .slider__item { width: 200px; } .slider_fade_animated .slider__wrapper:before, .slider_fade_animated .slider__wrapper:after { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0s ease-out; -moz-transition: opacity 0s ease-out; -o-transition: opacity 0s ease-out; -ms-transition: opacity 0s ease-out; transition: opacity 0s ease-out; } .slider_fade .slider__wrapper:before, .slider_fade_left .slider__wrapper:before, .slider_fade_right .slider__wrapper:before, .slider_fade .slider__wrapper:after, .slider_fade_left .slider__wrapper:after, .slider_fade_right .slider__wrapper:after { content: ' '; height: 100%; position: absolute; top: 0; z-index: 9; width: 100px; } .slider_fade .slider__wrapper:before, .slider_fade_left .slider__wrapper:before, .slider_fade_animated .slider__wrapper:before { left: 0; background-image: -webkit-linear-gradient(left, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: -moz-linear-gradient(left, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: -o-linear-gradient(left, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: -ms-linear-gradient(left, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: linear-gradient(to right, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFAFAFA', endColorstr='#00FAFAFA'); } .slider_fade .slider__wrapper:before, .slider_fade_left .slider__wrapper:before { opacity: 1; -ms-filter: none; filter: none; } .slider_fade_left-hide .slider__wrapper:before { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; } .slider_fade .slider__wrapper:after, .slider_fade_right .slider__wrapper:after, .slider_fade_animated .slider__wrapper:after { right: 0; background-image: -webkit-linear-gradient(right, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: -moz-linear-gradient(right, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: -o-linear-gradient(right, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: -ms-linear-gradient(right, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); background-image: linear-gradient(to left, #fafafa, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0.01)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#00FAFAFA', endColorstr='#FFFAFAFA'); } .slider_fade .slider__wrapper:after, .slider_fade_right .slider__wrapper:after { opacity: 1; -ms-filter: none; filter: none; } .slider_fade_right-hide .slider__wrapper:after { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; } .slider_fade_animated .slider__wrapper:before { left: -100px; } .slider_fade_animated .slider__wrapper:after { right: -100px; } .slider_fade .slider__wrapper:before, .slider_fade_left .slider__wrapper:before { left: 0; } .slider_fade .slider__wrapper:after, .slider_fade_right .slider__wrapper:after { right: 0; } .control { width: 40px; height: 80px; display: block; text-align: center; cursor: pointer; background: #e3e3e3; color: #7b7b7b; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, padding 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, padding 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, padding 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, padding 0.2s ease-in-out; transition: color 0.2s ease-in-out, background 0.2s ease-in-out, padding 0.2s ease-in-out; font-size: 36px; } .control .icon:before { line-height: 80px; } .cpf-no-touch .control:hover { background: #4c8ebc; color: #fff; padding: 0 5px; } .control:after { content: ''; z-index: -1; position: absolute; top: -10px; right: -10px; left: -10px; bottom: -10px; } .control_prev { left: 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .control_next { right: 0; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .control_round { -webkit-border-radius: 5px; border-radius: 5px; } .control_absolute, .control_fixed { top: 50%; margin-top: -40px; z-index: 1400; } .control_absolute { position: absolute; } .control_fixed { position: fixed; } .p-special { position: relative; display: inline-block; white-space: normal; max-width: 100%; overflow: hidden; } .p-special__img { display: block; } .p-special__phone { display: block; margin-top: 5px; font-weight: 400; font-size: 15px; line-height: 20px; } .p-special__price { color: #f59608; display: block; margin-top: 5px; font-weight: 400; font-size: 15px; line-height: 20px; } .p-special__text { display: block; margin-top: 5px; } .p-special__title { display: block; margin-top: 10px; font-weight: 300; font-size: 15px; line-height: 20px; } .p-special_horizontal .p-special__img { float: left; padding-right: 10px; } .p-special_horizontal .p-special__inner { display: block; overflow: hidden; } .p-special_horizontal .p-special__title { margin-top: 0; } .p-special_horizontal .photo__pic { width: 70px; } .p-special_width_fixed { width: 130px; display: inline-block; } .p-special_width_fixed .icon { display: none; } .p-special_rb { text-align: center; } .p-special_rb .p-special__img { width: 140px; display: inline-block; } .item { position: relative; } .item_valign .cell { vertical-align: middle; } .item_topic { display: table; width: 100%; } .item_topic .cell_left { padding-right: 20px; } .item_light .item__title { color: #fff; } .item_light .item__param { color: #a2a4ae; } .screen_small .item_small .item__title { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_medium .item_small .item__title { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_large .item_small .item__title { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_small .item_x-small .item__title, .screen_small .item_x-small .item__text { font-weight: 300; font-size: 13px; line-height: 20px; } .screen_medium .item_x-small .item__title, .screen_medium .item_x-small .item__text { font-weight: 300; font-size: 13px; line-height: 20px; } .screen_large .item_x-small .item__title, .screen_large .item_x-small .item__text { font-weight: 300; font-size: 13px; line-height: 20px; } .item_separated { margin-top: 10px; padding-top: 10px; border-top: 1px dotted #a8abba; } .item_person_extended .item__text { font-weight: 300; font-size: 13px; line-height: 20px; color: #999; } .screen_medium .item_person_extended .item__text { font-size: 15px; line-height: 20px; } .screen_large .item_person_extended .item__text { font-size: 15px; line-height: 20px; } .screen_small .item_person_extended .avatar { width: 45px; height: 45px; } .item_poll .item__title { font-weight: 700; font-size: 20px; line-height: 28px; } .screen_medium .item_poll .item__title { font-size: 24px; line-height: 32px; } .screen_large .item_poll .item__title { font-size: 24px; line-height: 32px; } .item_poll .item__text { font-weight: 300; font-size: 15px; line-height: 20px; } .screen_medium .item_poll .item__text { font-size: 17px; line-height: 24px; } .screen_large .item_poll .item__text { font-size: 17px; line-height: 24px; } .item_slot { height: 97px; overflow: hidden; padding-left: 140px; } .item_slot:after { content: ''; right: 0; top: 0; width: 15px; height: 30px; margin-top: 75px; position: absolute; background-image: -webkit-linear-gradient(right, #fff, rgba(255,255,255,0)); background-image: -moz-linear-gradient(right, #fff, rgba(255,255,255,0)); background-image: -o-linear-gradient(right, #fff, rgba(255,255,255,0)); background-image: -ms-linear-gradient(right, #fff, rgba(255,255,255,0)); background-image: linear-gradient(to left, #fff, rgba(255,255,255,0)); } .item_slot .cell_left { display: block; position: absolute; left: 0; top: 0; } .item_slot .cell_slot { display: block; margin-right: -999em; } .item_slot .cell_slot:before { content: ''; float: right; display: block; width: 999em; height: 70px; } .screen_small .item_slot .item__text, .screen_small .item_slot .item__title { line-height: 15px; } .screen_medium .item_slot .item__text, .screen_medium .item_slot .item__title { line-height: 15px; } .screen_large .item_slot .item__text, .screen_large .item_slot .item__title { line-height: 15px; } .item__title { display: block; font-weight: 300; font-size: 17px; line-height: 24px; } .screen_medium .item__title { font-size: 20px; line-height: 28px; } .screen_large .item__title { font-size: 20px; line-height: 28px; } .item__text { display: block; margin-top: 5px; font-weight: 300; font-size: 15px; line-height: 20px; } .item__pic { display: block; } .item__params { display: block; font-weight: 300; font-size: 13px; line-height: 20px; } .item__param { padding-left: 10px; margin-left: 10px; border-left: 1px solid #a8abba; } .item__param:first-child { padding-left: 0; margin-left: 0; border: 0; } .item__info { color: #999; } .avatar { position: relative; width: 90px; height: 90px; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -webkit-box-shadow: inset 0px 3px 5px rgba(0,0,0,0.15); box-shadow: inset 0px 3px 5px rgba(0,0,0,0.15); } .avatar_x-small, .avatar_size_32 { width: 32px; height: 32px; } .avatar_small, .avatar_size_45 { width: 45px; height: 45px; } .avatar_medium, .avatar_size_60 { width: 60px; height: 60px; } .avatar_normal, .avatar_size_90 { width: 90px; height: 90px; } .avatar_extra, .avatar_size_130 { width: 130px; height: 130px; } .avatar_large, .avatar_size_180 { width: 180px; height: 180px; } .cell { display: table-cell; vertical-align: top; } .cell_small { width: 1px; white-space: nowrap; } .cell_left { width: 1px; white-space: nowrap; padding-right: 10px; } .cell_right { width: 1px; white-space: nowrap; padding-left: 10px; text-align: right; } .cell_full { width: 100%; } .cell_half { width: 50%; } .cell_photo { width: 180px; padding-right: 20px; } .cell_width_50 { width: 50px; } .cell_width_60 { width: 60px; } .cell_width_240 { width: 240px; } .cell_mwidth_70 { min-width: 70px; } .p-currency { font-family: 'ALSRubl-Arial', Arial, sans-serif; } @font-face { font-family: 'ALSRubl-Arial'; src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-regular.eot"); src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-regular.eot?#iefix") format('embedded-opentype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-regular.woff") format('woff'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-regular.ttf") format('truetype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-regular.svg#ALSRublArialRegular") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ALSRubl-Arial'; src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-italic.eot"); src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-italic.eot?#iefix") format('embedded-opentype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-italic.woff") format('woff'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-italic.ttf") format('truetype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-italic.svg#ALSRublArialItalic") format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'ALSRubl-Arial'; src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bold.eot"); src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bold.eot?#iefix") format('embedded-opentype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bold.woff") format('woff'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bold.ttf") format('truetype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bold.svg#ALSRublArialBold") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'ALSRubl-Arial'; src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bolditalic.eot"); src: url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bolditalic.eot?#iefix") format('embedded-opentype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bolditalic.woff") format('woff'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bolditalic.ttf") format('truetype'), url("/bem/web/web.blocks-project/p-currency/_font/alsrubl-arial-bolditalic.svg#ALSRublArialBoldItalic") format('svg'); font-weight: bold; font-style: italic; } .branding-p { position: relative; z-index: 100; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .branding-p a:link, .branding-p a:active { outline: none; } .branding-p__table { display: none; width: 100%; height: 100px; table-layout: fixed; } .branding-p__table_sides { position: absolute; z-index: 4; top: 0; height: 0; } .branding-p__table_sides .branding-p__cell { height: 0; } .branding-p__cell { display: table-cell; position: relative; height: 100px; vertical-align: top; } .branding-p__cell-inner { position: relative; } .branding-p__cell_center { overflow: hidden; padding: 0 20px; } .branding-p__cell_banner { background-position: 50% 0; background-repeat: no-repeat; } .branding-p__center { display: block; height: 100px; margin: 0 -20px; } .branding-p__center-left { position: absolute; top: 0; left: 0; } .branding-p__center-right { position: absolute; top: 0; right: 0; } .branding-p__bg { display: block; position: absolute; height: 360px; width: 1366px; background-position: 50% 0; } .branding-p__bg_center { left: 50%; margin-left: -683px; } .screen_small .branding-p__bg_wrapper_left { left: 100%; margin-left: -193px; } .screen_small .branding-p__bg_wrapper_right { right: 100%; margin-right: -193px; } .screen_medium .branding-p__bg_wrapper_left { left: 100%; margin-left: -73px; } .screen_medium .branding-p__bg_wrapper_right { right: 100%; margin-right: -73px; } .screen_large .branding-p__bg_wrapper_left { left: 100%; margin-left: -13px; } .screen_large .branding-p__bg_wrapper_right { right: 100%; margin-right: -13px; } .branding-p__bg:before, .branding-p__bg:after { position: absolute; top: 0; height: 100%; width: 269px; } @media screen and (min-width: 1366px) { .branding-p__bg:before, .branding-p__bg:after { content: ''; } } .branding-p__bg:before { left: -269px; background-position: 100% 0; } .branding-p__bg:after { right: -269px; } .branding-p__back { display: block; overflow: hidden; position: absolute; top: 0; left: 0; right: 0; height: 360px; } .branding-p__side { display: block; overflow: hidden; position: absolute; z-index: 4; top: 0; left: 0; right: 0; height: 360px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #4c8ebc; background-repeat: no-repeat; } .branding-p__side_left { background-position: 100% 100%; } .branding-p__side_right { background-position: 0 100%; } .branding-p__link { position: absolute; top: 0; left: 0; right: 0; height: 360px; } .branding-p__banner-stub { display: none; margin: 20px 0 0; height: 100px; background-position: 50% 50%; background-repeat: no-repeat; } .screen_branding-p_banner-stub .branding-p__banner-stub { display: block; } .screen_branding-p .branding-p__table { display: table; } .screen_branding-p .line_branding_hide { display: none; } .branding-footer__banner { display: block; height: 200px; background-repeat: no-repeat; background-position: 50% 50%; } .branding-footer__banner:link, .branding-footer__banner:active { outline: none; } body .margin_off { margin: 0; } body .margin_off_sides-hor { margin-left: 0; margin-right: 0; } body .margin_off_sides-vert { margin-top: 0; margin-bottom: 0; } body .margin_off_top { margin-top: 0; } body .margin_off_top-last:last-child { margin-top: 0; } body .margin_off_right { margin-right: 0; } body .margin_off_right-last:last-child { margin-right: 0; } body .margin_off_bottom { margin-bottom: 0; } body .margin_off_bottom-last:last-child { margin-bottom: 0; } body .margin_off_left { margin-left: 0; } body .margin_off_left-last:last-child { margin-left: 0; } body .margin_top_off { margin-top: 0; } body .margin_right_off { margin-right: 0; } body .margin_bottom_off { margin-bottom: 0; } body .margin_left_off { margin-left: 0; } body .margin_5 { margin: 5px; } body .margin_vertical_5 { margin-top: 5px; margin-bottom: 5px; } body .margin_horizontal_5 { margin-left: 5px; margin-right: 5px; } body .margin_top_5 { margin-top: 5px; } body .margin_right_5 { margin-right: 5px; } body .margin_bottom_5 { margin-bottom: 5px; } body .margin_left_5 { margin-left: 5px; } body .margin_10 { margin: 10px; } body .margin_vertical_10 { margin-top: 10px; margin-bottom: 10px; } body .margin_horizontal_10 { margin-left: 10px; margin-right: 10px; } body .margin_top_10 { margin-top: 10px; } body .margin_right_10 { margin-right: 10px; } body .margin_bottom_10 { margin-bottom: 10px; } body .margin_left_10 { margin-left: 10px; } body .margin_20 { margin: 20px; } body .margin_vertical_20 { margin-top: 20px; margin-bottom: 20px; } body .margin_horizontal_20 { margin-left: 20px; margin-right: 20px; } body .margin_top_20 { margin-top: 20px; } body .margin_right_20 { margin-right: 20px; } body .margin_bottom_20 { margin-bottom: 20px; } body .margin_left_20 { margin-left: 20px; } body .margin_30 { margin: 30px; } body .margin_vertical_30 { margin-top: 30px; margin-bottom: 30px; } body .margin_horizontal_30 { margin-left: 30px; margin-right: 30px; } body .margin_top_30 { margin-top: 30px; } body .margin_right_30 { margin-right: 30px; } body .margin_bottom_30 { margin-bottom: 30px; } body .margin_left_30 { margin-left: 30px; } body .margin_40 { margin: 40px; } body .margin_vertical_40 { margin-top: 40px; margin-bottom: 40px; } body .margin_horizontal_40 { margin-left: 40px; margin-right: 40px; } body .margin_top_40 { margin-top: 40px; } body .margin_right_40 { margin-right: 40px; } body .margin_bottom_40 { margin-bottom: 40px; } body .margin_left_40 { margin-left: 40px; } body .margin_50 { margin: 50px; } body .margin_vertical_50 { margin-top: 50px; margin-bottom: 50px; } body .margin_horizontal_50 { margin-left: 50px; margin-right: 50px; } body .margin_top_50 { margin-top: 50px; } body .margin_right_50 { margin-right: 50px; } body .margin_bottom_50 { margin-bottom: 50px; } body .margin_left_50 { margin-left: 50px; } body .margin_60 { margin: 60px; } body .margin_vertical_60 { margin-top: 60px; margin-bottom: 60px; } body .margin_horizontal_60 { margin-left: 60px; margin-right: 60px; } body .margin_top_60 { margin-top: 60px; } body .margin_right_60 { margin-right: 60px; } body .margin_bottom_60 { margin-bottom: 60px; } body .margin_left_60 { margin-left: 60px; } body .margin_70 { margin: 70px; } body .margin_vertical_70 { margin-top: 70px; margin-bottom: 70px; } body .margin_horizontal_70 { margin-left: 70px; margin-right: 70px; } body .margin_top_70 { margin-top: 70px; } body .margin_right_70 { margin-right: 70px; } body .margin_bottom_70 { margin-bottom: 70px; } body .margin_left_70 { margin-left: 70px; } body .margin_90 { margin: 90px; } body .margin_vertical_90 { margin-top: 90px; margin-bottom: 90px; } body .margin_horizontal_90 { margin-left: 90px; margin-right: 90px; } body .margin_top_90 { margin-top: 90px; } body .margin_right_90 { margin-right: 90px; } body .margin_bottom_90 { margin-bottom: 90px; } body .margin_left_90 { margin-left: 90px; } body .margin_100 { margin: 100px; } body .margin_vertical_100 { margin-top: 100px; margin-bottom: 100px; } body .margin_horizontal_100 { margin-left: 100px; margin-right: 100px; } body .margin_top_100 { margin-top: 100px; } body .margin_right_100 { margin-right: 100px; } body .margin_bottom_100 { margin-bottom: 100px; } body .margin_left_100 { margin-left: 100px; } body .margin_110 { margin: 110px; } body .margin_vertical_110 { margin-top: 110px; margin-bottom: 110px; } body .margin_horizontal_110 { margin-left: 110px; margin-right: 110px; } body .margin_top_110 { margin-top: 110px; } body .margin_right_110 { margin-right: 110px; } body .margin_bottom_110 { margin-bottom: 110px; } body .margin_left_110 { margin-left: 110px; } body .margin_m70 { margin: -70px; } body .margin_vertical_m70 { margin-top: -70px; margin-bottom: -70px; } body .margin_horizontal_m70 { margin-left: -70px; margin-right: -70px; } body .margin_top_m70 { margin-top: -70px; } body .margin_right_m70 { margin-right: -70px; } body .margin_bottom_m70 { margin-bottom: -70px; } body .margin_left_m70 { margin-left: -70px; } body .margin_m100 { margin: -100px; } body .margin_vertical_m100 { margin-top: -100px; margin-bottom: -100px; } body .margin_horizontal_m100 { margin-left: -100px; margin-right: -100px; } body .margin_top_m100 { margin-top: -100px; } body .margin_right_m100 { margin-right: -100px; } body .margin_bottom_m100 { margin-bottom: -100px; } body .margin_left_m100 { margin-left: -100px; } body .margin_m200 { margin: -200px; } body .margin_vertical_m200 { margin-top: -200px; margin-bottom: -200px; } body .margin_horizontal_m200 { margin-left: -200px; margin-right: -200px; } body .margin_top_m200 { margin-top: -200px; } body .margin_right_m200 { margin-right: -200px; } body .margin_bottom_m200 { margin-bottom: -200px; } body .margin_left_m200 { margin-left: -200px; } body .padding_0 { padding: 0px; } body .padding_vertical_0 { padding-top: 0px; padding-bottom: 0px; } body .padding_horizontal_0 { padding-left: 0px; padding-right: 0px; } body .padding_top_0 { padding-top: 0px; } body .padding_right_0 { padding-right: 0px; } body .padding_bottom_0 { padding-bottom: 0px; } body .padding_left_0 { padding-left: 0px; } body .padding_5 { padding: 5px; } body .padding_vertical_5 { padding-top: 5px; padding-bottom: 5px; } body .padding_horizontal_5 { padding-left: 5px; padding-right: 5px; } body .padding_top_5 { padding-top: 5px; } body .padding_right_5 { padding-right: 5px; } body .padding_bottom_5 { padding-bottom: 5px; } body .padding_left_5 { padding-left: 5px; } body .padding_10 { padding: 10px; } body .padding_vertical_10 { padding-top: 10px; padding-bottom: 10px; } body .padding_horizontal_10 { padding-left: 10px; padding-right: 10px; } body .padding_top_10 { padding-top: 10px; } body .padding_right_10 { padding-right: 10px; } body .padding_bottom_10 { padding-bottom: 10px; } body .padding_left_10 { padding-left: 10px; } body .padding_20 { padding: 20px; } body .padding_vertical_20 { padding-top: 20px; padding-bottom: 20px; } body .padding_horizontal_20 { padding-left: 20px; padding-right: 20px; } body .padding_top_20 { padding-top: 20px; } body .padding_right_20 { padding-right: 20px; } body .padding_bottom_20 { padding-bottom: 20px; } body .padding_left_20 { padding-left: 20px; } body .padding_30 { padding: 30px; } body .padding_vertical_30 { padding-top: 30px; padding-bottom: 30px; } body .padding_horizontal_30 { padding-left: 30px; padding-right: 30px; } body .padding_top_30 { padding-top: 30px; } body .padding_right_30 { padding-right: 30px; } body .padding_bottom_30 { padding-bottom: 30px; } body .padding_left_30 { padding-left: 30px; } body .padding_40 { padding: 40px; } body .padding_vertical_40 { padding-top: 40px; padding-bottom: 40px; } body .padding_horizontal_40 { padding-left: 40px; padding-right: 40px; } body .padding_top_40 { padding-top: 40px; } body .padding_right_40 { padding-right: 40px; } body .padding_bottom_40 { padding-bottom: 40px; } body .padding_left_40 { padding-left: 40px; } body .padding_50 { padding: 50px; } body .padding_vertical_50 { padding-top: 50px; padding-bottom: 50px; } body .padding_horizontal_50 { padding-left: 50px; padding-right: 50px; } body .padding_top_50 { padding-top: 50px; } body .padding_right_50 { padding-right: 50px; } body .padding_bottom_50 { padding-bottom: 50px; } body .padding_left_50 { padding-left: 50px; } body .padding_60 { padding: 60px; } body .padding_vertical_60 { padding-top: 60px; padding-bottom: 60px; } body .padding_horizontal_60 { padding-left: 60px; padding-right: 60px; } body .padding_top_60 { padding-top: 60px; } body .padding_right_60 { padding-right: 60px; } body .padding_bottom_60 { padding-bottom: 60px; } body .padding_left_60 { padding-left: 60px; } body .padding_70 { padding: 70px; } body .padding_vertical_70 { padding-top: 70px; padding-bottom: 70px; } body .padding_horizontal_70 { padding-left: 70px; padding-right: 70px; } body .padding_top_70 { padding-top: 70px; } body .padding_right_70 { padding-right: 70px; } body .padding_bottom_70 { padding-bottom: 70px; } body .padding_left_70 { padding-left: 70px; } body .padding_90 { padding: 90px; } body .padding_vertical_90 { padding-top: 90px; padding-bottom: 90px; } body .padding_horizontal_90 { padding-left: 90px; padding-right: 90px; } body .padding_top_90 { padding-top: 90px; } body .padding_right_90 { padding-right: 90px; } body .padding_bottom_90 { padding-bottom: 90px; } body .padding_left_90 { padding-left: 90px; } body .padding_100 { padding: 100px; } body .padding_vertical_100 { padding-top: 100px; padding-bottom: 100px; } body .padding_horizontal_100 { padding-left: 100px; padding-right: 100px; } body .padding_top_100 { padding-top: 100px; } body .padding_right_100 { padding-right: 100px; } body .padding_bottom_100 { padding-bottom: 100px; } body .padding_left_100 { padding-left: 100px; } body .padding_110 { padding: 110px; } body .padding_vertical_110 { padding-top: 110px; padding-bottom: 110px; } body .padding_horizontal_110 { padding-left: 110px; padding-right: 110px; } body .padding_top_110 { padding-top: 110px; } body .padding_right_110 { padding-right: 110px; } body .padding_bottom_110 { padding-bottom: 110px; } body .padding_left_110 { padding-left: 110px; } body .padding_200 { padding: 200px; } body .padding_vertical_200 { padding-top: 200px; padding-bottom: 200px; } body .padding_horizontal_200 { padding-left: 200px; padding-right: 200px; } body .padding_top_200 { padding-top: 200px; } body .padding_right_200 { padding-right: 200px; } body .padding_bottom_200 { padding-bottom: 200px; } body .padding_left_200 { padding-left: 200px; } .portal-menu { min-width: 940px; position: relative; z-index: 500 !important; } .screen_small .portal-menu_width { width: 940px; } .screen_medium .portal-menu_width { width: 1180px; } .screen_large .portal-menu_width { width: 1300px; } .align_left { text-align: left !important; } .align_right { text-align: right !important; } .align_center { text-align: center !important; } .align_justify { text-align: justify !important; } .valign_top { vertical-align: top !important; } .valign_bottom { vertical-align: bottom !important; } .valign_middle { vertical-align: middle !important; } .valign_baseline { vertical-align: baseline !important; } body .color_primary { color: #000; } body .color_secondary { color: #000; } body .color_tertiary { color: #000; } body .color_black { color: #000; } body .color_white { color: #fff; } body .color_gray { color: #999; } body .color_red { color: #f44e4e; } body .color_green { color: #28c75d; } body .color_orange { color: #ffa930; } body .color_yellow { color: #ffd400; } body .color_blue { color: #07c; } .color_sberbank { color: #127543; } @charset "utf-8"; /* normalize.css v2.1.3 | MIT License | git.io/normalize */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, em, font, strong, sub, sup, ol, ul, li, fieldset, form, label, table, tr, th, td { margin: 0; padding: 0; outline: 0; border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; } body { margin: 0; height: 100%; background: #fff; } a { background: transparent; } a:active, a:hover, a:focus { outline: 0; } abbr[title] { border-bottom: 1px dotted; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } table { border-collapse: collapse; border-spacing: 0; } body { font-family: 'Roboto', Arial, sans-serif; font-weight: 300; font-size: 15px; line-height: 20px; } b, strong { font-weight: 700; } td, th { padding: 0; vertical-align: top; } a { color: #07c; text-decoration: none; } a:hover { text-decoration: underline; } ul { margin: 0; padding: 0; list-style-type: none; } object { display: block; } iframe { max-width: 100%; border: none; } object, embed { outline: 0; } body { min-width: 980px; } body.footer-at-bottom { position: relative; height: auto; min-height: 100%; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body.footer-at-bottom .footer { position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; } a { text-decoration: none; } a:focus { outline: none !important; } .rb_body h4 { font-weight: 700; font-size: 20px; line-height: 28px; margin: 0 0 20px 0; } .rb_ul { list-style-type: square; padding-left: 20px; font-weight: 300; font-size: 13px; line-height: 20px; } .rb_li { color: #a8abba; margin-top: 10px; } .rb_li:first-child { margin-top: 0; } .error-page { padding: 40px; position: relative; overflow: hidden; z-index: 100; } .error-page__container { position: relative; width: 470px; } .error-page__code { font-size: 240px; font-weight: 300; line-height: 0.68; margin: 0 0 30px; } .error-page__title { font-size: 50px; font-weight: 300; line-height: 1; margin: 0 0 30px; } .error-page__text { font-weight: 300; font-size: 15px; line-height: 20px; margin: 0 0 20px; } .screen_medium .error-page__text { font-size: 17px; line-height: 24px; } .screen_large .error-page__text { font-size: 17px; line-height: 24px; } .error-page__image { position: absolute; top: 0; left: 100%; } .error-page:before, .error-page__decor_empty { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; z-index: -1; } .error-page:before { content: ' '; top: 80px; border-width: 94px 0 94px 94px; border-left-color: #4c8ebc; left: 50%; margin-left: -800px; } @media screen and (min-width: 1600px) { .error-page:before { left: 0; margin-left: 0; } } .error-page__decor_rb { top: 0; right: 0; position: absolute; } .error-page__decor_empty { top: 0; border-width: 0 380px 380px 0; border-right-color: #4c8ebc; right: 50%; margin-right: -800px; } @media screen and (min-width: 1600px) { .error-page__decor_empty { right: 0; margin-right: 0; } } (function (window) { "use strict"; var OPTIONS = window.SCREEN_SIZE_OPTIONS || {}; // wrapper + options.padding * 2 var sizeList = [980,1220,1340]; var nameList = ['small', 'medium', 'large']; var sizesLength = sizeList.length; var isBranding = false; var htmlElement = document.documentElement; var lastState, className; var options = { padding: 20, sideWidth: 140, largeSideWidth: 240, bannerStub: sizeList[0], minBranding: OPTIONS.minBranding || sizeList[1], maxBranding: 1920, classRe: /\s*screen_(\S+)/gi, classPrefix: 'screen_' }; // ширина экрана для больших ушей, когда они полностью помещаются для самого большого экрана var widthForLargeSide = sizeList[sizeList.length - 1] + (options.largeSideWidth + options.padding) * 2; function screenSize(branding) { var windowWidth = window.innerWidth; var actualWidth = windowWidth; var sideWidth, canBranding, canBrandingStub, size, result, state; // запоминаем состояние последнего вызова, например screenSize(true) в слоте п-брендинга if (typeof branding === 'boolean') { isBranding = branding; } if (isBranding) { sideWidth = windowWidth > widthForLargeSide && options.largeSideWidth || options.sideWidth; // используем 20 отступы по бокам под брендирование if (sideWidth) { actualWidth -= (sideWidth + options.padding) * 2; } } canBranding = windowWidth >= options.minBranding && windowWidth = options.bannerStub && actualWidth < options.minBranding; // подбираем экран под окно пользователя с учетом брендинга for (var sizeNo = 1; sizeNo < sizesLength; sizeNo++) { if (actualWidth < sizeList[sizeNo]) { size = nameList[sizeNo - 1]; break; } } if (!size) { size = nameList[nameList.length - 1]; } state = [size, isBranding, canBranding, canBrandingStub, sideWidth].join(); if (lastState != state) { lastState = state; className = htmlElement.className.replace(options.classRe, '').split(' '); className.push(options.classPrefix + size); if (isBranding) { className.push(options.classPrefix + 'branding-p_need'); if (canBranding) { className.push(options.classPrefix + 'branding-p'); className.push(options.classPrefix + 'branding-p_' + sideWidth); } else if (canBrandingStub) { className.push(options.classPrefix + 'branding-p_banner-stub'); } } htmlElement.className = className.join(' '); try { window.dispatchEvent(new Event('resize')); } catch (ex) {} } } /** * Создает функцию, игнорирующую вызовы происходящие чаще заданого интервала * @param originalFn функция, частоту вызова которой необходимо ограничить * @param [timeout = 100] интервал * @param [callImmediately = false] флаг, указывающий что функция должна выполняться в начале группы вызовов * @returns {Function} */ function debounce (originalFn, timeout, callImmediately) { var timer = null; return function debounced () { var context = this, args = arguments; function delayed () { if (!callImmediately) { originalFn.apply(context, args); } timer = null; } if (timer !== null) { clearTimeout(timer); } else if (callImmediately) { originalFn.apply(context, args); } timer = setTimeout(delayed, timeout || 100); }; } screenSize(); window.screenSize = screenSize; if (window.addEventListener) { window.addEventListener("resize", debounce(screenSize), false); } else if (window.attachEvent) { window.attachEvent("onresize", debounce(screenSize)); } })(this); 500Спокойствие,
только спокойствие!

Мы делаем всё возможное, чтобы работоспособность сайта была восстановлена в ближайшее время.

.error-page__decor_rb { display: none; }var _tmr = window._tmr || (window._tmr = []); _tmr.push({id: "2886171", type: "pageView", start: (new Date()).getTime()}); (function (d, w, id) { if (d.getElementById(id)) return; var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id; ts.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//top-fwz1.mail.ru/js/code.js"; var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);}; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "topmailru-code");

15.02.2019
0 comment

ie6 ie-old">

="ru-RU" class="ie ie6 ie-old">