/*Общие уведомления для всего*/ .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-family: 'Verdana'; font-size: 13px; line-height: 20px; color: #000000; background: url('//r.drom.ru/skin/geneva2015/fon.jpg') 50% top fixed #2e318f no-repeat; } a { text-decoration: none; outline: none;} h1, h2, h3, h4 { font-weight: normal; display: block; padding: 0px; margin: 0px; color: #000000;} h1 { font-size: 30px; line-height: 34px; margin-bottom: 30px;} h3 { font-size: 22px; line-height: 34px; margin-bottom: 30px;} .b-link, .b-span-white-child a { border-bottom: 1px solid transparent; color: #0070ba; cursor: pointer;} .b-link_dark { border-bottom: 1px solid #b2b2b2; color: #000000;} .drom-notouch .b-link:hover, .drom-touch .b-link:active { color: #f00000; border-bottom: 1px solid #fab2b2;} .b-link_white { color: #ffffff; border-bottom: 1px solid #85d9ca;} .b-span-white-child a { color: #ffffff!important; border-bottom: 1px solid #85d9ca;} .drom-notouch .b-link_white:hover, .drom-touch .b-line_white:active, .drom-notouch .b-span-white-child a:hover, .drom-touch .b-span-white-child a:active { color: #ffffff; opacity: 0.7; border-bottom: 1px solid #85d9ca;} .b-wrapper { width: 995px; box-sizing: border-box; margin: 0px auto;} .b-header-top { background: url('//r.drom.ru/skin/geneva2015/header-fon.png') left top no-repeat; min-height: 233px; padding: 40px 28px 0px 28px; box-sizing: border-box;} .b-header-top__logo { display: inline-block; vertical-align: middle;} .b-header-top__logo_drom { background: url('//r.drom.ru/skin/geneva2015/logo.png') no-repeat; width: 268px; height: 61px; margin-right: 64px;} .b-header-top__logo_drom_sm { background: url('//r.drom.ru/skin/geneva2015/logo.png') no-repeat; width: 116px; height: 26px; margin-right: 64px; background-size: 116px auto;} .b-header-top__logo_geneva { background: url('//r.drom.ru/skin/geneva2015/geneva-logo.png') no-repeat; width: 256px; height: 60px;} .b-header-top__title { font-size: 22px; line-height: 30px; color: #ffffff; margin-top: 36px;} .b-links { background: #0bb295; padding: 20px 28px; overflow: hidden;} .b-links__home { display: block; position: absolute; top: 50%; left: 0px; margin-top: -14px;} .drom-notouch .b-links__home:hover, .drom-touch .b-links__home:active { opacity: 0.7;} .b-links__link { display: block; float: left; margin: 0px 10px 10px 0px;} .b-links__link_another { margin-left: 20px;} .b-links__home:before { content: ''; background: url('//r.drom.ru/skin/geneva2015/icons.png') no-repeat; width: 11px; height: 10px; display: inline-block; vertical-align: middle;} .b-links__block { float: left; padding-left: 40px; position: relative;} .b-content { background: #ffffff; padding: 20px 28px 40px 28px;} .b-content:after { content: ''; display: table; clear: both;} .b-left-side { width: 715px; box-sizing: border-box; float: left;} .b-left-side_full-size { width: 100%; float: none;} .b-right-side { width: 195px; margin-left: 29px; padding-bottom: 40px; float: left;} .b-info-block { box-sizing: border-box; display: block; color: #000000} .b-info-block_theme_floated { display: inline-block; vertical-align: top; margin-right: 20px; margin-bottom: 20px; max-width: 195px;} .b-info-block_theme_vertical-main { min-width: 195px; margin: 0px 0px 20px 0px;} .b-info-block_theme_vertical-main:last-child { margin: 0px;} .b-info-block_theme_vertical-main .b-info-block__image { margin-bottom: 10px} .b-info-block_js-hovered .b-info-block__image { opacity: 0.85;} .b-info-block_js-hovered .b-link { color: #f00000; border-bottom: 1px solid #fab2b2;} .drom-notouch .b-info-block_theme_vertical-main:hover .b-info-block__title, .drom-touch .b-info-block_theme_vertical-main:active .b-info-block__title, .drom-notouch .b-info-block_theme_floated:hover .b-info-block__title, .drom-notouch .b-editable-area a:not([data-section]):hover, .drom-touch .b-editable-area a:not([data-section]):active, .drom-touch .b-info-block_theme_floated:active .b-info-block__title { color: #f00000; border-bottom: 1px solid #fab2b2;} .drom-notouch .b-info-block_theme_vertical-main:hover .b-info-block__image, .drom-touch .b-info-block_theme_vertical-main:active .b-info-block__image, .drom-notouch .b-info-block_theme_horizontal .b-info-block__image:hover, .drom-touch .b-info-block_theme_horizontal .b-info-block__image:active, .drom-notouch .b-info-block_theme_floated:hover .b-info-block__image, .drom-touch .b-info-block_theme_floated:active .b-info-block__image { opacity: 0.85;} .b-info-block_theme_horizontal { display: block; overflow: hidden; margin: 0px 0px 20px 0px; } .b-info-block_theme_horizontal:last-child { margin-bottom: 0px;} .b-info-block_theme_horizontal .b-info-block__image { min-width: 250px; float: left;} .b-info-block_theme_horizontal .b-info-block__info { float: left; width: 440px;} .b-info-block_theme_horizontal .b-info-block__image { margin: 0px 20px 0px 0px; } .b-info-block__info { display: block;} .b-info-block__text { font-size: 11px; color: #aaa; display: inline-block; margin-right: 10px;} .b-info-block__counter { font-size: 11px; color: #aaa; display: inline-block; border: 1px solid #d1d1d1; padding: 0px 3px; position: relative; line-height: 13px; height: 14px;} .b-info-block__counter:before { content: ''; display: block; background-image: url("//r.drom.ru/skin/geneva2015/icons.png"); background-repeat: no-repeat;background-position: 0px -12px; background-repeat: no-repeat; width: 4px; height: 4px; position: absolute; bottom: -4px; left: 3px;} .b-info-block__title { display: inline;} .b-editable-area a:not([data-section]) { border-bottom: 1px solid transparent; color: #0070ba; cursor: pointer;} .b-image { display: block; border: 0px;} .b-image_responsive { max-width: 100%; max-height: 100%;} .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: #19191a; margin-bottom: 20px;} .b-title_type_h3 { font-size: 18px; line-height: 22px; color: #19191a; margin-bottom: 20px;} .b-header-top-media { float: right; margin: 12px 0px 0px 40px; } .b-header-top-media_reset-margin { margin: 0px;} .b-header-top-media_theme_vertical { float: none; margin: 0px;} .b-header-top-media_theme_vertical .b-header-top-media__item { display: block;} .b-header-top-media_theme_vertical .b-header-top-media__item_ico_instagram { background-position: -100px bottom;} .b-header-top-media_theme_vertical .b-header-top-media__item_ico_gplus { background-position: -14px bottom;} .b-header-top-media_theme_vertical .b-header-top-media__item_ico_youtube { background-position: -28px bottom;} .b-header-top-media_theme_vertical .b-header-top-media__item_ico_facebook { background-position: -42px bottom;} .b-header-top-media_theme_vertical .b-header-top-media__item_ico_vk { background-position: -56px bottom;} .b-header-top-media_theme_vertical .b-header-top-media__item_ico_classmates { background-position: -70px bottom;} .b-header-top-media_theme_vertical .b-header-top-media__item_ico_twitter { background-position: -84px bottom;} .b-header-top-media_theme_vertical .b-header-top-media__item_ico_mail { background-position: 0px 0px;} .b-header-top-media_theme_vertical .b-header-top-media__item_ico_drom { background-position: -310px 0px;} .b-header-top-media_theme_big-icons { float: none; margin: 0px;} .b-header-top-media_theme_big-icons .b-header-top-media__item_ico { background-image: url('//r.drom.ru/skin/all-icons.png'); width: 28px; height: 28px; cursor: pointer;} .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_instagram { background-position: -520px -611px;} .drom-notouch .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_instagram:hover, .drom-touch .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_instagram:active { background-position: -552px -611px;} .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_drom { background-position: 0px -611px;} .drom-notouch .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_drom:hover, .drom-touch .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_drom:active { background-position: -32px -611px;} .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_vk { background-position: -320px -611px;} .drom-notouch .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_vk:hover, .drom-touch .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_vk:active { background-position: -352px -611px;} .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_facebook { background-position: -256px -611px;} .drom-notouch .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_facebook:hover, .drom-touch .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_facebook:active { background-position: -288px -611px;} .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_mail { background-position: -64px -611px;} .drom-notouch .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_mail:hover, .drom-touch .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_mail:active { background-position: -96px -611px;} .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_classmates { background-position: -384px -611px;} .drom-notouch .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_classmates:hover, .drom-touch .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_classmates:active { background-position: -416px -611px;} .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_gplus { background-position: -128px -611px;} .drom-notouch .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_gplus:hover, .drom-touch .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_gplus:active { background-position: -160px -611px;} .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_twitter { background-position: -448px -611px; width: 32px;} .drom-notouch .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_twitter:hover, .drom-touch .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_twitter:active { background-position: -484px -611px;} .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_youtube { background-position: -192px -611px;} .drom-notouch .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_youtube:hover, .drom-touch .b-header-top-media_theme_big-icons .b-header-top-media__item_ico_youtube:active { background-position: -224px -611px;} .b-header-top-media__item { color: #a3a3a3; text-decoration: underline; display: inline-block; vertical-align: middle;} .b-header-top-media__item_link, .b-header-top-media__item_dealer { line-height: 18px; margin-right: 14px;} .b-header-top-media__item_link:last-child, .b-header-top-media__item_dealer:last-child { margin-right: 0px;} .b-header-top-media__item_dealer { margin-right: 10px;} .b-header-top-media__item_ico { background-image: url('//r.drom.ru/skin/new_social.png?v=1'); background-repeat: no-repeat; width: 14px; height: 14px; margin-right: 10px;} .b-header-top-media__item_ico:last-child { margin-right: 0px;} .b-header-top-media__item_ico_instagram { background-position: -100px top;} .b-header-top-media__item_ico_gplus { background-position: -14px top;} .b-header-top-media__item_ico_youtube { background-position: -28px top;} .b-header-top-media__item_ico_facebook { background-position: -42px top;} .b-header-top-media__item_ico_vk { background-position: -56px top;} .b-header-top-media__item_ico_classmates { background-position: -70px top;} .b-header-top-media__item_ico_twitter { background-position: -84px top; width: 16px;} .b-header-top-media__item_ico_instagram:hover, .b-header-top-media_theme_vertical .b-header-top-media__item_ico_instagram { background-position: -100px bottom;} .b-header-top-media__item_ico_gplus:hover, .b-header-top-media_theme_vertical .b-header-top-media__item_ico_gplus { background-position: -14px bottom;} .b-header-top-media__item_ico_youtube:hover, .b-header-top-media_theme_vertical .b-header-top-media__item_ico_youtube { background-position: -28px bottom;} .b-header-top-media__item_ico_facebook:hover, .b-header-top-media_theme_vertical .b-header-top-media__item_ico_facebook { background-position: -42px bottom;} .b-header-top-media__item_ico_vk:hover, .b-header-top-media_theme_vertical .b-header-top-media__item_ico_vk { background-position: -56px bottom;} .b-header-top-media__item_ico_classmates:hover, .b-header-top-media_theme_vertical .b-header-top-media__item_ico_classmates { background-position: -70px bottom;} .b-header-top-media__item_ico_twitter:hover, .b-header-top-media_theme_vertical .b-header-top-media__item_ico_twitter { background-position: -84px bottom;} .b-header-top-media__item_ico_mail:hover, .b-header-top-media_theme_vertical .b-header-top-media__item_ico_mail { background-position: 0px -14px;} .b-input { box-sizing: border-box; outline: none; margin-bottom: 20px; } .b-input_margin_big { margin-bottom: 40px;} .b-input_margin_sm { margin-bottom: 5px; } .b-input__label { display: block; font-size: 12px; line-height: 20px; padding: 0; margin-bottom: 5px; } .b-input__text-field { 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; -webkit-appearance: none;} .b-input__text-field:focus { border-color: #a8a8a8; outline: none;} .drom-notouch .b-input__text-field:hover, .drom-touch .b-input__text-field:active { border-color: #a8a8a8; outline: none;} .b-input__signature { font-size: 12px;} .b-input_theme_large .b-input__text-field, .b-input_theme_large-ext .b-input__text-field { width: 100%; height: 40px; line-height: 40px; padding: 0 10px; font-size: 18px;} .b-input_theme_large-ext { position: relative; } .b-input_theme_large-ext .b-input__text-field { padding-right: 30px;} .b-input_theme_inline { display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; -ms-flex-align: center; flex-wrap: wrap; -webkit-flex-wrap: wrap;} .b-input_theme_inline .b-input__text-field { width: 65%; height: 40px; line-height: 40px; padding: 0 10px; font-size: 18px;} .b-input_theme_inline .b-input__text-field::-ms-clear { display: none; } .b-input_theme_inline .b-input__signature { width: 65%; margin-top: 20px;} .b-input_theme_inline .b-input__label { width: 35%; line-height: 1; margin-bottom: 0px; font-size: 13px;} .b-button-custom { display: block; background-color: rgba(0, 0, 0, 0); border: none; outline: none; cursor: pointer;} .b-button-custom_type_ok { background: #181818; box-sizing: border-box; height: 40px; line-height: 40px; font-size: 14px; color: #ffffff; display: inline-block; padding: 0px 28px;} .b-button-custom_type_link { line-height: 40px; height: 40px; font-size: 16px; display: inline-block; padding: 0px 28px} .cf:after, .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .cf { display: inline-block } html[xmlns] .cf, html[xmlns] .clearfix { display: block } * html .cf, * html .clearfix { height: 1% } .comments .loginServices .arr { position: absolute; width: 13px; height: 8px; background: url(//r.drom.ru/skin/reviewSubArr.gif?update=1.0) left bottom no-repeat; top: -8px; left: 32px; //top: -8px; _top: 13px } .comments { //position: relative } .comments .item { border-bottom: 1px solid #dcdcdc; position: relative; color: #555; margin: 0 0 15px 0; clear: both; clear: both; float: left; width: 100%; min-height: 80px; _height: 80px } .comments .t { margin: 0 78px 17px 116px;} .comments .a { word-wrap: break-word; color: #a6a6a6; float: left; width: 110px; line-height: 1.3em; padding: 0 0 17px 0; //padding-bottom: 0; font-size: 11px } .comments .a a { display: block; margin: 0 0 5px 0 } .comments .a span { display: block; margin: 0 0 5px 0; color: #000 } .comments .q { display: block; font-size: 11px; position: absolute; right: 3px; bottom: 5px } .comments .f { color: #a6a6a6; font-size: 11px; border-top: 1px solid #f3f3f3; margin: 6px 0 0 0; padding: 13px 0 0 0; line-height: 1.1em; width: 90%; word-wrap: break-word; word-break: break-all; } .comments .f div { margin: 5px 0 0 0 } .comments .v { position: absolute; width: 34px; right: 0; top: 6px; color: #79ae36; padding: 0 0 0 24px; line-height: 18px; white-space: nowrap; } .comments .v a, .comments .v i { background: url(//r.drom.ru/skin/commentsVote.png?update=1.0) left top no-repeat; width: 19px; height: 19px; display: block; text-decoration: none; position: absolute; left: 0 } .comments .v .p a:hover { background-position: left -38px; text-decoration: none !important; } .comments .v .p i { background-position: left -76px } .comments .v .m { color: #e90000; margin: 10px 0 0 0 } .comments .v .m a { background-position: left -19px } .comments .v .m a:hover { background-position: left -57px; text-decoration: none !important; } .comments .v .m i { background-position: left -95px } .comments .ui { background: url(//r.drom.ru/skin/all-icons.png?v=3) -162px 0 no-repeat; width: 16px; height: 15px; margin: 7px 0 5px 0 } .comments .uiDr { background-position: -310px 0px;} .comments .uiFb { background-position: -128px 0px } .comments .uiTw { background-position: -236px 0px } .comments .uiJj { background-position: left -115px } .comments .uiMr { background-position: -18px 0px } .comments .uiOd { background-position: -198px 0px } .comments .uiGp { background-position: -54px 0px;} .comments .master.master.master { background: #2c2726; background-image: none; background-position: 0 0; color: #fff; width: 60px; height: 20px; line-height: 20px; margin: 5px 0 10px; text-align: center; } .comments .master2.master2.master2 { background: #db001b; } .comments .imgs a { float: left; margin: 5px 18px 9px 0; display: block; position: relative; text-decoration: none !important } .comments .imgs i { background: url(//r.drom.ru/skin/zoom.png?update=1.0) left top no-repeat; position: absolute; right: 7px; bottom: 7px; height: 13px; width: 13px } .comments .imgs i { _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/skin/zoom.png?update=1.0", sizingMethod="crop") } .stars { height: 9px; margin: 10px 1px 10px 0; clear: both } .stars i, .stars u, .stars b { width: 10px; height: 9px; float: left; display: block; background: url(//r.drom.ru/skin/commentsStatus.png?update=1.0) left top no-repeat; line-height: 1px; text-decoration: none } .stars i { background-position: left -9px } .stars b { background-position: left -18px } .comments .qu { position: relative; padding: 10px 5px 9px 18px; margin: 5px 0 5px 0; color: #a6a6a6; background: #f5f5f5; border: 1px solid #e8e8e8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 1.1em; zoom: 1; font-size: 12px } .comments .qu .co { position: absolute; display: block; top: -8px; left: 33px; width: 13px; height: 8px; background: url(//r.drom.ru/skin/commentsQuote.gif?update=1.0) left top no-repeat; line-height: 1px } .comments .qu b { display: block } .comments .quw { background: #fff; margin: 24px 12px 13px 0 } .comments .qu .cow { background-position: left -8px } .comments .qu .qu { margin: 14px 12px 10px 0 } .comments form { width: 639px; color: #555; position: relative; clear: both } .comments form h3 { color: #555; padding-bottom: 20px } .comments form table { margin-bottom: 8px } .comments form .ri { float: right; display: block } .comments form td { padding: 0 0 9px 0 } .comments form .c1 { width: 311px; padding-right: 18px } .comments form .c3 { width: 59px } .comments form .i { width: 303px } .comments form textarea { height: 149px; width: 629px } .comments form label { padding-left: 22px } .comments .loginServices { padding: 18px 0 18px 18px; background: #f5f5f5; border: 1px solid #e8e8e8; margin: 12px 0 0 0; line-height: 18px; position: relative; color: #555; _position: static } .comments .loginServices a { width: 78px; margin: 0 19px 0 0; height: 20px; display: block; float: left; background: url(//r.drom.ru/skin/commentsLoginServices.png?update=1.0) left top no-repeat; text-decoration: none } .comments .loginServices .uiJj { width: 97px } .comments .loginServices .uiTw { width: 59px; background-position: left -20px } .comments .loginServices .uiFb { background-position: left -40px } .comments .loginServices .uiVk { background-position: left -60px } .comments .loginServices .uiOd { width: 117px; background-position: left -80px } .comments .loginServices .uiMr { background-position: left -100px; margin-right: 0 } form .okBig { background: #232323 url(//r.drom.ru/skin/commentsOk.png?update=1.0) left top repeat-x; width: 252px; border: 0; font-size: 18px; color: #fff; padding: 6px 0 9px 0; margin: 38px 0 0 0; cursor: pointer; line-height: 1em; //padding-bottom: 8px } form .okBig:hover { background-position: left -39px; background-color: #e90000 } form .clone { padding: 11px 28px 7px 19px; background: #f5f5f5; border: 1px solid #e8e8e8 } form .clone table { margin: 0 0 5px 0 } form .clone td { vertical-align: middle; padding: 8px 0 6px 0 } form .clone input { float: left; display: block; width: 562px } form .clone .c2 { width: 19px } form .clone .del { float: left; display: block; background: url(//r.drom.ru/skin/commentsFilesDel.gif?update=1.0) left 1px no-repeat; display: block; text-decoration: none; width: 19px; height: 20px } form .clone .del:hover { background-position: left -19px } form .files { font-size: 12px } form .files input { font-size: 11px; //padding: 3px 0; margin-right: 9px; width: auto } .opera form .files input { padding: 2px 0 } form .add { padding: 0 0 5px 12px; background: url(//r.drom.ru/skin/formBottom.gif?update=1.0) left 6px no-repeat; display: block } form .add:hover { background-position: left -26px } form small { color: #a6a6a6; font-size: 100% } form .bottom { background: #eaeaea url(//r.drom.ru/skin/dtpControls.png?update=1.0) left top repeat-x; padding: 20px 19px; margin: 10px 0 0 0 } form .bottom button { margin: 0 } form .iBig { font-size: 18px; padding: 8px 9px 5px 9px } form .sepBlock { padding-top: 15px; padding-bottom: 9px; //position: relative; //zoom: 1 } .b-fieldset { border: 1px solid #d1d1d1; padding: 20px; margin: 0px 0px 20px 0px; position: relative; } .b-fieldset__line { margin-bottom: 8px; display: block; } .b-fieldset__line:last-child { margin-bottom: 0px;} .b-fieldset__question-counter { color: #aaa;} .b-footer { min-height: 207px; background: #202262; color: #ffffff; box-sizing: border-box; padding: 40px 28px 0px 28px;} .b-footer .b-link_white { border-color: #787999;} .b-footer__info { width: 715px; float: left; overflow: hidden;} .b-footer__logo { display: inline-block; margin-right: 30px;} .b-footer__copyright { display: inline-block; vertical-align: middle;} .b-footer__metrics { float: right; overflow: hidden;} .b-footer__metrics a { float: left;} .b-footer__metrics a:first-child { margin-right: 10px;} .drom-notouch .b-footer .b-link_white:hover, .drom-touch .b-footer .b-link_white:active { border-color: #787999;} .b-modal { box-sizing: border-box; background-color: #fff; height: 100%; overflow: hidden; position: relative; padding: 20px; color: #181818;} .b-modal__title { color: #f00000; margin-bottom: 40px;} /*.b-link { text-decoration: none; border-bottom: 1px solid transparent; color: #0070ba; cursor: pointer; display: inline;}*/ .b-link_type_important { color: #0070ba !important;} .b-link_theme_gray { color: #aaa; border-bottom: 1px solid #d4d4d4;} .b-link_dashed { border-bottom: 1px dashed #7aafd1;} .drom-notouch .b-link_type_important:hover, .drom-touch .b-link_type_important:active { color: #f00000 !important; text-decoration: none; border-bottom: 1px solid #fab2b2;} /* Ваш браузер не поддерживается */ .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;}