/*Общие уведомления для всего*/ .green-notification, .normal-notification, .red-notification { background: #e7f1d8; padding: 10px 20px; color: #424340; font-size: 12px; line-height: 20px; position: relative; margin: 0px 0px 20px 0px; display: none; opacity: 0; filter: alpha(opacity=0);} .green-notification span, .normal-notification span, .red-notification span { display: block; width: 95%;} .green-notification .close-btn, .normal-notification .close-btn, .red-notification .close-btn { background: url("//r.drom.ru/skin/all-icons.svg?v=30") -46px -52px no-repeat; display: block; position: absolute; top: 11px; right: 12px; width: 19px; height: 19px; cursor: pointer;} .green-notification .close-btn:hover, .normal-notification .close-btn:hover, .red-notification .close-btn:hover { background-position: -69px -52px;} .normal-notification { background: #fffbe2;} .red-notification { background: #f8ccd1;} .normal-notification_show, .red-notification_show, .green-notification_show { opacity: 1; display: block;} .green-notification.inline, .normal-notification.inline, .red-notification.inline { display: inline-block;} .green-notification.inline span , .normal-notification.inline span, .red-notification.inline span { width: auto;} .green-notification.with-margin, .normal-notification.with-margin, .red-notification.with-margin { margin: 20px 0px 0px 0px;} .green-notification.huge-margin, .normal-notification.huge-margin, .red-notification.huge-margin { margin: 0px 0px 40px 0px;} .green-notification.text-margin, .normal-notification.text-margin, .red-notification.text-margin { margin: 0px 0px 37px 0px;} .green-notification.no-margin, .normal-notification.no-margin, .red-notification.no-margin { margin: 0px;} .green-notification.top-huge-margin, .normal-notification.top-huge-margin, .red-notification.top-huge-margin { margin: 40px 0px 0px 0px;} .normal-notification_modified, .red-notification_modified, .green-notification_modified { margin-left: -20px; width: 100%;} BODY { font-size: 12px; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; background: #ffffff; color: #4c4c4c; line-height: 18px;} html,body { height: 100%; width: 100%;} H1 { font-size: 30px; padding: 0 0 6px 0; margin: 0 0 8px -2px; font-weight: normal; line-height: 36px; color: #424242;} H2 { font-size: 24px; padding: 6px 0 16px 0; margin: 0; font-weight: normal; line-height: 27px; color: #0573d1 } H3, H4 { font-size: 18px; padding: 9px 0 14px 0; margin: 0; font-weight: normal; color: #0573d1; line-height: 20px } A { color: #3c46b9 } A:hover { color: #db001b !important; } IMG, FORM, TD, TABLE { border: 0; margin: 0; padding: 0 } TABLE { border-collapse: collapse; width: 100% } TD { vertical-align: top; padding: 0 } P { padding: 0 0 0 0; margin: 0 0 20px 0 } INPUT { padding: 0; margin: 0 } H1 a { color: #424242 !important;} .clear { clear: both; line-height: 0; font-size: 0; } .wrap, .header, .wrap-head { margin: 0px auto;} .wrap { width: 939px;} .wrap.line { background: url("//r.drom.ru/skin/moscow2014/top-line.png") 0px top no-repeat;} .banner { background: #000000; border-bottom: 1px solid #4a4a4a;} .wrap-head { width: 887px; padding: 0px 0px 0px 58px;} .top-line, .banner, .links, .content, .footer { min-width: 996px;} .top-line { background: #db001b; border-bottom: 1px solid #fd2e47;} .top-line, .top-line .sep, .line-text { height: 46px;} .drom-logo, .top-line .sep, .line-text, .left-block, .right-block, .news .img-block, .news .news-info, .footer-logo, .copyright { float: left;} .white-block { min-width: 92px;} .drom-logo { background: url("//r.drom.ru/skin/moscow2014/logo2x.png") no-repeat; background-size: 131px 30px; width: 131px; display: block; height: 30px; margin: 7px 77px 0px 2px;} .top-line .sep { background: url("//r.drom.ru/skin/moscow2014/sep.png") no-repeat; width: 38px;} .line-text { color: #ffffff; font-size: 19px; line-height: 45px; font-family: Tahoma;} .links { padding: 21px 0px; background: #1f1f1f; margin-bottom: 24px;} .home { display: block; background: url("//r.drom.ru/skin/moscow2014/home.png") left center no-repeat; width: 52px; min-height: 20px;} .flex-boxes { display: flex;} .models { width: 887px;} .models a { color: #00c0f4; text-decoration: none; border-bottom: 1px solid #1d768e; display: inline-block; margin: 0px 9px 5px 0px; font-family: Arial;} .models a:hover { border-color: #db001b;} .left-block a, .right-block a, .footer a { color: #01bff3;} .left-block { width: 716px; margin-right: 25px;} .right-block { width: 195px;} .img-block { border: 1px solid #c8c8c8; padding: 1px; display: block; box-sizing: border-box; width: 144px;} .news { margin-bottom: 25px; overflow: hidden;} .right-block .img-block { margin-bottom: 6px;} .news .img-block { margin-right: 6px;} .news a { font-size: 14px;} .news .text { padding-top: 5px;} .news .news-info { width: 560px;} .car-block { margin-bottom: 23px;} .gray { font-size: 10px; color: #929292;} .date-counter { color: #929292;} .footer { margin-top: 44px; padding-bottom: 50px; overflow: hidden;} .footer .wrap { border-top: 1px solid #efeeeb; padding-top: 34px;} .footer .counter { float: right;} .footer .counter:last-child { margin-right: 5px;} .footer-logo { background-size: 116px 26px; height: 26px; background-image: url("//r.drom.ru/skin/moscow2014/logo2x.png"); width: 116px; display: block; margin-right: 35px;} /* Ваш браузер не поддерживается */ .old-browser { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; color: #FFF; } .old-browser__bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; z-index: -1; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* IE 5-7 */ filter: alpha(opacity=85); /* Netscape */ -moz-opacity: 0.85; /* Safari 1.x */ -khtml-opacity: 0.85; /* Good browsers */ opacity: .85; } .old-browser__container { min-width: 990px; max-width: 1266px; margin: 0 auto; padding: 40px; } .old-browser__heading { color: #FFF; font-size: 30px; font-weight: 400; margin-bottom: 20px; line-height: 36px;} .old-browser__text { margin-bottom: 74px; font-size: 14px; line-height: 20px;} .old-browser__title { float: left; text-decoration: underline;} .old-browser__title_center { margin-top: 8px;} .old-browser__button { display: inline-block; font-size: 14px; line-height: 40px; padding: 0 20px; color: #FFF; border: 1px solid; margin-bottom: 37px; } .old-browser__button:hover { color: #FFF !important; background-color: #EF0918; border-color: #EF0918; text-decoration: none; opacity: 1; } .old-browser__logo { background-image: url("//r.drom.ru/skin/old-browser-icons.png"); background-repeat: no-repeat; background-position: 0 0; display: block; width: 173px; height: 40px; margin-bottom: 37px; } .old-browser__icons { *zoom: 1; overflow: hidden; zoom: 1; margin-bottom: 37px;} .old-browser__icons:before, .old-browser__icons:after { content: ''; display: table; } .old-browser__icons:after { clear: both; } .old-browser__link { *zoom: 1; overflow: hidden; zoom: 1; display: block; float: left; margin-right: 40px; width: 120px; height: 40px; color: #FFF; font-size: 14px; line-height: 20px; text-decoration: none; } .old-browser__link:before, .old-browser__link:after { content: ''; display: table; } .old-browser__link:after { clear: both; } .old-browser__link:hover { color: #EF0918 !important; text-decoration: none; } .old-browser__link:hover .old-browser__title { text-decoration: underline;} .old-browser__link:hover .old-browser__icon { cursor: pointer; } .old-browser__link:hover .old-browser__icon_firefox { background-position: 0 -83px; } .old-browser__link:hover .old-browser__icon_chrome { background-position: -42px -83px; } .old-browser__link:hover .old-browser__icon_ie { background-position: -85px -83px; } .old-browser__link:hover .old-browser__icon_opera { background-position: -131px -83px; } .old-browser__text-link { color: #FFF; font-size: 14px; text-decoration: underline; } .old-browser__icon { width: 40px; height: 40px; background-image: url("//r.drom.ru/skin/old-browser-icons.png"); background-repeat: no-repeat; background-position: 0 0; float: left; margin-right: 10px; } .old-browser__icon_firefox { background-position: 0 -41px; } .old-browser__icon_chrome { background-position: -42px -41px; } .old-browser__icon_ie { background-position: -85px -41px; } .old-browser__icon_opera { background-position: -131px -41px; } /* Ваш браузер не поддерживается */ /*========================== */ .b-button { border: 1px solid #ababab; position: relative; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-tap-highlight-color: rgba(0,0,0,0); -o-tap-highlight-color: rgba(0,0,0,0);} .b-button_theme_black { font-family: Verdana, Arial, Helvetica, sans-serif; border: none; box-sizing: border-box; line-height: 38px; font-size: 14px; color: #fff; display: inline-block; padding: 0px 20px; background: #2c2726; cursor: pointer; margin-top: 40px;} .b-button_theme_black .b-button__text { display: inline-block;} .b-button_theme_black.b-button_reset-margin { margin-top: 0px;} .b-button_theme_black.b-button_locked { background: #d1d1d1;} .b-button_theme_arrow { border: 0px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; padding: 0px;} .b-button_theme_arrow .b-button__text { display: inline-block; margin-right: 5px; font-size: 13px;} .b-button_theme_arrow.b-button_active .b-ico_type_arrow { transform: rotate(0deg); -webkit-transform: rotate(0deg);} .b-button_theme_arrow.b-button_block { display: block;} .b-button_theme_beauty { border: 0px; display: inline-block; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0px;} .b-button_theme_beauty.b-button_size_s { font-size: 12px;} .b-button_theme_shadow { font-family: Verdana, Arial, Helvetica, sans-serif; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearence: none; color: #181818; display: inline-block; box-sizing: border-box; padding: 0px 11px; height: 40px; border: none; line-height: 38px; font-size: 12px; background: rgba(255, 255, 255, 0.85);} .b-button_theme_shadow .b-button__text { vertical-align: middle; position: relative;} .b-button_ico:before { content: ''; display: inline-block; background-image: url('//r.drom.ru/skin/all-icons.svg?v=30'); background-repeat: no-repeat;} .b-button_ico_bmsh_request:before { background-position: 0px -670px; width: 23px; height: 23px; vertical-align: middle; margin-right: 10px;} .b-button_ico_bmsh_buy-ticket:before { background-position: -27px -670px; width: 23px; height: 22px; vertical-align: middle; margin-right: 10px;} .b-button_ico_white-plus:before { background-position: -36px -256px; width: 14px; height: 14px; margin-right: 10px; vertical-align: middle;} .b-button_theme_light { font-family: Verdana, Arial, Helvetica, sans-serif; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearence: none; color: #1b75cc; display: inline-block; box-sizing: border-box; padding: 0px 11px; line-height: 38px; border: 1px solid #c1c1c1; font-size: 14px; background: #e8e8e8;} .b-button_theme_light.b-button_locked .b-button__text { color: #8b8b8b; opacity: 0.65;} .b-button_theme_light.b-button_centred { display: block; margin: 0px auto; } /*.b-button_theme_light .b-button__text { line-height: 20px; vertical-align: middle;}*/ .b-button_theme_red { font-family: Verdana; border: none; box-sizing: border-box; height: 40px; line-height: 38px; font-size: 14px; color: #fff; display: inline-block; padding: 0px 28px; background: #db001b; cursor: pointer;} .b-button_theme_red .b-button__text { display: inline-block;} .b-button_theme_pseudo { font-family: Verdana, Arial, Helvetica, sans-serif; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearence: none; display: inline-block; box-sizing: border-box; padding: 0px; height: 40px; border: none; line-height: 38px; font-size: 12px; background: none;} .b-button_theme_pseudo .b-button__text { color: #1b75cc; display: inline;} .b-button_theme_black + .b-button_theme_pseudo { margin-left: 40px;} .b-button_width_available { width: 100%; text-align: center;} .b-button_belongs { margin-bottom: 20px;} .b-button_reset-main0 { padding: 0px; background: 0px;} .b-button__text { position: relative;} .b-button.b-button_margin_t-size-s { margin-top: 20px;} .b-button.b-button_margin_t-size-tiny { margin-top: 5px;} /* position */ .b-button.b-button_position_b-r { position: absolute; bottom: 0px; right: 0px;} .b-button.b-button_position_t-l { position: absolute; top: 0px; left: 0px;} /* ========================================================== Block only for mixing to container for margins or padding Notice: For fixing margins/padding(right,left) in different screen resolution should use class 'b-media-query' with random modificators ========================================================== */ .b-random-group {} .b-random-group.b-random-group_margin_r-size-s > * { margin-right: 20px;} .b-random-group.b-random-group_margin_r-size-l > * { margin-right: 40px;} .b-random-group.b-random-group_margin_r-b-size-l-s > *, .b-random-group.b-random-group_margin_r-b-size-l-s-cancel-last > * { margin: 0px 40px 20px 0px;} .b-random-group.b-random-group_margin_r-b-size-s-l > * { margin: 0px 20px 40px 0px;} .b-random-group.b-random-group_margin_r-b-size-s-s > * { margin: 0px 20px 20px 0px;} .b-random-group.b-random-group_margin_b-size-s > * { margin-bottom: 20px;} .b-random-group.b-random-group_margin_reviews > * { margin: 0px 1px 20px 0px;} .b-random-group.b-random-group_margin_r-size-s > *:last-child, .b-random-group.b-random-group_margin_r-size-l > *:last-child { margin-right: 0px;} .b-random-group.b-random-group_margin_b-size-s > *:last-child { margin-bottom: 0px;} .b-random-group.b-random-group_margin_r-b-size-l-s > *:last-child { margin: 0px;} .b-random-group.b-random-group_padding_r-size-l > * { padding-right: 40px;} .b-link { text-decoration: none; border-bottom: 1px solid transparent; color: #1b75cc; cursor: pointer; display: inline;} .b-link_type_important { color: #1b75cc !important;} .b-link_theme_gray, .b-link_theme_gray-important { color: #aaa !important; border-bottom: 1px solid #d4d4d4;} .b-link_dashed { border-bottom: 1px dashed #7aafd1;} .b-link_floated_right { float: right;} .b-link_theme_show:before { content: ''; margin-right: 4px; display: inline-block; width: 9px; height: 10px; background-image: url("//r.drom.ru/skin/all-icons.svg?v=30"); background-repeat: no-repeat; background-position: -22px -649px; } .b-link_theme_close:before { transition: transform 0.3s ease-in-out; content: ''; display: inline-block; width: 9px; height: 10px; background-image: url("//r.drom.ru/skin/all-icons.svg?v=30"); background-repeat: no-repeat; background-position: -22px -649px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg)} .b-link_type_positioned-404 { position: absolute; top: 529px; left: 119px;} .b-link_theme_white { color: #ffffff; border-bottom: 1px solid #ffffff;} .b-link_theme_dark { color: #19191a; border-bottom:1px solid #bababa; } .b-link.b-link_size_m { font-size: 12px;} .b-link.b-link_size_l { font-size: 14px;} .drom-notouch .b-link_theme_white:hover, .drom-touch .b-link_theme_white:active { opacity: 0.6; color: #ffffff !important; text-decoration: none; border-bottom: 1px solid #ffffff;} .drom-notouch .b-link:hover, .drom-touch .b-link:active { color: #db001b; text-decoration: none; border-bottom: 1px solid #fab2b2;} .drom-notouch .b-link_type_important:hover, .drom-touch .b-link_type_important:active { color: #db001b !important; text-decoration: none; border-bottom: 1px solid #fab2b2;} .drom-notouch .b-link_dashed:hover, .drom-touch .b-link_dashed:active { border-bottom: 1px dashed #fab2b2;} .drom-notouch .b-link_theme_show:hover:before, .drom-touch .b-link_theme_show:active:before { background-position: -35px -649px;} .drom-notouch .b-link_theme_close:hover:before, .drom-touch .b-link_theme_close:active:before { background-position: -35px -649px;} /* =================================== * Обертка для контента модального окна * =================================== */ .b-modal { box-sizing: border-box; background-color: #fff; height: 100%; overflow: hidden; position: relative; padding: 20px; color: #181818;} .b-modal_pad_b { padding: 0px 0px 20px 0px;} .b-modal_overflow_visible { overflow: visible;} .b-modal__title { color: #db001b; margin-bottom: 40px;} .b-modal .b-modal__title.b-title_type_h2 { color: #DB001B; margin-bottom: 40px; } /* ========== * Заголовки * ========== */ .b-title { margin: 0px; padding: 0px; display: block; font-weight: normal; position: relative; clear: both;} .b-title_type_h2 { font-size: 24px; line-height: 26px; color: #181818; margin-bottom: 20px;} .b-title.b-title_red { color: #db001b;} .b-title_type_h3 { font-size: 18px; line-height: 22px; color: #181818; margin-bottom: 20px;} .b-title_type_h4 { font-size: 16px; line-height: 19px; color: #181818; margin-bottom: 20px;} .b-title_inline { display: inline-block;} .b-title_no-margin { margin: 0px;} .b-title_margin_r-size-s { margin-right: 20px;} .b-input__label { display: block; font-size: 12px; line-height: 20px; padding: 0; margin-bottom: 7px; color: #8b8b8b;} /* ============ Merge styles ============ */ .b-media-cont, .b-header, .b-header-top { margin: 0px 0px 20px;} .b-custom-button, .b-bord, .b-flow, .b-float { box-sizing: border-box;} .b-triggers_after:after, .b-media-cont:after, .b-header-top:after, .b-steps:after, .b-media-cont_clear:after { content: ''; clear: both; width: 100%; height: 100%; display: block;} .b-triggers__item, .b-custom-button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0,0,0,0); -o-tap-highlight-color: rgba(0,0,0,0);} .b-flow__item_bold, .b-col__item_bold { font-weight: bold;} .b-float__gray_sm, .b-counter { font-size: 11px; color: #aaaaaa;} .b-media-cont_margin_huge { margin: 0px 0px 40px 0px;} .b-media-cont__p_right { float: right;} .b-media-cont__p_left, .b-floated-header { float: left; width: 65%;} /* =================================== * Input block(new version) * =================================== */ /*Grouped inputs*/ .b-input-group.b-input-group_theme_islands { overflow: hidden;} .b-input-group.b-input-group_theme_islands .b-input.b-input_theme_islands { float: left; margin: 0px 0px 0px 20px;} .b-input-group.b-input-group_theme_islands .b-input.b-input_theme_islands:first-child { margin: 0px;} .b-input-group.b-input-group_type_tower .b-input { display: block; margin: 0px 0px 20px 0px;} .b-input-group.b-input-group_type_tower .b-input:last-child { margin-bottom: 0px;} .b-input-group.b-input-group_width_available { width: 100%;} .b-input_v-margin_no { margin-bottom: 0px;} .b-input_theme_islands { position: relative; display: inline-block; vertical-align: top;} .b-input_theme_islands.b-input_locked .b-input__box { position: relative;} .b-input_theme_islands.b-input_locked .b-input__box:before { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 3; background: #ffffff; opacity: 0.4;} .b-input_theme_islands .b-input__option[disabled] { color: #c1c1c1;} .b-input_theme_islands .b-input__box { display: block; position: relative;} .b-input_theme_islands .b-input__text-field { padding: 0px 5px; -webkit-appearance: none; appearance: none; font-family: Verdana;} .b-input_theme_islands .b-input__select { padding: 0px 0px 0px 0px; font-family: Verdana;} .b-input_theme_islands.b-input_size_xxl .b-input__text-field { font-size: 14px; line-height: 38px; height: 40px;} .b-input_theme_islands.b-input_size_xxl .b-input__select { font-size: 14px; line-height: 38px; height: 40px;} .b-input_theme_islands.b-input_size_s .b-input__text-field { font-size: 12px; line-height: 18px; height: 20px; box-sizing: border-box;} .b-input_theme_islands.b-input_size_s .b-input__select { font-size: 12px; line-height: 18px; height: 20px;} .b-input_theme_islands.b-input_size_s .b-input__text-field { width: 100%;} .b-input_theme_islands.b-input_size_s .b-input__select { width: 100%;} .b-input_theme_islands.b-input_size_s .b-input__hint, .b-input_theme_islands.b-input_size_xxl .b-input__hint { display: block; color: #a8a8a8; font-size: 12px; margin-top: 10px;} .b-input_theme_islands .b-input__text-area { padding: 0px 5px; -webkit-appearance: none; appearance: none; font-family: inherit;} .b-input_theme_islands.b-input_size_s .b-input__text-area { font-size: 12px; line-height: 18px;} .b-input_theme_islands .b-flow_theme_search { top: 21px;} .b-input_theme_islands.b-input_merged .b-input__box { float: left; z-index: 1;} .b-input_theme_islands.b-input_merged .b-input__box:not(:first-child) { margin-left: -1px;} .b-input_theme_islands.b-input_merged .b-input__label + .b-input__box { margin-left: 0px;} .b-input_locked .b-input__box:before { content: ''; display: block; position: absolute; z-index: 1; width: 100%; height: 100%;} .b-input_locked .b-input__text-field { opacity: 0.5;} .b-input_locked .b-input__select { opacity: 0.5;} .b-input_theme_islands.b-input_reset-bottom-margin { margin-bottom: 20px;} .b-input_width_available { width: 100%;} .b-input_width_available .b-input__text-field, .b-input_width_available .b-input__text-area { width: 100%;} .b-input_width_available .b-input__select { width: 100%;} .b-input.b-input_width_68 .b-input__text-field { width: 68px;} .b-input_width_81 { width: 81px;} .b-input_width_315 { width: 315px;} .b-input_width_650 { width: 650px;} .b-input_width_145 { width: 145px;} .b-input_margin-right_15 { margin-right: 15px;} .b-input__select { background-color: #FFF; color: #444; outline: none; border: 1px solid #d1d1d1; padding: 2px 0px 2px 5px; margin: 0px; box-sizing: border-box; border-radius: 0px; box-shadow: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); -o-tap-highlight-color: rgba(0, 0, 0, 0); box-shadow: none;}