diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..1fb9626 --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +node_modules/ + +.DS_Store +css/min/ diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..c1d4017 --- /dev/null +++ b/LICENSE @@ -0,0 +1,20 @@ +Copyright 2014 Evgeniy Gavryushin + +Permission is hereby granted, free of charge, to any person obtaining +a copy of this software and associated documentation files (the +"Software"), to deal in the Software without restriction, including +without limitation the rights to use, copy, modify, merge, publish, +distribute, sublicense, and/or sell copies of the Software, and to +permit persons to whom the Software is furnished to do so, subject to +the following conditions: + +The above copyright notice and this permission notice shall be +included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND +NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE +LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION +OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION +WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/README.md b/README.md new file mode 100644 index 0000000..24d13a4 --- /dev/null +++ b/README.md @@ -0,0 +1,31 @@ +# css-minimizers-bench + +Сompares the work of CSS minimizers. + +## Which CSS minimizers are compared? + +* [CSSO](https://github.com/css/csso) + +* [clean-css](https://github.com/GoalSmashers/clean-css) + +* [cssshrink](https://github.com/stoyan/cssshrink) + +## Install + +```bash +$ git clone https://github.com/eGavr/css-minimizers-bench.git + +$ cd css-minimizers-bench + +$ npm install +``` + +## Usage + +```bash +$ bin/compare-minimizers +``` + +## License + +[MIT License](http://en.wikipedia.org/wiki/MIT_License) diff --git a/bin/compare-minimizers b/bin/compare-minimizers new file mode 100755 index 0000000..56f4ff1 --- /dev/null +++ b/bin/compare-minimizers @@ -0,0 +1,3 @@ +#!/usr/bin/env node + +require('../lib/index.js') diff --git a/css/raw/SERP.css b/css/raw/SERP.css new file mode 100644 index 0000000..cc4e6b8 --- /dev/null +++ b/css/raw/SERP.css @@ -0,0 +1,11816 @@ +/* ../../libs/lego/blocks-desktop/b-statcounter/b-statcounter.css begin */ +.b-statcounter +{ + position: absolute; + left: -9999px; +} +/* ../../libs/lego/blocks-desktop/b-statcounter/b-statcounter.css end */ +/* ../../libs/lego/blocks-desktop/i-global/_type/i-global_type_simple.css begin */ +/* ../body/i-global__body.css begin */ +/* Global definitions (begin) */ /**/ + body + { + font: 0.8em Arial, Helvetica, sans-serif; + + /* Чтобы в FF2- заработал z-index: -1 */ /**/ + position: relative; + z-index: 0; + + margin: 0; + padding: 0 0 1em 0; + + color: #000; + background: #fff; + } +/* Global definitions (end) */ /**/ +/* ../body/i-global__body.css end */ +/* ../hover/i-global__hover.css begin */ +/* Global definitions: Links hover (begin) */ /**/ + :link:hover, + :visited:hover + { + color: #f00 !important/*!head*/; + } +/* Global definitions: Links hover (end) */ /**/ + +/* ../hover/i-global__hover.css end */ + +/* ../../libs/lego/blocks-desktop/i-global/_type/i-global_type_simple.css end */ +/* ../../blocks-deskpad/b-page/b-page.css begin */ +html +{ + height: 100%; +} + +body.b-page__body +{ + height: 100%; + padding: 0; +} + +.b-page_pager_simple .pager__instance_position_top +{ + display: none; +} + +.b-page_worse-title_yes .serp-item__title +{ + font-size: 13px; +} + +.b-page_link-animation_yes .b-link +{ + -webkit-transition: color .15s ease-out 0s; + -moz-transition: color .15s ease-out 0s; + -o-transition: color .15s ease-out 0s; + transition: color .15s ease-out 0s; +} + +/* ../../blocks-deskpad/b-page/b-page.css end */ +/* ../../blocks-desktop/b-page/b-page.css begin */ +body.b-page__body +{ + font-size: 13px; + line-height: 1.154; +} + +.b-page_tld_ru.b-page_logotablo_yes .navigation__more, +.b-page_tld_ru.b-page_logotablo_yes .header__mail, +.b-page_tld_ru.b-page_logotablo_yes .header__action_type_srv +{ + display: none; +} + +/* ../../blocks-desktop/b-page/b-page.css end */ +/* ../../libs/islands-services/common.blocks/service/service.css begin */ +.service +{ + font-size: 15px; + + position: relative; + + display: inline-block; + + margin: 0; + + text-align: center; + line-height: 16px; +} + +/* ../../libs/islands-services/common.blocks/service/service.css end */ +/* ../../libs/islands-services/common.blocks/service/_hoverable/service_hoverable_yes.css begin */ +.service_hoverable_yes +{ + cursor: pointer; + + border-radius: 3px; + + -webkit-transition-property: background, color, opacity, top; + transition-property: background, color, opacity, top; + + -webkit-transition-duration: 0.1s, 0.15s, 0.1s, 0.15s; + transition-duration: 0.1s, 0.15s, 0.1s, 0.15s; + + -webkit-transition-timing-function: ease-out, ease-out, ease-in, ease-in; + transition-timing-function: ease-out, ease-out, ease-in, ease-in; +} + +.service_hoverable_yes .service__icon +{ + opacity: .3; + + -webkit-transition: opacity 0.15s ease-out; + -moz-transition: opacity 0.15s ease-out; + transition: opacity 0.15s ease-out; +} + +/* ../../libs/islands-services/common.blocks/service/_hoverable/service_hoverable_yes.css end */ +/* ../../libs/islands-services/desktop.blocks/service/_hoverable/service_hoverable_yes.css begin */ +.service_hoverable_yes +{ + cursor: pointer; + + border-radius: 3px; + + -webkit-transition-property: background, color, opacity, top; + transition-property: background, color, opacity, top; + + -webkit-transition-duration: 0.1s, 0.15s, 0.1s, 0.15s; + transition-duration: 0.1s, 0.15s, 0.1s, 0.15s; + + -webkit-transition-timing-function: ease-out, ease-out, ease-in, ease-in; + transition-timing-function: ease-out, ease-out, ease-in, ease-in; +} + +.service_hoverable_yes .service__icon +{ + opacity: .3; + + -webkit-transition: opacity 0.15s ease-out; + -moz-transition: opacity 0.15s ease-out; + transition: opacity 0.15s ease-out; +} + +.service_hoverable_yes:hover .service__icon +{ + opacity: .6; +} +/* ../../libs/islands-services/desktop.blocks/service/_hoverable/service_hoverable_yes.css end */ +/* ../../libs/islands-services/common.blocks/service/__icon/service__icon.css begin */ +.service__icon +{ + display: inline-block; + + background-repeat: no-repeat; + background-position: center; +} +/* ../../libs/islands-services/common.blocks/service/__icon/service__icon.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__images/_color/service-icon__images_color_56.css begin */ +.service-icon__images_color_56 +{ + width: 56px; + height: 56px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__images/_color/service-icon__images_color.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__images/_color/service-icon__images_color_56.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__images/_color/service-icon__images_color_56.css begin */ +.i-ua_inlinesvg_no .service-icon__images_color_56 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__images/_color/service-icon__images_color_56.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__images/_color/service-icon__images_color_56.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__maps/_color/service-icon__maps_color_56.css begin */ +.service-icon__maps_color_56 +{ + width: 56px; + height: 56px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__maps/_color/service-icon__maps_color.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__maps/_color/service-icon__maps_color_56.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__maps/_color/service-icon__maps_color_56.css begin */ +.i-ua_inlinesvg_no .service-icon__maps_color_56 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__maps/_color/service-icon__maps_color_56.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__maps/_color/service-icon__maps_color_56.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__weather/_color/service-icon__weather_color_56.css begin */ +.service-icon__weather_color_56 +{ + width: 56px; + height: 56px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__weather/_color/service-icon__weather_color.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__weather/_color/service-icon__weather_color_56.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__weather/_color/service-icon__weather_color_56.css begin */ +.i-ua_inlinesvg_no .service-icon__weather_color_56 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__weather/_color/service-icon__weather_color_56.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__weather/_color/service-icon__weather_color_56.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__news/_color/service-icon__news_color_56.css begin */ +.service-icon__news_color_56 +{ + width: 56px; + height: 56px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__news/_color/service-icon__news_color.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__news/_color/service-icon__news_color_56.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__news/_color/service-icon__news_color_56.css begin */ +.i-ua_inlinesvg_no .service-icon__news_color_56 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__news/_color/service-icon__news_color_56.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__news/_color/service-icon__news_color_56.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__mail/_color/service-icon__mail_color_56.css begin */ +.service-icon__mail_color_56 +{ + width: 56px; + height: 56px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__mail/_color/service-icon__mail_color.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__mail/_color/service-icon__mail_color_56.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__mail/_color/service-icon__mail_color_56.css begin */ +.i-ua_inlinesvg_no .service-icon__mail_color_56 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__mail/_color/service-icon__mail_color_56.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__mail/_color/service-icon__mail_color_56.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__video/_color/service-icon__video_color_56.css begin */ +.service-icon__video_color_56 +{ + width: 56px; + height: 56px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__video/_color/service-icon__video_color.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__video/_color/service-icon__video_color_56.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__video/_color/service-icon__video_color_56.css begin */ +.i-ua_inlinesvg_no .service-icon__video_color_56 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__video/_color/service-icon__video_color_56.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__video/_color/service-icon__video_color_56.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__translate/_color/service-icon__translate_color_56.css begin */ +.service-icon__translate_color_56 +{ + width: 56px; + height: 56px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__translate/_color/service-icon__translate_color.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__translate/_color/service-icon__translate_color_56.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__translate/_color/service-icon__translate_color_56.css begin */ +.i-ua_inlinesvg_no .service-icon__translate_color_56 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__translate/_color/service-icon__translate_color_56.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__translate/_color/service-icon__translate_color_56.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__browser/_color/service-icon__browser_color_56.css begin */ +.service-icon__browser_color_56 +{ + width: 56px; + height: 56px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__browser/_color/service-icon__browser_color.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__browser/_color/service-icon__browser_color_56.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__browser/_color/service-icon__browser_color_56.css begin */ +.i-ua_inlinesvg_no .service-icon__browser_color_56 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__browser/_color/service-icon__browser_color_56.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__browser/_color/service-icon__browser_color_56.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__afisha/_color/service-icon__afisha_color_56.css begin */ +.service-icon__afisha_color_56 +{ + width: 56px; + height: 56px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__afisha/_color/service-icon__afisha_color.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__afisha/_color/service-icon__afisha_color_56.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__afisha/_color/service-icon__afisha_color_56.css begin */ +.i-ua_inlinesvg_no .service-icon__afisha_color_56 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__afisha/_color/service-icon__afisha_color_56.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__afisha/_color/service-icon__afisha_color_56.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__disk/_color/service-icon__disk_color_56.css begin */ +.service-icon__disk_color_56 +{ + width: 56px; + height: 56px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__disk/_color/service-icon__disk_color.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__disk/_color/service-icon__disk_color_56.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__disk/_color/service-icon__disk_color_56.css begin */ +.i-ua_inlinesvg_no .service-icon__disk_color_56 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__disk/_color/service-icon__disk_color_56.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__disk/_color/service-icon__disk_color_56.css end */ +/* ../../libs/islands-services/common.blocks/service/__url/service__url.css begin */ +.service__url +{ + display: inline-block; + + text-decoration: none; +} + +/* ../../libs/islands-services/common.blocks/service/__url/service__url.css end */ +/* ../../libs/islands-components/common.blocks/link/link.css begin */ +.link, +.link:visited +{ + color: #22c; +} + +.link:hover, +.link:visited:hover +{ + color: #d00 !important; /* Оторвать !important после того, как оторвем .i-global__hover */ +} + +.link +{ + -webkit-transition: color .15s ease-out; + -moz-transition: color .15s ease-out; + -o-transition: color .15s ease-out; + transition: color .15s ease-out; + + text-decoration: none; +} + + +/* ../../libs/islands-components/common.blocks/link/link.css end */ +/* ../../libs/islands-page/common.blocks/b-page/_theme/b-page_theme_normal.css begin */ +.b-page_theme_normal +{ + background-color: #F6F5F3; +} +/* ../../libs/islands-page/common.blocks/b-page/_theme/b-page_theme_normal.css end */ +/* ../../libs/lego/blocks-common/i-flashcookie/i-flashcookie.css begin */ +.i-flashcookie +{ + position: absolute; + left: -10000px; + top: 0; +} +/* ../../libs/lego/blocks-common/i-flashcookie/i-flashcookie.css end */ +/* ../../blocks-desktop/b-page/_initial-scroll/b-page_initial-scroll_yes.css begin */ +/* Для Шапки в pre-search показываем скролл изначально, чтобы шапка не прыгала после загрузки выдачи */ +.b-page_initial-scroll_yes +{ + overflow-y: scroll; +} + +/* + После того, как страница загрузилась выставляем скролл в auto. + Ð’ таком случае страница прыгнет только в члучае, если нет результатов. Т.е. в гораздо более редких случаях. +*/ +.b-page_initial-scroll_yes.b-page_js_inited +{ + overflow-y: auto; +} + +/* ../../blocks-desktop/b-page/_initial-scroll/b-page_initial-scroll_yes.css end */ +/* ../../blocks-deskpad/main/main.css begin */ +.main +{ + -moz-box-sizing: border-box; + box-sizing: border-box; + /* прибиваем подвал к нижней границе экрана */ + min-height: 100%; + margin-top: -103px; + padding-top: 103px; + + -webkit-transition: margin-top .3s, padding-top .3s; + -moz-transition: margin-top .3s, padding-top .3s; + -o-transition: margin-top .3s, padding-top .3s; + transition: margin-top .3s, padding-top .3s; +} + +.main_hidden-content_yes .main__left, +.main_hidden-content_yes .main__right, +.main_hidden-content_yes .main__center +{ + display: none; +} + +/** + * На широких экранах при показе холодильника КП (SERP-20144) необходимо + * обрезать выходящий за границы контент (Реклама, колонка объектного ответа и Ñ‚.п.) + */ +@media screen and (min-width: 1218px) +{ + .main_containing_preview .main__center + { + overflow: hidden; + } +} + +/* ../../blocks-deskpad/main/main.css end */ +/* ../../blocks-deskpad/no-connection/no-connection.css begin */ +.no-connection +{ + position: absolute; + top: 50%; + + display: none; + + width: 100%; + margin-top: -64px; + + text-align: center; +} + +.no-connection_visible_yes +{ + display: block; +} + +.no-connection__wrapper +{ + font-size: 16px; + line-height: 22px; + + position: relative; + + display: inline-block; + + padding: 14px 0 81px 144px; /* низ: кнопка(32+38) + отступ(10) + подгонка по спеки(1); право: картинка(128) + отступ(16) */ + + text-align: left; + + background: no-repeat 0 -12px url("/static/web3/blocks-deskpad/no-connection/no-connection.svg"); +} + +.i-ua_svg_no .no-connection__wrapper +{ + background-image: url("/static/web3/blocks-deskpad/no-connection/no-connection.png"); +} + +.no-connection__reload +{ + position: absolute !important; + bottom: 38px; + left: 144px; +} + +/* ../../blocks-deskpad/no-connection/no-connection.css end */ +/* ../../libs/islands-page/common.blocks/layout/_type/layout_type_serp.css begin */ +/* Отступы для каждой ячейки */ +.layout_type_serp .layout__col +{ + padding-left: 10px; + padding-right: 10px; +} + +/* Размеры ячеек */ +.layout_type_serp .layout__col_size_1 +{ + width: 44px; +} + +.layout_type_serp .layout__col_size_2 +{ + width: 108px; +} + +.layout_type_serp .layout__col_size_3 +{ + width: 172px; +} + +.layout_type_serp .layout__col_size_4 +{ + width: 236px; +} + +.layout_type_serp .layout__col_size_5 +{ + width: 300px; +} + +.layout_type_serp .layout__col_size_6 +{ + width: 364px; +} + +.layout_type_serp .layout__col_size_7 +{ + width: 428px; +} + +.layout_type_serp .layout__col_size_8 +{ + width: 492px; +} + +.layout_type_serp .layout__col_size_9 +{ + width: 556px; +} + +.layout_type_serp .layout__col_size_10 +{ + width: 620px; +} + +/* ../../libs/islands-page/common.blocks/layout/_type/layout_type_serp.css end */ +/* ../../blocks-desktop/layout/_type/layout_type_serp.css begin */ +.layout_type_serp .layout__col_size_9 +{ + width: 560px; +} + +/* ../../blocks-desktop/layout/_type/layout_type_serp.css end */ +/* ../../libs/z-entity-search/blocks-deskpad/z-entity/z-entity.css begin */ +.z-entity__right-list +{ + position: relative; + + padding-top: 18px; +} + +/* ../../libs/z-entity-search/blocks-deskpad/z-entity/z-entity.css end */ +/* ../../libs/z-entity-search/blocks-deskpad/z-entity-search/z-entity-search.css begin */ +.z-entity-search.layout__col +{ + display: block; +} + +.z-entity-search.serp-item +{ + padding-top: 20px; +} + +.z-entity-search .serp-item__wrap +{ + padding: 0; + + white-space: normal; +} + +.z-entity-search .layout +{ + height: 120px; + margin-right: 12px; +} + +.z-entity-search .layout__col +{ + display: table-cell; + + margin: 0; + padding: 0; + + vertical-align: middle; +} + +.z-entity-search__info.layout__col +{ + padding: 0 20px; +} + +.z-entity-search__avatar +{ + position: relative; + + overflow: hidden; + + width: 120px; + height: 120px; +} + +.z-entity-search__avatar:hover .z-entity-search__avatar-url +{ + bottom: 0; +} + +.z-entity-search .z-entity-search__avatar-url +{ + font-size: 11px; + line-height: 18px; + + position: absolute; + right: 0; + bottom: -22px; + left: 0; + + padding: 0 5px; + + -webkit-transition: bottom .1s ease-out; + transition: bottom .1s ease-out; + + color: #fff; + background: rgba(0,0,0,.5); +} + +.z-entity-search .z-entity-search__avatar-url:hover, +.z-entity-search .z-entity-search__avatar-url:visited, +.z-entity-search .z-entity-search__avatar-url:hover:visited +{ + color: #fff !important; +} + +.z-entity-search__avatar-border +{ + position: absolute; + z-index: 2; + top:0; + left:0; + + display: none; + + width: 120px; + height: 120px; + + box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); +} + +.z-entity-search__title +{ + font-size: 20px; + line-height: 24px; + + max-width: 415px; + margin-bottom: 4px; +} + +.z-entity-search__description +{ + line-height: 16px; + + max-width: 415px; +} + +.z-entity-search__description .b-link +{ + color: #8792a8; +} + +.z-entity-search_empty_yes +{ + display: none !important; +} + + +.b-page_baseline_serp3 .z-entity-search .serp-item__wrap +{ + padding-left: 31px; +} + +.b-page_baseline_serp3 .z-entity-search .layout +{ + box-shadow: 0 0 0 1px rgba(0,0,0,.15); +} + +/* ../../libs/z-entity-search/blocks-deskpad/z-entity-search/z-entity-search.css end */ +/* ../../libs/z-entity-search/blocks-deskpad/z-entity-list/z-entity-list.css begin */ +.z-entity-list +{ + margin-bottom: 20px; +} + +.z-entity-list:last-child +{ + margin-bottom: 0; +} + +.z-entity-list__title +{ + font-size: 16px; + line-height: 16px; + + margin-bottom: 10px; +} + +.z-entity-list__items +{ + margin: 0; + padding: 0; + + list-style: none; +} + +.z-entity-list__item +{ + margin-bottom: 10px; +} + +.z-entity-list__item:hover .image +{ + opacity: .8; + + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; +} + +.z-entity-list__item-link +{ + display: table; + + width: 100%; + + table-layout: fixed; +} + +.z-entity-list__item-text +{ + display: table-cell; + + vertical-align: middle; +} + +.z-entity-list__item-avatar +{ + display: table-cell; + + width: 70px; + height: 60px; +} + +.z-entity-list .z-entity-avatar +{ + width: 60px; + height: 60px; +} + +.z-entity-list__item-name +{ + font-size: 16px; + line-height: 20px; +} + +.z-entity-list__item-description +{ + font-size: 13px; + line-height: 16px; + + margin-top: 1px; + + color: #000; +} + +.z-entity-list__text-line +{ + overflow: hidden; + + white-space: nowrap; + text-overflow: ellipsis; +} + +/* ../../libs/z-entity-search/blocks-deskpad/z-entity-list/z-entity-list.css end */ +/* ../../libs/z-entity-search/blocks-deskpad/z-entity-avatar/z-entity-avatar.css begin */ +.z-entity-avatar +{ + position: relative; + + background: #f6f5f3; +} + +.z-entity-avatar__border +{ + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + + display: block; + + box-shadow: 0 0 0 1px rgba(0,0,0, .05) inset; +} + +.z-entity-avatar__image +{ + display: block; + + width: 100%; + height: 100%; + + -webkit-transition: opacity .15s ease-out; + -moz-transition: opacity .15s ease-out; + transition: opacity .15s ease-out; +} + +/* ../../libs/z-entity-search/blocks-deskpad/z-entity-avatar/z-entity-avatar.css end */ +/* ../../libs/z-entity-search/blocks-deskpad/z-entity-related/z-entity-related.css begin */ +.z-entity-related +{ + position: relative; + + margin: 20px 0 0 10px; +} + +.z-entity-related_empty_yes +{ + display: none; +} + +.z-entity-related__carousel +{ + position: relative; +} + +.z-entity-related__objects-wrap +{ + overflow: hidden; + + height: 172px; +} + +.z-entity-related_small-avatars_yes .z-entity-related__objects-wrap +{ + height: 142px; +} + +.z-entity-related__objects +{ + position: relative; + + overflow-x: auto; + + white-space: nowrap; + + -webkit-overflow-scrolling: touch; +} + +.z-entity-related__objects-i +{ + position: relative; + + height: 190px; + + white-space: nowrap; +} + +.z-entity-related_small-avatars_yes .z-entity-related__objects-i +{ + height: 160px; +} + +.z-entity-related__object, +.z-entity-related__spin +{ + display: inline-block; + + width: 120px; + + vertical-align: top; +} + +.z-entity-related__object-avatar +{ + width: 100px; + height: 100px; + margin-bottom: 4px; +} + +.z-entity-related_small-avatars_yes .z-entity-related__object-avatar +{ + width: 70px; + height: 70px; +} + +.z-entity-related__object-link +{ + display: block; +} + +.z-entity-related__object:hover .z-entity-related__object-name +{ + color: #c00; +} + +.z-entity-related__object:hover .image +{ + opacity: .8; + + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; +} + +.z-entity-related__object_disabled_yes .z-entity-related__object-name, +.z-entity-related__object_disabled_yes:hover .z-entity-related__object-name +{ + color: #999; +} + +.z-entity-related__object_disabled_yes .image +{ + opacity: .4; + + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; +} + +.z-entity-related__object_disabled_yes:hover .image +{ + opacity: .3; + + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; +} + +.z-entity-related__object-name +{ + font-size: 13px; + line-height: 16px; + + overflow: hidden; + + padding-right: 5px; + + -webkit-transition: color .15s ease-out; + -moz-transition: color .15s ease-out; + transition: color .15s ease-out; + white-space: normal; + text-overflow: ellipsis; + + color: #000; +} + +.z-entity-related__prev-button, +.z-entity-related__next-button +{ + position: absolute; + z-index: 1; + top: 0; + right: 0; + bottom: 0; + left: 0; + + width: 50px; + + cursor: pointer; +} + +.z-entity-related__button-background +{ + position: absolute; + z-index: -1; + top: 0; + right: 0; + bottom: 0; + left: 0; + + background: rgba(0,0,0, .5); +} + +.z-entity-related__prev-button_visible_no, +.z-entity-related__next-button_visible_no +{ + display: none; +} + +.z-entity-related__prev-button:after, +.z-entity-related__next-button:after +{ + position: absolute; + z-index: 3; + top: 0; + right: 0; + bottom: 0; + left: 0; + + content: ''; + -webkit-transition: left .1s ease-out, right .1s ease-out; + -moz-transition: left .1s ease-out, right .1s ease-out; + transition: left .1s ease-out, right .1s ease-out; + + background: no-repeat 50% 50%; +} + +.z-entity-related__prev-button +{ + right: auto; +} + +.z-entity-related__prev-button:after +{ + background-image: url("/static/web3/libs/z-entity-search/blocks-deskpad/z-entity-related/__icons/z-entity-related__prev-button.svg"); +} + +.z-entity-related__prev-button:hover:after +{ + right: 10px; +} + +.i-ua_svg_no .z-entity-related__prev-button:after +{ + background-image: url("/static/web3/libs/z-entity-search/blocks-deskpad/z-entity-related/__icons/z-entity-related__prev-button.png"); +} + +.z-entity-related__next-button +{ + left: auto; +} + +.z-entity-related__next-button:after +{ + background-image: url("/static/web3/libs/z-entity-search/blocks-deskpad/z-entity-related/__icons/z-entity-related__next-button.svg"); +} + +.z-entity-related__next-button:hover:after +{ + left: 10px; +} + +.i-ua_svg_no .z-entity-related__next-button:after +{ + background-image: url("/static/web3/libs/z-entity-search/blocks-deskpad/z-entity-related/__icons/z-entity-related__next-button.png"); +} + +.z-entity-related .spin +{ + padding-top: 34px; + padding-left: 34px; +} + +.z-entity-related__text-line +{ + overflow: hidden; + + white-space: nowrap; + text-overflow: ellipsis; +} + +.z-entity-related__spin +{ + display: none; +} + +.z-entity-related_portion-load_yes .z-entity-related__spin +{ + display: inline-block; +} + +.z-entity-related__header +{ + margin-bottom: 20px; +} + +/* для Firefox: иначе текст при hover'е почему-то краснеет */ +a.z-entity-related__back-button.b-link:hover +{ + color: #333 !important; +} + +.z-entity-related__back-button_hidden_yes.b-link +{ + display: none; +} + +.z-entity-related__back-button.b-link .button__text +{ + font-size: 13px; + + padding-left: 16px; + + vertical-align: middle; +} + +.z-entity-related__back-button .button__text:before +{ + position: relative; + top: 2px; + right: 6px; + + display: inline-block; + + width: 6px; + height: 12px; + + content: ''; + + background: url("/static/web3/libs/z-entity-search/blocks-deskpad/z-entity-related/__icons/z-entity-related__back-button.svg"); +} + +.i-ua_svg_no .z-entity-related__back-button .button__text:before +{ + background: url("/static/web3/libs/z-entity-search/blocks-deskpad/z-entity-related/__icons/z-entity-related__back-button.png"); +} + +.b-page_baseline_serp3 .z-entity-related +{ + margin-bottom: -10px; + margin-left: 25px; + + border-bottom: 1px solid #e5e5e5; +} + +/* ../../libs/z-entity-search/blocks-deskpad/z-entity-related/z-entity-related.css end */ +/* ../../blocks-deskpad/main/__center/main__center.css begin */ +.main__center +{ + z-index: 0; + + width: 100%; +} + +.main__center-inner +{ + margin-left: 128px; +} + +.main_type_3-auto .main__center-inner +{ + margin-left: 192px; +} + +.main.layout .main__center +{ + padding: 0; +} + +/* ../../blocks-deskpad/main/__center/main__center.css end */ +/* ../../blocks-desktop/main/__right/main__right.css begin */ +.main__right +{ + position: fixed; + /* Перекрываю serp-item__wrap, которые прокликиваются сквозь main__right на + узких дисплеях */ + z-index: 8; + top: 70px; + right: 0; + bottom: 0; + left: 0; + + visibility: visible; + + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 20px 19px 84px; + + -webkit-transition: top linear .1s, margin .25s; + transition: top linear .1s, margin .25s; + /* Workaround for this bug - https://code.google.com/p/chromium/issues/detail?id=249235 */ + -webkit-transform: translateZ(0); + + background: rgba(50, 50, 50, .2); +} + +.main__right .main__right-inner +{ + min-width: 440px; + max-width: 540px; + margin: auto; + padding: 0 20px; + + background: #fff; + -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1); + box-shadow: 0 0 0 1px rgba(0, 0, 0, .1); +} + +/* I ❤ IE */ +/* fix for ie 9-10 box shadow bug */ +.main__right:after +{ + display: block; + + width: 100%; + height: 4px; + + content: ''; +} + +/* Анимация закрытия холодильника */ +.main_right-panel-hidden_yes .main__right +{ + visibility: hidden; + + margin: 0 -804px 0 804px; + + -webkit-transition: margin .25s, opacity 0s ease .25s, visibility 0s ease .25s; + transition: margin .25s, opacity 0s ease .25s, visibility 0s ease .25s; + + opacity: 0; +} + +/* Size XS */ +@media screen and (max-width: 843px) +{ + /* Фикс для IE9 про минимальную ширину видео. SERP-21374 */ + .main__right + { + min-width: 518px; + } +} + + +/* Size S */ +@media screen and (min-width: 843px) +{ + .main__right + { + left: 361px; + + padding: 0 0 46px; + + border-left: 1px solid #acacac; + background: #fff; + -webkit-box-shadow: 0 0 0 3px #fff; + box-shadow: 0 0 0 3px #fff; + } + + .main__right .main__right-inner + { + -webkit-box-shadow: none; + box-shadow: none; + } +} + +/* Size M */ +@media screen and (min-width: 943px) +{ + .main__right + { + left: auto; + + padding: 0 0 46px; + + background: #fff; + -webkit-box-shadow: 0 0 0 3px #fff; + box-shadow: 0 0 0 3px #fff; + } + + .main__right .main__right-inner + { + width: 540px; + + -webkit-box-shadow: none; + box-shadow: none; + } + + /* Анимация закрытия холодильника */ + .main_right-panel-hidden_yes .main__right + { + margin: 0 -581px 0 581px; + } +} + +/* Size L */ +@media screen and (min-width: 1218px) +{ + .main__right + { + z-index: 0; + } + /* Анимация закрытия холодильника */ + .main__right, + .main_right-panel-hidden_yes .main__right + { + left: 699px; + + overflow: hidden; + + margin: 0; + padding: 20px 19px 84px; + + border: none; + background: none; + -webkit-box-shadow: none; + box-shadow: none; + } + + .main__right .main__right-inner + { + visibility: visible; + + width: auto; + margin: 0; + + -webkit-transition: margin-left .25s; + transition: margin-left .25s; + + opacity: 1; + -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1); + box-shadow: 0 0 0 1px rgba(0, 0, 0, .1); + } + + .main_right-panel-hidden_yes .main__right .main__right-inner + { + visibility: hidden; + + margin: 0 0 0 -600px; + + -webkit-transition: margin-left .25s, opacity 0s ease .25s, visibility 0s ease .25s; + transition: margin-left .25s, opacity 0s ease .25s, visibility 0s ease .25s; + + opacity: 0; + } +} + +/* Детектим media-query */ +@media screen and (max-width: 1218px) { + .main__right + { + counter-reset: main__right_large_yes; + } +} + +/* Убираем анимацию при закрытии, если надо */ +.main_right-panel-hidden_yes.main_right-panel-animate_no .main__right-inner +{ + -webkit-transition: none; + transition: none; +} + +/* ../../blocks-desktop/main/__right/main__right.css end */ +/* ../../blocks-deskpad/main/_kind/main_kind_advanced-search.css begin */ +.main_kind_advanced-search +{ + margin-top: -152px; + padding-top: 152px; +} + +.main_kind_advanced-search .main__right +{ + top: 119px; +} + +/* ../../blocks-deskpad/main/_kind/main_kind_advanced-search.css end */ +/* ../../blocks-deskpad/main/__left/main__left.css begin */ +.main__left +{ + position: absolute; + z-index: 3; + left: 0; +} + +.main_type_2-auto .main__left +{ + width: 118px; + padding-right: 0; +} + +/* ../../blocks-deskpad/main/__left/main__left.css end */ +/* ../../blocks-desktop/main/__left/_fixed/main__left_fixed_yes.css begin */ +.main__left_fixed_yes +{ + position: fixed; +} + +/* ../../blocks-desktop/main/__left/_fixed/main__left_fixed_yes.css end */ +/* ../../libs/islands-page/common.blocks/header/header.css begin */ +.header +{ + position: relative; + z-index: 10; /* Чтобы __under правильно позиционировался по z в FF */ +} + +.header .layout__col +{ + display: table-cell; +} +/* ../../libs/islands-page/common.blocks/header/header.css end */ +/* ../../libs/islands-page/desktop.blocks/header/header.css begin */ +.header +{ + width: 100%; +} +/* ../../libs/islands-page/desktop.blocks/header/header.css end */ +/* ../../blocks-deskpad/header/header.css begin */ +.header +{ + -webkit-transition: min-height .3s; + -moz-transition: min-height .3s; + -o-transition: min-height .3s; + transition: min-height .3s; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +/* ../../blocks-deskpad/header/header.css end */ +/* ../../blocks-desktop/header/header.css begin */ +/* TODO: порефакторить */ +.header-wrapper +{ + height: 70px; +} + +.header_extruded_yes +{ + z-index: 11; /* чтобы header перекрывал колдунщик видео при first-impression */ +} + +.header__logo +{ + min-width: 108px; +} + +/* ../../blocks-desktop/header/header.css end */ +/* ../../libs/advanced-search/blocks-common/header/header.css begin */ +.header +{ + -webkit-transition: margin 0.15s ease-in-out; + -moz-transition: margin 0.15s ease-in-out; + transition: margin 0.15s ease-in-out; +} + +/* ../../libs/advanced-search/blocks-common/header/header.css end */ +/* ../../libs/advanced-search/blocks-desktop/header/header.css begin */ +.header_type_advanced +{ + margin-bottom: 49px; +} + +/* ../../libs/advanced-search/blocks-desktop/header/header.css end */ +/* ../../libs/islands-page/common.blocks/layout/__col/layout__col.css begin */ +.layout__col +{ + display: inline-block; + + vertical-align: top; +} +/* ../../libs/islands-page/common.blocks/layout/__col/layout__col.css end */ +/* ../../libs/islands-page/common.blocks/header/__action/header__action.css begin */ +.header__action +{ + position: relative; + + display: inline-block; + + margin-left: 10px; + + cursor: pointer; + vertical-align: middle; + + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +.header__action:before +{ + position: absolute; + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; + + content: ''; + + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + background: #fff; +} + +.header__action_pressed_yes +{ + background: #fff7db; + -webkit-box-shadow: 0 1px 7px rgba(30, 23, 0, .8) inset, 0 2px 0 -1px rgba(255, 255, 255, .2); + -moz-box-shadow: 0 1px 7px rgba(30, 23, 0, .8) inset, 0 2px 0 -1px rgba(255, 255, 255, .2); + box-shadow: 0 1px 7px rgba(30, 23, 0, .8) inset, 0 2px 0 -1px rgba(255, 255, 255, .2); +} + +.header__action_pressed_yes:before +{ + background: #ffeca6; + + background: -moz-linear-gradient(top, #ffeca6 0%, #fff6d5 100%); + background: -webkit-linear-gradient(top, #ffeca6 0%,#fff6d5 100%); + background: -o-linear-gradient(top, #ffeca6 0%,#fff6d5 100%); + background: linear-gradient(to bottom, #ffeca6 0%,#fff6d5 100%); + + -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .45) inset; + -moz-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .45) inset; + box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .45) inset; +} + +.header__action .header__action-i +{ + position: relative; + + display: inline-block; + + width: 38px; + height: 38px; + + vertical-align: top; + + opacity: .25; + background-color: transparent; + background-repeat: no-repeat; + background-position: center; +} + +.header__action_pressed_yes .header__action-i +{ + top: 1px; + + opacity: 1; +} + +/* ../../libs/islands-page/common.blocks/header/__action/header__action.css end */ +/* ../../libs/islands-page/desktop.blocks/header/__action/header__action.css begin */ +.header__action:hover +{ + background: #cecece; +} + +.header__action_pressed_yes:hover +{ + background: #fff7db; + -webkit-box-shadow: 0 1px 7px rgba(30, 23, 0, .8) inset, 0 2px 0 -1px rgba(255, 255, 255, .2); + -moz-box-shadow: 0 1px 7px rgba(30, 23, 0, .8) inset, 0 2px 0 -1px rgba(255, 255, 255, .2); + box-shadow: 0 1px 7px rgba(30, 23, 0, .8) inset, 0 2px 0 -1px rgba(255, 255, 255, .2); +} + +.i-ua_inlinesvg_no .header__action-i { + background-position: 0 0; +} + +/* ../../libs/islands-page/desktop.blocks/header/__action/header__action.css end */ +/* ../../libs/islands-page/common.blocks/header/__action/_type/header__action_type_adv.css begin */ +.header__action_type_adv .header__action-i +{ + background-image: url("/static/web3/libs/islands-page/common.blocks/header/__action/_type/header__action_type_adv.svg"); +} + +/* ../../libs/islands-page/common.blocks/header/__action/_type/header__action_type_adv.css end */ +/* ../../libs/islands-page/desktop.blocks/header/__action/_type/header__action_type_adv.css begin */ +/* Fx3.6, IE6-8, Opera9.6 */ +.i-ua_inlinesvg_no .header__action_type_adv .header__action-i +{ + background-image: url("/static/web3/libs/islands-page/desktop.blocks/header/__action/_type/header__action_type_adv.png"); +} + +/* ../../libs/islands-page/desktop.blocks/header/__action/_type/header__action_type_adv.css end */ +/* ../../libs/islands-page/common.blocks/header/__main/header__main.css begin */ +.header__main +{ + position: relative; + z-index: 6; + + display: table; + + width: 100%; + + background: #fff; + -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15); + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15); +} + +/* ../../libs/islands-page/common.blocks/header/__main/header__main.css end */ +/* ../../libs/islands-page/desktop.blocks/header/__main/header__main.css begin */ +.header__main +{ + padding: 14px 0; + + min-width: 1000px; +} +/* ../../libs/islands-page/desktop.blocks/header/__main/header__main.css end */ +/* ../../blocks-desktop/header/__main/header__main.css begin */ +.header__main +{ + min-width: 760px; +} + +/* ../../blocks-desktop/header/__main/header__main.css end */ +/* ../../libs/islands-page/common.blocks/header/__logo/header__logo.css begin */ +.header__logo +{ + text-align: right; +} + +.header__logo .logo +{ + margin-right: 1px; +} + +.header__logo .logo_lang_ru +{ + margin-top: 1px; +} + +.header__logo .logo_lang_en +{ + margin-top: -2px; +} +/* ../../libs/islands-page/common.blocks/header/__logo/header__logo.css end */ +/* ../../libs/islands-page/common.blocks/logo/_lang/logo_lang_ru.css begin */ +.logo_lang_ru .logo__link +{ + /* borschik:do_not_cut */ + background-image: url("/static/web3/libs/islands-page/common.blocks/logo/_lang/logo_lang_ru.svg"); +} + +/* ../../libs/islands-page/common.blocks/logo/_lang/logo_lang_ru.css end */ +/* ../../libs/islands-page/desktop.blocks/logo/_lang/logo_lang_ru.css begin */ +/*Для Fx3.6 и ie6-8*/ +.i-ua_inlinesvg_no .logo_lang_ru .logo__link +{ + background-image: url("/static/web3/libs/islands-page/desktop.blocks/logo/_lang/logo_lang_ru.png"); +} + +/* ../../libs/islands-page/desktop.blocks/logo/_lang/logo_lang_ru.css end */ +/* ../../libs/islands-page/common.blocks/logo/_lang/logo_lang_en.css begin */ +.logo_lang_en .logo__link +{ + /* borschik:do_not_cut */ + background-image: url("/static/web3/libs/islands-page/common.blocks/logo/_lang/logo_lang_en.svg"); +} + +/* ../../libs/islands-page/common.blocks/logo/_lang/logo_lang_en.css end */ +/* ../../libs/islands-page/desktop.blocks/logo/_lang/logo_lang_en.css begin */ +/*Для Fx3.6 и ie6-8*/ +.i-ua_inlinesvg_no .logo_lang_en .logo__link +{ + background-image: url("/static/web3/libs/islands-page/desktop.blocks/logo/_lang/logo_lang_en.png"); +} + +/* ../../libs/islands-page/desktop.blocks/logo/_lang/logo_lang_en.css end */ +/* ../../libs/islands-page/common.blocks/logo/logo.css begin */ +.logo +{ + display: inline-block; + + width: 95px; + + padding-left: 11px; + + text-align: center; +} + +.logo .logo__link +{ + display: inline-block; + + width: 100%; + height: 37px; + + background-size: 100% 100%; + background-repeat: no-repeat; +} + +.logo .logo__image +{ + width: 100%; + height: 100%; + + border: 0; +} + +/* ../../libs/islands-page/common.blocks/logo/logo.css end */ +/* ../../blocks-deskpad/logo/_club/logo_club_bjk.css begin */ +/* Используется png, потому что svg получилось очень тяжелым - 200kb */ +.logo_club_bjk .logo__link +{ + background-image: url("/static/web3/blocks-deskpad/logo/_club/logo_club_bjk.png"); +} + +/* Для старых браузеров используем маленькую картинку, потому что там нет background-size */ +.i-ua_inlinesvg_no .logo_club_bkj .logo__link +{ + background-image: url("/static/web3/blocks-deskpad/logo/_club/logo_club_bjk-small.png"); +} + +/* ../../blocks-deskpad/logo/_club/logo_club_bjk.css end */ +/* ../../blocks-deskpad/logo/_club/logo_club_gs.css begin */ +/* Используется png, потому что svg получилось очень тяжелым - 200kb */ +.logo_club_gs .logo__link +{ + background-image: url("/static/web3/blocks-deskpad/logo/_club/logo_club_gs.png"); +} + +/* Для старых браузеров используем маленькую картинку, потому что там нет background-size */ +.i-ua_inlinesvg_no .logo_club_gs .logo__link +{ + background-image: url("/static/web3/blocks-deskpad/logo/_club/logo_club_gs-small.png"); +} + +/* ../../blocks-deskpad/logo/_club/logo_club_gs.css end */ +/* ../../blocks-deskpad/logo/_club/logo_club_fb.css begin */ +/* Используется png, потому что svg получилось очень тяжелым - 200kb */ +.logo_club_fb .logo__link +{ + background-image: url("/static/web3/blocks-deskpad/logo/_club/logo_club_fb.png"); +} + +/* Для старых браузеров используем маленькую картинку, потому что там нет background-size */ +.i-ua_inlinesvg_no .logo_club_fb .logo__link +{ + background-image: url("/static/web3/blocks-deskpad/logo/_club/logo_club_fb-small.png"); +} + +/* ../../blocks-deskpad/logo/_club/logo_club_fb.css end */ +/* ../../blocks-deskpad/logo/_has-club/logo_has-club_yes.css begin */ +.logo_has-club_yes +{ + position: relative; +} + +.logo_has-club_yes .logo__link +{ + position: absolute; + top: -16px; + left: -20px; + + width: 140px; + height: 54px; +} + +/* ../../blocks-deskpad/logo/_has-club/logo_has-club_yes.css end */ +/* ../../libs/islands-services/common.blocks/services-table/services-table.css begin */ +.services-table +{ + width: 800px; + margin: 0 auto; +} + +.header__under .services-table +{ + margin: 15px auto; +} + +/* ../../libs/islands-services/common.blocks/services-table/services-table.css end */ +/* ../../blocks-deskpad/services-table/services-table.css begin */ +.header__under .services-table +{ + position: relative; + + display: none; + + margin-bottom: 25px; + + text-align: center; +} + +/* Нужно для правильного порядка загрузки картинок: иконки в табло должны грузиться в последнюю очередь */ +.header_js_inited .services-table +{ + display: block; +} + +/* ../../blocks-deskpad/services-table/services-table.css end */ +/* ../../libs/islands-services/common.blocks/services-table/__item/services-table__item.css begin */ +.services-table .services-table__item +{ + display: inline-block; + + text-align: center; + text-decoration: none; +} + +.services-table .services-table__item .service, +.services-table .services-table__item .service__url +{ + width: 100%; + height: 100%; +} + +.services-table .services-table__item .service__name +{ + color: #000; +} + +.services-table .services-table__item .service__icon +{ + margin-top: 12px; +} + +/* Дефолтные размеры, если ничего не задано */ +.services-table .services-table__item +{ + width: 20%; + height: 100px; +} +/* ../../libs/islands-services/common.blocks/services-table/__item/services-table__item.css end */ +/* ../../libs/islands-services/desktop.blocks/services-table/__item/services-table__item.css begin */ +.services-table .services-table__item:hover .service__icon +{ + opacity: .6; +} + +/* ../../libs/islands-services/desktop.blocks/services-table/__item/services-table__item.css end */ +/* ../../libs/islands-services/common.blocks/services-table/__all/services-table__all.css begin */ +.services-table .services-table__all +{ + margin-top: 22px; +} +/* ../../libs/islands-services/common.blocks/services-table/__all/services-table__all.css end */ +/* ../../libs/bem-components/common.blocks/button/button.css begin */ +/* button — рисует бордер кнопки */ /**/ +.button +{ + position: relative; + + display: inline-block; + + margin: 0; + padding: 0; + + outline: 0; + + text-align: center; + white-space: nowrap; + + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +.button::-moz-focus-inner +{ + padding: 0; + + border: 0; +} + +/* Прячем стили от IE < 9 */ /**/ +@media all and (min-width:0px) { + .button + { + border: 0; + } + + a.button:link, + a.button:visited + { + /* hidden for Opera 12 to remove native focusing *//**/ + outline: hidden; + + text-decoration: none; + } +} + +/* ../../libs/bem-components/common.blocks/button/button.css end */ +/* ../../libs/bem-components/desktop.blocks/button/button.css begin */ +@media all and (min-width:0px) { + + .button + { + cursor: pointer; + } + +} + +a.button:hover +{ + cursor: default; + + /* hidden for Opera 12 to remove native focusing */ + outline: hidden; + + text-decoration: none; +} + +/* ../../libs/bem-components/desktop.blocks/button/button.css end */ +/* ../../libs/z-indexes/blocks-common/button/button.css begin */ +.button_hidden_yes +{ + display: none; +} + +/* ../../libs/z-indexes/blocks-common/button/button.css end */ +/* ../../libs/bem-components/common.blocks/button/__text/button__text.css begin */ +.button__text +{ + position: relative; + + padding: 0 1em; + + pointer-events: none; +} + +/* ../../libs/bem-components/common.blocks/button/__text/button__text.css end */ +/* ../../libs/islands-components/desktop.blocks/button/__text/button__text.css begin */ +@media all and (min-width:0px) { + /* Для FF3.6 */ /**/ + .i-ua_inlinesvg_no button.button .button__text + { + line-height: 215.5% !important; + } +} + +/* ../../libs/islands-components/desktop.blocks/button/__text/button__text.css end */ +/* ../../libs/bem-components/common.blocks/button/_disabled/button_disabled_yes.css begin */ +.button_disabled_yes +{ + opacity: .6; +} +/* ../../libs/bem-components/common.blocks/button/_disabled/button_disabled_yes.css end */ +/* ../../libs/bem-components/desktop.blocks/button/_disabled/button_disabled_yes.css begin */ +.button_disabled_yes, +a.button_disabled_yes, +a.button_disabled_yes .button__text +{ + cursor: default; +} +/* ../../libs/bem-components/desktop.blocks/button/_disabled/button_disabled_yes.css end */ +/* ../../libs/bem-components/common.blocks/button/_pressed/button_pressed_yes.css begin */ +@media all and (min-width:0px) { + .button_pressed_yes .button__text + { + top: 1px; + } +} + +/* ../../libs/bem-components/common.blocks/button/_pressed/button_pressed_yes.css end */ +/* ../../libs/islands-components/common.blocks/button/_theme/button_theme_normal.css begin */ +.button_theme_normal +{ + font-family: Arial, sans-serif; +} + +@media all and (min-width:0px) { + /* button — задает рамку у кнопки */ + .button_theme_normal + { + background: rgba(0,0,0,0.4); + background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0,rgba(0,0,0,0.4) 100%); + background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0, rgba(0,0,0,0.4) 100%); + background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0,rgba(0,0,0,0.4) 100%); + background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0,rgba(0,0,0,0.4) 100%); + + -moz-box-shadow: 0 1px 0 rgba(0,0,0,.07); + box-shadow: 0 1px 0 rgba(0,0,0,.07); + + border-radius: 3px; + } + + /* :before — градиент у кнопки */ + .button_theme_normal:before + { + position: absolute; + bottom: 1px; + right: 1px; + left: 1px; + top: 1px; + + content: ''; + + background: #fff; + background: -webkit-linear-gradient(top, #fff 0,#eee 100%); + background: -moz-linear-gradient(top, #fff 0, #eee 100%); + background: -o-linear-gradient(top, #fff 0,#eee 100%); + background: linear-gradient(to bottom, #fff 0,#eee 100%); + + border-radius: 2px; + } + + .button_focused_yes.button_theme_normal + { + -moz-box-shadow: 0 1px 0 rgba(0,0,0,.07), 0 0 6px 2px rgba(255,204,0,.7); + box-shadow: 0 1px 0 rgba(0,0,0,.07), 0 0 6px 2px rgba(255,204,0,.7); + } + + .button_focused_yes.button_theme_normal:not(.button_pressed_yes):before + { + -moz-box-shadow: 0 0 0 1px rgba(193,154,0,.2); + box-shadow: 0 0 0 1px rgba(193,154,0,.2); + } + + .button_pressed_yes.button_theme_normal + { + -moz-box-shadow: inset 0 2px 1px -1px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.2); + box-shadow: inset 0 2px 1px -1px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.2); + } + + .button_pressed_yes.button_theme_normal:before + { + -moz-box-shadow: inset 0 1px 3px -1px rgba(0,0,0,.5); + box-shadow: inset 0 1px 3px -1px rgba(0,0,0,.5); + } + + .button_theme_normal, + a.button_theme_normal.button_hovered_yes + { + color: #333 !important; + } +} + +/* ../../libs/islands-components/common.blocks/button/_theme/button_theme_normal.css end */ +/* ../../libs/islands-components/desktop.blocks/button/_theme/button_theme_normal.css begin */ +@media all and (min-width:0px) { + /* :before — при наведении меняет градиент у кнопки */ + .button_theme_normal.button_hovered_yes:before + { + background: rgb(255,255,255); + background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0,rgba(246,245,243,1) 100%); + background: -moz-linear-gradient(top, rgba(255,255,255,1) 0,rgba(246,245,243,1) 100%); + background: -o-linear-gradient(top, rgba(255,255,255,1) 0,rgba(246,245,243,1) 100%); + background: linear-gradient(to bottom, rgba(255,255,255,1) 0,rgba(246,245,243,1) 100%); + } +} + +/* ../../libs/islands-components/desktop.blocks/button/_theme/button_theme_normal.css end */ +/* ../../libs/islands-components/common.blocks/button/_theme/button_theme_pseudo.css begin */ +.button_theme_pseudo +{ + font-family: Arial, sans-serif; +} + +.button_theme_pseudo, +a.button_theme_pseudo:link, +a.button_theme_pseudo:hover, +a.button_theme_pseudo:visited +{ + cursor: pointer; + + color: #333 !important; +} + +.button_theme_pseudo .button__text +{ + padding: 0 0.78em; +} + +@media all and (min-width:0px) { + /* Псевдо-кнопка по высоте меньше чем обычная. + Также псевдо-кнопка может использоваться без pseudo_yes, поэтому размеры лежат тут. + */ + .button_size_s.button_theme_pseudo + { + line-height: 24px; + } + + .button_size_m.button_theme_pseudo + { + line-height: 28px; + } + + .button_theme_pseudo .button__text + { + /* Текст в кнопке не сдвигается при нажатии */ + top: 0; + } + + .button_theme_pseudo + { + outline: hidden; + + border-radius: 3px; + background: transparent; /* Псевдо-кнопка прозрачная */ + + -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); + box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); + } + + .button_hovered_yes.button_theme_pseudo + { + -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.35); + box-shadow: inset 0 0 0 1px rgba(0,0,0,.35); + } + +} + +/* ../../libs/islands-components/common.blocks/button/_theme/button_theme_pseudo.css end */ +/* ../../libs/islands-components/desktop.blocks/button/_theme/button_theme_pseudo.css begin */ +@media all and (min-width:0px) { + /* Для FF3.6 */ /**/ + .i-ua_inlinesvg_no button.button_pseudo_yes .button__text + { + line-height: 184.5% !important; + } + + /* Убираем сдвиг текста при нажатии в опере на десктопных браузерах */ + .button_pressed_yes.button_theme_pseudo + { + -o-transform: none; + } + + /* Фокус только для десктопных браузеров */ + .button_focused_yes.button_theme_pseudo + { + -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), 0 0 6px 2px rgba(255,204,0,.7); + box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), 0 0 6px 2px rgba(255,204,0,.7); + } + + .button_focused_yes.button_hovered_yes.button_theme_pseudo + { + -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.35), 0 0 6px 2px rgba(255,204,0,.7); + box-shadow: inset 0 0 0 1px rgba(0,0,0,.35), 0 0 6px 2px rgba(255,204,0,.7); + } +} + + + +/* ../../libs/islands-components/desktop.blocks/button/_theme/button_theme_pseudo.css end */ +/* ../../libs/bem-components/common.blocks/button/_size/button_size_m.css begin */ +.button_size_m +{ + line-height: 32px; + + font-size: 15px; +} + +/* ../../libs/bem-components/common.blocks/button/_size/button_size_m.css end */ +/* ../../libs/islands-services/common.blocks/services-table/_type/services-table_type_turkish.css begin */ +.services-table_type_turkish +{ + text-align: center; +} +/* ../../libs/islands-services/common.blocks/services-table/_type/services-table_type_turkish.css end */ +/* ../../libs/islands-services/common.blocks/services-table/_type/services-table_type_ru.css begin */ +.services-table_type_ru +{ + text-align: center; +} +/* ../../libs/islands-services/common.blocks/services-table/_type/services-table_type_ru.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__blogs/_color/service-icon__blogs_color_56.css begin */ +.service-icon__blogs_color_56 +{ + width: 56px; + height: 56px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__blogs/_color/service-icon__blogs_color.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__blogs/_color/service-icon__blogs_color_56.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__blogs/_color/service-icon__blogs_color_56.css begin */ +.i-ua_inlinesvg_no .service-icon__blogs_color_56 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__blogs/_color/service-icon__blogs_color_56.png"); +} + +/* ../../libs/islands-services/desktop.blocks/service-icon/__blogs/_color/service-icon__blogs_color_56.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__market/_color/service-icon__market_color_56.css begin */ +.service-icon__market_color_56 +{ + width: 56px; + height: 56px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__market/_color/service-icon__market_color.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__market/_color/service-icon__market_color_56.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__market/_color/service-icon__market_color_56.css begin */ +.i-ua_inlinesvg_no .service-icon__market_color_56 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__market/_color/service-icon__market_color_56.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__market/_color/service-icon__market_color_56.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__slovari/_color/service-icon__slovari_color_56.css begin */ +.service-icon__slovari_color_56 +{ + width: 56px; + height: 56px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__slovari/_color/service-icon__slovari_color.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__slovari/_color/service-icon__slovari_color_56.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__slovari/_color/service-icon__slovari_color_56.css begin */ +.i-ua_inlinesvg_no .service-icon__slovari_color_56 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__slovari/_color/service-icon__slovari_color_56.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__slovari/_color/service-icon__slovari_color_56.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__music/_color/service-icon__music_color_56.css begin */ +.service-icon__music_color_56 +{ + width: 56px; + height: 56px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__music/_color/service-icon__music_color.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__music/_color/service-icon__music_color_56.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__music/_color/service-icon__music_color_56.css begin */ +.i-ua_inlinesvg_no .service-icon__music_color_56 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__music/_color/service-icon__music_color_56.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__music/_color/service-icon__music_color_56.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__taxi/_color/service-icon__taxi_color_56.css begin */ +.service-icon__taxi_color_56 +{ + width: 56px; + height: 56px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__taxi/_color/service-icon__taxi_color.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__taxi/_color/service-icon__taxi_color_56.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__taxi/_color/service-icon__taxi_color_56.css begin */ +.i-ua_inlinesvg_no .service-icon__taxi_color_56 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__taxi/_color/service-icon__taxi_color_56.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__taxi/_color/service-icon__taxi_color_56.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__auto/_color/service-icon__auto_color_56.css begin */ +.service-icon__auto_color_56 +{ + width: 56px; + height: 56px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__auto/_color/service-icon__auto_color.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__auto/_color/service-icon__auto_color_56.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__auto/_color/service-icon__auto_color_56.css begin */ +.i-ua_inlinesvg_no .service-icon__auto_color_56 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__auto/_color/service-icon__auto_color_56.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__auto/_color/service-icon__auto_color_56.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__money/_color/service-icon__money_color_56.css begin */ +.service-icon__money_color_56 +{ + width: 56px; + height: 56px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__money/_color/service-icon__money_color.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__money/_color/service-icon__money_color_56.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__money/_color/service-icon__money_color_56.css begin */ +.i-ua_inlinesvg_no .service-icon__money_color_56 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__money/_color/service-icon__money_color_56.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__money/_color/service-icon__money_color_56.css end */ +/* ../../libs/islands-services/common.blocks/services-table/_type/services-table_type_com.css begin */ +.services-table_type_com .services-table__item +{ + width: 25%; +} + +/* ../../libs/islands-services/common.blocks/services-table/_type/services-table_type_com.css end */ +/* ../../libs/services-table-iframe/blocks/tablo-panel/tablo-panel.css begin */ +.tablo-panel +{ + position: fixed; + left: 0; + z-index: 10; + + /* Высота - хардкод для ru, Ñ‚.к новое табло внутри iframe, а оно на yastatic. + Ð’ связи с чем невозможно вычислить высоту контента табло. */ + height: 503px; + margin-left: 20px; + + -webkit-transition: .2s; + -moz-transition: .2s; + -ms-transition: .2s; + -o-transition: .2s; + transition: .2s; + + -webkit-box-shadow: 0 30px 70px -10px rgba(0, 0, 0, .4), 0 0 0 1px rgba(0, 0, 0, .06); + box-shadow: 0 30px 70px -10px rgba(0, 0, 0, .4), 0 0 0 1px rgba(0, 0, 0, .06); +} + +.tablo-panel__helper +{ + position: fixed; + top: 85px; + left: 0; + + height: 100%; + width: 100%; +} + +.tablo-panel_visibility_hidden +{ + margin-top: 0; + + visibility: hidden; + opacity: 0; +} + + +.tablo-panel_visibility_visible +{ + margin-top: 15px; + + visibility: visible; + opacity: 1; +} + +.tablo-panel__iframe +{ + position: absolute; + top: 0; + left: 0; + + overflow-x: hidden; + overflow-y: auto; + + width: 100%; + height: 100%; + margin: 0; + padding: 0; + + border: 0; + outline: 0; + + background-color: #fff; +} + +/* ../../libs/services-table-iframe/blocks/tablo-panel/tablo-panel.css end */ +/* ../../libs/islands-page/desktop.blocks/header/__search/header__search.css begin */ +.header__search +{ + line-height: 0; +} + +body .header__search.layout__col +{ + width: auto; + min-width: 620px; +} + +/* ../../libs/islands-page/desktop.blocks/header/__search/header__search.css end */ +/* ../../blocks-desktop/header/__search/header__search.css begin */ +body .header__search.layout__col +{ + width: 620px; + min-width: 439px; +} + +/* ../../blocks-desktop/header/__search/header__search.css end */ +/* ../../libs/islands-page/common.blocks/arrow/arrow.css begin */ +.arrow +{ + position: relative; + + display: block; +} + + +/* ../../libs/islands-page/common.blocks/arrow/arrow.css end */ +/* ../../blocks-desktop/arrow/arrow.css begin */ +.arrow +{ + margin-right: -32px; +} + +/* ../../blocks-desktop/arrow/arrow.css end */ +/* ../../libs/islands-page/common.blocks/arrow/__inner/arrow__inner.css begin */ +.arrow__inner +{ + margin-right: 15px; + padding: 5px 10px 5px 5px; + + background: #ffdb4c; + background-image: -webkit-linear-gradient(top right, #ffdb4c 0, #fc0 100%); + background-image: -moz-linear-gradient(top right, #ffdb4c 0, #fc0 100%); + background-image: -o-linear-gradient(top right, #ffdb4c 0, #fc0 100%); + background-image: linear-gradient(top right, #ffdb4c 0, #fc0 100%); +} +/* ../../libs/islands-page/common.blocks/arrow/__inner/arrow__inner.css end */ +/* ../../libs/islands-page/common.blocks/arrow/__corner/arrow__corner.css begin */ +.arrow__corner +{ + position: absolute; + top: 0; + right: 0; + bottom: 0; + + overflow: hidden; + + /* Fix, при масштабировании возникает пробел между элементами */ + width: 16px; +} +/* ../../libs/islands-page/common.blocks/arrow/__corner/arrow__corner.css end */ +/* ../../blocks-deskpad/arrow/__corner/arrow__corner.css begin */ +.arrow__corner +{ + right: 0px; +} +/* ../../blocks-deskpad/arrow/__corner/arrow__corner.css end */ +/* ../../libs/islands-page/common.blocks/arrow/__triangle/arrow__triangle.css begin */ +.arrow__triangle +{ + font: 0/0 a; + + position: absolute; + top: 50%; + right: -1px; + + width: 0; + height: 0; + margin-top: -35px; + + border-style: solid; + border-color: transparent; + border-width: 35px 1px 35px 18px; + border-left-color: #ffdb4c; + + /* хаки, чтобы включить сглаживание */ + -webkit-transform: rotate(360deg); + -moz-border-end-style: dotted; +} +/* ../../libs/islands-page/common.blocks/arrow/__triangle/arrow__triangle.css end */ +/* ../../blocks-deskpad/arrow/__triangle/arrow__triangle.css begin */ +.arrow__triangle +{ + border-width: 35px 1px 35px 18px; +} +/* ../../blocks-deskpad/arrow/__triangle/arrow__triangle.css end */ +/* ../../libs/islands-search/common.blocks/search/__input/search__input.css begin */ +/* input__box-layout */ +.search__input .input__box-layout +{ + width: 100%; + + border-collapse: collapse; + + vertical-align: top; +} + +/* input__box-layout-cell */ +.search__input .input__box-layout-cell +{ + padding: 0; +} + +.search__input .input__box-layout-cell_pos_first +{ + width: 0; +} + +.search__input .input__box-layout-cell_pos_last +{ + width: 100%; +} + +/* input__control */ +.search__input .input__control_visibility_hidden +{ + visibility: hidden; +} + +/* ../../libs/islands-search/common.blocks/search/__input/search__input.css end */ +/* ../../libs/bem-components/common.blocks/input/input.css begin */ +.input +{ + position: relative; + + display: inline-block; + + width: 100%; +} + +/* ../../libs/bem-components/common.blocks/input/input.css end */ +/* ../../libs/bem-components/common.blocks/input/_disabled/input_disabled_yes.css begin */ +.input_disabled_yes +{ + opacity: .6; +} + +.input_disabled_yes .input__control +{ + resize: none; +} + +.input_disabled_yes .input__clear +{ + display: none; +} + +/* ../../libs/bem-components/common.blocks/input/_disabled/input_disabled_yes.css end */ +/* ../../libs/bem-components/desktop.blocks/input/_disabled/input_disabled_yes.css begin */ +.input_disabled_yes .input__box, +.input_disabled_yes .input__control +{ + cursor: default; +} +/* ../../libs/bem-components/desktop.blocks/input/_disabled/input_disabled_yes.css end */ +/* ../../libs/bem-components/common.blocks/input/__box/input__box.css begin */ +/* elem box — a border input */ +.input__box +{ + position: relative; + + display: block; +} + +@media all and (min-width:0px) { + .input__box + { + /* padding-right for elem clear */ + padding-right: 29px; + + -moz-box-sizing: border-box; + box-sizing: border-box; + + cursor: text; + } +} + + +/* ../../libs/bem-components/common.blocks/input/__box/input__box.css end */ +/* ../../libs/bem-components/common.blocks/input/__control/input__control.css begin */ +.input__control +{ + position: relative; + z-index: 3; + + width: 100%; + margin: 0; + + color: #000; + + font-size: 100%; +} + +@media all and (min-width:0px) { + .input__control + { + outline: 0; + + border: 0; + background: none; + + -moz-box-sizing: border-box; + box-sizing: border-box; + } +} + +/* Сбрасываем желтый бг у интутов при автозаполнении */ +.input__control:-webkit-autofill +{ + top: 1px; + left: 1px; + + height: 1.9em; + + -webkit-box-shadow: inset 0 0 0 50px #fff; + -webkit-text-fill-color: #000; +} + +/* ../../libs/bem-components/common.blocks/input/__control/input__control.css end */ +/* ../../libs/bem-components/desktop.blocks/input/__control/input__control.css begin */ +/* Hide native cross in IE10 */ +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + + .input__control::-ms-clear + { + display: none; + } + +} + + +/* ../../libs/bem-components/desktop.blocks/input/__control/input__control.css end */ +/* ../../libs/islands-components/common.blocks/input/__control/input__control.css begin */ +.input__control +{ + -webkit-appearance: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +/* лишние отступы у текста */ +.input__control::-webkit-search-decoration +{ + -webkit-appearance: none; +} + +/* нативный крестик */ +.input__control::-webkit-search-cancel-button +{ + display: none; +} + +/* смещение плэйсхолдера */ +.input__control::-webkit-input-placeholder +{ + text-indent: 0; +} + +/* ../../libs/islands-components/common.blocks/input/__control/input__control.css end */ +/* ../../libs/islands-components/desktop.blocks/input/__control/input__control.css begin */ +.input__control:-webkit-autofill +{ + top: .1em; + left: .2em; + + height: 1.6em; + + -webkit-box-shadow: inset 0 0 0 50px #fff; + -webkit-text-fill-color: #000; +} + +/* ../../libs/islands-components/desktop.blocks/input/__control/input__control.css end */ +/* ../../blocks-deskpad/input/__control/input__control.css begin */ +@media all and (min-width:0) +{ + /* SERP-14122 */ + .i-ua_js_yes .input__control + { + height: 2em; + } + + /* SERP-16804 */ + .input_size_s .input__control + { + line-height: 28px; + + height: 28px; + padding-top: 0; + padding-bottom: 0; + } + + .input_size_s.input_type_textarea .input__control + { + line-height: 1.154; + + padding-top: 5px; + padding-bottom: 1px; + } +} + +/* ../../blocks-deskpad/input/__control/input__control.css end */ +/* ../../libs/bem-components/common.blocks/input/__clear/input__clear.css begin */ +.input__clear +{ + position: absolute; + z-index: 5; + right: 1px; + bottom: 0; + top: 0; + + visibility: hidden; + + margin: 0; + padding: 0; + + background: 50% 50% no-repeat; + /*background: url(input__clear.svg) 50% 50% no-repeat;*/ +} + +/* ../../libs/bem-components/common.blocks/input/__clear/input__clear.css end */ +/* ../../libs/bem-components/desktop.blocks/input/__clear/input__clear.css begin */ +.i-ua_inlinesvg_no .input__clear +{ + background-image: url("/static/web3/libs/bem-components/desktop.blocks/input/__clear/input__clear.png"); +} + +/* ../../libs/bem-components/desktop.blocks/input/__clear/input__clear.css end */ +/* ../../libs/bem-components/common.blocks/input/__clear/_visibility/input__clear_visibility_visible.css begin */ +.input__clear_visibility_visible +{ + visibility: visible; + + opacity: 0.2; + + cursor: pointer; +} + +/* ../../libs/bem-components/common.blocks/input/__clear/_visibility/input__clear_visibility_visible.css end */ +/* ../../libs/bem-components/desktop.blocks/input/__clear/_visibility/input__clear_visibility_visible.css begin */ +.input__clear_visibility_visible:hover +{ + opacity: 0.8; +} +/* ../../libs/bem-components/desktop.blocks/input/__clear/_visibility/input__clear_visibility_visible.css end */ +/* ../../libs/islands-components/common.blocks/input/_theme/input_theme_normal.css begin */ +/* __box — рисует границы текстового поля */ +.input_theme_normal, +.input_theme_normal .input__control +{ + font-family: Arial, sans-serif; +} + +/* + * ISLCOMPONENTS-1036: + * + * Для отрисовки границ текстового поля используется каскад теней. + * Тени перекрывают друг друга, поэтому важна последовательность. + * + * XXX: Однопиксельные box-shadow частично пропадают при уменьшении + * масштаба страницы в chromium-based браузерах. + * Ð’ будущем нужно переделать на честные border-Ñ‹; + */ +.input_theme_normal .input__box +{ + background: #fff; + box-shadow: inset 0 1px #9d9d9d, inset 0 2px rgba(0,0,0,.1), inset 0 -1px #d7d7d7, inset -1px 0 #bababa, inset 1px 0 #bababa, 0 1px rgba(255,255,255,.2); +} + +.input_theme_normal.input_focused_yes .input__box +{ + box-shadow: inset 0 1px #a49c7d, inset 0 2px rgba(0,0,0,.1), inset 0 -1px #d2caab, inset -1px 0 #bbb394, inset 1px 0 #bbb394, 0 0 6px 2px rgba(255,204,0,.7), 0 1px rgba(255,255,255,.2); +} + +.input_theme_normal .input__control +{ + -webkit-mask: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,1) 10px); /* fade */ +} + +.input_theme_normal.input_focused_yes .input__control +{ + -webkit-mask: none; /* fade справа нежелателен при вводе текста */ +} + +/* ../../libs/islands-components/common.blocks/input/_theme/input_theme_normal.css end */ +/* ../../libs/bem-components/common.blocks/input/_size/input_size_m.css begin */ +.input_size_m +{ + line-height: 32px; + + font-size: 15px; +} + +.input_size_m .input__clear +{ + width: 31px; +} + +.input_size_m .input__control +{ + padding-left: 10px; +} + +.input_size_m .input__hint +{ + padding-left: 11px; +} +/* ../../libs/bem-components/common.blocks/input/_size/input_size_m.css end */ +/* ../../libs/bem-components/desktop.blocks/input/_size/input_size_m.css begin */ +/* Для ИЕ10 делаем отступ слева с помощью border, Ñ‚.к. при длинном тексте в инпуте padding игнорируется + (если делать padding для обертки, то попап инпута с саджестом съезжает вправо) +*/ +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + + .input_size_m .input__control + { + border-left: 10px solid transparent; + } + + .input.input_size_m .input__box .input__control + { + padding-left: 0; + } +} + +/* ../../libs/bem-components/desktop.blocks/input/_size/input_size_m.css end */ +/* ../../libs/islands-search/common.blocks/search/search.css begin */ +.search +{ + padding: 0; + margin: 0; +} + +.search__table +{ + width: 100%; + + border-collapse: collapse; +} + +.search__cell +{ + padding: 0; + + vertical-align: middle; +} + +body .search__input +{ + padding-right: 6px; +} + +.search__button +{ + width: 1%; + padding: 0; + + vertical-align: middle; +} + +/* ../../libs/islands-search/common.blocks/search/search.css end */ +/* ../../libs/islands-search/desktop.blocks/search/search.css begin */ +.search__button .button +{ + min-width: 72px; +} + +/* ../../libs/islands-search/desktop.blocks/search/search.css end */ +/* ../../libs/islands-search/common.blocks/input/__requery/input__requery.css begin */ +.input__requery +{ + position: absolute; + z-index: 1; + + display: none; + overflow: hidden; + + white-space: nowrap; + + width: 100%; +} + +/* Нужен для того, чтобы текст интентов фейдился, если слишком длинный SERP-13482 */ +.input__requery::after +{ + position: absolute; + z-index: 3; + bottom: 2px; + right: 1px; + top: 2px; + + content: ''; + + width: 36px; + + background: -webkit-gradient(linear, left top, right top, color-stop(0,rgba(255,255,255,0)), color-stop(20%, #fff)); + background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, #fff 20%); + background: -o-linear-gradient(left, rgba(255,255,255,0) 0, #fff 20%); + background: -ms-linear-gradient(left, rgba(255,255,255,0) 0, #fff 20%); + background: linear-gradient(to right, rgba(255,255,255,0) 0, #fff 20%); +} + +.input__requery_visibility_visible +{ + display: block; +} + +.input__requery_visibility_hidden +{ + display: none; +} + +.input__requery-input +{ + font-size: 16px; + font-family: Arial, sans-serif; + + position: absolute; + top: 0; + left: 0; + + display: none; + + width: 100%; + margin: 0; + padding: 6px 2em 4px 9px; + + color: #000; +} + + +.input__requery-input_visibility_visible +{ + display: block; +} + +@media all and (min-width:0px) { + .input__requery-input { + height: 2em; + + outline: 0; + + border: 0; + background: none; + + -moz-box-sizing: border-box; + box-sizing: border-box; + } +} + +.input__requery-hidden, +.input__requery-visible +{ + font-size: 16px; + font-family: Arial, sans-serif; + + position: relative; + top: 1px; + + height: 2em; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + + padding-top: 6px; + padding-bottom: 4px; + + background: none; + border: 0; +} + +.input__requery-hidden +{ + padding-left: 9px; + + visibility: hidden; +} + +.input__requery-visible +{ + z-index: 1; + + padding-left: 0; + + color: #bbb; +} + + + +/* ../../libs/islands-search/common.blocks/input/__requery/input__requery.css end */ +/* ../../blocks-desktop/input/__requery/input__requery.css begin */ +.input__requery-hidden, +.input__requery-input +{ + padding-left: 16px; +} + +/* ../../blocks-desktop/input/__requery/input__requery.css end */ +/* ../../libs/islands-search/common.blocks/input/__found/input__found.css begin */ +.input__found +{ + position: absolute; + z-index: 1; + top: 1px; + + display: none; + + padding-left: 15px; + + white-space: nowrap; + + color: #bbb; +} + +.input__found_visibility_visible +{ + display: block; +} + +.input_requery_yes .input__found, +.input_focused_yes .input__found +{ + display: none; +} + +.input__query-holder +{ + display: none; + + white-space: pre; +} +/* ../../libs/islands-search/common.blocks/input/__found/input__found.css end */ +/* ../../libs/islands-search/desktop.blocks/input/__found/input__found.css begin */ +.input__found +{ + font-size: 13px; + + cursor: text; +} + +@-moz-document url-prefix() { + .input_size_m .input__found + { + top: 0; + } +} + +/* ../../libs/islands-search/desktop.blocks/input/__found/input__found.css end */ +/* ../../blocks-desktop/input/_found/input_found_yes.css begin */ +.input__found +{ + padding-left: 22px; +} + +/* ../../blocks-desktop/input/_found/input_found_yes.css end */ +/* ../../libs/islands-suggest/common.blocks/suggest2/suggest2.css begin */ +/* TODO: Убрать этот селектор после того, как из попапа будут удалены дефолтные значения */ +.suggest2, +.suggest2 .popup__content +{ + padding: 0; +} + +.suggest2__content +{ + margin: 0; + padding: 0; +} + +/* ../../libs/islands-suggest/common.blocks/suggest2/suggest2.css end */ +/* ../../libs/islands-suggest/common.blocks/suggest2-item/suggest2-item.css begin */ +.suggest2-item +{ + overflow: hidden; + + list-style-type: none; + + white-space: nowrap; + text-overflow: ellipsis; +} + +.suggest2-item_selected_yes +{ + background: #ffeba0; +} + +.suggest2-item__text +{ + color: #000; +} + +.suggest2-item__fact +{ + color: #999; +} + +.suggest2-item__text_type_url +{ + text-decoration: underline; + color: #22c; +} + +.suggest2-item_type_weather .suggest2-item__fact, +.suggest2-item_type_traffic .suggest2-item__fact +{ + margin-left: 5px; +} + +.suggest2-item__a11y +{ + position: absolute; + left: -32767px; +} + +/* ../../libs/islands-suggest/common.blocks/suggest2-item/suggest2-item.css end */ +/* ../../libs/islands-suggest/deskpad.blocks/suggest2-item/suggest2-item.css begin */ +.suggest2-item_type_weather, +.suggest2-item_type_traffic, +.suggest2-item_type_fact, +.suggest2-item_type_icon +{ + color: #999; /* У длинной подсказки многоточие должно совпадать с цветом факта. */ +} + +/* ../../libs/islands-suggest/deskpad.blocks/suggest2-item/suggest2-item.css end */ +/* ../../libs/islands-suggest/desktop.blocks/suggest2-item/suggest2-item.css begin */ +.suggest2-item +{ + cursor: pointer; +} + +.suggest2-item_type_weather .suggest2-item__icon, +.suggest2-item_type_traffic .suggest2-item__icon +{ + width: 32px; + height: 28px; /* Иконка растягивается! */ + margin: 0 0 0 5px; +} + +/* ../../libs/islands-suggest/desktop.blocks/suggest2-item/suggest2-item.css end */ +/* ../../libs/islands-suggest/common.blocks/suggest2-item/_type/suggest2-item_type_fact.css begin */ +.suggest2-item_type_fact .suggest2-item__fact +{ + color: #999; +} + +/* ../../libs/islands-suggest/common.blocks/suggest2-item/_type/suggest2-item_type_fact.css end */ +/* ../../libs/islands-suggest/common.blocks/suggest2-item/__bullet/suggest2-item__bullet.css begin */ +.suggest2-item__bullet +{ + margin: 0 7px; + + vertical-align: top; + + font-size: 6px; +} + +/* ../../libs/islands-suggest/common.blocks/suggest2-item/__bullet/suggest2-item__bullet.css end */ +/* ../../libs/islands-suggest/common.blocks/suggest2-item/_type/suggest2-item_type_nav.css begin */ +.suggest2-item_type_nav +{ + color: #999; +} + +/* ../../libs/islands-suggest/common.blocks/suggest2-item/_type/suggest2-item_type_nav.css end */ +/* ../../libs/islands-suggest/common.blocks/suggest2-item/__link/suggest2-item__link.css begin */ +.suggest2-item__link +{ + display: block; + overflow: hidden; + + margin-left: -9px; + padding-left: 9px; + + text-decoration: none; + text-overflow: ellipsis; + + color: #999; /* У длинной подсказки многоточие должно совпадать с цветом факта. */ + outline: none; +} + +.suggest2-item__link:hover .suggest2-item__fact +{ + color: #999; +} + +.suggest2-item__link:hover .suggest2-item__text_type_url +{ + color: #f00; +} + +/* ../../libs/islands-suggest/common.blocks/suggest2-item/__link/suggest2-item__link.css end */ +/* ../../libs/islands-suggest/common.blocks/suggest2-item/_type/suggest2-item_type_traffic.css begin */ +.suggest2-item_type_traffic .suggest2-item__value +{ + color: #999; +} + +/* ../../libs/islands-suggest/common.blocks/suggest2-item/_type/suggest2-item_type_traffic.css end */ +/* ../../libs/islands-suggest/common.blocks/suggest2-item/__icon/suggest2-item__icon.css begin */ +.suggest2-item__icon +{ + display: inline-block; + + vertical-align: top; + + background-repeat: no-repeat; + background-position: center; + background-size: contain; +} + +/* ../../libs/islands-suggest/common.blocks/suggest2-item/__icon/suggest2-item__icon.css end */ +/* ../../libs/islands-suggest/desktop.blocks/suggest2-item/__icon/suggest2-item__icon.css begin */ +.suggest2-item__icon +{ + -webkit-background-size: contain; + -moz-background-size: contain; + background-size: contain; +} + +/* ../../libs/islands-suggest/desktop.blocks/suggest2-item/__icon/suggest2-item__icon.css end */ +/* ../../libs/islands-suggest/common.blocks/suggest2-item/__icon/_traffic/suggest2-item__icon_traffic.css begin */ +.suggest2-item__icon_traffic_red +{ + background-image: url("/static/web3/libs/islands-suggest/common.blocks/suggest2-item/__icon/_traffic/suggest2-item__icon_traffic_red.svg"); +} + +.suggest2-item__icon_traffic_yellow +{ + background-image: url("/static/web3/libs/islands-suggest/common.blocks/suggest2-item/__icon/_traffic/suggest2-item__icon_traffic_yellow.svg"); +} + +.suggest2-item__icon_traffic_green +{ + background-image: url("/static/web3/libs/islands-suggest/common.blocks/suggest2-item/__icon/_traffic/suggest2-item__icon_traffic_green.svg"); +} + +/* Деградация до png. */ + +.i-ua_inlinesvg_no .suggest2-item__icon_traffic_red +{ + background-image: url("/static/web3/libs/islands-suggest/common.blocks/suggest2-item/__icon/_traffic/suggest2-item__icon_traffic_red.png"); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_traffic_yellow +{ + background-image: url("/static/web3/libs/islands-suggest/common.blocks/suggest2-item/__icon/_traffic/suggest2-item__icon_traffic_yellow.png"); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_traffic_green +{ + background-image: url("/static/web3/libs/islands-suggest/common.blocks/suggest2-item/__icon/_traffic/suggest2-item__icon_traffic_green.png"); +} + +/* ../../libs/islands-suggest/common.blocks/suggest2-item/__icon/_traffic/suggest2-item__icon_traffic.css end */ +/* ../../libs/islands-suggest/common.blocks/suggest2-item/_type/suggest2-item_type_weather.css begin */ +.suggest2-item_type_weather .suggest2-item__value +{ + color: #999; +} + +/* ../../libs/islands-suggest/common.blocks/suggest2-item/_type/suggest2-item_type_weather.css end */ +/* ../../libs/islands-suggest/common.blocks/suggest2-item/__icon/_weather/suggest2-item__icon_weather.css begin */ +.suggest2-item__icon_weather_bkn-plus-ra-d +{ + background-image: url('//yandex.st/weather/i/icons/svg/bkn-plus-ra-d.svg'); +} + +.suggest2-item__icon_weather_bkn-plus-ra-n +{ + background-image: url('//yandex.st/weather/i/icons/svg/bkn-plus-ra-n.svg'); +} + +.suggest2-item__icon_weather_bkn-plus-sn-d +{ + background-image: url('//yandex.st/weather/i/icons/svg/bkn-plus-sn-d.svg'); +} + +.suggest2-item__icon_weather_bkn-plus-sn-n +{ + background-image: url('//yandex.st/weather/i/icons/svg/bkn-plus-sn-n.svg'); +} + +.suggest2-item__icon_weather_bkn-minus-ra-d +{ + background-image: url('//yandex.st/weather/i/icons/svg/bkn-minus-ra-d.svg'); +} + +.suggest2-item__icon_weather_bkn-minus-ra-n +{ + background-image: url('//yandex.st/weather/i/icons/svg/bkn-minus-ra-n.svg'); +} + +.suggest2-item__icon_weather_bkn-minus-sn-d +{ + background-image: url('//yandex.st/weather/i/icons/svg/bkn-minus-sn-d.svg'); +} + +.suggest2-item__icon_weather_bkn-minus-sn-n +{ + background-image: url('//yandex.st/weather/i/icons/svg/bkn-minus-sn-n.svg'); +} + +.suggest2-item__icon_weather_bkn-d +{ + background-image: url('//yandex.st/weather/i/icons/svg/bkn-d.svg'); +} + +.suggest2-item__icon_weather_bkn-n +{ + background-image: url('//yandex.st/weather/i/icons/svg/bkn-n.svg'); +} + +.suggest2-item__icon_weather_bkn-ra-d +{ + background-image: url('//yandex.st/weather/i/icons/svg/bkn-ra-d.svg'); +} + +.suggest2-item__icon_weather_bkn-ra-n +{ + background-image: url('//yandex.st/weather/i/icons/svg/bkn-ra-n.svg'); +} + +.suggest2-item__icon_weather_bkn-sn-d +{ + background-image: url('//yandex.st/weather/i/icons/svg/bkn-sn-d.svg'); +} + +.suggest2-item__icon_weather_bkn-sn-n +{ + background-image: url('//yandex.st/weather/i/icons/svg/bkn-sn-n.svg'); +} + +.suggest2-item__icon_weather_bl +{ + background-image: url('//yandex.st/weather/i/icons/svg/bl.svg'); +} + +.suggest2-item__icon_weather_fg-d +{ + background-image: url('//yandex.st/weather/i/icons/svg/fg-d.svg'); +} + +.suggest2-item__icon_weather_fg-n +{ + background-image: url('//yandex.st/weather/i/icons/svg/fg-n.svg'); +} + +.suggest2-item__icon_weather_ovc +{ + background-image: url('//yandex.st/weather/i/icons/svg/ovc.svg'); +} + +.suggest2-item__icon_weather_ovc-plus-ra +{ + background-image: url('//yandex.st/weather/i/icons/svg/ovc-plus-ra.svg'); +} + +.suggest2-item__icon_weather_ovc-plus-sn +{ + background-image: url('//yandex.st/weather/i/icons/svg/ovc-plus-sn.svg'); +} + +.suggest2-item__icon_weather_ovc-minus-ra +{ + background-image: url('//yandex.st/weather/i/icons/svg/ovc-minus-ra.svg'); +} + +.suggest2-item__icon_weather_ovc-minus-sn +{ + background-image: url('//yandex.st/weather/i/icons/svg/ovc-minus-sn.svg'); +} + +.suggest2-item__icon_weather_ovc-gr +{ + background-image: url('//yandex.st/weather/i/icons/svg/ovc-gr.svg'); +} + +.suggest2-item__icon_weather_ovc-ra +{ + background-image: url('//yandex.st/weather/i/icons/svg/ovc-ra.svg'); +} + +.suggest2-item__icon_weather_ovc-sn +{ + background-image: url('//yandex.st/weather/i/icons/svg/ovc-sn.svg'); +} + +.suggest2-item__icon_weather_ovc-ts-ra +{ + background-image: url('//yandex.st/weather/i/icons/svg/ovc-ts-ra.svg'); +} + +.suggest2-item__icon_weather_skc-d +{ + background-image: url('//yandex.st/weather/i/icons/svg/skc-d.svg'); +} + +.suggest2-item__icon_weather_skc-n +{ + background-image: url('//yandex.st/weather/i/icons/svg/skc-n.svg'); +} + +/* Деградация до png. */ + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_bkn-plus-ra-d +{ + background-image: url('//yandex.st/weather/i/icons/26x26/bkn_+ra_d.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_bkn-plus-ra-n +{ + background-image: url('//yandex.st/weather/i/icons/26x26/bkn_+ra_n.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_bkn-plus-sn-d +{ + background-image: url('//yandex.st/weather/i/icons/26x26/bkn_+sn_d.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_bkn-plus-sn-n +{ + background-image: url('//yandex.st/weather/i/icons/26x26/bkn_+sn_n.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_bkn-minus-ra-d +{ + background-image: url('//yandex.st/weather/i/icons/26x26/bkn_-ra_d.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_bkn-minus-ra-n +{ + background-image: url('//yandex.st/weather/i/icons/26x26/bkn_-ra_n.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_bkn-minus-sn-d +{ + background-image: url('//yandex.st/weather/i/icons/26x26/bkn_-sn_d.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_bkn-minus-sn-n +{ + background-image: url('//yandex.st/weather/i/icons/26x26/bkn_-sn_n.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_bkn-d +{ + background-image: url('//yandex.st/weather/i/icons/26x26/bkn_d.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_bkn-n +{ + background-image: url('//yandex.st/weather/i/icons/26x26/bkn_n.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_bkn-ra-d +{ + background-image: url('//yandex.st/weather/i/icons/26x26/bkn_ra_d.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_bkn-ra-n +{ + background-image: url('//yandex.st/weather/i/icons/26x26/bkn_ra_n.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_bkn-sn-d +{ + background-image: url('//yandex.st/weather/i/icons/26x26/bkn_sn_d.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_bkn-sn-n +{ + background-image: url('//yandex.st/weather/i/icons/26x26/bkn_sn_n.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_bl +{ + background-image: url('//yandex.st/weather/i/icons/26x26/bl.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_fg-d +{ + background-image: url('//yandex.st/weather/i/icons/26x26/fg_d.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_fg-n +{ + background-image: url('//yandex.st/weather/i/icons/26x26/fg_n.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_ovc +{ + background-image: url('//yandex.st/weather/i/icons/26x26/ovc.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_ovc-plus-ra +{ + background-image: url('//yandex.st/weather/i/icons/26x26/ovc_+ra.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_ovc-plus-sn +{ + background-image: url('//yandex.st/weather/i/icons/26x26/ovc_+sn.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_ovc-minus-ra +{ + background-image: url('//yandex.st/weather/i/icons/26x26/ovc_-ra.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_ovc-minus-sn +{ + background-image: url('//yandex.st/weather/i/icons/26x26/ovc_-sn.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_ovc-gr +{ + background-image: url('//yandex.st/weather/i/icons/26x26/ovc_gr.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_ovc-ra +{ + background-image: url('//yandex.st/weather/i/icons/26x26/ovc_ra.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_ovc-sn +{ + background-image: url('//yandex.st/weather/i/icons/26x26/ovc_sn.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_ovc-ts-ra +{ + background-image: url('//yandex.st/weather/i/icons/26x26/ovc_ts_ra.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_skc-d +{ + background-image: url('//yandex.st/weather/i/icons/26x26/skc_d.png'); +} + +.i-ua_inlinesvg_no .suggest2-item__icon_weather_skc-n +{ + background-image: url('//yandex.st/weather/i/icons/26x26/skc_n.png'); +} + +/* ../../libs/islands-suggest/common.blocks/suggest2-item/__icon/_weather/suggest2-item__icon_weather.css end */ +/* ../../libs/islands-suggest/common.blocks/suggest2-item/_type/suggest2-item_type_icon.css begin */ +.suggest2-item_type_icon .suggest2-item__fact +{ + margin-left: 9px; +} + +/* ../../libs/islands-suggest/common.blocks/suggest2-item/_type/suggest2-item_type_icon.css end */ +/* ../../libs/islands-suggest/common.blocks/suggest2-item/__icon/_type/suggest2-item__icon_type_favicon.css begin */ +.suggest2-item__icon_type_favicon +{ + width: 16px; + height: 16px; + margin: 0 0 -3px 9px; + + vertical-align: baseline; +} + +/* ../../libs/islands-suggest/common.blocks/suggest2-item/__icon/_type/suggest2-item__icon_type_favicon.css end */ +/* ../../libs/islands-components/common.blocks/popup/popup.css begin */ +.popup +{ + display: none; + position: absolute; + z-index: 32700; + + padding: 1px; +} + +/* ../../libs/islands-components/common.blocks/popup/popup.css end */ +/* ../../libs/islands-components/common.blocks/popup/__content/popup__content.css begin */ +.popup__content +{ + position: relative; + z-index: 10; + margin: 0; + padding: 4px 8px; + height: 100%; +} + +/* ../../libs/islands-components/common.blocks/popup/__content/popup__content.css end */ +/* ../../libs/islands-components/common.blocks/popup/_theme/popup_theme_ffffff.css begin */ +.popup_theme_ffffff +{ + -webkit-box-shadow: + inset 0 0 0 1px rgba(0,0,0, .15), + 0 8px 30px -5px rgba(0,0,0, .5); + -moz-box-shadow: inset 1px 1px 10px #aaa; + box-shadow: + inset 0 0 0 1px rgba(0,0,0, .15), + 0 8px 30px -5px rgba(0,0,0, .5); +} + +.popup_theme_ffffff .popup__content +{ + background: #fff; +} + +.popup_theme_ffffff .popup__tail +{ + background: rgba(0,0,0, .15); + background: + -webkit-linear-gradient(45deg, rgba(0,0,0, .15) 50%, rgba(0,0,0, 0) 50%); + background: + -moz-linear-gradient(45deg, rgba(0,0,0, .15) 50%, rgba(0,0,0, 0) 50%); + background: + -o-linear-gradient(45deg, rgba(0,0,0, .15) 50%, rgba(0,0,0, 0) 50%); +} + +.popup_theme_ffffff .popup__tail:after +{ + background-color: #fff; +} + +/* ../../libs/islands-components/common.blocks/popup/_theme/popup_theme_ffffff.css end */ +/* ../../libs/islands-components/common.blocks/popup/_visibility/popup_visibility_visible.css begin */ +.popup_visibility_visible +{ + display: block; +} + +/* ../../libs/islands-components/common.blocks/popup/_visibility/popup_visibility_visible.css end */ +/* ../../libs/islands-components/common.blocks/popup/_visibility/popup_visibility_outside.css begin */ +.popup_visibility_outside +{ + display: block; + top: -99999px; + left: -99999px; +} + +/* ../../libs/islands-components/common.blocks/popup/_visibility/popup_visibility_outside.css end */ +/* ../../libs/islands-components/common.blocks/popup/__under/popup__under.css begin */ +.popup__under +{ + position: absolute; + top: 0px; + left: 0px; + + z-index: -1; + + width: 100%; + height: 100%; + + border: 0; + + padding: 0px; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +/* ../../libs/islands-components/common.blocks/popup/__under/popup__under.css end */ +/* ../../libs/islands-components/common.blocks/popup/__under/_color/popup__under_color_white.css begin */ +.popup__under_color_white +{ + background: #fff; + opacity: .8; +} + +/* ../../libs/islands-components/common.blocks/popup/__under/_color/popup__under_color_white.css end */ +/* ../../libs/islands-components/common.blocks/popup/__under/_type/popup__under_type_paranja.css begin */ +.popup__under_type_paranja +{ + position: fixed; + z-index: 32000; + top: 0; + left: 0; + + opacity: 0.3; + + background: #000; + + padding: 0; +} + +/* ../../libs/islands-components/common.blocks/popup/__under/_type/popup__under_type_paranja.css end */ +/* ../../libs/islands-suggest/common.blocks/suggest2/_theme/suggest2_theme_large.css begin */ +.suggest2_theme_large +{ + right: 0; + left: 0; + + padding: 0; + + border-top: 1px solid #d9d9d9; + background: #fff; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15); +} + +/* Тень должна быть только снизу. */ +.suggest2_theme_large:before +{ + position: absolute; + top: 50%; + + display: block; + + width: 100%; + height: 50%; + + content: ''; + + box-shadow: 0 8px 25px -5px rgba(0, 0, 0, .25); +} + +.suggest2_theme_large .suggest2__group +{ + position: relative; +} + +.suggest2_theme_large .suggest2__title +{ + position: absolute; + top: 0; + left: 0; + + display: block; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + text-align: right; + + color: #999; +} + +.suggest2_theme_large .suggest2__content +{ + background: #fff; +} + +/* ../../libs/islands-suggest/common.blocks/suggest2/_theme/suggest2_theme_large.css end */ +/* ../../libs/islands-suggest/deskpad.blocks/suggest2/_theme/suggest2_theme_large.css begin */ +.suggest2__title +{ + width: 138px; +} + +.suggest2__group + .suggest2__group +{ + margin-top: 8px; +} + +.suggest2__items +{ + margin: 0; + padding: 0; +} + +.suggest2_theme_large .suggest2-item +{ + padding: 0 0 0 158px; +} + +/* ../../libs/islands-suggest/deskpad.blocks/suggest2/_theme/suggest2_theme_large.css end */ +/* ../../libs/islands-suggest/desktop.blocks/suggest2/_theme/suggest2_theme_large.css begin */ +.suggest2.suggest2_theme_large +{ + font-size: 16px; + line-height: 28px; +} + +/* ../../libs/islands-suggest/desktop.blocks/suggest2/_theme/suggest2_theme_large.css end */ +/* ../../libs/islands-page/common.blocks/header/__nav/header__nav.css begin */ +.header__nav +{ + text-align: right; + vertical-align: middle; +} + +.header__nav .user +{ + margin-right: 10px; + margin-left: 17px; + + vertical-align: middle; +} + +.header__nav .user .user__name +{ + margin-left: 10px; +} + +/* ../../libs/islands-page/common.blocks/header/__nav/header__nav.css end */ +/* ../../libs/islands-page/desktop.blocks/header/__nav/header__nav.css begin */ +.header__nav +{ + white-space: nowrap; +} + +.user_hide-name_yes .user__name, +.user_hide-name_yes .user__enter-label +{ + display: none; +} +/* ../../libs/islands-page/desktop.blocks/header/__nav/header__nav.css end */ +/* ../../libs/islands-page/desktop.blocks/header/_fixed/header_fixed_yes.css begin */ +body .header_fixed_yes +{ + position: relative; + + min-height: 70px; +} + +body .header_fixed_yes .header__wrapper +{ + position: fixed; + + width: 100%; + + -webkit-transform: translateZ(0); /*LEGO-9592*/ +} + +/* ../../libs/islands-page/desktop.blocks/header/_fixed/header_fixed_yes.css end */ +/* ../../blocks-deskpad/header/_type/header_type_advanced.css begin */ +.header_type_advanced +{ + margin-bottom: 49px; +} + +/* ../../blocks-deskpad/header/_type/header_type_advanced.css end */ +/* ../../libs/islands-user/common.blocks/user/user.css begin */ +.user +{ + position: relative; + + display: inline-block; + + white-space: nowrap; + text-decoration: none; + + border: 0; + outline: 0; +} + +/* ../../libs/islands-user/common.blocks/user/user.css end */ +/* ../../blocks-deskpad/user/user.css begin */ +.user .notice +{ + position: absolute; + top: -6px; + left: 27px; +} + +/* ../../blocks-deskpad/user/user.css end */ +/* ../../libs/islands-user/common.blocks/user/__name/user__name.css begin */ +.user .user__name +{ + position: relative; + + vertical-align: middle; +} + +.user .user__name +{ + font: 15px/80% Arial,Helvetica,sans-serif; + + color: #000; +} + +.user .user__first-letter +{ + color: #f00; +} + +/* ../../libs/islands-user/common.blocks/user/__name/user__name.css end */ +/* ../../libs/islands-user/desktop.blocks/user/__name/user__name.css begin */ +.user:hover .user__name +{ + color: #f00; +} + +/* ../../libs/islands-user/desktop.blocks/user/__name/user__name.css end */ +/* ../../libs/islands-user/common.blocks/user/__icon/user__icon.css begin */ +.user__icon +{ + display: inline-block; + + width: 42px; + height: 42px; + + vertical-align: middle; + + border-radius: 50%; + background: #fff center no-repeat; + background-size: cover; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); +} + +/* ../../libs/islands-user/common.blocks/user/__icon/user__icon.css end */ +/* ../../libs/islands-user/common.blocks/notification-panel-notice/__close/notification-panel-notice__close.css begin */ +.notification-panel-notice__close +{ + position: absolute; + top: 8px; + right: 8px; + + width: 20px; + height: 20px; + margin-top: -2px; + + cursor: pointer; + + opacity: .3; + background: url("/static/web3/libs/islands-user/common.blocks/notification-panel-notice/__close/notification-panel-notice__close.svg") 50% 50% no-repeat; + + -webkit-transition: opacity .25s ease-in-out; + -moz-transition: opacity .25s ease-in-out; + transition: opacity .25s ease-in-out; +} + +.i-ua_inlinesvg_no .notification-panel-notice__close +{ + background-image: url("/static/web3/libs/islands-user/common.blocks/notification-panel-notice/__close/notification-panel-notice__close.png"); +} + +/* ../../libs/islands-user/common.blocks/notification-panel-notice/__close/notification-panel-notice__close.css end */ +/* ../../libs/islands-user/common.blocks/notification-panel-notice/notification-panel-notice.css begin */ +.notification-panel-notice +{ + position: fixed; + z-index: 5; + top: 0; + right: 20px; + + width: 300px; + + cursor: default; + text-align: left; + + font-size: 16px; + + opacity: 0; + color: #000; + background: #fff; + + -webkit-transition: top .4s linear, -webkit-transform .4s linear, opacity .4s linear, visibility .4s step-end; + -moz-transition: top .4s linear, -moz-transform .4s linear, opacity .4s linear, visibility .4s step-end; + -o-transition: top .4s linear, -o-transform .4s linear, opacity .4s linear, visibility .4s step-end; + transition: top .4s linear, transform .4s linear, opacity .4s linear, visibility .4s step-end; + -webkit-transform: translate(0, -100%); + -moz-transform: translate(0, -100%); + -ms-transform: translate(0, -100%); + -o-transform: translate(0, -100%); + transform: translate(0, -100%); +} + +.notification-panel-notice .notification-panel-notice__inner +{ + padding: 20px; + + box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 8px 25px -5px rgba(0, 0, 0, .25); +} + +/* ../../libs/islands-user/common.blocks/notification-panel-notice/notification-panel-notice.css end */ +/* ../../libs/islands-user/common.blocks/notification-panel-notice/_state/notification-panel-notice_state_open.css begin */ +.notification-panel-notice_state_open +{ + top: 90px; + + opacity: 1; + + -webkit-transform: translate(0, 0); + -moz-transform: translate(0, 0); + -ms-transform: translate(0, 0); + -o-transform: translate(0, 0); + transform: translate(0, 0); +} + +/* ../../libs/islands-user/common.blocks/notification-panel-notice/_state/notification-panel-notice_state_open.css end */ +/* ../../libs/islands-user/common.blocks/notification-panel-notice/_state/notification-panel-notice_state_close.css begin */ +.notification-panel-notice_state_close +{ + top: 90px; + + visibility: hidden; + + opacity: 0; + + -webkit-transform: translate(100%, 0); + -moz-transform: translate(100%, 0); + -ms-transform: translate(100%, 0); + -o-transform: translate(100%, 0); + transform: translate(100%, 0); +} + +/* ../../libs/islands-user/common.blocks/notification-panel-notice/_state/notification-panel-notice_state_close.css end */ +/* ../../libs/islands-user/common.blocks/notification-panel-notice/_service/notification-panel-notice_service_gamification.css begin */ +.notification-panel-notice_service_gamification .notification-panel-notice__inner +{ + padding: 25px 20px 28px 80px; + + background: url("/static/web3/libs/islands-user/common.blocks/notification-panel-notice/_service/notification-panel-notice_service_gamification.svg") 5px center no-repeat; +} + +.i-ua_inlinesvg_no .notification-panel-notice_service_gamification .notification-panel-notice__inner +{ + background-image: url("/static/web3/libs/islands-user/common.blocks/notification-panel-notice/_service/notification-panel-notice_service_gamification.png"); +} + +/* ../../libs/islands-user/common.blocks/notification-panel-notice/_service/notification-panel-notice_service_gamification.css end */ +/* ../../blocks-deskpad/notification-panel/notification-panel.css begin */ +.notification-panel +{ + /* Должна перекрывать паранжу панели */ + z-index: 8; +} + +.notification-panel__paranja +{ + /* Должна перекрывать блок footer, main__right*/ + z-index: 7; +} + +/* ../../blocks-deskpad/notification-panel/notification-panel.css end */ +/* ../../libs/islands-user/common.blocks/user/__ticker/user__ticker.css begin */ +.user .user__ticker +{ + position: absolute; + top: -6px; + right: -46px; + + margin-right: 100%; +} + +/* ../../libs/islands-user/common.blocks/user/__ticker/user__ticker.css end */ +/* ../../libs/islands-user/common.blocks/ticker/ticker.css begin */ +.ticker +{ + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +/* ../../libs/islands-user/common.blocks/ticker/ticker.css end */ +/* ../../libs/islands-user/common.blocks/ticker/_state/ticker_state_empty.css begin */ +.ticker_state_empty +{ + display: none; +} + +/* ../../libs/islands-user/common.blocks/ticker/_state/ticker_state_empty.css end */ +/* ../../libs/islands-user/common.blocks/ticker/__count/ticker__count.css begin */ +.ticker__count +{ + display: inline-block; + + padding: 0 4px; + + text-decoration: none; + + font-size: 13px; + line-height: 15px; + + color: #fff !important; + border: 2px solid #fff; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + background: red; + -webkit-box-shadow: 0 1px 0 1px rgba(0,0,0, .1), 0 5px 10px -5px rgba(0,0,0, .5); + -moz-box-shadow: 0 1px 0 1px rgba(0,0,0, .1), 0 5px 10px -5px rgba(0,0,0, .5); + box-shadow: 0 1px 0 1px rgba(0,0,0, .1), 0 5px 10px -5px rgba(0,0,0, .5); + + -webkit-font-smoothing: subpixel-antialiased; /* https://st.yandex-team.ru/ISLASSISTANT-37 */ +} + +/* ../../libs/islands-user/common.blocks/ticker/__count/ticker__count.css end */ +/* ../../libs/islands-user/common.blocks/user/__enter/user__enter.css begin */ +.user__enter.button .button__text +{ + padding: 0 10px 0 8px; +} + +.user__enter .image +{ + position: relative; + top: 3px; + + width: 16px; + height: 16px; + margin-right: 4px; + + background-image: url("/static/web3/libs/islands-user/common.blocks/user/__enter/user__enter.svg"); +} + +/* ../../libs/islands-user/common.blocks/user/__enter/user__enter.css end */ +/* ../../libs/islands-user/desktop.blocks/user/__enter/user__enter.css begin */ +.i-ua_inlinesvg_no .user__enter .image +{ + background-image: url("/static/web3/libs/islands-user/desktop.blocks/user/__enter/user__enter.png"); +} + +/* ../../libs/islands-user/desktop.blocks/user/__enter/user__enter.css end */ +/* ../../libs/islands-media/common.blocks/image/image.css begin */ +.image +{ + font: 0/0 a; + + border: 0; +} + +/* ../../libs/islands-media/common.blocks/image/image.css end */ +/* ../../libs/islands-user/common.blocks/domik/domik.css begin */ +.domik +{ + z-index: 0; + + display: inline-block; + + width: 300px; + padding-top: 50px; +} + +.domik__roof +{ + position: relative; +} + +/* Крыша домика */ +.domik__roof-body +{ + position: absolute; + top: -50px; + z-index: 2; + + display: block; + + height: 50px; + width: 100%; + + /* background-image на модификаторе _type */ + background-size: auto; +} + +.domik__content +{ + padding: 60px 20px 10px; + + /* border-color на модификаторе _type */ + border-style: none solid solid; + border-width: 0 1px 1px; + + background-color: #e6eeff; + background-size: 100% 100%; + + background: -webkit-linear-gradient(top, #e6eeff, #dde8ff); + background: -moz-linear-gradient(top, #e6eeff, #dde8ff); + background: -o-linear-gradient(top, #e6eeff, #dde8ff); + background: linear-gradient(to bottom, #e6eeff, #dde8ff); +} + +/* Здесь нельзя использовать :last-child, потому что, при отправке, + * в конец формы будет добавлен элемент */ +.domik .auth__row + .auth__row:before, +.domik .auth__social + .auth__row:before +{ + display: block; + + margin: 0 -20px 12px; + + content: ' '; + + border-bottom: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3); +} + +.domik__content .auth__register +{ + font-weight: bold; +} + +.domik__logo +{ + position: absolute; + z-index: 3; + top: -25px; + left: 50%; + + width: 42px; + height: 71px; + margin-left: -27px; + + background-size: auto; +} + +/* ../../libs/islands-user/common.blocks/domik/domik.css end */ +/* ../../libs/islands-user/desktop.blocks/domik/domik.css begin */ +/* Крыша без градиента средствами CSS + рамка на заднем фоне */ +/* Специально для FF3.6 и IE6-8 */ +.i-ua_inlinesvg_no .domik__roof-border +{ + position: absolute; + top: -51px; + width: 0; + height: 0; + + display: block; + + /* border-color на модификаторе _type */ + border-style: solid; + border-width: 0 150px 50px; + z-index: 1; +} + +.i-ua_inlinesvg_no .domik__roof-body +{ + width: 0; + height: 0; + + background-image: none; + + border-color: transparent transparent #e6eeff; + border-style: solid; + border-width: 0 150px 50px; +} + +.domik .auth__row:last-child:before +{ + /* FF3.6 */ + -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3); +} + +/* ../../libs/islands-user/desktop.blocks/domik/domik.css end */ +/* ../../libs/islands-user/common.blocks/domik/_logo/domik_logo_ru.css begin */ +.domik_logo_ru .domik__logo +{ + background-image: url("/static/web3/libs/islands-user/common.blocks/domik/_logo/domik_logo_ru.svg"); +} + +/* ../../libs/islands-user/common.blocks/domik/_logo/domik_logo_ru.css end */ +/* ../../libs/islands-user/desktop.blocks/domik/_logo/domik_logo_ru.css begin */ +/* Для Fx3.6, ie6-8 */ +.i-ua_inlinesvg_no .domik_logo_ru .domik__logo +{ + background-image: url("/static/web3/libs/islands-user/desktop.blocks/domik/_logo/domik_logo_ru.png"); +} + +/* ../../libs/islands-user/desktop.blocks/domik/_logo/domik_logo_ru.css end */ +/* ../../libs/islands-user/common.blocks/domik/_logo/domik_logo_en.css begin */ +.domik_logo_en .domik__logo +{ + background-image: url("/static/web3/libs/islands-user/common.blocks/domik/_logo/domik_logo_en.svg"); +} + +/* ../../libs/islands-user/common.blocks/domik/_logo/domik_logo_en.css end */ +/* ../../libs/islands-user/desktop.blocks/domik/_logo/domik_logo_en.css begin */ +/* Для Fx3.6, ie6-8 */ +.i-ua_inlinesvg_no .domik_logo_en .domik__logo +{ + background-image: url("/static/web3/libs/islands-user/desktop.blocks/domik/_logo/domik_logo_en.png"); +} + +/* ../../libs/islands-user/desktop.blocks/domik/_logo/domik_logo_en.css end */ +/* ../../libs/islands-user/common.blocks/domik/_type/domik_type_popup.css begin */ +.domik_type_popup .domik__roof-body +{ + background-image: url("/static/web3/libs/islands-user/common.blocks/domik/_type/domik_type_popup-roof.svg"); +} + +.domik_type_popup .domik__content +{ + border-color: #000 #858B97 #858B97; +} + +/* У домика особенная тень */ +.domik__popup.popup +{ + box-shadow: none; + + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} + +body .domik__popup > .popup__content +{ + background: none; +} + +.domik__popup > .popup__content +{ + padding: 0; +} + +.domik__popup .domik__content +{ + position: relative; +} + +.domik__popup .domik__content:before +{ + position: absolute; + z-index: -1; + top: 0; + right: 0; + bottom: 0; + left: 0; + + content: ''; + + box-shadow: 0 8px 30px -5px rgba(0, 0, 0, .5); +} + + +/* ../../libs/islands-user/common.blocks/domik/_type/domik_type_popup.css end */ +/* ../../libs/islands-user/desktop.blocks/domik/_type/domik_type_popup.css begin */ +.i-ua_inlinesvg_no .domik_type_popup .domik__roof-border +{ + border-color: transparent transparent #858B97; +} + +.domik__popup.popup +{ + /* FF3.6 */ + -moz-box-shadow: none; +} + +.domik__popup .domik__content:before +{ + /* FF3.6 */ + -moz-box-shadow: 0 8px 30px -5px rgba(0, 0, 0, .5); +} + +/* ../../libs/islands-user/desktop.blocks/domik/_type/domik_type_popup.css end */ +/* ../../libs/islands-components/common.blocks/popup/_position/popup_position_fixed.css begin */ +.popup_position_fixed +{ + position: fixed; +} + +/* ../../libs/islands-components/common.blocks/popup/_position/popup_position_fixed.css end */ +/* ../../libs/islands-user/common.blocks/auth/auth.css begin */ +/*
*/ +.auth +{ + display: block; + + padding: 0; + margin: 0; +} + +.auth__row:after +{ + display: block; + content: " "; + + height: 0; + + clear: both; +} + +.auth__row_button_yes +{ + line-height: 32px; +} + +/* ../../libs/islands-user/common.blocks/auth/auth.css end */ +/* ../../libs/islands-user/desktop.blocks/auth/auth.css begin */ +.auth__row +{ + zoom: 1; +} + +/* хак для оперы 12.15 */ +.auth .input__box, noindex:-o-prefocus +{ + padding-right: 0; +} + +.auth .input__box:after, noindex:-o-prefocus +{ + top: 4px; + bottom: 3px; +} + +.auth .input__control, noindex:-o-prefocus +{ + padding-right: 29px; +} +/* ../../libs/islands-user/desktop.blocks/auth/auth.css end */ +/* ../../libs/islands-user/common.blocks/auth/__button/auth__button.css begin */ +.auth__row .auth__button +{ + float: right; +} + +/* ../../libs/islands-user/common.blocks/auth/__button/auth__button.css end */ +/* ../../libs/islands-user/common.blocks/auth/__error/auth__error.css begin */ +.popup__content.auth__error +{ + padding: 16px; +} + +/* ../../libs/islands-user/common.blocks/auth/__error/auth__error.css end */ +/* ../../libs/islands-user/common.blocks/auth/__haunter/auth__haunter.css begin */ +.auth__row .auth__haunter +{ + float: left; +} + +/* ../../libs/islands-user/common.blocks/auth/__haunter/auth__haunter.css end */ +/* ../../libs/islands-user/common.blocks/auth/__password/auth__password.css begin */ +.auth__password +{ + margin-top: 10px; + margin-bottom: 10px; +} + +/* ../../libs/islands-user/common.blocks/auth/__password/auth__password.css end */ +/* ../../libs/islands-user/common.blocks/auth/__register/auth__register.css begin */ +.auth__row .auth__register +{ + float: right; +} + +/* ../../libs/islands-user/common.blocks/auth/__register/auth__register.css end */ +/* ../../libs/islands-user/common.blocks/auth/__remember/auth__remember.css begin */ +.auth__row .auth__remember +{ + float: left; +} + +/* ../../libs/islands-user/common.blocks/auth/__remember/auth__remember.css end */ +/* ../../libs/islands-components/common.blocks/popup/__tail/popup__tail.css begin */ +.popup__tail +{ + font: 0/0 a; + + position: absolute; + z-index: 9; + + display: block; + + width: 17px; + height: 17px; + + /*margin: -8.6px;*/ +} + +.popup__tail:after +{ + content: ''; + position: absolute; + + width: 17px; + height: 17px; +} + +.popup_to_top .popup__tail +{ + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: top left; + -moz-transform-origin: top left; + -ms-transform-origin: top left; + -o-transform-origin: top left; + transform-origin: top left; + top: 100%; +} + +.popup_to_left .popup__tail +{ + -webkit-transform: rotate(-135deg); + -moz-transform: rotate(-135deg); + -ms-transform: rotate(-135deg); + -o-transform: rotate(-135deg); + transform: rotate(-135deg); + -webkit-transform-origin: top left; + -moz-transform-origin: top left; + -ms-transform-origin: top left; + -o-transform-origin: top left; + transform-origin: top left; + margin-top: 24.04px; /* 17 * sqrt(2)*/ + left: 100%; +} + +.popup_to_top .popup__tail:after, +.popup_to_left .popup__tail:after +{ + left: 1px; + bottom: 1px; +} + +.popup_to_bottom .popup__tail +{ + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + -ms-transform: rotate(135deg); + -o-transform: rotate(135deg); + transform: rotate(135deg); + -webkit-transform-origin: 100% 100%; + -moz-transform-origin: 100% 100%; + -ms-transform-origin: 100% 100%; + -o-transform-origin: 100% 100%; + transform-origin: 100% 100%; + margin-left: -17px; + bottom: 100%; +} + +.popup_to_right .popup__tail +{ + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: 100% 100%; + -moz-transform-origin: 100% 100%; + -ms-transform-origin: 100% 100%; + -o-transform-origin: 100% 100%; + transform-origin: 100% 100%; + margin-top: 7.04px; /* ( 17*sqrt(2) - 17) */ + right: 100%; +} + +.popup_to_bottom .popup__tail:after, +.popup_to_right .popup__tail:after +{ + left: 1px; + bottom: 1px; +} + +/* ../../libs/islands-components/common.blocks/popup/__tail/popup__tail.css end */ +/* ../../libs/islands-user/common.blocks/auth/__social/auth__social.css begin */ +.auth__social +{ + padding: 16px 0; + + text-align: center; +} + +.auth__social .dropdown +{ + display: inline-block; +} + +.auth__social-link +{ + cursor: pointer; + + color: #2222cc; + border: 0; +} + +.auth__social .button_size_s +{ + line-height: 24px; +} + +/* ../../libs/islands-user/common.blocks/auth/__social/auth__social.css end */ +/* ../../libs/islands-user/desktop.blocks/auth/__social/auth__social.css begin */ +.auth__social-link:hover +{ + color: #DD0000; +} +/* ../../libs/islands-user/desktop.blocks/auth/__social/auth__social.css end */ +/* ../../libs/islands-user/common.blocks/auth/__social-icon/auth__social-icon.css begin */ +.auth__social-icon:before, +.auth__social-icon:after +{ + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + + content: ''; + + background-position: 0 0; +} + +/* Основная картинка */ +.auth__social-icon:before +{ + opacity: .3; +} + +/* Картинка при ховере */ +.auth__social-icon:after +{ + opacity: 0; +} + +.auth__social-icon +{ + position: relative; + + display: inline-block; + + width: 24px; + height: 24px; + margin-right: 7px; + + vertical-align: top; +} + +.auth__social-icon_code_vk:before +{ + background-image: url("/static/web3/libs/islands-user/common.blocks/auth/__social-icon/auth__social-icon_code_vk.svg"); +} + +.auth__social-icon_code_vk:after +{ + background-image: url("/static/web3/libs/islands-user/common.blocks/auth/__social-icon/auth__social-icon_code_vk-hover.svg"); +} + +.auth__social-icon_code_fb:before +{ + background-image: url("/static/web3/libs/islands-user/common.blocks/auth/__social-icon/auth__social-icon_code_fb.svg"); +} + +.auth__social-icon_code_fb:after +{ + background-image: url("/static/web3/libs/islands-user/common.blocks/auth/__social-icon/auth__social-icon_code_fb-hover.svg"); +} + +.auth__social-icon_code_tw:before +{ + background-image: url("/static/web3/libs/islands-user/common.blocks/auth/__social-icon/auth__social-icon_code_tw.svg"); +} + +.auth__social-icon_code_tw:after +{ + background-image: url("/static/web3/libs/islands-user/common.blocks/auth/__social-icon/auth__social-icon_code_tw-hover.svg"); +} + +.auth__social-icon_code_mr:before +{ + background-image: url("/static/web3/libs/islands-user/common.blocks/auth/__social-icon/auth__social-icon_code_mr.svg"); +} + +.auth__social-icon_code_mr:after +{ + background-image: url("/static/web3/libs/islands-user/common.blocks/auth/__social-icon/auth__social-icon_code_mr-hover.svg"); +} + +.auth__social-icon_code_gg:before +{ + background-image: url("/static/web3/libs/islands-user/common.blocks/auth/__social-icon/auth__social-icon_code_gg.svg"); +} + +.auth__social-icon_code_gg:after +{ + background-image: url("/static/web3/libs/islands-user/common.blocks/auth/__social-icon/auth__social-icon_code_gg-hover.svg"); +} + +.auth__social-icon_code_ok:before +{ + background-image: url("/static/web3/libs/islands-user/common.blocks/auth/__social-icon/auth__social-icon_code_ok.svg"); +} + +.auth__social-icon_code_ok:after +{ + background-image: url("/static/web3/libs/islands-user/common.blocks/auth/__social-icon/auth__social-icon_code_ok-hover.svg"); +} + +/* ../../libs/islands-user/common.blocks/auth/__social-icon/auth__social-icon.css end */ +/* ../../libs/islands-user/desktop.blocks/auth/__social-icon/auth__social-icon.css begin */ +.auth__social-icon +{ + outline: none; +} + +.auth__social-icon:hover:before +{ + opacity: 0; + + -moz-transition: opacity 0.15s ease-out; + -webkit-transition: opacity 0.15s ease-out; + transition: opacity 0.15s ease-out; +} + +.auth__social-icon:hover:after +{ + opacity: 1; + + -moz-transition: opacity 0.15s ease-out; + -webkit-transition: opacity 0.15s ease-out; + transition: opacity 0.15s ease-out; +} + +.i-ua_inlinesvg_no .auth__social-icon:hover +{ + opacity: 1; +} + +/* Для Fx3.6 и ie6-8 */ +.i-ua_inlinesvg_no .auth__social-icon +{ + background-image: url("/static/web3/libs/islands-user/desktop.blocks/auth/__social-icon/auth__social-icon.png"); + + opacity: 0.3; +} + +.i-ua_inlinesvg_no .auth__social-icon_code_vk +{ + background-position: 24px 0; +} + +.i-ua_inlinesvg_no .auth__social-icon_code_vk:hover +{ + background-position: 0 0; +} + +.i-ua_inlinesvg_no .auth__social-icon_code_fb +{ + background-position: -24px -24px; +} + +.i-ua_inlinesvg_no .auth__social-icon_code_fb:hover +{ + background-position: -48px -24px; +} + +.i-ua_inlinesvg_no .auth__social-icon_code_tw +{ + background-position: -24px -48px; +} + +.i-ua_inlinesvg_no .auth__social-icon_code_tw:hover +{ + background-position: -48px -48px; +} + +.i-ua_inlinesvg_no .auth__social-icon_code_mr +{ + background-position: -24px -72px; +} + +.i-ua_inlinesvg_no .auth__social-icon_code_mr:hover +{ + background-position: -48px -72px; +} + +.i-ua_inlinesvg_no .auth__social-icon_code_gg +{ + background-position: -24px -96px; +} + +.i-ua_inlinesvg_no .auth__social-icon_code_gg:hover +{ + background-position: -48px -96px; +} + +.i-ua_inlinesvg_no .auth__social-icon_code_ok +{ + background-position: -24px -120px; +} + +.i-ua_inlinesvg_no .auth__social-icon_code_ok:hover +{ + background-position: -48px -120px; +} + +/* ../../libs/islands-user/desktop.blocks/auth/__social-icon/auth__social-icon.css end */ +/* ../../libs/islands-user/common.blocks/auth/__social-popup/auth__social-popup.css begin */ +/* popup c социальными иконками */ +.auth__social-popup +{ + padding: 1px 0 0 2px; +} + +.auth__social-popup:after +{ + display: block; + clear: both; + + height: 0; + + content: " "; +} + +.auth__social-popup .auth__social-link +{ + font-size: 15px; + + display: block; + + padding: 5px 0; + + line-height: 24px; +} + +.auth__social-popup .auth__social-icon +{ + margin-right: 10px; +} + +.auth__social-popup .auth__social-icon:after +{ + opacity: 1; +} + +/* ../../libs/islands-user/common.blocks/auth/__social-popup/auth__social-popup.css end */ +/* ../../libs/islands-user/desktop.blocks/auth/__social-popup/auth__social-popup.css begin */ +.auth__social-popup .auth__social-link +{ + outline: none; +} + +/* ../../libs/islands-user/desktop.blocks/auth/__social-popup/auth__social-popup.css end */ +/* ../../libs/islands-components/common.blocks/dropdown/dropdown.css begin */ +.dropdown +{ + display: inline; +} + +/* ../../libs/islands-components/common.blocks/dropdown/dropdown.css end */ +/* ../../libs/bem-components/common.blocks/button/_size/button_size_s.css begin */ +.button_size_s +{ + line-height: 28px; + + font-size: 13px; +} + +/* ../../libs/bem-components/common.blocks/button/_size/button_size_s.css end */ +/* ../../libs/bem-components/common.blocks/input/__hint/input__hint.css begin */ +.input__hint +{ + position: absolute; + z-index: 5; + + visibility: hidden; + overflow: hidden; + + max-width: 100%; + height: 2em; + padding: 0 1em 0 8px; + + cursor: text; + white-space: nowrap; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + + pointer-events: none; + + color: #ccc; + + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.i-ua_js_no .input__hint +{ + position: static; + + visibility: visible; +} + +/* ../../libs/bem-components/common.blocks/input/__hint/input__hint.css end */ +/* ../../libs/bem-components/common.blocks/input/__hint/_visibility/input__hint_visibility_visible.css begin */ +.input__hint_visibility_visible +{ + visibility: visible; +} + +/* ../../libs/bem-components/common.blocks/input/__hint/_visibility/input__hint_visibility_visible.css end */ +/* ../../libs/bem-components/common.blocks/checkbox/__box/checkbox__box.css begin */ +.checkbox__box +{ + position: relative; +} + +/* ../../libs/bem-components/common.blocks/checkbox/__box/checkbox__box.css end */ +/* ../../libs/bem-components/desktop.blocks/checkbox/__box/checkbox__box.css begin */ +@media all and (min-width:0px) { + + .checkbox__box + { + cursor: pointer; + } + +} +/* ../../libs/bem-components/desktop.blocks/checkbox/__box/checkbox__box.css end */ +/* ../../libs/bem-components/common.blocks/checkbox/__control/checkbox__control.css begin */ +@media all and (min-width:0px) { + .i-ua_js_yes .checkbox__control + { + position: absolute; + z-index: -1; + top: 0; + left: 0; + + width: 101%; + height: 101%; + margin: 0; + padding: 0; + + opacity: 0; + outline: 0; + + border: 0; + background: none; + } +} + + +/* ../../libs/bem-components/common.blocks/checkbox/__control/checkbox__control.css end */ +/* ../../libs/bem-components/common.blocks/checkbox/__tick/checkbox__tick.css begin */ +.checkbox__tick +{ + position: relative; + z-index: 3; + top: -3px; + left: 0.1em; + + display: inline-block; + visibility: hidden; + + width: 16px; + height: 14px; + margin: 0 0 -2px; + padding: 0; + + vertical-align: baseline; + + opacity: .8; + background: 0 100% no-repeat; + /*background: url(checkbox__tick.svg) 0 100% no-repeat;*/ +} + +/* ../../libs/bem-components/common.blocks/checkbox/__tick/checkbox__tick.css end */ +/* ../../libs/islands-components/desktop.blocks/checkbox/__tick/checkbox__tick.css begin */ +@media all and (min-width:0px) { + /* Для FF3.6 */ + .i-ua_inlinesvg_no .checkbox__tick + { + background: url("/static/web3/libs/islands-components/desktop.blocks/checkbox/__tick/checkbox__tick.png") 0 100% no-repeat; + } +} +/* ../../libs/islands-components/desktop.blocks/checkbox/__tick/checkbox__tick.css end */ +/* ../../libs/bem-components/common.blocks/checkbox/_checked/checkbox_checked_yes.css begin */ +.checkbox_checked_yes .checkbox__tick +{ + visibility: visible; +} + +/* ../../libs/bem-components/common.blocks/checkbox/_checked/checkbox_checked_yes.css end */ +/* ../../libs/bem-components/common.blocks/checkbox/_disabled/checkbox_disabled_yes.css begin */ +.checkbox_disabled_yes +{ + opacity: .6; +} + + +/* ../../libs/bem-components/common.blocks/checkbox/_disabled/checkbox_disabled_yes.css end */ +/* ../../libs/bem-components/desktop.blocks/checkbox/_disabled/checkbox_disabled_yes.css begin */ +@media all and (min-width:0px) { + + .checkbox_disabled_yes .checkbox__box + { + cursor: default; + } + +} +/* ../../libs/bem-components/desktop.blocks/checkbox/_disabled/checkbox_disabled_yes.css end */ +/* ../../libs/islands-components/common.blocks/checkbox/_theme/checkbox_theme_normal.css begin */ +.checkbox_theme_normal +{ + color: #333; + + font-family: Arial, sans-serif; +} + +@media all and (min-width:0px) { + /* :before — a border input */ + .checkbox_theme_normal .checkbox__box:before, + .checkbox_theme_normal .checkbox__box:after + { + position: absolute; + left: 0; + top: 0; + + content: ''; + + padding: 1px; + + border-radius: 3px; + } + + /* :after — a background input */ + .checkbox_theme_normal .checkbox__box:after + { + left: 1px; + top: 1px; + + padding: 0; + + border-radius: 2px; + } + + /* :before — бордер */ + .checkbox_theme_normal .checkbox__box:before + { + background: rgba(0,0,0,0.4); + background: -webkit-linear-gradient(top, rgba(0,0,0,.2) 0,rgba(0,0,0,.4) 100%); + background: -moz-linear-gradient(top, rgba(0,0,0,.2) 0, rgba(0,0,0,.4) 100%); + background: -o-linear-gradient(top, rgba(0,0,0,.2) 0,rgba(0,0,0,.4) 100%); + background: linear-gradient(to bottom, rgba(0,0,0,.2) 0,rgba(0,0,0,.4) 100%); + + -moz-box-shadow: 0 1px 0 rgba(0,0,0,.07); + box-shadow: 0 1px 0 rgba(0,0,0,.07); + } + + /* :after — градиент */ + .checkbox_theme_normal .checkbox__box:after + { + background: #fff; + background: -webkit-linear-gradient(top, #fff 0,#eee 100%); + background: -moz-linear-gradient(top, #fff 0, #eee 100%); + background: -o-linear-gradient(top, #fff 0,#eee 100%); + background: linear-gradient(to bottom, #fff 0,#eee 100%); + } + + /* _focused */ + /* :before — бордер */ + .checkbox_theme_normal .checkbox__box_focused_yes:before + { + -moz-box-shadow: 0 1px 0 rgba(0,0,0,.07), 0 0 6px 2px rgba(255,204,0,.7); + box-shadow: 0 1px 0 rgba(0,0,0,.07), 0 0 6px 2px rgba(255,204,0,.7); + } + + /* :after — градиент */ + .checkbox_theme_normal .checkbox__box_focused_yes:after + { + -moz-box-shadow: 0 0 0 1px rgba(193,154,0,.2); + box-shadow: 0 0 0 1px rgba(193,154,0,.2); + } + + .checkbox_theme_normal .checkbox__box_focused_yes.checkbox__box_checked_yes:before + { + -moz-box-shadow: inset 0 1px 5px rgba(30,23,0,.8), 0 0 6px 2px rgba(255,204,0,.7), 0 2px 0 -1px rgba(255,255,255,.2); + box-shadow: inset 0 1px 5px rgba(30,23,0,.8), 0 0 6px 2px rgba(255,204,0,.7), 0 2px 0 -1px rgba(255,255,255,.2); + } + + .checkbox_theme_normal .checkbox__box_focused_yes.checkbox__box_checked_yes:after + { + -moz-box-shadow: inset 0 1px 3px -1px rgba(0,0,0,.45), 0 0 0 1px rgba(193,154,0,.2); + box-shadow: inset 0 1px 3px -1px rgba(0,0,0,.45), 0 0 0 1px rgba(193,154,0,.2); + } + + /* _checked */ + /* :before — бордер */ + .checkbox_theme_normal .checkbox__box_checked_yes:before + { + background: #ffeca6; + background: -webkit-linear-gradient(top, rgba(255,236,166,0.4) 0,rgba(255,246,213,0.4) 100%); + background: -moz-linear-gradient(top, rgba(255,236,166,0.4) 0, rgba(255,246,213,0.4) 100%); + background: -o-linear-gradient(top, rgba(255,236,166,0.4) 0,rgba(255,246,213,0.4) 100%); + background: linear-gradient(to bottom, rgba(255,236,166,0.4) 0,rgba(255,246,213,0.4) 100%); + + -moz-box-shadow: inset 0 1px 5px rgba(30,23,0,.7), 0 1px 1px 0 rgba(255,255,255,.6); + box-shadow: inset 0 1px 5px rgba(30,23,0,.7), 0 1px 1px 0 rgba(255,255,255,.6); + } + + /* :after — градиент */ + .checkbox_theme_normal .checkbox__box_checked_yes:after + { + background: #ffeca6; + background: -webkit-linear-gradient(top, #ffeca6 0,#fff6d5 100%); + background: -moz-linear-gradient(top, #ffeca6 0, #fff6d5 100%); + background: -o-linear-gradient(top, #ffeca6 0,#fff6d5 100%); + background: linear-gradient(to bottom, #ffeca6 0,#fff6d5 100%); + + -moz-box-shadow: inset 0 1px 3px -1px rgba(0,0,0,.5); + box-shadow: inset 0 1px 3px -1px rgba(0,0,0,.5); + } + + .i-ua_js_no .checkbox__box:before, + .i-ua_js_no .checkbox__box:after, + .i-ua_js_no .checkbox__tick + { + display: none; + } +} + +/* ../../libs/islands-components/common.blocks/checkbox/_theme/checkbox_theme_normal.css end */ +/* ../../libs/islands-components/desktop.blocks/checkbox/_theme/checkbox_theme_normal.css begin */ +@media all and (min-width:0px) { + /* :after — при наведении меняет градиент у checkbox */ + .checkbox_theme_normal.checkbox_hovered_yes:not(.checkbox_checked_yes) .checkbox__box:after + { + background: rgb(255,255,255); + background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0,rgba(246,245,243,1) 100%); + background: -moz-linear-gradient(top, rgba(255,255,255,1) 0,rgba(246,245,243,1) 100%); + background: -o-linear-gradient(top, rgba(255,255,255,1) 0,rgba(246,245,243,1) 100%); + background: linear-gradient(to bottom, rgba(255,255,255,1) 0,rgba(246,245,243,1) 100%); + } +} + +/* ../../libs/islands-components/desktop.blocks/checkbox/_theme/checkbox_theme_normal.css end */ +/* ../../libs/bem-components/common.blocks/checkbox/__label/checkbox__label.css begin */ +.checkbox__label +{ + margin-left: 0.4em; +} + +/* ../../libs/bem-components/common.blocks/checkbox/__label/checkbox__label.css end */ +/* ../../libs/bem-components/common.blocks/checkbox/_size/checkbox_size_m.css begin */ +.checkbox_size_m +{ + font-size: 15px; +} + +.checkbox_size_m .checkbox__box:after, +.checkbox_size_m .checkbox__box:before +{ + width: 14px; + height: 14px; + margin-top: 1px; +} + +/* ../../libs/bem-components/common.blocks/checkbox/_size/checkbox_size_m.css end */ +/* ../../libs/islands-components/common.blocks/button/_theme/button_theme_action.css begin */ +.button_theme_action +{ + font-family: Arial, sans-serif; +} + +@media all and (min-width:0px) { + /* button — задает рамку у кнопки */ + .button_theme_action + { + background: rgba(70,47,0,0.54); + background: -webkit-linear-gradient(top, rgba(96,64,0,0.4) 0%,rgba(70,47,0,0.54) 100%); + background: -moz-linear-gradient(top, rgba(96,64,0,0.4) 0%, rgba(70,47,0,0.54) 100%); + background: -o-linear-gradient(top, rgba(96,64,0,0.4) 0%,rgba(70,47,0,0.54) 100%); + background: linear-gradient(to bottom, rgba(96,64,0,0.4) 0%,rgba(70,47,0,0.54) 100%); + + -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07); + + border-radius: 3px; + } + + /* :before — градиент у кнопки */ + .button_theme_action:before + { + position: absolute; + bottom: 1px; + right: 1px; + left: 1px; + top: 1px; + + content: ''; + + background: #ffdf60; + background: -webkit-linear-gradient(top, #ffdf60 0,#ffcc00 100%); + background: -moz-linear-gradient(top, #ffdf60 0, #ffcc00 100%); + background: -o-linear-gradient(top, #ffdf60 0,#ffcc00 100%); + background: linear-gradient(to bottom, #ffdf60 0,#ffcc00 100%); + + border-radius: 2px; + } + + .button_focused_yes.button_theme_action + { + -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07), 0 0 6px 2px rgba(255, 204, 0, 0.7); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07), 0 0 6px 2px rgba(255, 204, 0, 0.7); + } + + .button_focused_yes.button_theme_action:before + { + -moz-box-shadow: 0 0 0 1px rgba(193,154,0,.2); + box-shadow: 0 0 0 1px rgba(193,154,0,.2); + } + + .button_pressed_yes.button_theme_action + { + -moz-box-shadow: inset 0 2px 1px -1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: inset 0 2px 1px -1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.2); + } + + .button_pressed_yes.button_theme_action:before + { + -moz-box-shadow: inset 0 1px 3px -1px rgba(0,0,0,.5); + box-shadow: inset 0 1px 3px -1px rgba(0,0,0,.5); + } + + .button_theme_action, + a.button_theme_action.button_hovered_yes + { + color: #333 !important; + } +} + +/* ../../libs/islands-components/common.blocks/button/_theme/button_theme_action.css end */ +/* ../../libs/islands-components/desktop.blocks/button/_theme/button_theme_action.css begin */ +@media all and (min-width:0px) { + /* :before — при наведении меняет градиент у кнопки */ + .button_theme_action.button_hovered_yes:before + { + background: rgb(255,230,129); + background: -webkit-linear-gradient(top, rgba(255,230,129,1) 0,rgba(255,212,40,1) 100%); + background: -moz-linear-gradient(top, rgba(255,230,129,1) 0,rgba(255,212,40,1) 100%); + background: -o-linear-gradient(top, rgba(255,230,129,1) 0,rgba(255,212,40,1) 100%); + background: linear-gradient(to bottom, rgba(255,230,129,1) 0,rgba(255,212,40,1) 100%); + } +} + +/* ../../libs/islands-components/desktop.blocks/button/_theme/button_theme_action.css end */ +/* ../../libs/islands-page/common.blocks/notice/notice.css begin */ +.notice .notice__count +{ + font: bold 13px/15px Arial,Helvetica,sans-serif; + + display: inline-block; + + padding: 0 4px; + + text-decoration: none; + + color:#fff !important; + border: 2px solid #fff; + background: red; + + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + + -webkit-box-shadow: 0 1px 0 1px rgba(0,0,0, .1), 0 5px 10px -5px rgba(0,0,0, .5); + -moz-box-shadow: 0 1px 0 1px rgba(0,0,0, .1), 0 5px 10px -5px rgba(0,0,0, .5); + box-shadow: 0 1px 0 1px rgba(0,0,0, .1), 0 5px 10px -5px rgba(0,0,0, .5); +} +/* ../../libs/islands-page/common.blocks/notice/notice.css end */ +/* ../../blocks-deskpad/notice/_simple/notice_simple_yes.css begin */ +.notice_simple_yes .notice__count +{ + font-weight: normal; + + padding-left: 8px; + + /* Ð’ леговском блоке notice используется !important */ + color: red !important; + border: none; + border-radius: 0; + background: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +/* ../../blocks-deskpad/notice/_simple/notice_simple_yes.css end */ +/* ../../libs/islands-user/common.blocks/user/_menu/user_menu_yes.css begin */ +.dropdown-menu_user_yes +{ + display: inline-block; +} + +.dropdown-menu__popup.dropdown-menu__popup_user_yes .popup__content +{ + padding: 5px 0; +} + +.dropdown-menu__popup.dropdown-menu__popup_user_yes .b-menu-vert__layout-unit +{ + padding: 0; +} + +.dropdown-menu__popup_user_yes .b-menu-vert__item_separator_yes +{ + margin: 5px 0; + + border-bottom: 1px solid #C0C0C0; +} + +.dropdown-menu__popup.dropdown-menu__popup_user_yes .b-link +{ + font-size: 13px; + line-height: 1.4; + + position: relative; + + display: block; + + padding: 5px 15px 5px 35px; + + text-decoration: none; + + color: #000; +} + +.dropdown-menu__popup.dropdown-menu__popup_user_yes .b-link:focus +{ + box-shadow: none; +} + +.dropdown-menu__popup_user_yes .image +{ + position: absolute; + top: 6px; + left: 12px; + + height: 16px; + + background-repeat: no-repeat; +} + +.dropdown-menu__popup_user_yes .image.image_icon_mail +{ + width: 16px; + + background: url("/static/web3/libs/islands-user/common.blocks/user/_menu/user_menu_yes-mail.svg") no-repeat; +} + +.dropdown-menu__popup_user_yes .image.image_icon_disk +{ + left: 8px; + + width: 21px; + + background: url("/static/web3/libs/islands-user/common.blocks/user/_menu/user_menu_yes-disk.svg") no-repeat; +} + +/* ../../libs/islands-user/common.blocks/user/_menu/user_menu_yes.css end */ +/* ../../libs/islands-user/desktop.blocks/user/_menu/user_menu_yes.css begin */ +.dropdown-menu__popup.dropdown-menu__popup_user_yes .b-link:hover +{ + background-color: #FEE9A5; + color: #000 !important; +} + +.i-ua_inlinesvg_no .dropdown-menu__popup_user_yes .image +{ + background-position: 0 50%; +} + +.i-ua_inlinesvg_no .dropdown-menu__popup_user_yes .image_icon_mail +{ + background-image: url("/static/web3/libs/islands-user/desktop.blocks/user/_menu/user_menu_yes-icon-mail-16.png"); +} + +.i-ua_inlinesvg_no .dropdown-menu__popup_user_yes .image_icon_disk +{ + background-image: url("/static/web3/libs/islands-user/desktop.blocks/user/_menu/user_menu_yes-icon-disk-16.png"); +} + +/* ../../libs/islands-user/desktop.blocks/user/_menu/user_menu_yes.css end */ +/* ../../libs/islands-components/common.blocks/dropdown-menu/_theme/dropdown-menu_theme_ffffff.css begin */ +.i-ua_js_yes .dropdown-menu__menu_theme_ffffff .b-link_pseudo_yes > .b-link__inner +{ + border-bottom: 0; +} + +.dropdown-menu__menu_theme_ffffff .b-link +{ + color: #22C; + cursor: pointer; + + -webkit-transition: color .15s ease-out; + -moz-transition: color .15s ease-out; + -o-transition: color .15s ease-out; + transition: color .15s ease-out; + + font-size: 15px; + line-height: 22px; +} + +.dropdown-menu__menu_theme_ffffff .b-link:hover +{ + color: #D00; +} + +.dropdown-menu__menu_theme_ffffff .b-link:focus +{ + -webkit-box-shadow: 0 0 6px 2px rgba(255,204,0,.7), inset 0 0 3px rgba(255,204,0,.7); + -moz-box-shadow: 0 0 6px 2px rgba(255,204,0,.7), inset 0 0 3px rgba(255,204,0,.7); + box-shadow: 0 0 6px 2px rgba(255,204,0,.7), inset 0 0 3px rgba(255,204,0,.7); + + outline: none; +} + +.dropdown-menu__menu_theme_ffffff .b-menu-vert__layout-unit +{ + padding: 10px 10px 0px 10px; +} + +.dropdown-menu__menu_theme_ffffff .b-menu-vert__layout-unit_position_last +{ + padding-bottom: 10px; +} + +/* ../../libs/islands-components/common.blocks/dropdown-menu/_theme/dropdown-menu_theme_ffffff.css end */ +/* ../../blocks-deskpad/dropdown-menu/_theme/dropdown-menu_theme_ffffff.css begin */ +.dropdown-menu_theme_ffffff .popup__content +{ + padding: 4px 0; +} + +.dropdown-menu_theme_ffffff .b-menu-vert__item +{ + line-height: 24px; +} + +.dropdown-menu_theme_ffffff .b-menu-vert__item:hover +{ + cursor: pointer; + + background-color: #ffeca1; +} + +.dropdown-menu_theme_ffffff .b-menu-vert__item .b-link +{ + line-height: 24px; + + display: block; + + padding: 0 12px; +} + +.dropdown-menu_theme_ffffff .b-menu-vert__item .b-link, +.dropdown-menu_theme_ffffff .b-menu-vert__item .b-link:hover +{ + color: #333 !important; +} + +/* ../../blocks-deskpad/dropdown-menu/_theme/dropdown-menu_theme_ffffff.css end */ +/* ../../libs/islands-components/common.blocks/dropdown-menu/__popup/dropdown-menu__popup.css begin */ +.dropdown-menu__popup .popup__content +{ + padding: 0; +} + +/* ../../libs/islands-components/common.blocks/dropdown-menu/__popup/dropdown-menu__popup.css end */ +/* ../../libs/bem-bl/blocks-desktop/b-menu-vert/__item-content/b-menu-vert__item-content.css begin */ +.b-menu-vert__item-content +{ + display: none; +} +/* ../../libs/bem-bl/blocks-desktop/b-menu-vert/__item-content/b-menu-vert__item-content.css end */ +/* ../../libs/bem-bl/blocks-desktop/b-menu-vert/__item-content/_visibility/b-menu-vert__item-content_visibility_visible.css begin */ +.b-menu-vert__item-content_visibility_visible +{ + display: block; +} + +/* ../../libs/bem-bl/blocks-desktop/b-menu-vert/__item-content/_visibility/b-menu-vert__item-content_visibility_visible.css end */ +/* ../../libs/bem-bl/blocks-desktop/b-menu-vert/b-menu-vert.css begin */ +.b-menu-vert__layout, +.b-menu-vert__separator, +.b-menu-vert__layout-unit +{ + margin: 0; + padding: 0; + + list-style: none; +} + +/* ../../libs/bem-bl/blocks-desktop/b-menu-vert/b-menu-vert.css end */ +/* ../../libs/lego/blocks-desktop/b-link/_type/b-link_type_global.css begin */ +:link +{ + color: #1a3dc1; +} + +:link:hover, +:visited:hover +{ + color: #f00 !important; +} + +/* ../../libs/lego/blocks-desktop/b-link/_type/b-link_type_global.css end */ +/* ../../libs/lego/blocks-desktop/b-link/b-link.css begin */ + +/* ../../libs/lego/blocks-desktop/b-link/b-link.css end */ +/* ../../blocks-deskpad/b-link/b-link.css begin */ +.b-link +{ + text-decoration: none; + + color: #22c; +} + +.b-link:visited +{ + color: #551a8b; +} + +.b-link:active, +.b-link:visited:active +{ + color: #d00; +} + +/* ../../blocks-deskpad/b-link/b-link.css end */ +/* ../../blocks-desktop/b-link/b-link.css begin */ +.b-link:hover, +.b-link:visited:hover +{ + color: #d00 !important; +} + +/* ../../blocks-desktop/b-link/b-link.css end */ +/* ../../libs/advanced-search/blocks-common/advanced-search/advanced-search.css begin */ +.advanced-search +{ + overflow: hidden; + + white-space: nowrap; + + background-color: #fff; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15); +} + +.advanced-search__action-panel +{ + position: relative; + + float: right; + + height: 48px; +} + +.advanced-search__hidden-text +{ + display: none; +} + +.advanced-search__controls-panel +{ + padding: 12px 0 10px 5px; +} + +.advanced-search__submit +{ + overflow: hidden; + display: block; + + width: 0; + height: 0; + margin: 0; + padding: 0; + + border: 0 none; +} + +.advanced-search__delimiter +{ + position: absolute; + right: 0; + left: 0; + + border-bottom: 1px solid #dddcda; +} + +.advanced-search__label +{ + margin-top: 5px; + + color: #999; +} + +.advanced-search .dropdown +{ + margin: 0 5px; +} + +.advanced-search__checkbox +{ + display: block; + + white-space: nowrap; +} + +.advanced-search__main-text +{ + margin-right: 32px; +} + +.advanced-search__short-text +{ + position: absolute; + right: 8px; + + color: #666; +} + +.advanced-search .input +{ + width: 160px; + margin: 0 5px; +} + +.advanced-search .button__text +{ + display: block; + text-align: left; +} + +/* ../../libs/advanced-search/blocks-common/advanced-search/advanced-search.css end */ +/* ../../libs/advanced-search/blocks-common/advanced-search/__safety-icon/advanced-search__safety-icon.css begin */ +.advanced-search .dropdown__icon_type_safety, +.advanced-search .dropdown__icon_type_kids, +.advanced-search .dropdown__icon_type_danger +{ + background-position: center center; + background-repeat: no-repeat; +} + +.advanced-search .dropdown__icon_type_safety +{ + background-image: url("/static/web3/libs/advanced-search/blocks-common/advanced-search/__safety-icon/safe.svg"); +} + +.i-ua_inlinesvg_no .advanced-search .dropdown__icon_type_safety +{ + background-image: url("/static/web3/libs/advanced-search/blocks-common/advanced-search/__safety-icon/safe.png"); +} + +.advanced-search .dropdown__icon_type_kids +{ + background-image: url("/static/web3/libs/advanced-search/blocks-common/advanced-search/__safety-icon/kids.svg"); +} + +.i-ua_inlinesvg_no .advanced-search .dropdown__icon_type_kids +{ + background-image: url("/static/web3/libs/advanced-search/blocks-common/advanced-search/__safety-icon/kids.png"); +} + +.advanced-search .dropdown__icon_type_danger +{ + background-image: url("/static/web3/libs/advanced-search/blocks-common/advanced-search/__safety-icon/danger.svg"); +} + +.i-ua_inlinesvg_no .advanced-search .dropdown__icon_type_danger +{ + background-image: url("/static/web3/libs/advanced-search/blocks-common/advanced-search/__safety-icon/danger.png"); +} + +/* ../../libs/advanced-search/blocks-common/advanced-search/__safety-icon/advanced-search__safety-icon.css end */ +/* ../../libs/advanced-search/blocks-common/advanced-search/__dropdown/advanced-search__dropdown.css begin */ +.advanced-search__dropdown +{ + display: inline-block; +} + +/* ../../libs/advanced-search/blocks-common/advanced-search/__dropdown/advanced-search__dropdown.css end */ +/* ../../libs/advanced-search/blocks-common/advanced-search/__dropdown/_type/advanced-search__dropdown_type_safety.css begin */ +.advanced-search__dropdown_type_safety .b-icon +{ + width: 28px; + height: 28px; + margin-top: -5px; + + vertical-align: middle; +} + +.advanced-search__dropdown_type_safety .button .button__text +{ + padding-left: 0; +} + +/* ../../libs/advanced-search/blocks-common/advanced-search/__dropdown/_type/advanced-search__dropdown_type_safety.css end */ +/* ../../libs/advanced-search/blocks-common/advanced-search/__action/advanced-search__action.css begin */ +.advanced-search__action +{ + display: inline-block; + + width: 50px; + height: 50px; + + cursor: pointer; + + opacity: .25; + background: #fff no-repeat 50%; + background-size: 24px; +} + +.advanced-search__action:hover +{ + opacity: 1; +} + +.advanced-search__action_hidden_yes +{ + display: none; +} + +.advanced-search__action-link +{ + display: block; + + width: 100%; + height: 100%; +} + +/* ../../libs/advanced-search/blocks-common/advanced-search/__action/advanced-search__action.css end */ +/* ../../libs/advanced-search/blocks-common/advanced-search/__action/_type/advanced-search__action_type_settings.css begin */ +.advanced-search__action_type_settings +{ + /* SVG moved to /home/mishanga/wc2/report/templates/YxWeb/web3/pages-desktop/search/_search.less.svg.css */ +} + +/* ../../libs/advanced-search/blocks-common/advanced-search/__action/_type/advanced-search__action_type_settings.css end */ +/* ../../libs/bem-bl/blocks-desktop/b-icon/b-icon.css begin */ +.b-icon +{ + font: 0/0 a; + + border: 0; + +} + +/* ../../libs/bem-bl/blocks-desktop/b-icon/b-icon.css end */ +/* ../../libs/advanced-search/blocks-common/dropdown/_advanced/dropdown_advanced_yes.css begin */ +.dropdown_advanced_yes +{ + vertical-align: top; +} + +.dropdown_advanced_yes .dropdown__icon +{ + width: 34px; + height: 28px; + + margin: -1px 0 0 -13px; + + position: absolute; +} + +.dropdown_advanced_yes .dropdown__switcher-text +{ + padding-left: 17px; +} + +.dropdown_advanced_yes .button__text +{ + display: block; + + cursor: default; + text-align: left; +} + +/* ../../libs/advanced-search/blocks-common/dropdown/_advanced/dropdown_advanced_yes.css end */ +/* ../../libs/islands-components/common.blocks/button/_arrow/button_arrow_down.css begin */ +.button_arrow_down .button__text +{ + padding-right: 1.8em; +} + +/* Стрелочка в кнопке */ +.button_arrow_down .button__text:after +{ + position: absolute; + top: 0; + right: 0.4em; + + content: ''; + + width: 1em; + height: 100%; + + /*background: url(button_arrow_down.svg) 0 50% no-repeat;*/ + background: 0 50% no-repeat; +} + +.i-ua_inlinesvg_no .button_arrow_down .button__text:after +{ + background: url("/static/web3/libs/islands-components/common.blocks/button/_arrow/button_arrow_down.png") 0 50% no-repeat; +} + +/* ../../libs/islands-components/common.blocks/button/_arrow/button_arrow_down.css end */ +/* ../../libs/islands-components/common.blocks/select/select.css begin */ +.select +{ + display: inline-block; +} + +/* ../../libs/islands-components/common.blocks/select/select.css end */ +/* ../../libs/islands-components/common.blocks/select/__item/select__item.css begin */ +.select__item +{ + cursor: default; + white-space: nowrap; +} + +.select__text +{ + position: relative; + + display: inline-block; + overflow: hidden; + + max-width: 100%; + padding: 0 2.5em 0 1em; + + vertical-align: top; + text-overflow: ellipsis; + + -o-text-overflow: ellipsis; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +/* ../../libs/islands-components/common.blocks/select/__item/select__item.css end */ +/* ../../libs/z-translate/blocks-common/select/__item/_disabled/select__item_disabled_yes.css begin */ +.select__item_disabled_yes +{ + display: none; +} +/* ../../libs/z-translate/blocks-common/select/__item/_disabled/select__item_disabled_yes.css end */ +/* ../../libs/islands-components/common.blocks/select/__item/_selected/select__item_selected_yes.css begin */ +/* :after – галочка */ +.select__item_selected_yes .select__text:after +{ + position: absolute; + top: .4em; + right: 1em; + + width: 1.1em; + height: 1em; + + content: ''; + + background: 50% 50% no-repeat; + /*background: url(select__tick.svg) 50% 50% no-repeat;*/ + background-size: 100%; +} +/* ../../libs/islands-components/common.blocks/select/__item/_selected/select__item_selected_yes.css end */ +/* ../../libs/islands-components/desktop.blocks/select/__item/_selected/select__item_selected_yes.css begin */ +/* :after – галочка */ +@media all and (min-width:0px) { + /* Для FF3.6 */ + .i-ua_inlinesvg_no .select__item_selected_yes .select__text:after + { + background: url("/static/web3/libs/islands-components/desktop.blocks/select/__item/_selected/select__tick.png") no-repeat; + } +} + + + +/* ../../libs/islands-components/desktop.blocks/select/__item/_selected/select__item_selected_yes.css end */ +/* ../../libs/islands-components/common.blocks/select/__item/_inner/select__item_inner_yes.css begin */ +.select__item_inner_yes .select__text +{ + padding-left: 2em; +} + +/* ../../libs/islands-components/common.blocks/select/__item/_inner/select__item_inner_yes.css end */ +/* ../../libs/islands-components/common.blocks/select/__item/_label/select__item_label_yes.css begin */ +.select__item_label_yes .select__text +{ + font-weight: bold; +} +/* ../../libs/islands-components/common.blocks/select/__item/_label/select__item_label_yes.css end */ +/* ../../libs/islands-components/common.blocks/select/__button/select__button.css begin */ +.select__button +{ + max-width: 100%; + + cursor: default; + text-align: left; + + vertical-align: top; +} + +.select__button .button__text +{ + display: block; + overflow: hidden; + + -o-text-overflow: ellipsis; + text-overflow: ellipsis; +} + +.i-ua_js_no .select__button +{ + display: none; +} + +/* ../../libs/islands-components/common.blocks/select/__button/select__button.css end */ +/* ../../libs/islands-components/common.blocks/select/__control/select__control.css begin */ +@media all and (min-width:0px) { + .i-ua_js_yes .select__control + { + display: none; + } +} + +/* ../../libs/islands-components/common.blocks/select/__control/select__control.css end */ +/* ../../libs/islands-components/common.blocks/select/__list/select__list.css begin */ +.select__list +{ + position: relative; + + overflow: hidden; +} + + +/* ../../libs/islands-components/common.blocks/select/__list/select__list.css end */ +/* ../../libs/islands-components/common.blocks/select/__separator/select__separator.css begin */ +.select__separator +{ + position: relative; + z-index: 3; + + float: left; + + width: 100%; + margin-top: -1px; + + border-top: 1px solid; + + font: 0/0 a; +} +/* ../../libs/islands-components/common.blocks/select/__separator/select__separator.css end */ +/* ../../libs/islands-components/common.blocks/select/__popup/select__popup.css begin */ +.select__popup +{ + width: auto; + + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + + -webkit-overflow-scrolling: touch; /*LEGO-7899*/ +} + +/* after — в попапе не нужен */ +.select__popup:after +{ + content: none; +} + +.select__popup .popup__content +{ + overflow-x: hidden; + overflow-y: auto; + + padding: 0; +} + +/* ../../libs/islands-components/common.blocks/select/__popup/select__popup.css end */ +/* ../../libs/islands-components/common.blocks/select/_size/select_size_s.css begin */ +.select_size_s, +.select__popup_size_s .select__item +{ + line-height: 28px; + + font-size: 13px; +} +/* ../../libs/islands-components/common.blocks/select/_size/select_size_s.css end */ +/* ../../libs/bem-components/common.blocks/input/_size/input_size_s.css begin */ +.input_size_s +{ + line-height: 28px; + + font-size: 13px; +} + +.input_size_s .input__clear +{ + width: 27px; +} + +.input_size_s .input__control +{ + padding-left: 7px; +} + +/* ../../libs/bem-components/common.blocks/input/_size/input_size_s.css end */ +/* ../../libs/bem-components/desktop.blocks/input/_size/input_size_s.css begin */ +/* Для ИЕ10 делаем отступ слева с помощью border, Ñ‚.к. при длинном тексте в инпуте padding игнорируется + (если делать padding для обертки, то попап инпута с саджестом съезжает вправо) +*/ +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + + .input_size_s .input__control + { + border-left: 7px solid transparent; + } + + .input_size_s .input__control + { + padding-left: 0; + } +} + +/* ../../libs/bem-components/desktop.blocks/input/_size/input_size_s.css end */ +/* ../../libs/islands-components/common.blocks/input/_suggest/input_suggest_yes.css begin */ +.input__popup-items .b-autocomplete-item +{ + position: relative; + z-index: 10; +} + +/* ../../libs/islands-components/common.blocks/input/_suggest/input_suggest_yes.css end */ +/* ../../libs/islands-components/common.blocks/input/__popup/input__popup.css begin */ +.input__popup.popup +{ + min-width: 25em; + max-width: 100%; + + margin-top: -1px; + + /* Выставляем боксовую модель для правильного совпадения border'ов с инпутом*/ + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.input__popup .popup__content +{ + padding: 0; + + background: #fff; +} + +.input__popup .input__popup-items +{ + margin: 0; + padding: 0; + + list-style: none; +} + +/* ../../libs/islands-components/common.blocks/input/__popup/input__popup.css end */ +/* ../../libs/lego/blocks-desktop/b-autocomplete-item/b-autocomplete-item.css begin */ +.b-autocomplete-item +{ + margin: 0; + padding: 0.25em 0.313em; + + cursor: pointer; + + list-style: none; + white-space: nowrap; +} + +.b-autocomplete-item_hovered_yes +{ + background: #fdedaf; +} + +.b-autocomplete-item__em +{ + font-weight: normal; + font-style: normal; +} + +.b-autocomplete-item__span +{ + font-weight: bold; +} + +/* ../../libs/lego/blocks-desktop/b-autocomplete-item/b-autocomplete-item.css end */ +/* ../../libs/lego/blocks-desktop/b-autocomplete-item/_type/b-autocomplete-item_type_nav.css begin */ +.b-autocomplete-item .b-autocomplete-item__link +{ + display: block; + + text-decoration: none; +} + +.b-autocomplete-item__link-url +{ + color: #1a3dc1; + + text-decoration: underline; +} + +.b-autocomplete-item_pers_yes .b-autocomplete-item__link, +.b-autocomplete-item_pers_yes .b-autocomplete-item__link-url +{ + color: inherit; +} + +.b-autocomplete-item__link:hover .b-autocomplete-item__link-url +{ + color: #f00; +} + +.b-autocomplete-item__link-info +{ + color: #666; + + white-space: nowrap; +} + +/* ../../libs/lego/blocks-desktop/b-autocomplete-item/_type/b-autocomplete-item_type_nav.css end */ +/* ../../libs/lego/blocks-desktop/b-autocomplete-item/_type/b-autocomplete-item_type_foot.css begin */ +.b-autocomplete-item_type_foot +{ + font: 85%/1.5em Verdana,sans-serif; + + padding: 0 0.3em; + + text-align: right; + + color: #555; + background: #C8C8C8; +} + +.b-autocomplete-item_type_foot .b-link +{ + color: #555; +} +/* ../../libs/lego/blocks-desktop/b-autocomplete-item/_type/b-autocomplete-item_type_foot.css end */ +/* ../../libs/lego/blocks-desktop/b-autocomplete-item/_type/b-autocomplete-item_type_lingvo.css begin */ +.b-autocomplete-item_type_lingvo +{ + display: block; + + padding: 0.25em 0.3em; + + cursor: pointer; +} + +.b-autocomplete-item_type_lingvo .b-autocomplete-item__text +{ + color: #000; +} + +.b-autocomplete-item_type_lingvo .b-autocomplete-item__translation +{ + white-space: nowrap; + + color: #666; +} +/* ../../libs/lego/blocks-desktop/b-autocomplete-item/_type/b-autocomplete-item_type_lingvo.css end */ +/* ../../libs/islands-components/common.blocks/input/__popup/_fade/input__popup_fade_yes.css begin */ +.input__popup_fade_yes .input__popup-items +{ + overflow: hidden; +} + +/* :after — fade для всех браузеров IE < 9 (LEGO-8007) */ +.input__popup_fade_yes .b-autocomplete-item:after +{ + position: absolute; + bottom: 0; + right: 0; + top: 0; + + width: 40px; + + content: ''; + + background: -webkit-linear-gradient(left, rgba(255,255,255,0) 30%,rgba(255,255,255,1) 100%); + background: -moz-linear-gradient(left, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 100%); + background: -o-linear-gradient(left, rgba(255,255,255,0) 30%,rgba(255,255,255,1) 100%); + background: linear-gradient(to right, rgba(255,255,255,0) 30%,rgba(255,255,255,1) 100%); +} + +.input__popup_fade_yes .b-autocomplete-item_hovered_yes:after +{ + background: -webkit-linear-gradient(left, rgba(253,237,175,0) 30%,rgba(253,237,175,1) 100%); + background: -moz-linear-gradient(left, rgba(253,237,175,0) 30%, rgba(253,237,175,1) 100%); + background: -o-linear-gradient(left, rgba(253,237,175,0) 30%,rgba(253,237,175,1) 100%); + background: linear-gradient(to right, rgba(253,237,175,0) 30%,rgba(253,237,175,1) 100%); +} + +/* poa — на всякий случай, чтобы ничего не сломалось в саджесте */ +.input__popup_fade_yes .input__fade +{ + position: absolute; +} +/* ../../libs/islands-components/common.blocks/input/__popup/_fade/input__popup_fade_yes.css end */ +/* ../../blocks-deskpad/input/__popup/_fade/input__popup_fade_yes.css begin */ +body .input__popup.input__popup_fade_yes +{ + min-width: 0; +} + +/* ../../blocks-deskpad/input/__popup/_fade/input__popup_fade_yes.css end */ +/* ../../libs/bem-components/common.blocks/checkbox/_size/checkbox_size_s.css begin */ +.checkbox_size_s +{ + font-size: 13px; +} + +.checkbox_size_s .checkbox__box:after, +.checkbox_size_s .checkbox__box:before +{ + width: 12px; + height: 12px; +} + +.checkbox_size_s .checkbox__tick +{ + background-size: contain; +} + +/* ../../libs/bem-components/common.blocks/checkbox/_size/checkbox_size_s.css end */ +/* ../../blocks-deskpad/checkbox/_size/checkbox_size_s.css begin */ +.checkbox_size_s +{ + line-height: 28px; +} + +/* ../../blocks-deskpad/checkbox/_size/checkbox_size_s.css end */ +/* ../../libs/bem-components/common.blocks/radiobox/radiobox.css begin */ +.radiobox +{ + display: inline-block; +} +/* ../../libs/bem-components/common.blocks/radiobox/radiobox.css end */ +/* ../../libs/bem-components/desktop.blocks/radiobox/radiobox.css begin */ +@media all and (min-width:0px) { + + .radiobox__box, + .radiobox__control + { + cursor: pointer; + } + +} +/* ../../libs/bem-components/desktop.blocks/radiobox/radiobox.css end */ +/* ../../libs/islands-components/common.blocks/radiobox/radiobox.css begin */ +.radiobox +{ + display: inline-block; +} +/* ../../libs/islands-components/common.blocks/radiobox/radiobox.css end */ +/* ../../libs/islands-components/common.blocks/radiobox/_theme/radiobox_theme_normal.css begin */ +.radiobox_theme_normal +{ + color: #333; + + font-family: Arial, sans-serif; +} + +@media all and (min-width:0px) { + /* :before — рисует градиент */ + .radiobox_theme_normal .radiobox__box:before + { + position: absolute; + bottom: 1px; + right: 1px; + left: 1px; + top: 1px; + + content: ''; + + margin: 0; + padding: 0; + + -moz-border-radius: 100%; + border-radius: 100%; + + background: white; + } + + /* :after - рисует маркер */ + .radiobox_theme_normal .radiobox__box:after + { + background: #333; + } + + /* box — бордер */ + .radiobox_theme_normal .radiobox__box + { + background: rgba(0,0,0,0.4); + background: -webkit-linear-gradient(top, rgba(0,0,0,.2) 0,rgba(0,0,0,.4) 100%); + background: -moz-linear-gradient(top, rgba(0,0,0,.2) 0, rgba(0,0,0,.4) 100%); + background: -o-linear-gradient(top, rgba(0,0,0,.2) 0,rgba(0,0,0,.4) 100%); + background: linear-gradient(to bottom, rgba(0,0,0,.2) 0,rgba(0,0,0,.4) 100%); + + -moz-box-shadow: 0 1px 0 rgba(0,0,0,.07); + box-shadow: 0 1px 0 rgba(0,0,0,.07); + } + + .radiobox_theme_normal .radiobox__box:before + { + background: #fff; + background: -webkit-linear-gradient(top, #fff 0,#eee 100%); + background: -moz-linear-gradient(top, #fff 0, #eee 100%); + background: -o-linear-gradient(top, #fff 0,#eee 100%); + background: linear-gradient(to bottom, #fff 0,#eee 100%); + } + + /* _focused */ + .radiobox_theme_normal .radiobox__radio_focused_yes .radiobox__box + { + -moz-box-shadow: 0 1px 0 rgba(0,0,0,.07), 0 0 6px 2px rgba(255,204,0,.7); + box-shadow: 0 1px 0 rgba(0,0,0,.07), 0 0 6px 2px rgba(255,204,0,.7); + } + + .radiobox_theme_normal .radiobox__radio_focused_yes .radiobox__box:before + { + -moz-box-shadow: 0 0 0 1px rgba(193,154,0,.2); + box-shadow: 0 0 0 1px rgba(193,154,0,.2); + } + + .radiobox_theme_normal .radiobox__radio_focused_yes.radiobox__radio_checked_yes .radiobox__box + { + -moz-box-shadow: inset 0 1px 5px rgba(30,23,0,.8), 0 0 6px 2px rgba(255,204,0,.7), 0 2px 0 -1px rgba(255,255,255,.2); + box-shadow: inset 0 1px 5px rgba(30,23,0,.8), 0 0 6px 2px rgba(255,204,0,.7), 0 2px 0 -1px rgba(255,255,255,.2); + } + + .radiobox_theme_normal .radiobox__radio_focused_yes.radiobox__radio_checked_yes .radiobox__box:before + { + -moz-box-shadow: inset 0 1px 3px -1px rgba(0,0,0,.45), 0 0 0 1px rgba(193,154,0,.2); + box-shadow: inset 0 1px 3px -1px rgba(0,0,0,.45), 0 0 0 1px rgba(193,154,0,.2); + } + + /* _checked */ + .radiobox_theme_normal .radiobox__radio_checked_yes .radiobox__box + { + background: #ffeca6; + background: -webkit-linear-gradient(top, rgba(255,236,166,0.4) 0,rgba(255,246,213,0.4) 100%); + background: -moz-linear-gradient(top, rgba(255,236,166,0.4) 0, rgba(255,246,213,0.4) 100%); + background: -o-linear-gradient(top, rgba(255,236,166,0.4) 0,rgba(255,246,213,0.4) 100%); + background: linear-gradient(to bottom, rgba(255,236,166,0.4) 0,rgba(255,246,213,0.4) 100%); + + -moz-box-shadow: inset 0 1px 5px rgba(30,23,0,.7), 0 1px 1px 0 rgba(255,255,255,.6); + box-shadow: inset 0 1px 5px rgba(30,23,0,.7), 0 1px 1px 0 rgba(255,255,255,.6); + } + + .radiobox_theme_normal .radiobox__radio_checked_yes .radiobox__box:before + { + background: #ffeca6; + background: -webkit-linear-gradient(top, #ffeca6 0,#fff6d5 100%); + background: -moz-linear-gradient(top, #ffeca6 0, #fff6d5 100%); + background: -o-linear-gradient(top, #ffeca6 0,#fff6d5 100%); + background: linear-gradient(to bottom, #ffeca6 0,#fff6d5 100%); + + -moz-box-shadow: inset 0 1px 3px -1px rgba(0,0,0,.5); + box-shadow: inset 0 1px 3px -1px rgba(0,0,0,.5); + } + + .radiobox_theme_normal .radiobox__radio_checked_yes .radiobox__box:after + { + background: #333; + } + + .i-ua_js_no .radiobox__box:before + { + display: none; + } +} + +/* ../../libs/islands-components/common.blocks/radiobox/_theme/radiobox_theme_normal.css end */ +/* ../../libs/islands-components/desktop.blocks/radiobox/_theme/radiobox_theme_normal.css begin */ +@media all and (min-width:0px) { + /* :after — при наведении меняет градиент у radiobox__box */ + .radiobox__radio.radiobox__radio_hovered_yes:not(.radiobox__radio_checked_yes) .radiobox__box:before + { + background: rgb(255,255,255); + background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0,rgba(246,245,243,1) 100%); + background: -moz-linear-gradient(top, rgba(255,255,255,1) 0,rgba(246,245,243,1) 100%); + background: -o-linear-gradient(top, rgba(255,255,255,1) 0,rgba(246,245,243,1) 100%); + background: linear-gradient(to bottom, rgba(255,255,255,1) 0,rgba(246,245,243,1) 100%); + } +} + +/* ../../libs/islands-components/desktop.blocks/radiobox/_theme/radiobox_theme_normal.css end */ +/* ../../libs/bem-components/common.blocks/radiobox/__radio/radiobox__radio.css begin */ +.radiobox__radio +{ + position: relative; +} + +/* ../../libs/bem-components/common.blocks/radiobox/__radio/radiobox__radio.css end */ +/* ../../libs/bem-components/common.blocks/radiobox/__radio/_checked/radiobox__radio_checked_yes.css begin */ +@media all and (min-width:0px) { + /* Маркер */ + .radiobox__radio_checked_yes .radiobox__box:after + { + position: absolute; + left: 50%; + top: 50%; + + content: ''; + + width: 6px; + height: 6px; + + margin: -3px 0 0 -3px; + padding: 0; + + /* Цвет (background) маркера задается в _theme */ + + -moz-border-radius: 100%; + border-radius: 100%; + } +} +/* ../../libs/bem-components/common.blocks/radiobox/__radio/_checked/radiobox__radio_checked_yes.css end */ +/* ../../libs/bem-components/common.blocks/radiobox/__radio/_disabled/radiobox__radio_disabled_yes.css begin */ +.radiobox__radio_disabled_yes +{ + opacity: .6; + + /* убираем выделение при клике в webkit-touch */ + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +/* ../../libs/bem-components/common.blocks/radiobox/__radio/_disabled/radiobox__radio_disabled_yes.css end */ +/* ../../libs/bem-components/desktop.blocks/radiobox/__radio/_disabled/radiobox__radio_disabled_yes.css begin */ +@media all and (min-width:0px) { + + .radiobox__radio_disabled_yes .radiobox__box, + .radiobox__radio_disabled_yes .radiobox__control + { + cursor: default; + } + +} +/* ../../libs/bem-components/desktop.blocks/radiobox/__radio/_disabled/radiobox__radio_disabled_yes.css end */ +/* ../../libs/bem-components/common.blocks/radiobox/__box/radiobox__box.css begin */ +.radiobox__box +{ + position: relative; + top: 1px; + + display: inline-block; + + /* Размеры (width, height) обертки задаются в _size */ + margin-right: 0.5em; + + -moz-border-radius: 100%; + border-radius: 100%; +} +/* ../../libs/bem-components/common.blocks/radiobox/__box/radiobox__box.css end */ +/* ../../libs/bem-components/common.blocks/radiobox/__control/radiobox__control.css begin */ +@media all and (min-width:0px) { + .i-ua_js_yes .radiobox__control + { + position: absolute; + + opacity: 0; + } +} + + +/* ../../libs/bem-components/common.blocks/radiobox/__control/radiobox__control.css end */ +/* ../../libs/bem-components/common.blocks/radiobox/_size/radiobox_size_s.css begin */ +.radiobox_size_s +{ + line-height: 28px; + + font-size: 13px; +} + +@media all and (min-width:0px) { + .radiobox_size_s .radiobox__box + { + width: 14px; + height: 14px; + } +} + +/* ../../libs/bem-components/common.blocks/radiobox/_size/radiobox_size_s.css end */ +/* ../../libs/advanced-search/blocks-common/radiobox/_flow/radiobox_flow_vertical.css begin */ +.radiobox_flow_vertical .radiobox__radio +{ + display: block; +} + +/* ../../libs/advanced-search/blocks-common/radiobox/_flow/radiobox_flow_vertical.css end */ +/* ../../libs/islands-page/common.blocks/arrow/_type/arrow_type_search.css begin */ +.arrow_type_search .input_size_m .input__box +{ + height: 32px; +} + +.arrow_type_search .input_size_m .input__control +{ + padding-left: 9px; +} +/* ../../libs/islands-page/common.blocks/arrow/_type/arrow_type_search.css end */ +/* ../../libs/islands-page/desktop.blocks/arrow/_type/arrow_type_search.css begin */ +.arrow_type_search +{ + display: inline-block; + + margin-left: -1px; +} + +/* TODO: подумать о том, чтобы вынести это в layout_type_serp */ +.arrow_type_search .search__input +{ + width: 548px; +} + +.arrow_type_search .search__button +{ + width: auto; +} + +.arrow_type_search .input_size_m .input__box +{ + font-size: 16px; + line-height: 22px; + + padding-top: 6px; + padding-bottom: 4px; +} + +.arrow_type_search .input__control +{ + height: 18px; + margin: 2px 0; +} + +.arrow_type_search .input_size_m .input__found +{ + top: 1px; +} + +.arrow_type_search .search_service-label_yes .input_size_m .input__box +{ + padding-top: 0; + padding-bottom: 0; +} + +.arrow_type_search .search_service-label_yes .input__control +{ + height: 26px; + margin-top: 4px; +} + +/* ../../libs/islands-page/desktop.blocks/arrow/_type/arrow_type_search.css end */ +/* ../../blocks-desktop/arrow/_type/arrow_type_search.css begin */ +.arrow_type_search .input_size_m .input__control +{ + top: -6px; + + height: 30px; + padding-left: 16px; +} + +.arrow_type_search .input__requery-input +{ + top: 8px; + + height: 18px; + margin: 0; + padding-top: 0; + padding-bottom: 0; +} + +/* Для ИЕ10 делаем отступ слева с помощью border, Ñ‚.к. при длинном тексте в инпуте padding игнорируется + (если делать padding для обертки, то попап инпута с саджестом съезжает вправо) +*/ +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) +{ + .arrow_type_search .input_size_m .input__control + { + border-left-width: 16px; + } + + .b-page_baseline_serp3 .arrow_type_search .input_size_m .input__control + { + padding-left: 0 !important; + } +} + +/* ../../blocks-desktop/arrow/_type/arrow_type_search.css end */ +/* ../../blocks-deskpad/header/__main/_line/header__main_line_no.css begin */ +.header__main_line_no +{ + padding-bottom: 7px; + + -webkit-box-shadow: none; + box-shadow: none; +} + +/* ../../blocks-deskpad/header/__main/_line/header__main_line_no.css end */ +/* ../../blocks-deskpad/suggest2/_line/suggest2_line_no.css begin */ +.suggest2_line_no +{ + border-top: none; +} + +/* ../../blocks-deskpad/suggest2/_line/suggest2_line_no.css end */ +/* ../../blocks-deskpad/header/__mail/header__mail.css begin */ +.header__mail +{ + display: inline-block; + overflow: hidden; + + margin-left: 15px; + + vertical-align: middle; +} + +.header__mail .service__url +{ + position: relative; + z-index: 1; + + display: inline; + + color: #c0c0c0; + outline: 0; +} + +.header__mail .service__name +{ + display: inline-block; +} + +.header__mail .service__url:hover +{ + color: red !important; +} + +.header__mail_notice_yes .service__url +{ + margin-right: -30px; + padding-right: 30px; +} + +/* ../../blocks-deskpad/header/__mail/header__mail.css end */ +/* ../../libs/islands-page/common.blocks/header/__action/_type/header__action_type_srv.css begin */ +.header__action_type_srv .header__action-i +{ + background-image: url("/static/web3/libs/islands-page/common.blocks/header/__action/_type/header__action_type_srv.svg"); +} + +/* ../../libs/islands-page/common.blocks/header/__action/_type/header__action_type_srv.css end */ +/* ../../libs/islands-page/desktop.blocks/header/__action/_type/header__action_type_srv.css begin */ +/* Fx3.6, IE6-8, Opera9.6 */ +.i-ua_inlinesvg_no .header__action_type_srv .header__action-i +{ + background-image: url("/static/web3/libs/islands-page/desktop.blocks/header/__action/_type/header__action_type_srv.png"); +} + +/* ../../libs/islands-page/desktop.blocks/header/__action/_type/header__action_type_srv.css end */ +/* ../../libs/islands-page/common.blocks/header/__under/header__under.css begin */ +.header__under +{ + position: absolute; + top: 100%; + + width: 100%; + margin-top: -1px; /* Компенсируем бордер первого этажа */ +} +/* ../../libs/islands-page/common.blocks/header/__under/header__under.css end */ +/* ../../blocks-deskpad/header/__under/header__under.css begin */ +.header__under +{ + border-bottom: 1px solid rgba(0, 0, 0, .15); +} + +/* отрываем фокус и нажатие у кнопки в табло */ +@media all and (min-width:0) +{ + .header__under .button_theme_pseudo.button_pressed_yes:before + { + -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.35); + box-shadow: inset 0 0 0 1px rgba(0,0,0,.35); + } + + /* TODO: после LEGO-10158 убрать все лишнее */ + .header__under .button_theme_pseudo.button_pressed_yes .button__text + { + top: 0; + } + + .header__under .button_focused_yes.button_theme_pseudo, + .header__under .button_theme_pseudo.button_pressed_yes:after + { + -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset; + box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset; + } +} + +/* ../../blocks-deskpad/header/__under/header__under.css end */ +/* ../../libs/islands-page/common.blocks/slide/slide.css begin */ +.slide +{ + position: absolute; + + overflow: hidden; + + background: #fff; +} + +.slide_dir_t, +.slide_dir_b +{ + left: 0; + + width: 100%; +} + +.slide_dir_t, +.slide_dir_b +{ + height: 0; +} + +.slide_dir_r, +.slide_dir_l +{ + width: 0; +} + +.slide_dir_t.slide_state_open, +.slide_dir_b.slide_state_open +{ + height: auto; +} + +.slide_dir_r.slide_state_open, +.slide_dir_l.slide_state_open +{ + width: auto; +} + +.slide_state_open +{ + -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.15); + box-shadow: 0 0 0 1px rgba(0,0,0,.15); +} + +.slide_dir_t.slide_state_open +{ + border-bottom-width: 1px; +} + +.slide_dir_r.slide_state_open +{ + border-left-width: 1px; +} + +.slide_dir_b.slide_state_open +{ + border-top-width: 1px; +} + +.slide_dir_l.slide_state_open +{ + border-right-width: 1px; +} + +.b-page_overflow_hidden +{ + overflow-x: hidden; +} + +/* ../../libs/islands-page/common.blocks/slide/slide.css end */ +/* ../../libs/islands-page/common.blocks/paranja/paranja.css begin */ +.paranja +{ + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; +} + +.paranja_state_close +{ + visibility: hidden; + + opacity: 0; + + -webkit-transition: visibility 0 .3s, opacity .3s ease-out; + -moz-transition: visibility 0 .3s, opacity .3s ease-out; + -o-transition: visibility 0 .3s, opacity .3s ease-out; + transition: visibility 0 .3s, opacity .3s ease-out; +} + +.paranja_state_open +{ + visibility: visible; + + opacity: 1; + + -webkit-transition: opacity .3s ease-out; + -moz-transition: opacity .3s ease-out; + -o-transition: opacity .3s ease-out; + transition: opacity .3s ease-out; +} +/* ../../libs/islands-page/common.blocks/paranja/paranja.css end */ +/* ../../blocks-deskpad/paranja/paranja.css begin */ +.paranja +{ + z-index: 9; /* header - 1 */ +} + +/* ../../blocks-deskpad/paranja/paranja.css end */ +/* ../../libs/islands-page/common.blocks/paranja/_theme/paranja_theme_normal.css begin */ +.paranja_theme_normal +{ + background: rgba(0, 0, 0, .15); +} +/* ../../libs/islands-page/common.blocks/paranja/_theme/paranja_theme_normal.css end */ +/* ../../libs/islands-page/common.blocks/footer/footer.css begin */ +.footer +{ + font-size: 12px; + + padding: 10px 20px; + + border-top: 1px solid #dedddb; +} + +.footer .copyright +{ + display: inline; +} +/* ../../libs/islands-page/common.blocks/footer/footer.css end */ +/* ../../blocks-deskpad/footer/footer.css begin */ +.footer +{ + font-size: 12px; + line-height: 12px; + + position: relative; + z-index: 5; + + padding: 0; + + border-top: 1px solid #dedddb; + background-color: #f6f5f3; +} + +.footer__col +{ + padding: 10px 10px 10px 20px; +} + +.footer__left +{ + float: left; +} + +.footer__right +{ + float: right; +} + +/* ../../blocks-deskpad/footer/footer.css end */ +/* ../../blocks-desktop/footer/footer.css begin */ +.footer +{ + min-width: 1024px; +} + +/* ../../blocks-desktop/footer/footer.css end */ +/* ../../libs/islands-page/common.blocks/footer/__column/footer__column.css begin */ +.footer__column +{ + display: inline-block; +} +/* ../../libs/islands-page/common.blocks/footer/__column/footer__column.css end */ +/* ../../libs/islands-page/common.blocks/footer/__column/_side/footer__column_side_right.css begin */ +.footer__column_side_right +{ + float: right; +} +/* ../../libs/islands-page/common.blocks/footer/__column/_side/footer__column_side_right.css end */ +/* ../../libs/islands-page/common.blocks/footer/__link/footer__link.css begin */ +.footer__link +{ + margin-right: 16px; + + text-decoration: none; +} + +.footer__link:last-child +{ + margin-right: 0; +} + +.footer__link:link, +.footer__link:visited +{ + color: #8792a8; +} +/* ../../libs/islands-page/common.blocks/footer/__link/footer__link.css end */ +/* ../../blocks-deskpad/footer/__link/footer__link.css begin */ +.footer__link +{ + margin: 0 8px; +} + +.footer__link:last-child +{ + margin-right: 8px; +} + +/* ../../blocks-deskpad/footer/__link/footer__link.css end */ +/* ../../libs/islands-page/common.blocks/copyright/copyright.css begin */ +.copyright +{ + white-space: nowrap; +} +/* ../../libs/islands-page/common.blocks/copyright/copyright.css end */ +/* ../../libs/islands-page/common.blocks/clearfix/clearfix.css begin */ +.clearfix:after +{ + display: block; + clear: both; + + height: 0; + + content: ""; +} +/* ../../libs/islands-page/common.blocks/clearfix/clearfix.css end */ +/* ../../blocks-deskpad/clearfix/clearfix.css begin */ +.clearfix:after +{ + display: block; + clear: both; + + height: 0; + + content: " "; +} + +/* ../../blocks-deskpad/clearfix/clearfix.css end */ +/* ../../libs/islands-components/common.blocks/lang-switcher/lang-switcher.css begin */ +.lang-switcher +{ + display: inline-block; +} + +.lang-switcher__flag +{ + position: relative; + + margin: 0 3px -2px 0; +} + +.lang-switcher__lang +{ + display: inline-block; +} + +.lang-switcher__lang-name +{ + color: #8792a8; +} + +.lang-switcher__lang:link, +.lang-switcher__lang:visited, +.lang-switcher__popup-content .lang-switcher__all .link +{ + outline: 0; + + text-decoration: none; +} + +.lang-switcher__popup-content .popup__content +{ + padding: 3px 0; +} + +.lang-switcher__popup-content .lang-switcher__lang-name, +.lang-switcher__popup-content .lang-switcher__all .link +{ + color: #000; +} + +.lang-switcher__popup-content .lang-switcher__all .link:hover +{ + color: #000!important; /* Перебиваем красный цвет при ховере */ +} + +.lang-switcher__popup-content .b-menu-vert__layout-unit:hover +{ + background-color: #ffeba0; +} + +.lang-switcher__popup-content .lang-switcher__all +{ + text-align: center; + + border-top: 1px solid #ccc; +} + +.lang-switcher__popup-content .lang-switcher__all .link +{ + font-size: 13px; +} + +.lang-switcher__popup-content .lang-switcher__lang, +.lang-switcher__popup-content .lang-switcher__all .link +{ + line-height: 25px; + + display: block; + height: 24px; + + padding: 0 8px; +} + +.lang-switcher__popup-content .b-menu-vert__layout-unit +{ + padding: 0; +} + +.lang-switcher__popup-content .lang-switcher__lang_selected_yes +{ + cursor: default; +} +/* ../../libs/islands-components/common.blocks/lang-switcher/lang-switcher.css end */ +/* ../../libs/islands-components/desktop.blocks/lang-switcher/lang-switcher.css begin */ +.lang-switcher__popup-content .lang-switcher__all .b-link +{ + -moz-box-shadow: none; + box-shadow: none; +} +/* ../../libs/islands-components/desktop.blocks/lang-switcher/lang-switcher.css end */ +/* ../../blocks-deskpad/lang-switcher/lang-switcher.css begin */ +.lang-switcher +{ + margin-right: 8px; +} + +/* ../../blocks-deskpad/lang-switcher/lang-switcher.css end */ +/* ../../libs/islands-components/common.blocks/link/_pseudo/link_pseudo_yes.css begin */ +.i-ua_js_yes .link_pseudo_yes +{ + text-decoration: none; + + cursor: pointer; +} + +.i-ua_js_yes .link_pseudo_yes .link__inner +{ + text-decoration: none; + + color: inherit; + border-bottom: 1px dotted; +} + +/* ../../libs/islands-components/common.blocks/link/_pseudo/link_pseudo_yes.css end */ +/* ../../libs/islands-media/common.blocks/country-flag/_size-16/country-flag_size-16_ru.css begin */ +/* This file was generated by script. Don't edit it here.*/ +.country-flag_size-16_ru +{ + padding: 11px 0 0 16px; + background: url(//yandex.st/lego/_/Spb22l3caaD3xN3g-_nuzdnS2FA.png) no-repeat; +} +/* ../../libs/islands-media/common.blocks/country-flag/_size-16/country-flag_size-16_ru.css end */ +/* ../../libs/islands-media/common.blocks/country-flag/_size-16/country-flag_size-16_ua.css begin */ +/* This file was generated by script. Don't edit it here.*/ +.country-flag_size-16_ua +{ + padding: 11px 0 0 16px; + background: url(//yandex.st/lego/_/QaG3XxXylZ5KP1AZC_bZ0nO3u5M.png) no-repeat; +} +/* ../../libs/islands-media/common.blocks/country-flag/_size-16/country-flag_size-16_ua.css end */ +/* ../../libs/islands-media/common.blocks/country-flag/_size-16/country-flag_size-16_en.css begin */ +/* This file was generated by script. Don't edit it here.*/ +.country-flag_size-16_en +{ + padding: 11px 0 0 16px; + background: url(//yandex.st/lego/_/8xIpQUvi-n0DQWKWlzcZchJuekg.png) no-repeat; +} +/* ../../libs/islands-media/common.blocks/country-flag/_size-16/country-flag_size-16_en.css end */ +/* ../../libs/islands-media/common.blocks/country-flag/_size-16/country-flag_size-16_kz.css begin */ +/* This file was generated by script. Don't edit it here.*/ +.country-flag_size-16_kz +{ + padding: 11px 0 0 16px; + background: url(//yandex.st/lego/_/uzZ71PWcVXtsIkeTuwAakheaPOY.png) no-repeat; +} +/* ../../libs/islands-media/common.blocks/country-flag/_size-16/country-flag_size-16_kz.css end */ +/* ../../libs/islands-media/common.blocks/country-flag/_size-16/country-flag_size-16_by.css begin */ +/* This file was generated by script. Don't edit it here.*/ +.country-flag_size-16_by +{ + padding: 11px 0 0 16px; + background: url(//yandex.st/lego/_/O-tmndNZfQ0UH_3x69kKVSzOLpY.png) no-repeat; +} +/* ../../libs/islands-media/common.blocks/country-flag/_size-16/country-flag_size-16_by.css end */ +/* ../../libs/islands-media/common.blocks/country-flag/_size-16/country-flag_size-16_tt.css begin */ +/* This file was generated by script. Don't edit it here.*/ +.country-flag_size-16_tt +{ + padding: 11px 0 0 16px; + background: url(//yandex.st/lego/_/hYaw32Pak8Edj6xlfIAXuIU34lo.png) no-repeat; +} +/* ../../libs/islands-media/common.blocks/country-flag/_size-16/country-flag_size-16_tt.css end */ +/* ../../libs/islands-media/common.blocks/country-flag/_size-16/country-flag_size-16_tr.css begin */ +/* This file was generated by script. Don't edit it here.*/ +.country-flag_size-16_tr +{ + padding: 11px 0 0 16px; + background: url(//yandex.st/lego/_/WEqF7-mdxlQe_LncWQpTHfzqEeE.png) no-repeat; +} +/* ../../libs/islands-media/common.blocks/country-flag/_size-16/country-flag_size-16_tr.css end */ +/* ../../blocks-deskpad/content/content.css begin */ +.content +{ + white-space: nowrap; +} + +.content__left, +.content__right +{ + white-space: normal; +} + + +/* ../../blocks-deskpad/content/content.css end */ +/* ../../blocks-deskpad/content/__right/content__right.css begin */ +/* Сдвиг колонки при открытом КП */ +/* Size L */ +@media screen and (min-width: 1218px) +{ + .main_containing_preview .content__right + { + position: relative; + z-index: 7; /* Больше чем main__right при открытом РО */ + + margin-left: 599px; + + -webkit-transition: margin-left .25s; + transition: margin-left .25s; + } + + .main_right-panel-hidden_yes .content__right + { + position: static; + + margin-left: 0; + + -webkit-transition: margin-left .25s; + transition: margin-left .25s; + } + + .main_right-panel-hidden_yes.main_right-panel-animate_no .content__right + { + -webkit-transition: none; + transition: none; + } +} + +.main_right-panel-hidden_yes .content__right_hidden_yes +{ + display: none; +} + +/* ../../blocks-deskpad/content/__right/content__right.css end */ +/* ../../blocks-desktop/content/__right/content__right.css begin */ +@media screen and (max-width: 1024px) +{ + .content__right.layout__col_size_5 + { + width: 276px; + } + + .content__right.layout__col_size_4 + { + width: 212px; + } +} + +/* ../../blocks-desktop/content/__right/content__right.css end */ +/* ../../libs/z-address/blocks-desktop/content/__right/content__right.css begin */ +.content__right_z-address-shift-ads_yes .z-entity__right-list +{ + padding-top: 10px; +} + +.content__right_z-address-shift-ads_yes .serp-list +{ + padding-top: 10px; +} + +.content__right_z-address-shift-ads_yes .z-entity__right-list + .serp-list +{ + padding-top: 0; +} + + +/* ../../libs/z-address/blocks-desktop/content/__right/content__right.css end */ +/* ../../blocks-deskpad/serp-list/serp-list.css begin */ +/* Блок списка сниппетов (begin) */ + +.serp-list +{ + padding-top: 20px; +} + +/* SERP-17606 - [Острова] Перенос слота important над фильтрами + Костыль для эксперимента, если решат оставить, сделать постоянный отступ для интентов без привязки к top-wizards */ +.top-wizards + .intents_empty_yes + .serp-list +{ + padding-top: 10px; +} + +.b-page_baseline_serp3 .top-wizards + .intents_empty_yes + .serp-list +{ + padding-top: 0; +} +/* Блок списка сниппетов (end) */ + +/* ../../blocks-deskpad/serp-list/serp-list.css end */ +/* ../../libs/islands-serp/blocks-common/serp-cut/serp-cut.css begin */ +.serp-cut +{ + font-size: 13px; + line-height: 40px; + + position: relative; + + margin: 0 0 -10px; + + text-align: center; + + color: #999; +} + +.serp-cut:before +{ + position:absolute; + top:19px; + right:0; + left:0; + + height:1px; + + content:''; + + background: #c4c3c2; + background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,.2) 50%, rgba(0,0,0,0) 100%); + background: -moz-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,.2) 50%, rgba(0,0,0,0) 100%); + background: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,.2) 50%, rgba(0,0,0,0) 100%); +} + +.serp-cut__label +{ + position: relative; + z-index: 2; + + display: inline-block; + + padding: 0 10px; + + background: #f6f5f3; +} + +/* ../../libs/islands-serp/blocks-common/serp-cut/serp-cut.css end */ +/* ../../blocks-desktop/serp-adv/serp-adv.css begin */ +.b-page_baseline_serp3.b-page_skinny_yes .serp-adv + .serp-block > .serp-item_plain_yes.serp-item_first_yes +{ + margin-top: 5px; +} + +.b-page_baseline_serp3.b-page_skinny_yes .serp-adv__item .serp-item__wrap +{ + padding-top: 9px; + padding-bottom: 10px; +} + +.b-page_baseline_serp3.b-page_skinny_yes .serp-adv__item .favicon +{ + top: 7px; +} + +/* ../../blocks-desktop/serp-adv/serp-adv.css end */ +/* ../../libs/serp-adv/blocks-common/serp-adv/serp-adv.css begin */ +.serp-adv_premium_no .serp-item__title +{ + margin-right: 0; +} + +.serp-adv__block .serp-sitelinks +{ + display: inline-block; + + margin-right: 20px; +} + +.serp-adv__rstr-title +{ + position: relative; + + padding-right: 40px; +} + +.serp-adv_label_yes .serp-adv__block:before, +.serp-adv_label_yes .serp-block__head +{ + display: none; +} + +.serp-item__label +{ + font: 11px/15px Verdana; + + display: inline-block; + + padding: 0 6px 1px; + + vertical-align: baseline; + + color: #332f1e; + border-radius: 3px; + background: #ffeba0; +} + +.serp-url__link + .serp-item__label +{ + margin-left: -8px; +} + +.serp-item__label.serp-item__label_before_yes +{ + margin: 0 12px 0 0; +} + +.main_label_yes .content_type_main .serp-block:before +{ + border: 0; + background: transparent; +} + +.serp-adv__debug +{ + margin-top: 5px; +} + +.serp-adv .serp-meta, +.serp-adv .extended-meta .serp-sitelinks__link +{ + white-space: normal; +} + +.serp-adv .extended-meta__text +{ + display: inline-block; +} + +/* ../../libs/serp-adv/blocks-common/serp-adv/serp-adv.css end */ +/* ../../libs/serp-adv/blocks-desktop/serp-adv/serp-adv.css begin */ +.serp-adv__block_premium_yes:before +{ + top: -1px; +} + +body .serp-adv_premium_no +{ + padding-bottom: 18px; +} + +/* ../../libs/serp-adv/blocks-desktop/serp-adv/serp-adv.css end */ +/* ../../libs/serp-adv/blocks-common/serp-adv/__add/serp-adv__add.css begin */ +.serp-adv__add .island.serp-item__wrap +{ + background: transparent; + box-shadow: none; +} + +.serp-adv__add_with_adv .island.serp-item__wrap +{ + padding-top: 0; +} + +.serp-adv__add_with_none .island.serp-item__wrap +{ + padding-top: 0; + padding-left: 0; +} + +.serp-adv__add_with_banner .island.serp-item__wrap +{ + margin-top: -5px; + padding-left: 20px; +} + +.b-page_baseline_serp3 .serp-adv__add_with_none .island.serp-item__wrap +{ + padding-top: 10px; +} + +/* ../../libs/serp-adv/blocks-common/serp-adv/__add/serp-adv__add.css end */ +/* ../../libs/serp-adv/blocks-desktop/serp-adv/__banner/serp-adv__banner.css begin */ +body .serp-adv__banner +{ + height: 300px; + margin: -1px 0 0 -1px; + padding-left: 21px; +} + +.serp-adv__banner .serp-adv__image +{ + border: 0; +} + +.serp-adv__block_premium_no + .serp-adv__banner +{ + margin-top: 14px; +} + +/* Фикс для исчезающего в blink баннера. SERP-22591 */ +.content__right .serp-adv__banner +{ + background: #f6f5f3; +} + +/* ../../libs/serp-adv/blocks-desktop/serp-adv/__banner/serp-adv__banner.css end */ +/* ../../libs/serp-adv/blocks-common/serp-adv/__addr/serp-adv__addr.css begin */ +.serp-adv__addr_type_link +{ + display: inline-block; + + text-indent: 12px; + + background: no-repeat 0 2px ; +} + +.serp-adv__addr_type_link:hover +{ + background: no-repeat 0 2px ; +} + +.serp-adv__addr_type_link:hover .serp-adv__subway, +.serp-adv__addr_type_link:hover .serp-adv__region +{ + color: #d00; +} + +.serp-adv__item .serp-url__link +{ + margin-right: 20px; +} + +.serp-adv__addr_type_link2 +{ + display: inline-block; + + text-indent: 15px; +} + +.serp-adv__addr_type_link2:link +{ + color: #669; + background: no-repeat -2px 0 ; +} + +.serp-adv__addr_type_link2:visited +{ + color: #551a8b; + background: no-repeat -2px 0 ; +} + +.serp-adv__addr_type_link2:hover +{ + background: no-repeat -2px 0 ; +} + +/* ../../libs/serp-adv/blocks-common/serp-adv/__addr/serp-adv__addr.css end */ +/* ../../libs/serp-adv/blocks-common/serp-adv/__subway/serp-adv__subway.css begin */ +.serp-adv__subway +{ + display: inline-block; +} + +/* ../../libs/serp-adv/blocks-common/serp-adv/__subway/serp-adv__subway.css end */ +/* ../../libs/serp-adv/blocks-desktop/serp-adv/__title/serp-adv__title.css begin */ +/* Заголовок блока рекламы (begin) */ + +.serp-adv__title +{ + margin-top: -13px; + padding: 4px; +} + +/* Заголовок блока рекламы (end) */ + +/* ../../libs/serp-adv/blocks-desktop/serp-adv/__title/serp-adv__title.css end */ +/* ../../libs/serp-adv/blocks-common/serp-adv/__warning/serp-adv__warning.css begin */ +.serp-adv__warning +{ + font-size: 11px; + + position: relative; + top: -1px; + + display: inline-block; + + padding: 2px 6px; + + color: #666; + background-color: #faf7f2; +} + +.serp-adv__warning-text_bullet_yes +{ + margin: 0 3px; +} + +.serp-adv__warning-text_bullet_yes:before +{ + margin-right: 5px; + + content: '•'; +} + +.text-wrap +{ + margin-right: 10px; +} + +/* ../../libs/serp-adv/blocks-common/serp-adv/__warning/serp-adv__warning.css end */ +/* ../../libs/serp-adv/blocks-common/serp-adv/__counter/serp-adv__counter.css begin */ +.serp-adv__counter +{ + position: absolute; +} + +/* ../../libs/serp-adv/blocks-common/serp-adv/__counter/serp-adv__counter.css end */ +/* ../../libs/serp-adv/blocks-common/serp-adv/__region/serp-adv__region.css begin */ +.serp-adv__region +{ + display: inline-block; +} + +/* ../../libs/serp-adv/blocks-common/serp-adv/__region/serp-adv__region.css end */ +/* ../../blocks-deskpad/serp-sitelinks/serp-sitelinks.css begin */ +/* Сайтлинки (begin) */ + +.serp-sitelinks +{ + margin: 2px 0 0; + + border-spacing: 0; +} + +.serp-sitelinks_new-meta_yes +{ + margin-top: 4px; +} + +.serp-sitelinks .serp-sitelinks__link:last-child +{ + padding-right: 0; +} + +.serp-sitelinks__link +{ + margin: 0; + + white-space: nowrap; + text-decoration: none; + + color: #669; +} + +.serp-item_has-preview_yes .serp-sitelinks +{ + margin-right: 46px; +} + +.serp-sitelinks__link_nogap +{ + padding: 0; +} + +.serp-sitelinks__link_icon_yes +{ + position: relative; + + /* чтобы иконки не оставались на предыдущей строке при переносе, WIZARD-4363 */ + display: inline-block; + + margin: 0 1.5em; +} + +.serp-sitelinks__info +{ + margin: 0 1.5em 0 -1.2em; + + color: #666; +} + +.serp-sitelinks__icon +{ + position: absolute; + left: -20px; + + border: 0; +} + +.serp-sitelinks__cell +{ + line-height: 20px; + + padding-bottom: 4px; + padding-left: 0; + + vertical-align: top; +} + +.serp-sitelinks_layout_table +{ + margin-bottom: -4px; /* убираем 4px у последнеего ряда ячеек */ +} + +/* Сайтлинки (end) */ + +/* ../../blocks-deskpad/serp-sitelinks/serp-sitelinks.css end */ +/* ../../blocks-desktop/serp-sitelinks/serp-sitelinks.css begin */ +/* Элемент сайтлинков (begin) */ + +.serp-sitelinks__link +{ + padding-right: 16px; +} + +/* Элемент сайтлинков (end) */ + +/* ../../blocks-desktop/serp-sitelinks/serp-sitelinks.css end */ +/* ../../blocks-deskpad/serp-sitelinks/_type/serp-sitelinks_type_navresponse.css begin */ +.serp-sitelinks_type_navresponse +{ + margin-top: 6px; +} + +.serp-sitelinks_type_navresponse .serp-sitelinks__link +{ + font-size: 16px; + line-height: 20px; + + padding-right: 17px; + padding-bottom: 0; +} + +/* ../../blocks-deskpad/serp-sitelinks/_type/serp-sitelinks_type_navresponse.css end */ +/* ../../libs/islands-serp/blocks-common/extended-meta/__icon/extended-meta__icon.css begin */ +.extended-meta__icon_type_clock +{ + background: 0 2px url("/static/web3/libs/islands-serp/blocks-common/extended-meta/__icon/extended-meta__icon_type_clock.svg"); +} + +.extended-meta__icon_type_check +{ + background: 2px 1px url("/static/web3/libs/islands-serp/blocks-common/extended-meta/__icon/extended-meta__icon_type_check.svg"); +} + +.extended-meta__icon_type_map +{ + background: url("/static/web3/libs/islands-serp/blocks-common/extended-meta/__icon/extended-meta__icon_type_map.svg"); +} + +.extended-meta_color_black .extended-meta__icon_type_map, +.extended-meta_color_gray .extended-meta__icon_type_map +{ + background: 1px 0 no-repeat url("/static/web3/libs/islands-serp/blocks-common/extended-meta/__icon/extended-meta__icon_type_map-black.svg"); +} + +.extended-meta_color_black .serp-sitelinks__link:hover .extended-meta__icon_type_map, +.extended-meta_color_gray .serp-sitelinks__link:hover .extended-meta__icon_type_map +{ + background: 1px 0 no-repeat url("/static/web3/libs/islands-serp/blocks-common/extended-meta/__icon/extended-meta__icon_type_map-red.svg"); +} + +/* Для спецсниппетов торрентов*/ +.extended-meta_tick_yes .extended-meta__icon_type_check +{ + background-position: 0 2px; +} + +.serp-sitelinks__link:hover .extended-meta__icon_type_map +{ + background-position: -10px 0; +} + +.i-ua_svg_no .extended-meta__icon_type_clock +{ + background-image: url("/static/web3/libs/islands-serp/blocks-common/extended-meta/__icon/extended-meta__icon_type_clock.png"); + background-position: 0 2px; +} + +.i-ua_svg_no .extended-meta__icon_type_check +{ + background-image: url("/static/web3/libs/islands-serp/blocks-common/extended-meta/__icon/extended-meta__icon_type_check.png"); +} + +.i-ua_svg_no .extended-meta__icon_type_map +{ + background-image: url("/static/web3/libs/islands-serp/blocks-common/extended-meta/__icon/extended-meta__icon_type_map.png"); +} + +.i-ua_svg_no .extended-meta_color_black .extended-meta__icon_type_map +{ + width: 9px; + + background-position: -30px 0; +} + +.i-ua_svg_no .extended-meta_color_black .serp-sitelinks__link:hover .extended-meta__icon_type_map +{ + background-position: -39px 0; +} + +.extended-meta__icon +{ + display: inline-block; + + width: 11px; + height: 16px; + margin-right: 5px; + + vertical-align: bottom; + + background-repeat: no-repeat; +} + +.extended-meta__icon_type_map +{ + width: 10px; + margin-right: 6px; /* Выравниваем с остальными метаданными */ +} + +.extended-meta_new-meta_no .extended-meta__icon_type_map +{ + margin-right: 4px; +} + +.i-ua_svg_yes .extended-meta_color_gray .extended-meta__icon_type_map +{ + opacity: .5; +} + +.i-ua_svg_yes .extended-meta_color_gray .serp-sitelinks__link:hover .extended-meta__icon_type_map +{ + opacity: 1; +} + +/* ../../libs/islands-serp/blocks-common/extended-meta/__icon/extended-meta__icon.css end */ +/* ../../libs/common/blocks-common/rating/rating.css begin */ +.rating__stars_width_0 +{ + width: 0; +} + +.rating__stars_width_10 +{ + width: 10%; +} + +.rating__stars_width_20 +{ + width: 20%; +} + +.rating__stars_width_30 +{ + width: 30%; +} + +.rating__stars_width_40 +{ + width: 40%; +} + +.rating__stars_width_50 +{ + width: 50%; +} + +.rating__stars_width_60 +{ + width: 60%; +} + +.rating__stars_width_70 +{ + width: 70%; +} + +.rating__stars_width_80 +{ + width: 80%; +} + +.rating__stars_width_90 +{ + width: 90%; +} + +.rating__stars_width_100 +{ + width: 100%; +} + +/* ../../libs/common/blocks-common/rating/rating.css end */ +/* ../../libs/common/blocks-deskpad/rating/rating.css begin */ +.rating +{ + display: inline-block; + + width: 80px; +} + +.rating__stars +{ + height:16px; + + vertical-align: top; + + /* SVG moved to /home/mishanga/wc2/report/templates/YxWeb/web3/pages-desktop/search/_search.less.svg.css */ + -webkit-background-size: 16px; + background-size: 16px; +} + +.i-ua_svg_no .rating__stars +{ + background-image: url("/static/web3/libs/common/blocks-deskpad/rating/rating__stars.png"); +} + +.rating__stars_fill_yes +{ + /* SVG moved to /home/mishanga/wc2/report/templates/YxWeb/web3/pages-desktop/search/_search.less.svg.css */ +} + +.i-ua_svg_no .rating__stars_fill_yes +{ + background-image: url("/static/web3/libs/common/blocks-deskpad/rating/rating__stars.png"); + background-position: 0 -16px; +} + +/* ../../libs/common/blocks-deskpad/rating/rating.css end */ +/* ../../libs/common/blocks-deskpad/rating/_size/rating_size_12.css begin */ +.rating_size_12 +{ + width: 60px; /* 12px * 5 (звезд) = 60px */ +} + +.rating_size_12.rating__stars, /* белые звезды */ +.rating_size_12 .rating__stars /* желтые звезды */ +{ + height: 12px; + + margin-bottom: -1px; + + vertical-align: baseline; + + -webkit-background-size: 12px; + background-size: 12px; +} + +.rating_size_12 .rating__stars_fill_yes +{ + margin-bottom: 0; +} + +.i-ua_svg_no .rating_size_12.rating__stars +{ + background-image: url("/static/web3/libs/common/blocks-deskpad/rating/_size/rating__stars_12.png"); +} + +.i-ua_svg_no .rating_size_12 .rating__stars_fill_yes +{ + background-image: url("/static/web3/libs/common/blocks-deskpad/rating/_size/rating__stars_12.png"); + background-position: 0 -12px; +} + +/* ../../libs/common/blocks-deskpad/rating/_size/rating_size_12.css end */ +/* ../../blocks-desktop/serp-block/serp-block.css begin */ +/* Блок поисковой выдачи (begin) */ + +.serp-block +{ + position: relative; + + padding-bottom: 10px; +} + +.serp-block_extruded_yes +{ + z-index: 10; /* чтобы колдунщик при first-impression перекрывал paranja */ +} + +/* Блок поисковой выдачи (end) */ + +/* ../../blocks-desktop/serp-block/serp-block.css end */ +/* ../../libs/islands-serp/blocks-common/serp-block/__head/serp-block__head.css begin */ +/* Заголовок врезки (begin) */ + +.serp-block__head +{ + position: relative; + z-index: 1; /* надо перекрывать serp-item */ + top: -1px; + + display: inline-block; + + color: #888; + -webkit-box-shadow: 0 1px 0 0 #fff, 0 0 0 1px rgba(0, 0, 0, .06); + -moz-box-shadow: 0 1px 0 0 #fff, 0 0 0 1px rgba(0, 0, 0, .06); + box-shadow: 0 1px 0 0 #fff, 0 0 0 1px rgba(0, 0, 0, .06); +} + +.serp-block__head-wrap /*используется отдельный элемент вместо :before, так как есть ИЕ */ +{ + position: relative; + z-index: 1; + + background-color: #fff; +} + +/* Заголовок врезки (end) */ + +/* ../../libs/islands-serp/blocks-common/serp-block/__head/serp-block__head.css end */ +/* ../../blocks-deskpad/serp-block/__head/serp-block__head.css begin */ +.serp-block__head +{ + font-size: 16px; + + color: #000; +} + +.serp-block__head .b-link +{ + text-decoration: none; + + color: #000; +} + +/* ../../blocks-deskpad/serp-block/__head/serp-block__head.css end */ +/* ../../blocks-desktop/serp-block/__head/serp-block__head.css begin */ +/* Заголовок врезки (begin) */ + +.serp-block__head +{ + line-height: 28px; +} + +.serp-block__head-wrap +{ + line-height: 16px; + + padding: 10px 20px 4px; +} + +/* Заголовок врезки (end) */ + +/* ../../blocks-desktop/serp-block/__head/serp-block__head.css end */ +/* ../../libs/islands-serp/blocks-common/serp-block/__foot/serp-block__foot.css begin */ +.serp-block__foot +{ + text-align: center; +} + +.serp-block__foot .b-link +{ + display: block; + + text-decoration: none; +} + +/* ../../libs/islands-serp/blocks-common/serp-block/__foot/serp-block__foot.css end */ +/* ../../libs/islands-serp/blocks-desktop/serp-block/__foot/serp-block__foot.css begin */ +.serp-block__foot .b-link +{ + color: #669; +} + +/* ../../libs/islands-serp/blocks-desktop/serp-block/__foot/serp-block__foot.css end */ +/* ../../blocks-desktop/serp-block/__foot/serp-block__foot.css begin */ +/* Подвал врезки (begin) */ + +.serp-block__foot +{ + line-height: 30px; +} + +/* Подвал врезки (end) */ + +/* ../../blocks-desktop/serp-block/__foot/serp-block__foot.css end */ +/* ../../blocks-deskpad/serp-item/serp-item.css begin */ +/* Документ поисковой выдачи (begin) */ + +.serp-item +{ + position: relative; + + margin: 0; + padding: 0; +} + +.serp-item__wrap +{ + position: relative; +} + +.serp-item_expanded_yes .serp-item__wrap +{ + z-index: 1; /* чтобы обертка находилась над __preview */ + + -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06); + -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06); + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06); +} + +body .serp-item__greenurl +{ + margin: 2px 0; + padding-bottom: 0; +} + +.serp-item__snp-meta, +.serp-item__list-item, +.serp-item__snp-head +{ + margin-top: 4px; +} + +.serp-item__snp-meta, +.serp-item__list-item +{ + padding-left: 12px; +} + +.serp-item__snp-list +{ + margin: 4px 0; +} + +.serp-item__list-item +{ + position: relative; +} + +.serp-item__snp-head, +.serp-item__list-item +{ + overflow: hidden; + + max-width: 100%; + + white-space: nowrap; + text-overflow: ellipsis; +} + +.serp-item__list-item:before +{ + position: absolute; + top: 6px; + left: 3px; + + width: 3px; + height: 3px; + + content: ''; + + background-color: #7B7A79; +} + +.serp-item_extruded_yes +{ + z-index: 10; /* чтобы сниппет при first-impression перекрывал paranja */ +} + + +/* Документ поисковой выдачи (end) */ + +/* ../../blocks-deskpad/serp-item/serp-item.css end */ +/* ../../blocks-desktop/serp-item/serp-item.css begin */ +/* Документ поисковой выдачи (begin) */ + +.serp-item +{ + line-height: 16px; +} + +.serp-item__wrap +{ + padding: 20px 20px 18px; +} + +/* Документ поисковой выдачи (end) */ + +/* ../../blocks-desktop/serp-item/serp-item.css end */ +/* ../../libs/islands-serp/blocks-common/trprices/trprices.css begin */ +.trprices +{ + font-size: 13px; + font-weight: normal; + line-height: 17px; + + margin: 15px 0 0 10px; + + white-space: nowrap; + + color: #999; +} + +.trprices__cent +{ + font-size: 13px; + + color: #000; +} + +.trprices__currency +{ + margin-left: 5px; +} + +.trprices__currency, +.trprices__price +{ + font-size: 16px; + + color: #000; +} + +/* ../../libs/islands-serp/blocks-common/trprices/trprices.css end */ +/* ../../libs/islands-serp/blocks-common/serp-item/__download/serp-item__download.css begin */ +.serp-item__download .button +{ + -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .2) inset; + box-shadow: 0 0 0 1px rgba(0, 0, 0, .2) inset; +} + +.serp-item__download .button.button_hovered_yes, +.serp-item__download .button:hover +{ + -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .35) inset; + box-shadow: 0 0 0 1px rgba(0, 0, 0, .35) inset; +} + +.serp-item__download .button.button_pressed_yes, +.serp-item__download .button:active +{ + background: #fff0b6; + background: -moz-linear-gradient(top, rgb(253, 236, 173), rgb(253, 243, 208)); + background: linear-gradient(to bottom, rgb(253, 236, 173), rgb(253, 243, 208)); + -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .35) inset, 0 1px 3px 0 rgba(0, 0, 0, .2) inset; + box-shadow: 0 0 0 1px rgba(0, 0, 0, .35) inset, 0 2px 3px 0 rgba(0, 0, 0, .2) inset; +} + +/* ../../libs/islands-serp/blocks-common/serp-item/__download/serp-item__download.css end */ +/* ../../libs/islands-serp/blocks-common/serp-item/__mime/serp-item__mime.css begin */ +.serp-item__mime-icon +{ + width: 39px; + height: 45px; + + border: 0; +} + +.serp-item__mime-size +{ + line-height: 45px; + + display: inline-block; + + min-width: 45px; + margin-left: 4px; + + text-align: right; + vertical-align: top; + white-space: nowrap; +} + +/* ../../libs/islands-serp/blocks-common/serp-item/__mime/serp-item__mime.css end */ +/* ../../libs/islands-serp/blocks-common/serp-item/__preview/serp-item__preview.css begin */ +/* Элемент превью в сниппете (begin) */ + +.serp-item__preview +{ + display: none; + + margin: 1px 12px 11px; + padding: 12px; +} + +.serp-item__preview_gap_no +{ + padding: 0; +} + +.serp-item__preview_visibility_visible +{ + display: block; +} + +/* Элемент превью в сниппете (end) */ + +/* ../../libs/islands-serp/blocks-common/serp-item/__preview/serp-item__preview.css end */ +/* ../../blocks-deskpad/serp-item/__preview/serp-item__preview.css begin */ +/* Элемент превью в сниппете (begin) */ + +.serp-item__preview +{ + display: none; + + margin: 1px 12px 11px; + padding: 12px; +} + +.serp-item__preview_gap_no +{ + padding: 0; +} + +.serp-item__preview_visibility_visible +{ + display: block; +} + +/* Элемент превью в сниппете (end) */ + +/* ../../blocks-deskpad/serp-item/__preview/serp-item__preview.css end */ +/* ../../blocks-desktop/serp-item/__preview/serp-item__preview.css begin */ +.serp-item__preview +{ + padding: 20px; + padding-bottom: 18px; +} + +/* ../../blocks-desktop/serp-item/__preview/serp-item__preview.css end */ +/* ../../libs/islands-serp/blocks-common/serp-item/__preview-btn/serp-item__preview-btn.css begin */ +.serp-item__preview-btn +{ + margin-top: 6px; +} + +.check-button_focused_yes.check-button_theme_pseudo.serp-item__preview-btn +{ + /* переопределяем тень у кнопки при наведении в состоянии focused, SERP-13114 */ + box-shadow: none; +} + +.i-ua_js_no .serp-item .serp-item__preview-btn .check-button__control +{ + display: none; +} + +.i-ua_js_no .serp-item .serp-item__preview-btn +{ + cursor: default; +} + +/* ../../libs/islands-serp/blocks-common/serp-item/__preview-btn/serp-item__preview-btn.css end */ +/* ../../blocks-deskpad/serp-item/__preview-btn/serp-item__preview-btn.css begin */ +.serp-item__preview-btn +{ + margin-right: 10px; +} + +/* ../../blocks-deskpad/serp-item/__preview-btn/serp-item__preview-btn.css end */ +/* ../../libs/islands-serp/blocks-common/serp-item/__preview-btn/_theme/serp-item__preview-btn_theme_dots.css begin */ +/* Стиль кнопки превью в serp-item (begin) */ +.i-ua_js_no .serp-item .check-button.serp-item__preview-btn_theme_dots +{ + display: none; +} + +.serp-item .serp-item__preview-btn_theme_dots +{ + position: absolute; + right: 12px; + bottom: 18px; + + width: 32px; + height: 24px; +} + +.serp-item__preview-btn_theme_dots .check-button__text +{ + display: block; + + height: 100%; + + background: no-repeat center center transparent; +} + +/* Стиль кнопки превью в serp-item (end) */ + +/* ../../libs/islands-serp/blocks-common/serp-item/__preview-btn/_theme/serp-item__preview-btn_theme_dots.css end */ +/* ../../blocks-deskpad/serp-item/__title/serp-item__title.css begin */ +/* Ссылка заголовка базового сниппета (begin) */ +.serp-item__title +{ + overflow: hidden; + + padding-bottom: 1px; +} + +.serp-item__title-link +{ + overflow: hidden; /* Добавляет автоматический перенос заголовка */ + + text-decoration: none; + word-wrap: break-word; + + color: #33c; +} + +.serp-item__title-link_visited_yes +{ + color: #551a8b; +} + +/* Ссылка заголовка базового сниппета (end) */ + +/* ../../blocks-deskpad/serp-item/__title/serp-item__title.css end */ +/* ../../blocks-desktop/serp-item/__title/serp-item__title.css begin */ +/* Документ поисковой выдачи (begin) */ + +.serp-item__title +{ + font-size: 16px; + font-weight: normal; + line-height: 18px; + + margin: -12px 25px 0 0; + padding-top: 10px; +} + +.serp-item__title .favicon +{ + margin: -17px -20px 0 0; + padding: 17px 20px 0 0; +} + +.serp-item__title .serp-item__title-link +{ + margin: -10px 0 0; + padding: 10px 0 0; + + vertical-align: top; +} + +.serp-item__title .serp-item__title-link:focus +{ + outline: none; +} + +/* Документ поисковой выдачи (end) */ + +/* ../../blocks-desktop/serp-item/__title/serp-item__title.css end */ +/* ../../libs/islands-serp/blocks-common/serp-item/__doc-number/serp-item__doc-number.css begin */ +.serp-item__doc-number +{ + position: absolute; + top: 18px; + left: -25px; + + width: 17px; + + text-align: right; +} + +.b-page_baseline_serp3 .serp-item__doc-number +{ + top: 13px; + + width: 25px; +} + +/* ../../libs/islands-serp/blocks-common/serp-item/__doc-number/serp-item__doc-number.css end */ +/* ../../libs/serp-items/blocks-common/social-annotation/social-annotation.css begin */ +.social-annotation +{ + margin-top: 6px; +} + +.social-annotation .social-network +{ + position: relative; + + top: 2px; + + margin-right: 2px; +} + +.social-annotation-stats +{ + display: inline; +} + +.social-annotation__icon + .social-annotation__icon +{ + margin-left: 15px; +} + +/* ../../libs/serp-items/blocks-common/social-annotation/social-annotation.css end */ +/* ../../libs/serp-items/blocks-common/social-network/social-network.css begin */ +.social-network +{ + display: inline-block; + + width: 16px; + height: 16px; + + background: url("/static/web3/libs/serp-items/blocks-common/social-network/social-network__sprite.png"); +} + +.social-network_network_yaru +{ + background-position: 0 0; +} + +.social-network_network_facebook +{ + background-position: 0 -16px; +} + +.social-network_network_twitter +{ + background-position: 0 -32px; +} + +.social-network_network_vkontakte +{ + background-position: 0 -48px; +} + +.social-network_network_odnoklassniki +{ + background-position: 0 -64px; +} + +.social-network_network_livejournal +{ + background-position: 0 -80px; +} + +.social-network_network_linkedin +{ + background-position: 0 -112px; +} + +.social-network_network_moikrug +{ + background-position: 0 -128px; +} + +.social-network_network_google +{ + background-position: 0 -144px; +} + +.social-network_network_liru +{ + background-position: 0 -176px; +} + +.social-network_network_foursquare +{ + background-position: 0 -256px; +} + +.social-network_network_moimir +{ + background-position: 0 -272px; +} + +/* ../../libs/serp-items/blocks-common/social-network/social-network.css end */ +/* ../../libs/islands-serp/blocks-common/serp-item/_pre/serp-item_pre_market.css begin */ +.serp-item_snippet_market .serp-item__extra .serp-item__market-price +{ + min-width: inherit; +} + +.serp-item_snippet_market .serp-item__text +{ + padding-right: 8px; +} + +.serp-item_snippet_market .serp-item__delivery +{ + margin-top: 6px; +} + +.serp-item_snippet_market.serp-item_baseline_yes .serp-item__delivery +{ + margin-top: 4px; +} + +.serp-item_snippet_market .serp-item__market-price +{ + font-size: 16px; + font-weight: bold; + + min-width: 95px; + + color: #000; +} + +.serp-item_snippet_market .serp-item__market-price:hover, +.serp-item_snippet_market .serp-item__market-price:visited +{ + color: #000 !important; +} + +.serp-item_snippet_market .serp-item__extra_type_right +{ + margin-top: 18px; + + text-align: right; +} + +.serp-item_snippet_market .serp-item__extra_type_right +{ + margin-bottom: 30px; +} + +/* ../../libs/islands-serp/blocks-common/serp-item/_pre/serp-item_pre_market.css end */ +/* ../../libs/islands-serp/blocks-common/extended-meta/extended-meta.css begin */ +.extended-meta +{ + margin-top: 4px; +} + +.extended-meta + .extended-meta +{ + margin-top: 2px; +} + +.extended-meta_new-meta_no +{ + margin-top: 0; +} + +.extended-meta_new-meta_no.extended-meta_color_gray +{ + margin-top: 4px; +} + +.extended-meta_theme_gray +{ + color: #999; +} + +.extended-meta__item, +.extended-meta__item-elem +{ + display: inline-block; +} + +.extended-meta__item-elem +{ + position: relative; + + display: inline-block; + + margin-right: 14px; +} + +.extended-meta__item-elem:before +{ + position: absolute; + top: 8px; + right: -7px; + + width: 2px; + height: 2px; + + content: ''; + + background: #999; +} + +.extended-meta__item-elem_last_yes:before +{ + display: none; +} + +.extended-meta_type_adresa +{ + padding-right: 1em; +} + +.extended-meta_type_adresa .serp-item__address-link +{ + white-space: normal; +} + +.extended-meta_new-meta_yes .serp-sitelinks__link +{ + padding-right: 0; /* Вместо разделения в стилях используем отдельные блоки разделителей */ +} + +.extended-meta_color_black .serp-sitelinks__link +{ + color: #000; +} + +.extended-meta_color_gray .serp-sitelinks__link +{ + color: #888; +} + +/* ../../libs/islands-serp/blocks-common/extended-meta/extended-meta.css end */ +/* ../../libs/islands-serp/blocks-common/extended-meta/__separator/extended-meta__separator.css begin */ +/* + Разделитель можно либо вставить руками, либо навесить модификатор на контейнер с айтемами + Ð’ псевдо-элементе обязательно одно двоеточие, иначе ломается в ie8 +*/ +.extended-meta__separator, +.extended-meta__separate_yes .extended-meta__item + .extended-meta__item:before +{ + display: inline-block; + + width: 2px; + height: 2px; + margin: -2px 7px 0; + + content: ''; + vertical-align: middle; + + background-color: #999; +} + +/* ../../libs/islands-serp/blocks-common/extended-meta/__separator/extended-meta__separator.css end */ +/* ../../blocks-deskpad/serp-meta/serp-meta.css begin */ +/* Мета информация базового сниппета (begin)*/ + +.serp-meta +{ + overflow: hidden; + + white-space: nowrap; + text-overflow: ellipsis; +} + +.serp-item_has-preview_yes .serp-meta +{ + margin-right: 46px; +} + +/* Мета информация базового сниппета (end)*/ + +/* ../../blocks-deskpad/serp-meta/serp-meta.css end */ +/* ../../blocks-desktop/serp-meta/serp-meta.css begin */ +/* Мета информация базового сниппета (begin)*/ + +.serp-meta +{ + padding-top: 6px; +} + +/* Мета информация базового сниппета (end)*/ + +/* ../../blocks-desktop/serp-meta/serp-meta.css end */ +/* ../../blocks-desktop/serp-meta/__item/serp-meta__item.css begin */ +/* Мета информация в сниппете (begin) */ + +.serp-meta__item +{ + color: #888; +} + +/* Мета информация в сниппете (end) */ + +/* ../../blocks-desktop/serp-meta/__item/serp-meta__item.css end */ +/* ../../blocks-deskpad/serp-meta/__separator/serp-meta__separator.css begin */ +/* Разделитель элементов в мета информации сниппета (begin) */ + +.serp-meta__separator +{ + padding: 0 6px; + + color: #888; +} + +/* Разделитель элементов в мета информации сниппета (end) */ + +/* ../../blocks-deskpad/serp-meta/__separator/serp-meta__separator.css end */ +/* ../../blocks-deskpad/serp-meta/__phone/serp-meta__phone.css begin */ +.serp-meta__phone +{ + position: relative; + + padding-left: 16px; +} + +.serp-meta__phone:before +{ + position: absolute; + left: 0; + + display: inline-block; + + width: 16px; + height: 16px; + + content: ''; + + /* SVG moved to /home/mishanga/wc2/report/templates/YxWeb/web3/pages-desktop/search/_search.less.svg.css */ +} + +.i-ua_svg_no .serp-meta__phone:before +{ + background-image: url("/static/web3/blocks-deskpad/serp-meta/__phone/serp-meta__phone.png"); +} + +/* ../../blocks-deskpad/serp-meta/__phone/serp-meta__phone.css end */ +/* ../../blocks-deskpad/serp-item/_promo/serp-item_promo_sticker.css begin */ +/* Тестовый стикер (begin) */ + +.test-market +{ + text-align: center; +} + +.test-market__price +{ + font-size: 15px; +} + +/* Тестовые стикер (end) */ + +/* ../../blocks-deskpad/serp-item/_promo/serp-item_promo_sticker.css end */ +/* ../../blocks-deskpad/serp-item/__extra/serp-item__extra.css begin */ +/* Доп элементы в базовом сниппете (картинка или стикер) (begin) */ + +.serp-item__extra +{ + margin-top: 3px; +} + +.serp-item__extra-wrap .serp-item__data +{ + overflow: hidden; /* добавляем перенос текста, если присутствует float элемент справа */ +} + +.serp-item__extra .serp-item__extra-link +{ + display: block; + + text-decoration: none; + + color: #000; +} + +.serp-item_controls_yes .serp-item__extra-link .serp-item__mime +{ + /* Правило необходимо, чтобы картинка не растягивала блок по высоте */ + margin-bottom: -100%; +} + +.serp-item__extra .b-link +{ + outline: none; +} + +.serp-item_glue_fresh .serp-item__extra-date_fresh_bold +{ + font-weight: bold; + + display: inline-block; + + margin-right: 16px; + + color: #000; +} + +.serp-item__extra-date_fresh_bold, +.serp-item__extra-date_fresh_bold + .serp-item__greenurl +{ + vertical-align: middle; +} + +.serp-item__extra-wrap_fresh_bold .serp-item__greenurl +{ + display: inline-block; +} + +.serp-item_glue_fresh .serp-item__extra-date_fresh_gray +{ + color: #888; +} + +.serp-item__extra .serp-item__extra-link:link, +.serp-item__extra .serp-item__extra-link:hover, +.serp-item__extra .serp-item__extra-link:visited +{ + color: #000 !important; +} + +.serp-item__extra_type_left +{ + float: left; + + margin-right: 10px; +} + +.serp-item__extra_type_right +{ + float: right; + + margin-left: 10px; +} + +.serp-item_glue_fresh .serp-item__extra-date_fresh_fresh-snippet +{ + color: #808080; +} + +.serp-item__extra-wrap_fresh_fresh-snippet .serp-item__text, +.serp-item__extra-wrap_fresh_fresh-snippet .serp-item__extra-date, +.serp-item__extra-wrap_fresh_fresh-snippet .b-serp-item__date +{ + display: inline; +} + +/* Доп элементы в базовом сниппете (картинка или стикер) (end) */ + +/* ../../blocks-deskpad/serp-item/__extra/serp-item__extra.css end */ +/* ../../blocks-deskpad/serp-item/__passage/serp-item__passage.css begin */ +.serp-item__passage +{ + color: #888; +} + +/* ../../blocks-deskpad/serp-item/__passage/serp-item__passage.css end */ +/* ../../libs/serp-items/blocks-common/serp-item/__passage/serp-item__passage.css begin */ +.serp-item__passage +{ + color: #888; +} + +.serp-item__passages +{ + margin-top: 6px; + + color: #888; +} + +/* ../../libs/serp-items/blocks-common/serp-item/__passage/serp-item__passage.css end */ +/* ../../blocks-deskpad/serp-item/__text/serp-item__text.css begin */ +/* Элемент текста в сниппете (begin) */ + +.serp-item_has-preview_yes .serp-item__text +{ + margin-right: 46px; +} + +/* Элемент текста в сниппете (end) */ + +/* ../../blocks-deskpad/serp-item/__text/serp-item__text.css end */ +/* ../../blocks-desktop/serp-item/__text/serp-item__text.css begin */ +/* Элемент текста в сниппете (begin) */ + +.serp-item__text +{ + line-height: 16px; + + word-wrap: break-word; +} + +/* Элемент текста в сниппете (end) */ + +/* ../../blocks-desktop/serp-item/__text/serp-item__text.css end */ +/* ../../libs/serp-items/blocks-common/serp-item/__image-snippet/serp-item__image-snippet.css begin */ +.serp-item__image-snippet +{ + border: 0; +} + +/* ../../libs/serp-items/blocks-common/serp-item/__image-snippet/serp-item__image-snippet.css end */ +/* ../../blocks-deskpad/serp-item/_glue/serp-item_glue_fresh.css begin */ +.serp-item_glue_fresh .serp-item__extra_type_right +{ + font-weight: bold; + + width: 100px; + margin: 15px 0 10px 20px; +} + +.serp-item_glue_fresh.serp-item_has-preview_yes .serp-item__extra_type_right +{ + margin-bottom: 30px; +} + +/* ../../blocks-deskpad/serp-item/_glue/serp-item_glue_fresh.css end */ +/* ../../libs/islands-serp/blocks-common/serp-item/_active/serp-item_active_yes.css begin */ +.serp-item_active_yes .serp-item__wrap +{ + z-index: 2; + + -webkit-box-shadow: 0 0 0 3px #fd0 inset, 0 0 0 1px #fd0; + -moz-box-shadow: 0 0 0 3px #fd0 inset, 0 0 0 1px #fd0; + box-shadow: 0 0 0 3px #fd0 inset, 0 0 0 1px #fd0; +} + +/* ../../libs/islands-serp/blocks-common/serp-item/_active/serp-item_active_yes.css end */ +/* ../../libs/islands-serp/blocks-common/serp-item/_content-preview/serp-item_content-preview_yes.css begin */ +.serp-item_content-preview_yes +{ + /* + * Не удалять, иначе слетят ссылки в завирусованном сниппете + * Если нужно поставить "палочку" — просто заменить на text + */ + cursor: default; +} + +/* ../../libs/islands-serp/blocks-common/serp-item/_content-preview/serp-item_content-preview_yes.css end */ +/* ../../libs/islands-serp/blocks-common/serp-item/_content-preview-mode/serp-item_content-preview-mode_available.css begin */ +/* всем указываем прямого потомка, чтобы избежать артефактов при вложенных серпайтемах */ +.serp-item_content-preview-mode_available > .serp-item__wrap:before +{ + position:absolute; + z-index: 5; + top: 50%; + right: 5px; + + display: block; + + width: 12px; + height: 35px; + margin-top: -17px; + + content: ''; + + opacity: .2; +} + +.i-ua_svg_yes .serp-item_content-preview-mode_available > .serp-item__wrap:before +{ + background: no-repeat 50% 99% ; +} + +.i-ua_svg_no .serp-item_content-preview-mode_available > .serp-item__wrap:before +{ + background: no-repeat 50% 99% url("/static/web3/libs/islands-serp/blocks-common/serp-item/_content-preview-mode/serp-item_content-preview-mode_available.png"); +} + +.main_right-panel-hidden_yes .serp-item_content-preview-mode_available > .serp-item__wrap:before, +.main .serp-item_active_yes.serp-item_content-preview-mode_available > .serp-item__wrap:before +{ + display: none; +} + +.main_arrow_show .serp-item_content-preview-mode_available > .serp-item__wrap:before, +.main_right-panel-hidden_yes .serp-item_content-preview-mode_available > .serp-item__wrap:hover:before +{ + display: block; + + opacity: .2; +} + +/* реагируем на наведение на __wrap, чтобы избежать реакции от вложенных во вспомогательные элементы серпайтемов */ +.main .serp-item_content-preview-mode_available > .serp-item__wrap:hover:before +{ + opacity: 1; +} + +/* ../../libs/islands-serp/blocks-common/serp-item/_content-preview-mode/serp-item_content-preview-mode_available.css end */ +/* ../../blocks-deskpad/serp-item/_main/serp-item_main_facebook.css begin */ +/* сниппет Facebook (begin) */ + +.serp-item_snippet_facebook .serp-item__extra_type_left +{ + width: 64px; + + text-align: center; +} + +.serp-item__facebook-default-image +{ + height: 68px; + + /* SVG moved to /home/mishanga/wc2/report/templates/YxWeb/web3/pages-desktop/search/_search.less.svg.css */ + background-repeat: no-repeat; +} + +.i-ua_svg_no .serp-item__facebook-default-image +{ + background-image: url("/static/web3/blocks-deskpad/serp-item/_main/serp-item__facebook-default-image.png"); +} + +.serp-item__facebook-image +{ + max-width: 64px; + height: 64px; + + border: 0; +} + +/* сниппет Facebook (end) */ + +/* ../../blocks-deskpad/serp-item/_main/serp-item_main_facebook.css end */ +/* ../../libs/z-wikifacts/blocks-common/z-wikifacts/__text/z-wikifacts__text.css begin */ +/* Колдунщик фактов Wikipedia (begin) */ +.z-wikifacts__inline-text, +.z-wikifacts__long-text .z-wikifacts__text-prop +{ + font-size: 20px; + + line-height: 1.1em; +} + +.z-wikifacts__long-text, +.z-wikifacts__very-long-text, +.z-wikifacts__very-long-text .z-wikifacts__text-prop +{ + font-size: 16px; +} + +.z-wikifacts__inline-text, +.z-wikifacts__long-text, +.z-wikifacts__very-long-text +{ + margin-top: -2px; +} + +.z-wikifacts__long-text .z-wikifacts__text-fact, +.z-wikifacts__very-long-text .z-wikifacts__text-fact +{ + display: block; + + margin-bottom: 8px; +} + +.z-wikifacts__very-long-text .z-wikifacts__text-fact +{ + font-weight: bold; +} + +.z-wikifacts__very-long-text .z-wikifacts__text-prop +{ + font-weight: normal; + + line-height: 20px; +} + +/* Колдунщик фактов Wikipedia (end) */ + +/* ../../libs/z-wikifacts/blocks-common/z-wikifacts/__text/z-wikifacts__text.css end */ +/* ../../libs/chords/blocks-common/chords/chords.css begin */ +.chords +{ + margin-bottom: -4px; + padding-top: 3px; +} + +/* ../../libs/chords/blocks-common/chords/chords.css end */ +/* ../../libs/chords/blocks-common/chords/_type/chords_type_chords.css begin */ +.chords_type_chords .chords__string +{ + margin: -2px 0 4px 0; + + font-family: 'Consolas', 'Monaco', 'Courier New', monospace; +} + +.chords_type_chords .chords__string_type_chords +{ + margin: 0; +} + +/* ../../libs/chords/blocks-common/chords/_type/chords_type_chords.css end */ +/* ../../libs/chords/blocks-common/chords/__string/_type/chords__string_type_chords.css begin */ +.chords__string_type_chords +{ + font-weight: bold; +} + +/* ../../libs/chords/blocks-common/chords/__string/_type/chords__string_type_chords.css end */ +/* ../../libs/serp-items/blocks-common/serp-item/_main/serp-item_main_recipe.css begin */ +.extended-meta_recipe_yes +{ + display: inline; + + margin-top: 0; +} + +.serp-item_main_recipe .link_inner_yes .image +{ + width: 120px; + margin-right: 0; +} + +/* ../../libs/serp-items/blocks-common/serp-item/_main/serp-item_main_recipe.css end */ +/* ../../libs/serp-items/blocks-deskpad/serp-item/_main/serp-item_main_recipe.css begin */ +.serp-meta_recipe_yes, +.serp-item_main_recipe .serp-item__data +{ + margin-top: 3px; +} + +.serp-meta_recipe_yes +{ + padding-top: 0; +} + +.serp-item_main_recipe .serp-item__extra_type_left +{ + margin-top: 2px; + margin-bottom: 2px; +} + +/* ../../libs/serp-items/blocks-deskpad/serp-item/_main/serp-item_main_recipe.css end */ +/* ../../libs/islands-components/common.blocks/link/_inner/link_inner_yes.css begin */ +.link_inner_yes .link__inner +{ + color: inherit; +} + +.link_inner_yes .image +{ + vertical-align: middle; + + margin-right: 5px; +} +/* ../../libs/islands-components/common.blocks/link/_inner/link_inner_yes.css end */ +/* ../../blocks-deskpad/forum/forum.css begin */ +.forum__entry +{ + margin-top: 6px; +} + +.forum__total, +.forum__info, +.forum__info:visited +{ + color: #000; +} + +.forum__total +{ + margin-top: 6px; +} + +.forum__total_msg_yes +{ + margin-bottom: 0; +} + +.serp-item__text-ell +{ + font-weight: bold; + + margin: 0 .33em; + + color: #888; +} + +/* ../../blocks-deskpad/forum/forum.css end */ +/* ../../blocks-deskpad/forum/__forumtopic/forum__forumtopic.css begin */ +.forum__total_theme_yes, .forum__entry_theme_yes +{ + margin-top: 3px; +} + +/* ../../blocks-deskpad/forum/__forumtopic/forum__forumtopic.css end */ +/* ../../libs/islands-serp/blocks-common/nav-answers/nav-answers.css begin */ +.nav-answers +{ + overflow: hidden; + + margin: 0 -1px 11px; + padding: 1px; +} + +.serp-item_expanded_yes .nav-answers +{ + margin: -11px -1px 11px; +} + +.nav-answers .serp-item__wrap +{ + overflow: hidden; + + margin: -1px 0 0; +} + +.nav-answers .serp-item__wrap:before +{ + position: absolute; + top: 0; + right: 20px; + left: 20px; + + height: 1px; + + content: ''; + + background: #e5e5e5; +} + +.serp-item_expanded_yes .nav-answers .serp-item__wrap:before +{ + right: 0; + left: 0; +} + +.nav-answers__list +{ + overflow: hidden; + + width: 550px; +} + +.nav-answers__head +{ + font-size: 16px; + line-height: 18px; + + margin: -2px 0 -4px; +} + +.nav-answers__item +{ + display: inline-block; + + width: 250px; + margin: 16px 16px 0 0; + + vertical-align: top; +} + +.nav-answers__item-head +{ + font-size: 16px; + line-height: 18px; + + display: inline-block; + + margin: -2px 0 0; +} + +/* ../../libs/islands-serp/blocks-common/nav-answers/nav-answers.css end */ +/* ../../libs/serp-items/blocks-common/serp-item/_full/serp-item_full_anti-pirate.css begin */ +.serp-item__title_full_anti-pirate +{ + margin-bottom: 3px; + + color: #888; +} + +/* ../../libs/serp-items/blocks-common/serp-item/_full/serp-item_full_anti-pirate.css end */ +/* ../../libs/s-twitter-nav/blocks-common/s-twitter-nav/s-twitter-nav.css begin */ +.s-twitter-nav__item +{ + margin-top: 9px; +} + +.s-twitter-nav__item + .s-twitter-nav__item +{ + margin-top: 13px; +} + +.s-twitter-nav__item-title +{ + line-height: 16px; + font-weight: bold; + + margin: 3px 0; +} + +.s-twitter-nav__user +{ + display: inline-block; + + margin-right: 17px; +} + +.s-twitter-nav__user-pic +{ + padding-right: 4px; +} + +.s-twitter-nav__user-icon +{ + vertical-align: bottom; +} + +.s-twitter-nav__user-name +{ + display: inline-block; + + margin-top: 6px; + + vertical-align: top; +} + +.s-twitter-nav__topic +{ + padding-right: 17px; +} + +/* ../../libs/s-twitter-nav/blocks-common/s-twitter-nav/s-twitter-nav.css end */ +/* ../../libs/s-audio/blocks-common/audio-info/audio-info.css begin */ +/* Музисточник (begin) */ + +.audio-info +{ + margin: 14px 0 0; + display: block; + color: #000; +} + +.audio-info.b-link, +.audio-info.b-link:link, +.audio-info.b-link:visited, +.audio-info.b-link:link:hover, +.audio-info.b-link:visited:hover +{ + color: #000 !important; + text-decoration: none; +} + +.audio-info__line +{ + display: block; + margin: 0 0 4px; +} + +.audio-info__type +{ + font-size: 11px; + + position: relative; + top: -1px; + + padding: 2px 4px 1px; + + background: #000; + color: #fff; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + + text-transform: uppercase; +} + +.audio-info__info, +.audio-info__type +{ + display: inline; + margin: 0 4px 0 0; +} + +/* Музисточник (end) */ + +/* ../../libs/s-audio/blocks-common/audio-info/audio-info.css end */ +/* ../../libs/lego/blocks-desktop/i-global/wbr/i-global__wbr.css begin */ +/* Поддержка wbr в Opera и Safari 2/3 (begin) */ /**/ + /* См. http://harisov.livejournal.com/97666.html */ /**/ + wbr + { + display: inline-block; + } +/* Поддержка wbr в Opera и Safari 2/3 (end) */ /**/ + +/* ../../libs/lego/blocks-desktop/i-global/wbr/i-global__wbr.css end */ +/* ../../libs/islands-page/common.blocks/island/island.css begin */ +.island +{ + background: #fff; + -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 3px 4px -3px rgba(0, 0, 0, .3); + -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 3px 4px -3px rgba(0, 0, 0, .3); + box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 3px 4px -3px rgba(0, 0, 0, .3); +} +/* ../../libs/islands-page/common.blocks/island/island.css end */ +/* ../../blocks-deskpad/island/island.css begin */ +/* Остров (begin) */ + +.island +{ + background: #fff; + -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06); + -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06); + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06); +} + +/* Остров (end) */ + +/* ../../blocks-deskpad/island/island.css end */ +/* ../../blocks-deskpad/serp-url/serp-url.css begin */ +/* Серповый url (begin) */ + +.serp-url +{ + padding-bottom: 1px; + + color: #070; +} + +.serp-url__link, +.serp-url__link:link, +.serp-url__link:visited, +.serp_url__text +{ + text-decoration: none; + + color: #070; +} + +.serp-url__link:hover, +.serp-url__link:link:hover, +.serp-url__link:visited:hover +{ + color: #d00; +} + +.serp-url__mark +{ + font-family: Verdana; + line-height: 0; + + margin: 0 .3em; +} + +/* Серповый url (end) */ + +/* ../../blocks-deskpad/serp-url/serp-url.css end */ +/* ../../blocks-desktop/serp-url/__arrow/serp-url__arrow.css begin */ +.serp-url__arrow +{ + display: inline-block; + + width: 11px; + height: 12px; + margin: 1px 10px 0 -14px; + + cursor: pointer; + -webkit-transition: opacity .3s; + -moz-transition: opacity .3s; + -o-transition: opacity .3s; + transition: opacity .3s; + vertical-align: middle; + + opacity: .5; + background: 50% 50% no-repeat url("/static/web3/blocks-desktop/serp-url/__arrow/serp-url__arrow.svg"); +} + +.serp-url__arrow:hover +{ + opacity: 1; +} + +.i-ua_inlinesvg_no .serp-url__arrow +{ + opacity: 1; + background: 0 0 no-repeat url("/static/web3/blocks-desktop/serp-url/__arrow/serp-url__arrow.png"); +} + +.i-ua_inlinesvg_no .serp-url__arrow:hover +{ + background-position: 0 100%; +} + +/* ../../blocks-desktop/serp-url/__arrow/serp-url__arrow.css end */ +/* ../../blocks-deskpad/serp-url/__item/serp-url__item.css begin */ +/* Элемент зеленой ссылки (begin) */ + +.serp-url__item +{ + display: inline-block; + overflow: hidden; + + max-width: 95%; + margin-top: -2px; + + vertical-align: middle; + white-space: nowrap; + text-overflow: ellipsis; +} + +.serp-url__item_type_phone .b-link, +.serp-url__item_type_phone .b-link .b-link__inner +{ + text-decoration: none; + + color: #22c; +} + +.serp-url__item_type_subway +{ + color: #888; +} + +/* Элемент зеленой ссылки (end) */ + +/* ../../blocks-deskpad/serp-url/__item/serp-url__item.css end */ +/* ../../blocks-desktop/serp-url/__item/serp-url__item.css begin */ +/* Элемент зеленой ссылки (begin) */ + +.serp-url__item +{ + margin-right: 16px; +} + +/* Элемент зеленой ссылки (end) */ + +/* ../../blocks-desktop/serp-url/__item/serp-url__item.css end */ +/* ../../blocks-desktop/serp-url/__popup/serp-url__popup.css begin */ +/* Выпадающее меню в зеленой ссылке (begin) */ + +.serp-url__popup +{ + z-index: 5; + + margin-top: 4px; +} + +.serp-url__popup-content +{ + position: relative; + z-index: 10; /* чтобы перекрыть tail у попапа( у него z-index:9 ) */ + + min-width: 140px; + padding: 4px 0; + + background-color: white; +} + +.serp-url__popup-content .serp-url__link +{ + line-height: 16px; + + position: relative; + + display: block; + + padding: 6px; + + color: black; +} + +.serp-url__popup-content .serp-url__link:hover +{ + cursor: pointer; + + color: black !important; /* important - для переопределения стиля из лего */ + background-color: #ffeca1; +} + +/* Выпадающее меню в зеленой ссылке (end) */ + +/* ../../blocks-desktop/serp-url/__popup/serp-url__popup.css end */ +/* ../../libs/bem-components/common.blocks/check-button/check-button.css begin */ +.check-button +{ + position: relative; + + display: inline-block; + + outline: 0; + cursor: default; + + text-align: center; + white-space: nowrap; + + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +.i-ua_js_no .check-button +{ + background: none; + box-shadow: none; +} +/* ../../libs/bem-components/common.blocks/check-button/check-button.css end */ +/* ../../libs/bem-components/common.blocks/check-button/__text/check-button__text.css begin */ +.check-button__text +{ + position: relative; + + padding: 0 1em; + + pointer-events: none; +} + +.i-ua_js_no .check-button__text +{ + padding: 0 1em 0 0.3em; +} + +/* ../../libs/bem-components/common.blocks/check-button/__text/check-button__text.css end */ +/* ../../libs/bem-components/common.blocks/check-button/__control/check-button__control.css begin */ +@media all and (min-width:0px) { + .i-ua_js_yes .check-button__control + { + position: absolute; + z-index: 1; + top: 0; + left: 0; + + width: 100%; + height: 100%; + + margin: 0; + padding: 0; + + opacity: 0; + outline: 0; + + border: 0; + background: none; + } +} + +/* ../../libs/bem-components/common.blocks/check-button/__control/check-button__control.css end */ +/* ../../libs/bem-components/desktop.blocks/check-button/__control/check-button__control.css begin */ +@media all and (min-width:0px) { + + .check-button__control + { + cursor: pointer; + } + +} +/* ../../libs/bem-components/desktop.blocks/check-button/__control/check-button__control.css end */ +/* ../../libs/bem-components/common.blocks/check-button/_checked/check-button_checked_yes.css begin */ +@media all and (min-width:0px) { + .check-button_checked_yes .check-button__text + { + top: 1px; + } +} + +/* ../../libs/bem-components/common.blocks/check-button/_checked/check-button_checked_yes.css end */ +/* ../../libs/bem-components/common.blocks/check-button/_pressed/check-button_pressed_yes.css begin */ +@media all and (min-width:0px) { + .check-button_pressed_yes .check-button__text + { + top: 1px; + } +} + +/* ../../libs/bem-components/common.blocks/check-button/_pressed/check-button_pressed_yes.css end */ +/* ../../libs/bem-components/common.blocks/check-button/_disabled/check-button_disabled_yes.css begin */ +body .check-button_disabled_yes +{ + opacity: .6; +} + +/* ../../libs/bem-components/common.blocks/check-button/_disabled/check-button_disabled_yes.css end */ +/* ../../libs/bem-components/desktop.blocks/check-button/_disabled/check-button_disabled_yes.css begin */ +.i-ua_js_yes .check-button_disabled_yes .check-button__control +{ + cursor: default; +} +/* ../../libs/bem-components/desktop.blocks/check-button/_disabled/check-button_disabled_yes.css end */ +/* ../../libs/islands-components/common.blocks/check-button/_theme/check-button_theme_normal.css begin */ +@media all and (min-width:0px) { + /* check-button — задает рамку у кнопки */ + .check-button_theme_normal + { + cursor: pointer; + + color: #333; + background: rgba(0,0,0,0.4); + background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0,rgba(0,0,0,0.4) 100%); + background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0, rgba(0,0,0,0.4) 100%); + background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0,rgba(0,0,0,0.4) 100%); + background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0,rgba(0,0,0,0.4) 100%); + + border-radius: 3px; + + -moz-box-shadow: 0 1px 0 rgba(0,0,0,.07); + box-shadow: 0 1px 0 rgba(0,0,0,.07); + + font-family: Arial, sans-serif; + } + + /* :before — градиент у кнопки */ + .check-button_theme_normal:before + { + position: absolute; + bottom: 1px; + right: 1px; + left: 1px; + top: 1px; + + content: ''; + + border-radius: 2px; + + background: #fff; + background: -webkit-linear-gradient(top, #fff 0,#eee 100%); + background: -moz-linear-gradient(top, #fff 0, #eee 100%); + background: -o-linear-gradient(top, #fff 0,#eee 100%); + background: linear-gradient(to bottom, #fff 0,#eee 100%); + } + + /* _focused */ + .check-button_focused_yes.check-button_theme_normal + { + -moz-box-shadow: 0 1px 0 rgba(0,0,0,.07), 0 0 6px 2px rgba(255,204,0,.7); + box-shadow: 0 1px 0 rgba(0,0,0,.07), 0 0 6px 2px rgba(255,204,0,.7); + } + + .check-button_focused_yes.check-button_theme_normal:before + { + -moz-box-shadow: 0 0 0 1px rgba(193,154,0,.2); + box-shadow: 0 0 0 1px rgba(193,154,0,.2); + } + + /* _pressed */ + /* check-button — задает рамку у кнопки */ + .check-button_pressed_yes.check-button_theme_normal, + .check-button_checked_yes.check-button_theme_normal + { + color: #7A7254; + background: rgba(255,236,166,.4); + + -moz-box-shadow: inset 0 1px 5px rgba(30,23,0,.8), 0 2px 0 -1px rgba(255,255,255,.2); + box-shadow: inset 0 1px 5px rgba(30,23,0,.8), 0 2px 0 -1px rgba(255,255,255,.2); + } + + /* :before — градиент у кнопки */ + .check-button.check-button_pressed_yes.check-button_theme_normal:before, + .check-button.check-button_checked_yes.check-button_theme_normal:before + { + background: #ffeca6; + background: -webkit-linear-gradient(top, #ffeca6 0,#fff6d5 100%); + background: -moz-linear-gradient(top, #ffeca6 0, #fff6d5 100%); + background: -o-linear-gradient(top, #ffeca6 0,#fff6d5 100%); + background: linear-gradient(to bottom, #ffeca6 0,#fff6d5 100%); + + -moz-box-shadow: inset 0 1px 3px -1px rgba(0,0,0,.45); + box-shadow: inset 0 1px 3px -1px rgba(0,0,0,.45); + } +} + +/* ../../libs/islands-components/common.blocks/check-button/_theme/check-button_theme_normal.css end */ +/* ../../libs/islands-components/desktop.blocks/check-button/_theme/check-button_theme_normal.css begin */ +@media all and (min-width:0px) { + /* :before — при наведении меняет градиент у check-button */ + .check-button_theme_normal.check-button_hovered_yes:before + { + background: rgb(255,255,255); + background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0,rgba(246,245,243,1) 100%); + background: -moz-linear-gradient(top, rgba(255,255,255,1) 0,rgba(246,245,243,1) 100%); + background: -o-linear-gradient(top, rgba(255,255,255,1) 0,rgba(246,245,243,1) 100%); + background: linear-gradient(to bottom, rgba(255,255,255,1) 0,rgba(246,245,243,1) 100%); + } +} + +/* ../../libs/islands-components/desktop.blocks/check-button/_theme/check-button_theme_normal.css end */ +/* ../../libs/islands-components/desktop.blocks/check-button/_pseudo/check-button_pseudo_yes.css begin */ +.i-ua_js_yes .check-button_pseudo_yes .check-button__control +{ + cursor: pointer; +} +/* ../../libs/islands-components/desktop.blocks/check-button/_pseudo/check-button_pseudo_yes.css end */ +/* ../../libs/islands-components/common.blocks/check-button/_theme/check-button_theme_pseudo.css begin */ +.check-button_theme_pseudo +{ + cursor: pointer; + + color: #333; + + font-family: Arial, sans-serif; +} + +.check-button_theme_pseudo .check-button__text +{ + padding: 0 0.78em; + + cursor: pointer; +} + +.check-button_disabled_yes, +.check-button_disabled_yes .check-button__text +{ + cursor: default; +} + +@media all and (min-width:0px) { + /* Псевдо по высоте меньше чем обычная. + Также псевдо может использоваться без pseudo_yes, поэтому размеры лежат тут. + */ + .check-button_theme_pseudo + { + outline: hidden; + line-height: 24px; /* line-height — по умолчанию для размера S */ + + border-radius: 3px; + background: transparent; /* Псевдо прозрачная */ + } + + .check-button_theme_pseudo .check-button__text + { + z-index: 1; + } + + .check-button_size_m.check-button_theme_pseudo + { + line-height: 28px; + } + + .check-button_theme_pseudo:after, + .check-button_theme_pseudo:before + { + position: absolute; + + content: ''; + } + + /* :before — рисует границу */ + .check-button_theme_pseudo:before + { + bottom: 0; + right: 0; + left: 0; + top: 0; + + border-radius: 3px; + + -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); + box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); + } + + /* :after — фон для нажатого состояния */ + .check-button_theme_pseudo:after + { + bottom: 1px; + right: 1px; + left: 1px; + top: 1px; + + border-radius: 2px; + } + + /* Состояние фокуса */ + .check-button_focused_yes.check-button_theme_pseudo + { + -moz-box-shadow: 0 0 6px 2px rgba(255,204,0,.7); + box-shadow: 0 0 6px 2px rgba(255,204,0,.7); + } + + /* Наведенное состояние */ + .check-button_hovered_yes.check-button_theme_pseudo:before + { + -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.35); + box-shadow: inset 0 0 0 1px rgba(0,0,0,.35); + } + + /* Нажатое состояние */ + .check-button_pressed_yes.check-button_theme_pseudo, + .check-button_checked_yes.check-button_theme_pseudo + { + -moz-box-shadow: none; + box-shadow: none; + } + + .check-button_pressed_yes.check-button_theme_pseudo:before, + .check-button_checked_yes.check-button_theme_pseudo:before + { + -moz-box-shadow: inset 0 1px 7px rgba(30,23,0,.8), 0 2px 0 -1px rgba(255,255,255,.2); + box-shadow: inset 0 1px 7px rgba(30,23,0,.8), 0 2px 0 -1px rgba(255,255,255,.2); + } + + .check-button_pressed_yes.check-button_theme_pseudo:after, + .check-button_checked_yes.check-button_theme_pseudo:after + { + background: #ffeca6; + background: -webkit-linear-gradient(top, #ffeca6 0,#fff6d5 100%); + background: -moz-linear-gradient(top, #ffeca6 0, #fff6d5 100%); + background: -o-linear-gradient(top, #ffeca6 0,#fff6d5 100%); + background: linear-gradient(to bottom, #ffeca6 0,#fff6d5 100%); + + -moz-box-shadow: inset 0 1px 3px -1px rgba(0,0,0,0.45); + box-shadow: inset 0 1px 3px -1px rgba(0,0,0,0.45); + } +} +/* ../../libs/islands-components/common.blocks/check-button/_theme/check-button_theme_pseudo.css end */ +/* ../../blocks-deskpad/favicon/favicon.css begin */ +.favicon +{ + position: absolute; + z-index: 1; + + top: 16px; + right: 20px; + + outline: none; +} + +.favicon__icon +{ + display: block; + + width: 16px; + height: 16px; +} + +/* ../../blocks-deskpad/favicon/favicon.css end */ +/* ../../blocks-deskpad/top-wizards/top-wizards.css begin */ +.top-wizards +{ + margin-top: 20px; +} + +/* ../../blocks-deskpad/top-wizards/top-wizards.css end */ +/* ../../blocks-deskpad/content-preview/__bootstrap/content-preview__bootstrap.css begin */ +.content-preview +{ + position: relative; + + min-height: 152px; +} + +.content-preview .popup +{ + /* ie8 не правильно overflow'ить c word-wrap: break-word */ + word-wrap: normal; +} + +.content-preview__header +{ + font-size: 16px; + line-height: 50px; + + position: relative; + + display: block; + + height: 50px; + /* Элементы, край которых должен совпадать с краем КП + вытягиваются отрицательными полями */ + margin: 0 -21px; + padding: 0; + + text-align: center; + + background: center center no-repeat; +} + +.content-preview__content_empty_yes +{ + font-size: 16px; + + box-sizing: border-box; + padding: 60px 0; + + text-align: center; + + color: #999; +} + +.content-preview__empty-link +{ + color: #669; +} + +.content-preview__spin +{ + position: absolute; + top: 60px; + right: 0; + left: 0; + + text-align: center; +} + +.content-preview_updated_yes .content-preview__wrap, +.content-preview__extra-wrap +{ + margin: 0 -21px; +} + +.content-preview_updated_yes .serp-item__preview +{ + display: block; + + margin: 0; + padding: 0; + + background-color: transparent; +} + +.b-page_baseline_serp3 .content-preview .serp-item__preview +{ + margin: 0; + padding: 0; +} + +.content-preview__outer-wrap +{ + min-height: 0; +} + +.content-preview__outer-wrap_updating_yes +{ + overflow: hidden; + + min-height: 150px; +} + +.content-preview_transition_yes .content-preview__outer-wrap_updating_yes +{ + -webkit-transition: min-height .5s; + transition: min-height .5s; +} + +.content-preview__outer-wrap_updating_yes .content-preview__extra-wrap +{ + opacity: .4; +} + +.content-preview__title +{ + font-size: 20px; + line-height: 30px; + + margin-bottom: 4px; + padding-top: 10px; +} + +.content-preview__extra-spin +{ + position: absolute; + top: 60px; + right: 0; + left: 0; + + text-align: center; +} + +.content-preview__outer-wrap +{ + position: relative; +} + +/* ../../blocks-deskpad/content-preview/__bootstrap/content-preview__bootstrap.css end */ +/* ../../blocks-deskpad/content-preview/__close/content-preview__close.css begin */ +.content-preview__close +{ + font-size: 16px; + line-height: 16px; + + position: relative; + + display: inline-block; + + height: 16px; + padding: 15px 0 15px 24px; + + cursor: pointer; + + color: #939392; +} + +.content-preview__close-icon +{ + position: absolute; + top: 15px; + left: 0; + + display: block; + overflow: hidden; + + width: 16px; + height: 16px; + + -webkit-transition: opacity .1s ease-out; + -moz-transition: opacity .1s ease-out; + transition: opacity .1s ease-out; + + opacity: .25; + background: 50% 50% no-repeat; + /* SVG moved to /home/mishanga/wc2/report/templates/YxWeb/web3/pages-desktop/search/_search.less.svg.css */ +} + +.i-ua_svg_no .content-preview__close-icon +{ + background-image: url("/static/web3/blocks-deskpad/content-preview/__close/content-preview__close.png"); +} + +.content-preview__close-text +{ + -webkit-transition: opacity .1s ease-out; + -moz-transition: opacity .1s ease-out; + transition: opacity .1s ease-out; + text-transform: lowercase; + + opacity: .4; + color: #000; +} + +.content-preview__close:hover .content-preview__close-icon, +.content-preview__close:hover .content-preview__close-text +{ + opacity: 1; +} + +.content-preview__close-wrap:before +{ + display: block; + + width: 100%; + height: 1px; + + content: ''; + + background: #e5e5e5; + background: rgba(0, 0, 0, .1); +} + +.video-player + .content-preview__close-wrap:before +{ + display: none; +} + +.content-preview_updated_yes .content-preview__wrap .content-preview__close-wrap +{ + padding: 0 20px; +} + +@media screen and (min-width: 1218px) +{ + .content-preview__close-wrap +{ + position: absolute; + right: -21px; + bottom: -46px; + left: -21px; + } + + .content-preview_updated_yes .content-preview__wrap .content-preview__close-wrap +{ + padding: 0; + } + + .content-preview__close-wrap:before +{ + display: none; + } +} + + +.content-preview__close-wrap_hidden_yes +{ + display: none; +} + +/* ../../blocks-deskpad/content-preview/__close/content-preview__close.css end */ +/* ../../libs/video/blocks-common/video-player/video-player.css begin */ +.video-player +{ + position: relative; + + margin-right: 14px; + /* ширина serp-list'a фиксированная 560px + /* ширина плеера тоже фиксированная 532px + /* базовые отступы у serp-item__preview 12px + /* (560 - 532) / 2 = 14px + /* меняем 12 на 14 чтобы небыло лишнего по краям + /* */ + margin-left: 14px; + + background: #313131; +} + +.video-player__spin +{ + position: absolute; + top: 50%; + left: 50%; + + margin: -16px 0 0 -16px; +} + +.video-player__frame +{ + display: block; + overflow: hidden; + + width: 532px; + height: 297px; +} + +.video-player__player +{ + overflow: hidden; +} + +.video-player__player-container +{ + width: 100%; + height: 100%; +} + +.video-player__player-error +{ + display: none; + + width: 532px; + height: 297px; +} + +.video-player__player-error_visibility_visible +{ + display: block; +} + +.video-player__player-error +{ + line-height: 19px; + + margin-top: 116px; + padding-top: 96px; + + text-align: center; + + color: #888; + background: center top no-repeat; +} + +.i-ua_inlinesvg_no .video-player__player-error +{ + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAAAAACPAi4CAAAAAXNCSVQI5gpbmQAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAARdEVYdFRpdGxlAG91dC9pY25zLzF4LplRcAAAArtJREFUWMOtl1uL4jAUx/uVEtt58LrMWopbEallbUHYrg9aWAapoLBR0CJT/dirOUnaOL0kuHmpmNMfzbn+Y6CKZY3nUZyQy4UkcTQfW1V2Rum/bX/zeZPW58ZvqwLMcH+9lazrPjQVANg73SrXaYabAD/+3moXcWsBneTWuLbdasDwXDBM//x0v/csq+9Mw7W0YVcBvNzzx+Cb7JlhRMRm5pUC8G9hkbi4JGD2Thgs8VcA/hB+squSZnLgNh/4C2DJv2/RQpWrFfAMWT4DPM5eodrlpMzOkwF2Js63qCf02DEyuwjopoUwNRDeWK6k3QJgK6VKE4F9wzYHuE/J1nQK9r0uB2DIkWylSnAgFgQzwIy/tVAlBGA1A4AJ9Uvu8VcltMANJ5MCQniFhkWVMAGjkAL2kP+wo0qAutg/AO1r7lJ1gg1drn0H+FC/ojoUCRA5/w7Y0F9BvqVGiKjFBhkWdJEB0iQModtbxpj+OEubKgQMXW5szOkzRtqENd2fGxFzhjYB0icyYvocIW3CFD7dgOp+R9oEB/LPgHh2kDahDxVkXOizZGo2ESy6dWGA0vFfTzAZAI7QR9qEDjsCONFB2oR35kQI4xRpE0YsjBHvDLoEnyUSpPIaaRNilsqsmLA2gRcTK+ch0iQMeDmzhvILaRIC3lCYMwjSI+CjaGmsqdp6BDdvqqyt75AWIcnbOh8sEx2CXRwsbLQdWuqEFimONj5cA6RMWEjDlY/3q6NKWGXyeOcCI+2pEp4EhpA4hzcdwrZEZCUaBElkCZl3UD6FLPNyoZk2eFLoKK9K6l6DOqm7yKqkbkFsHypz0iY1YhvhpTjfrqyysJvUyv2HH3LBTKKh3KMGwbHpwvH4xKJkPq/DqdO3zM77yI/Vrjz3fNi+dul6ZDV56dr38NXstYvn61ff/3D51rv+/wNWy/zkHHydmQAAAABJRU5ErkJggg==); +} + +.video-player__player-error .b-link:link, +.video-player__player-error .b-link:visited +{ + color: #fff; +} + +/* ../../libs/video/blocks-common/video-player/video-player.css end */ +/* ../../libs/islands-components/common.blocks/spin/spin.css begin */ +.spin +{ + font: 0/0 a; + + display: none; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +/* ../../libs/islands-components/common.blocks/spin/spin.css end */ +/* ../../libs/islands-components/common.blocks/spin/_theme/spin_theme_gray-32.css begin */ +.spin_theme_gray-32 .spin__icon +{ + width: 1px; + height: 1px; + padding: 31px 31px 0 0; + + opacity: .4; + background-image: url("/static/web3/libs/islands-components/common.blocks/spin/_theme/spin_theme_gray.svg"); +} + +/* Когда нет поддержки SVG */ +.i-ua_inlinesvg_no .spin_theme_gray-32 .spin__icon +{ + background-image: url("/static/web3/libs/islands-components/common.blocks/spin/_theme/spin_theme_gray-32.png"); +} + +/* Когда нет поддержки transforms2d */ +.spin_theme_gray-32.spin_support-transforms_no .spin__icon +{ + background-image: url("/static/web3/libs/islands-components/common.blocks/spin/_theme/spin_theme_gray-32.sprite.png"); +} + +/* ../../libs/islands-components/common.blocks/spin/_theme/spin_theme_gray-32.css end */ +/* ../../libs/islands-components/common.blocks/spin/_progress/spin_progress_yes.css begin */ +.spin_progress_yes +{ + display: block; +} + +/* ../../libs/islands-components/common.blocks/spin/_progress/spin_progress_yes.css end */ +/* ../../libs/islands-components/common.blocks/spin/__icon/spin__icon.css begin */ +.spin__icon +{ + border: 0; + + /* облегчаем анимацию */ + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} + +/* ../../libs/islands-components/common.blocks/spin/__icon/spin__icon.css end */ +/* ../../libs/islands-components/common.blocks/spin/_theme/spin_theme_white-32.css begin */ +.spin_theme_white-32 .spin__icon +{ + width: 1px; + height: 1px; + padding: 31px 31px 0 0; + + background-image: url("/static/web3/libs/islands-components/common.blocks/spin/_theme/spin_theme_white.svg"); +} + +/* Когда нет поддержки SVG */ +.i-ua_inlinesvg_no .spin_theme_white-32 .spin__icon +{ + background-image: url("/static/web3/libs/islands-components/common.blocks/spin/_theme/spin_theme_white-32.png"); +} + +/* Когда нет поддержки transforms2d */ +.spin_theme_white-32.spin_support-transforms_no .spin__icon +{ + background-image: url("/static/web3/libs/islands-components/common.blocks/spin/_theme/spin_theme_white-32.sprite.png"); +} + +/* ../../libs/islands-components/common.blocks/spin/_theme/spin_theme_white-32.css end */ +/* ../../blocks-deskpad/serp/__spin/serp__spin.css begin */ +.serp__spin +{ + position: fixed; + z-index: 9; /*должен быть меньше, чем у header (у header 10)*/ + top: 0; + right: 0; + + display: block; + + width: 0; + height: 0; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + opacity: .1; +} + +.b-page_theme_normal .serp__spin +{ + background: #f6f5f3; +} + +.serp__spin_progress_yes +{ + bottom: 0; + left: 0; + + width: auto; + height: auto; + + -webkit-transition: opacity .3s; + -moz-transition: opacity .3s; + -o-transition: opacity .3s; + transition: opacity .3s; + + opacity: .9; +} + +/* ../../blocks-deskpad/serp/__spin/serp__spin.css end */ +/* ../../blocks-desktop/serp/__spin/serp__spin.css begin */ +.serp__spin_progress_yes +{ + /* ширина левой колонки + половина ширины выдачи - половина ширины спина */ + padding-left: 400px; +} + +/* ../../blocks-desktop/serp/__spin/serp__spin.css end */ +/* ../../libs/common/blocks-common/misspell/misspell.css begin */ +.misspell +{ + display: block; + + vertical-align: baseline; +} + +.misspell__message, +.misspell__button +{ + display: table-cell; + + vertical-align: top; +} + +.misspell__message +{ + padding-top: 4px; +} + +.misspell__error +{ + text-decoration: underline; +} + +.misspell .message:first-child +{ + padding-top: 10px; +} + +.misspell .message +{ + margin-top: 10px; + padding-left: 0; +} + +.misspell .misspell__button-link +{ + line-height: 24px; + + margin-left: 10px; + padding-bottom: 0; +} + + +/* ../../libs/common/blocks-common/misspell/misspell.css end */ +/* ../../libs/common/blocks-desktop/misspell/misspell.css begin */ +.misspell__message_spacing_big { + padding-top: 10px; +} + +/* ../../libs/common/blocks-desktop/misspell/misspell.css end */ +/* ../../libs/common/blocks-common/misspell/__link/misspell__link.css begin */ +.misspell__link +{ + text-decoration: none; +} +/* ../../libs/common/blocks-common/misspell/__link/misspell__link.css end */ +/* ../../libs/common/blocks-common/message/message.css begin */ +.message +{ + line-height: 16px; + + display: table; + + margin-top: 10px; + padding: 0 20px; +} + + +/* ../../libs/common/blocks-common/message/message.css end */ +/* ../../libs/bem-bl/blocks-desktop/b-link/_pseudo/b-link_pseudo_yes.css begin */ +.b-link_pseudo_yes +{ + color: #1a3dc1; +} + +.i-ua_js_yes .b-link_pseudo_yes +{ + text-decoration: none; + + cursor: pointer; +} + +.i-ua_js_yes .b-link_pseudo_yes .b-link__inner +{ + text-decoration: none; + + color: inherit; + border-bottom: 1px dotted; +} + +/* ../../libs/bem-bl/blocks-desktop/b-link/_pseudo/b-link_pseudo_yes.css end */ +/* ../../libs/lego/blocks-desktop/b-link/_pseudo/b-link_pseudo_yes.css begin */ +.b-link_pseudo_yes:hover +{ + color: #f00; +} + +/* ../../libs/lego/blocks-desktop/b-link/_pseudo/b-link_pseudo_yes.css end */ +/* ../../blocks-deskpad/b-link/_pseudo/b-link_pseudo_yes.css begin */ +.b-link_pseudo_yes +{ + color: #22c; +} + +/* ../../blocks-deskpad/b-link/_pseudo/b-link_pseudo_yes.css end */ +/* ../../blocks-deskpad/more/more.css begin */ +.more +{ + position: relative; + + margin: 10px 0 20px; + + text-align: center; +} + +.more__spin +{ + position: absolute; + top: 5px; + right: 0; + left: 0; +} + +/* ../../blocks-deskpad/more/more.css end */ +/* ../../blocks-deskpad/more/__button/more__button.css begin */ +.more__button +{ + display: block; + + width: 100%; + + cursor: pointer; + -webkit-transition: opacity .05s ease-out; + -moz-transition: opacity .05s ease-out; + transition: opacity .05s ease-out; + + background: -webkit-linear-gradient(top, rgba(255,255,255,.6) 0, rgba(255,255,255,0) 100%); + background: -moz-linear-gradient(top, rgba(255,255,255,.6) 0, rgba(255,255,255,0) 100%); + background: linear-gradient(top, rgba(255,255,255,.6) 0, rgba(255,255,255,0) 100%); +} + +.more__button_hidden_yes +{ + opacity: 0; +} + +.more__label +{ + font-size: 16px; + line-height: 22px; + + display: inline-block; + + padding: 10px; +} + +/* ../../blocks-deskpad/more/__button/more__button.css end */ +/* ../../blocks-deskpad/more-hidden/more-hidden.css begin */ +.more-hidden_visibility_hidden +{ + visibility: hidden; +} + +/* ../../blocks-deskpad/more-hidden/more-hidden.css end */ +/* ../../blocks-deskpad/pager/pager.css begin */ +.pager +{ + display: block; + + text-align: center; + vertical-align: baseline; +} + +.pager__content +{ + margin-top: 20px; +} + +.pager__instance_position_top .pager__content +{ + margin-bottom: 8px; +} + +.pager__instance_position_bottom .pager__content +{ + margin-bottom: 16px; +} + +/* ../../blocks-deskpad/pager/pager.css end */ +/* ../../blocks-deskpad/pager/__button/pager__button.css begin */ +.pager__button +{ + min-width: 34px; +} + +.pager .pager__button.button_theme_pseudo, +.pager .pager__button.button_theme_pseudo:before, +.pager .pager__button.button_theme_pseudo:after +{ + border-radius: 0; +} + +.pager .pager__button.button_checked_yes:before, +.pager .pager__button.button_pressed_yes:before, +.pager .pager__button.button_theme_pseudo.button_checked_yes.button_hovered_yes:before +{ + -moz-box-shadow: 0 1px 7px rgba(30,23,0,.8) inset, 0 2px 0 -1px rgba(255,255,255,.2); + box-shadow: 0 1px 7px rgba(30,23,0,.8) inset, 0 2px 0 -1px rgba(255,255,255,.2); +} + +.pager .pager__button.button_theme_pseudo.button_checked_yes:after, +.pager .pager__button.button_theme_pseudo.button_pressed_yes:after +{ + background: #ffeca6; + background: -webkit-linear-gradient(top, #ffeca6 0, #fff6d5 100%); + background: -moz-linear-gradient(top, #ffeca6 0, #fff6d5 100%); + background: -o-linear-gradient(top, #ffeca6 0, #fff6d5 100%); + background: linear-gradient(to bottom, #ffeca6 0, #fff6d5 100%); + + -moz-box-shadow: inset 0 1px 3px -1px rgba(0,0,0,0.45); + box-shadow: inset 0 1px 3px -1px rgba(0,0,0,0.45); +} + +.pager .pager__button.button_checked_yes .button__text, +.pager .pager__button.button_pressed_yes .button__text +{ + top: 1px; +} + +.pager .pager__button.button_checked_yes .button__text +{ + color: #000; +} + +.pager .pager__button.button_theme_pseudo .button__text +{ + font-size: 13px; + line-height: 18px; + + position: relative; + z-index: 3; + + padding: 3px 11px; + + text-align: center; + white-space: nowrap; + + color: #333; +} + +/* отрываем нажатие у кнопок "Ð’ начало" и "+5" */ +/* TODO: после LEGO-10158 убрать все лишнее */ +.pager .pager__button_kind_begin.button_theme_pseudo.button_pressed_yes .button__text, +.pager .pager__button_kind_five.button_theme_pseudo.button_pressed_yes .button__text +{ + top: 0; +} + +.pager .pager__button_kind_begin.button_theme_pseudo.button_pressed_yes:before, +.pager .pager__button_kind_five.button_theme_pseudo.button_pressed_yes:before +{ + -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.35); + box-shadow: inset 0 0 0 1px rgba(0,0,0,.35); +} + +.pager .pager__button_kind_begin.button_theme_pseudo.button_pressed_yes, +.pager .pager__button_kind_five.button_theme_pseudo.button_pressed_yes, +.pager .pager__button_kind_begin.button_theme_pseudo.button_pressed_yes:after, +.pager .pager__button_kind_five.button_theme_pseudo.button_pressed_yes:after +{ + background: none; + -moz-box-shadow: none; + box-shadow: none; +} + +/* ../../blocks-deskpad/pager/__button/pager__button.css end */ +/* ../../libs/islands-components/common.blocks/button/_pseudo-pressed/button_pseudo-pressed_yes.css begin */ +@media all and (min-width:0px) { + + .button_theme_pseudo.button_pseudo-pressed_yes .button__text + { + z-index: 1; + } + + .button_theme_pseudo.button_pseudo-pressed_yes.button:after, + .button_theme_pseudo.button_pseudo-pressed_yes.button:before + { + position: absolute; + + content: ''; + } + + /* :before — рисует границу */ + .button_theme_pseudo.button_pseudo-pressed_yes:before + { + bottom: 0; + right: 0; + left: 0; + top: 0; + + border-radius: 3px; + + -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); + box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); + } + + /* :after — фон для нажатого состояния */ + .button_theme_pseudo.button_pseudo-pressed_yes:after + { + bottom: 1px; + right: 1px; + left: 1px; + top: 1px; + + border-radius: 2px; + } + + /* Наведенное состояние */ + .button_theme_pseudo.button_hovered_yes.button_pseudo-pressed_yes:not(.button_pressed_yes):before + { + -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.35); + box-shadow: inset 0 0 0 1px rgba(0,0,0,.35); + } + + /* Нажатое состояние */ + .button_theme_pseudo.button_pseudo-pressed_yes.button_pressed_yes .button__text + { + top: 1px; + } + + .button_theme_pseudo.button_pseudo-pressed_yes.button_pressed_yes:after + { + background: #ffeca6; + background: -webkit-linear-gradient(top, #ffeca6 0,#fff6d5 100%); + background: -moz-linear-gradient(top, #ffeca6 0, #fff6d5 100%); + background: -o-linear-gradient(top, #ffeca6 0,#fff6d5 100%); + background: linear-gradient(to bottom, #ffeca6 0,#fff6d5 100%); + + -moz-box-shadow: inset 0 1px 3px -1px rgba(0,0,0,0.45); + box-shadow: inset 0 1px 3px -1px rgba(0,0,0,0.45); + } + +} +/* ../../libs/islands-components/common.blocks/button/_pseudo-pressed/button_pseudo-pressed_yes.css end */ +/* ../../blocks-deskpad/button/_pseudo-pressed/button_pseudo-pressed_yes.css begin */ +/* TODO: выпилить после http://st.yandex-team.ru/ISL-40 */ +.button_theme_pseudo.button_pseudo-pressed_yes +{ + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +/* ../../blocks-deskpad/button/_pseudo-pressed/button_pseudo-pressed_yes.css end */ +/* ../../blocks-deskpad/pager/__group/pager__group.css begin */ +.pager__group +{ + margin: 0 5px; +} + +.pager__group .button +{ + margin-right: -1px; +} + +.pager__group .pager__button.button_theme_pseudo:first-child, +.pager__group .pager__button.button_theme_pseudo:first-child:before +{ + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.pager__group .pager__button.button_theme_pseudo:last-child, +.pager__group .pager__button.button_theme_pseudo:last-child:before +{ + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +/* ../../blocks-deskpad/pager/__group/pager__group.css end */ +/* ../../libs/islands-search/common.blocks/navigation/navigation.css begin */ +.navigation +{ + width: 118px; + padding: 12px 0 20px; +} + +.navigation__item +{ + position: relative; + + height: 72px; + + opacity: 1; + + -webkit-transition-property: opacity, top, height; + -webkit-transition-duration: 0.1s, 0.15s, 0.1s; + -webkit-transition-timing-function: ease-in, ease-in, ease-in; + + -moz-transition-property: opacity, top, height; + -moz-transition-duration: 0.1s, 0.15s, 0.1s; + -moz-transition-timing-function: ease-in, ease-in; + + transition-property: opacity, top, height; + transition-duration: 0.1s, 0.15s, 0.1s; + transition-timing-function: ease-in, ease-in; +} + +.navigation__item .service +{ + display: inline-block; + + width: 100%; + height: 72px; + margin: 0; + + text-align: center; +} + +.navigation__item .service__icon +{ + vertical-align: top; +} + +.navigation__item_state_selected .service +{ + height: 56px; + padding: 8px 0; +} + +.navigation__item_state_selected .service__icon +{ + opacity: .8; +} + +.navigation__item .service_hoverable_yes +{ + color: #888; + + border-radius: 3px; +} + +.navigation__item_stacked_yes +{ + top: 100px; + + /* Если не скрыть элемент, то на него можно будет поставить + * фокус Tab’ом. display:none здесь сломает анимацию. */ + visibility: hidden; + + overflow: hidden; + + height: 0; + + opacity: 0; +} + +.navigation__item .service__url +{ + display: inline-block; + + width: 100%; + padding: 8px 0; + + color: #888; +} + +.navigation__item .service__name +{ + font-size: 13px; +} + +.navigation__item_state_selected .service__url +{ + color: #333; +} + +.navigation__more +{ + display: block; + + height: 56px; + width: 118px; +} + +.navigation .navigation__more-label +{ + font-size: 22px; + line-height: 42px; + + height: 40px; + padding: 8px 0; +} + +@-webkit-keyframes show +{ + 0% { margin-left: 50px; } + 100% { margin-left: 0; } +} + +@-moz-keyframes show +{ + 0% { margin-left: 50px; } + 100% { margin-left: 0; } +} + +@keyframes show +{ + 0% { margin-left: 50px; } + 100% { margin-left: 0; } +} + +/* ../../libs/islands-search/common.blocks/navigation/navigation.css end */ +/* ../../libs/islands-search/desktop.blocks/navigation/navigation.css begin */ +.navigation__item .service_hoverable_yes:hover +{ + background: rgba(0, 0, 0, .05); +} + +/* ../../libs/islands-search/desktop.blocks/navigation/navigation.css end */ +/* ../../blocks-deskpad/navigation/navigation.css begin */ +.navigation_more-type_popup .navigation__more +{ + bottom: 42px; +} + +/* + * Приходится перебивать стили для link, текст в правой колонке не должен + * подсвечиватсься красным + */ +.navigation__item .service_hoverable_yes .link:hover +{ + color: #888 !important; +} + +/* ../../blocks-deskpad/navigation/navigation.css end */ +/* ../../blocks-desktop/navigation/navigation.css begin */ +.navigation__item .service__url:focus +{ + outline: none; +} + +/* ../../blocks-desktop/navigation/navigation.css end */ +/* ../../libs/islands-search/common.blocks/navigation/_more-type/navigation_more-type_popup.css begin */ +.navigation_more-type_popup .navigation__more +{ + position: fixed; + bottom: 20px; + + visibility: hidden; +} + +.navigation_more-type_popup .navigation__more_visibility_yes +{ + visibility: visible; +} + +.navigation__more-stack +{ + padding: 0; + + white-space: nowrap; +} + +.navigation__more-stack .service +{ + width: auto; + min-width: 80px; + margin: 0; +} + +.navigation__more-stack .service__url +{ + width: auto; + min-width: 60px; + padding: 8px 10px; +} + +.navigation__more-stack .navigation__item +{ + display: none; + + border-radius: 0; +} + +.navigation__more-stack .navigation__item_visibility_yes +{ + display: inline-block; +} + +.navigation_more-type_popup .navigation__popup +{ + position: fixed; +} + +.navigation_more-type_popup .navigation__popup.popup__visibility_visible +{ + -webkit-animation: show 0.2s; + -moz-animation: show 0.2s; + animation: show 0.2s; +} + +/* ../../libs/islands-search/common.blocks/navigation/_more-type/navigation_more-type_popup.css end */ +/* ../../libs/islands-search/common.blocks/navigation/_more-type/navigation_more-type_tablo.css begin */ +.navigation_more-type_tablo .navigation__more .service__icon +{ + width: 40px; + height: 40px; + + background: no-repeat scroll center center transparent; +} + +.i-ua_svg_no .navigation_more-type_tablo .navigation__more .service__icon +{ + background-image: url("/static/web3/libs/islands-search/common.blocks/navigation/_more-type/navigation__more.png"); +} + +/* ../../libs/islands-search/common.blocks/navigation/_more-type/navigation_more-type_tablo.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__afisha/_self/service-icon__afisha_self_40.css begin */ +.service-icon__afisha_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__afisha/_self/service-icon__afisha_self.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__afisha/_self/service-icon__afisha_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__afisha/_self/service-icon__afisha_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__afisha_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__afisha/_self/service-icon__afisha_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__afisha/_self/service-icon__afisha_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__appsearch/_self/service-icon__appsearch_self_40.css begin */ +.service-icon__appsearch_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__appsearch/_self/service-icon__appsearch_self.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__appsearch/_self/service-icon__appsearch_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__appsearch/_self/service-icon__appsearch_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__appsearch_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__appsearch/_self/service-icon__appsearch_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__appsearch/_self/service-icon__appsearch_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__auto/_self/service-icon__auto_self_40.css begin */ +.service-icon__auto_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__auto/_self/service-icon__auto_self.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__auto/_self/service-icon__auto_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__auto/_self/service-icon__auto_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__auto_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__auto/_self/service-icon__auto_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__auto/_self/service-icon__auto_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__avia/_self/service-icon__avia_self_40.css begin */ +.service-icon__avia_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__avia/_self/service-icon__avia_self.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__avia/_self/service-icon__avia_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__avia/_self/service-icon__avia_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__avia_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__avia/_self/service-icon__avia_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__avia/_self/service-icon__avia_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__blogs/_self/service-icon__blogs_self_40.css begin */ +.service-icon__blogs_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__blogs/_self/service-icon__blogs_self.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__blogs/_self/service-icon__blogs_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__blogs/_self/service-icon__blogs_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__blogs_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__blogs/_self/service-icon__blogs_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__blogs/_self/service-icon__blogs_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__fresh/_self/service-icon__fresh_self_40.css begin */ +.service-icon__fresh_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__fresh/_self/service-icon__fresh_self.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__fresh/_self/service-icon__fresh_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__fresh/_self/service-icon__fresh_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__fresh_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__fresh/_self/service-icon__fresh_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__fresh/_self/service-icon__fresh_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__images/_self/service-icon__images_self_40.css begin */ +.service-icon__images_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__images/_self/service-icon__images_self.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__images/_self/service-icon__images_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__images/_self/service-icon__images_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__images_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__images/_self/service-icon__images_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__images/_self/service-icon__images_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__mail/_self/service-icon__mail_self_40.css begin */ +.service-icon__mail_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__mail/_self/service-icon__mail_self_40.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__mail/_self/service-icon__mail_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__mail/_self/service-icon__mail_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__mail_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__mail/_self/service-icon__mail_self_40.png"); +} + +/* ../../libs/islands-services/desktop.blocks/service-icon/__mail/_self/service-icon__mail_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__maps/_self/service-icon__maps_self_40.css begin */ +.service-icon__maps_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__maps/_self/service-icon__maps_self_40.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__maps/_self/service-icon__maps_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__maps/_self/service-icon__maps_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__maps_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__maps/_self/service-icon__maps_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__maps/_self/service-icon__maps_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__market/_self/service-icon__market_self_40.css begin */ +.service-icon__market_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__market/_self/service-icon__market_self.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__market/_self/service-icon__market_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__market/_self/service-icon__market_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__market_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__market/_self/service-icon__market_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__market/_self/service-icon__market_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__music/_self/service-icon__music_self_40.css begin */ +.service-icon__music_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__music/_self/service-icon__music_self.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__music/_self/service-icon__music_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__music/_self/service-icon__music_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__music_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__music/_self/service-icon__music_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__music/_self/service-icon__music_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__news/_self/service-icon__news_self_40.css begin */ +.service-icon__news_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__news/_self/service-icon__news_self.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__news/_self/service-icon__news_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__news/_self/service-icon__news_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__news_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__news/_self/service-icon__news_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__news/_self/service-icon__news_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__peoplesearch/_self/service-icon__peoplesearch_self_40.css begin */ +.service-icon__peoplesearch_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__peoplesearch/_self/service-icon__peoplesearch_self.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__peoplesearch/_self/service-icon__peoplesearch_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__peoplesearch/_self/service-icon__peoplesearch_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__peoplesearch_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__peoplesearch/_self/service-icon__peoplesearch_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__peoplesearch/_self/service-icon__peoplesearch_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__rabota/_self/service-icon__rabota_self_40.css begin */ +.service-icon__rabota_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__rabota/_self/service-icon__rabota_self.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__rabota/_self/service-icon__rabota_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__rabota/_self/service-icon__rabota_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__rabota_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__rabota/_self/service-icon__rabota_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__rabota/_self/service-icon__rabota_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__rasp/_self/service-icon__rasp_self_40.css begin */ +.service-icon__rasp_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__rasp/_self/service-icon__rasp_self.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__rasp/_self/service-icon__rasp_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__rasp/_self/service-icon__rasp_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__rasp_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__rasp/_self/service-icon__rasp_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__rasp/_self/service-icon__rasp_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__realty/_self/service-icon__realty_self_40.css begin */ +.service-icon__realty_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__realty/_self/service-icon__realty_self.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__realty/_self/service-icon__realty_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__realty/_self/service-icon__realty_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__realty_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__realty/_self/service-icon__realty_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__realty/_self/service-icon__realty_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__review/_self/service-icon__review_self_40.css begin */ +.service-icon__review_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__review/_self/service-icon__review_self.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__review/_self/service-icon__review_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__review/_self/service-icon__review_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__review_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__review/_self/service-icon__review_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__review/_self/service-icon__review_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__slovari/_self/service-icon__slovari_self_40.css begin */ +.service-icon__slovari_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__slovari/_self/service-icon__slovari_self.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__slovari/_self/service-icon__slovari_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__slovari/_self/service-icon__slovari_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__slovari_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__slovari/_self/service-icon__slovari_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__slovari/_self/service-icon__slovari_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__translate/_self/service-icon__translate_self_40.css begin */ +.service-icon__translate_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__translate/_self/service-icon__translate_self.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__translate/_self/service-icon__translate_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__translate/_self/service-icon__translate_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__translate_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__translate/_self/service-icon__translate_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__translate/_self/service-icon__translate_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__tv/_self/service-icon__tv_self_40.css begin */ +.service-icon__tv_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__tv/_self/service-icon__tv_self.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__tv/_self/service-icon__tv_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__tv/_self/service-icon__tv_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__tv_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__tv/_self/service-icon__tv_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__tv/_self/service-icon__tv_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__video/_self/service-icon__video_self_40.css begin */ +.service-icon__video_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__video/_self/service-icon__video_self.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__video/_self/service-icon__video_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__video/_self/service-icon__video_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__video_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__video/_self/service-icon__video_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__video/_self/service-icon__video_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__weather/_self/service-icon__weather_self_40.css begin */ +.service-icon__weather_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__weather/_self/service-icon__weather_self.svg"); +} + +/* ../../libs/islands-services/common.blocks/service-icon/__weather/_self/service-icon__weather_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__weather/_self/service-icon__weather_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__weather_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__weather/_self/service-icon__weather_self_40.png"); +} +/* ../../libs/islands-services/desktop.blocks/service-icon/__weather/_self/service-icon__weather_self_40.css end */ +/* ../../libs/islands-services/common.blocks/service-icon/__www/_self/service-icon__www_self_40.css begin */ +.service-icon__www_self_40 +{ + width: 40px; + height: 40px; + + background: url("/static/web3/libs/islands-services/common.blocks/service-icon/__www/_self/service-icon__www_self.svg") no-repeat 50%; +} + +/* ../../libs/islands-services/common.blocks/service-icon/__www/_self/service-icon__www_self_40.css end */ +/* ../../libs/islands-services/desktop.blocks/service-icon/__www/_self/service-icon__www_self_40.css begin */ +.i-ua_inlinesvg_no .service-icon__www_self_40 +{ + background: url("/static/web3/libs/islands-services/desktop.blocks/service-icon/__www/_self/service-icon__www_self_40.png"); +} + +/* ../../libs/islands-services/desktop.blocks/service-icon/__www/_self/service-icon__www_self_40.css end */ +/* ../../blocks-deskpad/region/region.css begin */ +.region +{ + line-height: 18px; + + margin-bottom: 5px; + + text-align: center; +} + +.region__switcher +{ + margin: 0 3px; +} + +.region .button_focused_yes, +.region .button_focused_yes.button_hovered_yes +{ + -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); + box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); +} + +.region .b-link:hover, +.region .b-link:visited:hover +{ + color: #333 !important; +} + +.region__separator +{ + margin: 4px; + + border-bottom: 1px solid #ccc; +} + +.region__menu .popup__content +{ + padding: 0; +} + +.region_visibility_hidden +{ + display: none; +} + +.region .region__button +{ + margin: 0 5px; +} + +/* ../../blocks-deskpad/region/region.css end */ +/* ../../blocks-desktop/region/region.css begin */ +.region .button__text +{ + font-size: 13px; +} + +/* ../../blocks-desktop/region/region.css end */ +/* ../../blocks-deskpad/region/__item/region__item.css begin */ +.region__item +{ + line-height: 24px; + + cursor: pointer; +} + +.region__item:hover +{ + background: #ffeca1; +} + +.region__item .b-link, +.region__item .b-link:hover +{ + color: #333 !important; +} + +.region__item .b-link +{ + line-height: 24px; + + display: block; + + padding: 0 12px; +} + +/* ../../blocks-deskpad/region/__item/region__item.css end */ +/* ../../libs/islands-search/common.blocks/intents/intents.css begin */ +.intents +{ + font-size: 13px; +} + +.intents__container +{ + margin: 20px 12px; +} + +.intents__title +{ + font-size: 16px; + + margin-bottom: 5px; + + line-height: 22px; +} + +.intents__level +{ + white-space: nowrap; +} + +.intents_empty_yes .intents__container +{ + margin: 0; +} + +/* ../../libs/islands-search/common.blocks/intents/intents.css end */ +/* ../../libs/islands-search/desktop.blocks/intents/intents.css begin */ +.intents__level +{ + overflow: hidden; +} + +.i-ua_js_no .intents__level +{ + height: 24px; + + white-space: normal; +} + +/* ../../libs/islands-search/desktop.blocks/intents/intents.css end */ +/* ../../blocks-deskpad/intents/intents.css begin */ +.intents__container +{ + margin-left: 0; + margin-right: 0; + margin-bottom: 0; +} + +/* Переопределяем inline-block из .layout__col, чтобы не переносились */ +.intents__instance_position_top +{ + display: block; +} + +.intents__instance_visibility_hidden +{ + display: none; +} + +.intents__instance_fadeout_yes +{ + visibility: hidden; +} + +/* ../../blocks-deskpad/intents/intents.css end */ +/* ../../blocks-desktop/intents/intents.css begin */ +.intents__instance_position_bottom .intents__container +{ + margin-top: 10px; +} + +.intents_empty_yes +{ + display: none; +} + +/* ../../blocks-desktop/intents/intents.css end */ +/* ../../libs/islands-search/common.blocks/intents/__button/intents__button.css begin */ +.intents__button +{ + position: relative; + + display: inline-block; + + margin: 0 12px 0 0; + padding: 0; + + text-decoration: none; + + border: 0; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + + /* button border gradient */ + background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(81, 81, 170, .4)), to(rgba(81, 81, 170, .5))); + background: -webkit-linear-gradient(top, rgba(81, 81, 170, .4), rgba(81, 81, 170, .5)); + background: -moz-linear-gradient(top, rgba(81, 81, 170, .4), rgba(81, 81, 170, .5)); + background: -o-linear-gradient(top, rgba(81, 81, 170, .4), rgba(81, 81, 170, .5)); + background: linear-gradient(to bottom, rgba(81, 81, 170, .4), rgba(81, 81, 170, .5)); + + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +.intents__button:before +{ + position: absolute; + top: 1px; + left: 1px; + right: 1px; + bottom: 1px; + + content: ''; + + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + + /* button background gradient */ + background: -webkit-gradient(linear, 0 0, 0 100%, from(#eef), to(#e3e3fa)); + background: -webkit-linear-gradient(top, #eef, #e3e3fa); + background: -moz-linear-gradient(top, #eef, #e3e3fa); + background: -o-linear-gradient(top, #eef, #e3e3fa); + background: linear-gradient(to bottom, #eef, #e3e3fa); +} + +.intents__button_visibility_hidden +{ + display: none; +} + +.intents__button-text +{ + position: relative; + + padding: 0 11px; + + white-space: nowrap; + + color: #333; +} + +.intents__button_pressed_yes +{ + background: rgba(255, 236, 166, .4); + + -webkit-box-shadow: 0 1px 7px rgba(30, 23, 0, .8) inset, 0 2px 0 -1px rgba(255, 255, 255, .2); + -moz-box-shadow: 0 1px 7px rgba(30, 23, 0, .8) inset, 0 2px 0 -1px rgba(255, 255, 255, .2); + box-shadow: 0 1px 7px rgba(30, 23, 0, .8) inset, 0 2px 0 -1px rgba(255, 255, 255, .2); +} + +.intents__button_pressed_yes:before +{ + background-color: #fff0b9; + background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffeca6), to(#fff6d5)); + background: -webkit-linear-gradient(top, #ffeca6, #fff6d5); + background: -moz-linear-gradient(top, #ffeca6, #fff6d5); + background: -o-linear-gradient(top, #ffeca6, #fff6d5); + background: linear-gradient(to bottom, #ffeca6, #fff6d5); + + -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .45) inset; + -moz-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .45) inset; + box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .45) inset; +} + +.intents__button_pressed_yes .intents__button-text +{ + top: 1px; +} + +.intents__button_pressed_yes .intents__button-icon +{ + top: 1px; +} + +.intents__button-text_icon_yes +{ + position: relative; + + padding-left: 30px; +} + +.intents__button-icon +{ + position: absolute; + left: 6px; + top: 0; + + display: inline-block; + + width: 24px; + height: 24px; + + background-repeat: no-repeat; + background-position: center center; +} + +.intents__button-content +{ + display: inline-block; +} + + +/* ../../libs/islands-search/common.blocks/intents/__button/intents__button.css end */ +/* ../../libs/islands-search/desktop.blocks/intents/__button/intents__button.css begin */ +.intents__button +{ + cursor: pointer; +} + +.intents__button:link, +.intents__button:visited +{ + outline: none +} + +.intents__button-content +{ + line-height: 23px; + + height: 24px; +} +/* ../../libs/islands-search/desktop.blocks/intents/__button/intents__button.css end */ +/* ../../libs/islands-search/common.blocks/intents/__separator/intents__separator.css begin */ +.intents__separator +{ + position: relative; + + height: 8px; + margin-top: 3px; + margin-bottom: 10px; +} + +.intents__separator-arrow +{ + position: absolute; + bottom: 0; + left: 0; + + display: none; + + width: 16px; + height: 8px; + + background: center center no-repeat ; + + opacity: .3; +} + +.intents__separator-left +{ + position: absolute; + bottom: 0; + left: 0; + + height: 1px; + width: 50%; + + background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .3))); + background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)); + background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)); + background: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)); + background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)); +} + +.intents__separator-right +{ + position: absolute; + bottom: 0; + right: 0; + left: 50%; + + height: 1px; + + background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(left, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)); + background: -moz-linear-gradient(left, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)); + background: -o-linear-gradient(left, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)); + background: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)); +} + +/* ../../libs/islands-search/common.blocks/intents/__separator/intents__separator.css end */ +/* ../../libs/islands-search/common.blocks/intents/__more/intents__more.css begin */ +.intents__more +{ + display: none; + + width: 24px; + height: 24px; + + cursor: pointer; + line-height: 24px; + vertical-align: bottom; + + opacity: .4; + + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; + + -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); + -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); + + background: center center no-repeat ; +} + +.intents__more_visibility_hidden +{ + display: none; +} + +.intents__more_visibility_visible +{ + display: inline-block; +} + +/* ../../libs/islands-search/common.blocks/intents/__more/intents__more.css end */ +/* ../../libs/islands-search/desktop.blocks/intents/_collapse/intents_collapse_yes.css begin */ +.intents__more-stack +{ + padding: 10px 0 0 10px; +} + +.intents__more-stack .intents__button +{ + margin-bottom: 10px; +} + +.intents__popup +{ + max-width: 80%; /* чтобы попап не уходил за пределы окна */ + z-index: 5; /* чтобы попап заезжал при скролле под шапку c z-index 10 */ +} + +/* + Ограничиваем контейнер с интентами по высоте, чтобы невлезшие интенты прятались, + а потом уже сработает логика показа невлезших интентов в попапе. + */ +.intents_collapse_yes .intents__level +{ + height: 24px; /* высота интента */ + + white-space: normal; +} + + +/* ../../libs/islands-search/desktop.blocks/intents/_collapse/intents_collapse_yes.css end */ +/* ../../blocks-deskpad/competitors/competitors.css begin */ +.competitors +{ + margin: 10px 0 20px; + + text-align: center; +} + +.competitors_pos_bottom +{ + position: absolute; + bottom: 28px; + + width: 556px; + + text-align: left; +} + +@media all and (max-height:180px) +{ + .competitors_pos_bottom + { + display: none; + } +} + +.competitors_visibility_hidden +{ + display: none; +} + +/* ../../blocks-deskpad/competitors/competitors.css end */ +/* ../../blocks-deskpad/region-change/region-change.css begin */ +.region-change__content +{ + margin: 20px 0 10px; +} + +.region-change__icon +{ + display: inline-block; + + width: 16px; + height: 16px; + margin-right: 4px; + + background: url("/static/web3/blocks-deskpad/region-change/region-change__icon.svg"); +} + +.i-ua_svg_no .region-change__icon +{ + background: url("/static/web3/blocks-deskpad/region-change/region-change__icon.png"); +} + +.region-change__text +{ + display: inline-block; + + padding-top: 1px; + + vertical-align: top; +} + +.region-change__instance_position_top +{ + width: 560px; + padding-left: 11px; + margin-bottom: 0; +} + +.region-change__instance_position_top .region-change__content +{ + margin-bottom: 0; +} + +.region-change__instance_position_bottom +{ + text-align: center; +} + +.misspell:not(:empty) + .region-change__instance_position_top:not(:empty) .region-change__content +{ + margin-top: 10px; +} + +/* ../../blocks-deskpad/region-change/region-change.css end */ +/* ../../blocks-desktop/b-counters/b-counters.css begin */ +.b-statcounter +{ + overflow: hidden; +} + +/* ../../blocks-desktop/b-counters/b-counters.css end */ diff --git a/css/raw/apple.css b/css/raw/apple.css new file mode 100644 index 0000000..4d9e4a5 --- /dev/null +++ b/css/raw/apple.css @@ -0,0 +1,470 @@ +/* RESET */ +html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; } +h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; } +fieldset,iframe { border: none; } +caption,th { text-align: left; } +table { border-collapse: collapse; border-spacing: 0; } +article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; } + +/* LAYOUT */ +html { background-color:#fff; } + +.clear { clear: both; } +.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; } +.selfclear { zoom:1; } +.selfclear:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; } + +img, .search-wrapper .left, .search-wrapper .right, ul.sp-results li.viewall a, ul.sp-results li .replacementimg, +#globalfooter #breadcrumbs, #globalfooter #breadcrumbs span, #directorynav .capbottom, +#productheader h1 a, #productheader h2 a, #main .maincap { behavior: url(/global/scripts/lib/iepngfix.htc); } + +img { border: 0; } +img.left { float: left; margin: 2px 20px 16px 0; } +img.right { float: right; margin: 2px 0 16px 20px; } +img.across { margin: 2px 0 16px 0; } +img.flushleft { margin-left: -20px; } +img.flushright { margin-right: -20px; } + +.replaced { display: block; width: 1px; height: 1px; outline: none; overflow: hidden; text-indent: -9999px; } +#omniture, #top { position: absolute; top: 0; } +#container { width: 980px; margin: 0 auto; position: relative; } +#main { width: 100%; position: relative; } +#content { padding: 18px 20px; position: relative; color: #333; } +#breadcrumb { clear: both; text-align: center; margin: 18px auto; clear: both; font-size: 10px; color: #686868; } + +.content { background: #fff; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; } +.content:nth-child(1n) { border: none; } /* reset border for smart browsers */ + +.content, +.rounded { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; } + +.shadow { -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; box-shadow: rgba(0,0,0,0.35) 0 1px 3px; } +img.shadow { padding: 5px; background: #fff; margin-bottom: 2px; *border: 1px solid #e2e2e2; _position: relative; } + + +.callout { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -khtml-border-radius: 7px; } + +.roundedtop { border-radius: 4px 4px 0 0; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; } +.roundedbottom { border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; } +.roundedright { border-radius: 0 4px 4px 0; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; } +.roundedleft { border-radius: 4px 0 0 4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; } +.roundedtopleft { border-radius:4px 0 0; -webkit-border-top-left-radius:4px; -moz-border-radius:4px 0 0; -o-border-radius:4px 0 0; -khtml-border-radius:4px 0 0; } +.roundedtopright { border-radius: 0 4px 0 0; -webkit-border-top-right-radius:4px; -moz-border-radius:0 4px 0 0; -o-border-radius:0 4px 0 0; -khtml-border-radius: 0 4px 0 0; } +.roundedbottomleft { border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 0 0 0 4px; -o-border-radius: 0 0 0 4px; -khtml-border-radius: 0 0 0 4px; } +.roundedbottomright { border-radius: 0 0 4px 0; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 0; -o-border-radius: 0 0 4px 0; -khtml-border-radius: 0 0 4px 0; } + +.grabbable { cursor:move; cursor:-webkit-grab; cursor:-moz-grab; cursor:grab; } +.grabbing, +.grabbing .grabbable { cursor:move; cursor:-webkit-grabbing; cursor:-moz-grabbing; cursor:grabbing; } + +/* GRID */ +.column { float: left; } +.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; } + +.grid2col .column { width: 49%; } +.grid2col .grid2col .column { width: 47.8%; } +.grid3col .grid2col .column { width: 46%; } +.grid4col .grid2col .column { width: 45%; } + +.grid2cola .column.first { width: 66%; } +.grid2cola .column.last { width: 32%; } + +.grid2colb .column.first { width: 74.9%; } +.grid2colb .column.last { width: 23%; } + +.grid2colc .column.first { width: 32%; } +.grid2colc .column.last { width: 66%; } + +.grid2cold .column.first { width: 23%; } +.grid2cold .column.last { width: 74.9%; } + +.grid2cole .column.first { width: 79%; } +.grid2cole .column.last { width: 19%; } + +.grid2colf .column.first { width: 19%; } +.grid2colf .column.last { width: 79%; } + +.grid3col .column { width: 32%; margin-left: 2%; } +.grid2col .grid3col .column { width: 31%; } + +.grid3cola .column { width: 58%; margin-left: 2%; } +.grid3cola .column.first, +.grid3cola .column.last { width: 19%; } + +.grid4col .column { width: 23%; margin-left: 3%; } + +.grid5col .column { width: 18.4%; margin-left: 2%; } + +.grid6col .column { width: 15%; margin-left: 2%; } + +.column.first, .column.last { margin-left: 0 !important; } +.column.last { float: right !important; } + +p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; } + +#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } +#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; } + +/* TYPE */ +body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased; } + +a { color: #08c; } +a:link, a:visited, a:active { text-decoration: none; } +a:hover { text-decoration: underline; } +a.block { display: block; cursor: pointer; } +a.block span, +a.block em { color:#08c; cursor: pointer; } +a.block:hover { text-decoration: none; } +a.block:hover span, +a.block:hover em { color: #08c; text-decoration: underline; } +a.more, em.more, span.more { white-space: nowrap; padding-right: 10px; background: url(http://images.apple.com/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; cursor: pointer; zoom: 1; } +a.morelarge, em.morelarge, span.morelarge { white-space:nowrap; padding-right:12px; background:url(http://images.apple.com/global/elements/arrows/morearrow_big_08c.gif) no-repeat 100% 50%; cursor:pointer; zoom:1; } +a.lesslarge, em.lesslarge, span.lesslarge { white-space:nowrap; padding-left:12px; background:url(http://images.apple.com/global/elements/arrows/lessarrow_big_08c.gif) no-repeat 0 50%; cursor:pointer; zoom:1; } +@media only screen { + a.more, em.more, span.more { background-image:url(./../elements/arrows/morearrow_08c.svg); } + a.morelarge, em.morelarge, span.morelarge { background-image:url(./../elements/arrows/morearrow_big_08c.svg); } + a.lesslarge, em.lesslarge, span.lesslarge { background-image:url(./../elements/arrows/lessarrow_big_08c.svg); } +} +a.external, em.external, span.external { white-space: nowrap; padding-right: 15px; background: url(http://images.apple.com/global/elements/icons/external10x10.gif) no-repeat 100% 49%; cursor: pointer; zoom: 1; } +a[rel="external"] { white-space: nowrap; padding-right: 15px; background: url(http://images.apple.com/global/elements/icons/external10x10.gif) no-repeat 100% 49%; cursor: pointer; zoom: 1; } +em.more, span.more, em.external, span.external { color:#08c; font-style: normal; cursor: pointer; } +.nowrap { white-space:nowrap; } +strong, b { font-weight: bold; } +em, i, cite { font-style: italic; } +sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; line-height:1.5; vertical-align: baseline; position: relative; bottom: 0.33em; _position: static !important; } +sup, sup a { color:#666; } +sup a:hover { color:#08c; text-decoration:none; } +sub { line-height:1; } +abbr { border: 0; } +.sosumi { font-size: 10px !important; line-height:1.5; color:#888; } +.sosumi_features { font-size: 10px !important; line-height:1.5; color:#888; } + +h1,h2,h3,h4,h5,h6,strong { color:#000; } +h1,h2,h3,h4 { font-weight: bold; } +h2,h3,h4 { line-height: 18px; } +h1,h2 { margin-bottom: 18px; } +h1 { font-size: 24px; line-height: 36px; } +h2 { font-size: 16px; } +h3 { font-size: 1em; } +h4 { font-size: 10px; } +p { margin-bottom: 18px; } +p.intro { color: #888; font-size: 16px; line-height: 22px; font-weight: normal; } +.more { text-align: right; } + +ul { list-style: none outside; } +ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; } +ul.square, +ul.circle, +ul.disc { margin-left: 2em; margin-bottom: 18px; } +ul.square { list-style: square outside; } +ul.circle { list-style: circle outside; } +ul.disc { list-style:disc outside; } +ul ul.square, +ul ul.circle, +ul ul.disc { margin-top: 4px; margin-bottom: 5px; } +ol.sosumi { margin-left: 0; padding-left: 2em; *padding-left: 2.2em; } + +a.pdf { background: url(http://images.apple.com/global/elements/icons/globaliconpdf12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } +a.html { background: url(http://images.apple.com/global/elements/icons/globaliconhtml12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } +a.qt { background: url(http://images.apple.com/global/elements/icons/globaliconqt12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } +a.ical { background: url(http://images.apple.com/global/elements/icons/globaliconical12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } +a.dl { background: url(http://images.apple.com/global/elements/icons/globalicondl11x10.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } +a.dmg { background: url(http://images.apple.com/global/elements/icons/globalicondmg12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } +a.zip { background: url(http://images.apple.com/global/elements/icons/globaliconzip12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } +a.keynote { background: url(http://images.apple.com/global/elements/icons/globaliconkeynote12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } +a.audio { background: url(http://images.apple.com/global/elements/icons/globaliconaudio12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } + +.dot-nav { width:100%; margin:0; padding:0; text-align:center; line-height:1px; } +.dot-nav li, +.dot-nav li a { display:-moz-inline-stack; display:inline-block; *display:inline; *zoom:1; } +.dot-nav li { position:relative; z-index:1; margin:0; width:13px; height:15px; overflow:hidden; } +.dot-nav li a { position:absolute; z-index:1; width:13px; height:45px; top:0; left:0; cursor:pointer; text-indent:-1000em; background:url(http://images.apple.com/global/elements/buttons/dots_08c.png) no-repeat 0 0; behavior:url(/global/scripts/lib/ie7pngfix.htc); } +.dot-nav li a:hover { top:-15px; } +.dot-nav li a.active { cursor:default; top:-30px; } + +.dot-nav:nth-child(1n) li { width:10px; height:10px; padding:0; margin:0 2px; } +.dot-nav:nth-child(1n) li a { border-radius:5px; width:10px; height:10px; background:#e0e1e3; + -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25); + -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25); + box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25); +} +.dot-nav:nth-child(1n) li a:hover { top:0; background:#ccc;} +.dot-nav:nth-child(1n) li a.active { top:0; background:#08c; + background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,rgb(126,198,234)),color-stop(24%,rgb(70,179,234)),color-stop(100%,rgb(3,135,201))); + background:-webkit-linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%); + background: -moz-linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%); + background: linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%); + -webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25); + -moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25); + box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25); +} + +.last { margin-bottom: 0; } +#main .sidebar { font-size: 10px; line-height: 18px; color:#333; } +#main .callout { font-size: 11px; line-height: 18px; margin-bottom: 18px; } + +body.specs #main { font-size: 11px; line-height: 16px; } + +/* PIPED LINKS */ +.piped { display: block; zoom: 1; } +.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } +.piped li { float: left; display: inline; } +.piped a { border-left: 1px solid #797c80; padding: 0 0 0 0.75em; margin-left: 0.75em; } +.piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; } + +/*--- Global Footer (legacy) ---*/ +#globalfooter .gf-buy { float: left; width: 60%; margin: 18px 0 9px; } +#globalfooter .gf-links { float: right; margin: 18px 0 9px; } +#globalfooter .gf-links a { padding: 0 10px; white-space: nowrap; } +#globalfooter .gf-links a.last { padding-right: 0; _float: none !important; width: auto !important; } + +/*--- Global Footer ---*/ +#globalfooter { width: 980px; color: #888; font-size: 10px; margin: 18px auto 0; padding-bottom: 36px; text-align: left !important; } +#globalfooter a { color: #08c; } +#globalfooter p { margin-bottom: 1em; } +#globalfooter p.gf-buy { float: left; width: 52%; margin: 18px 0 9px 3px; } +#globalfooter ul.piped a { padding: 0 0 0 1.5em; margin-left: 1.5em; border-left: 1px solid #d0d0d0; } +#globalfooter .gf-links { float: right; margin: 18px 3px 9px 0; } +#globalfooter .gf-sosumi { clear: both; width: 100%; border-top: 1px solid #ddd; padding-top: 9px; } +#globalfooter .gf-sosumi a { padding: 0 10px; } +#globalfooter .gf-sosumi p { float: left; margin-left: 3px; } +#globalfooter form { margin: 18px 10px; } +#globalfooter .search-wrapper { margin: 0 auto; } +#globalfooter .search-wrapper input.prettysearch { margin-left: 10px; } +#globalfooter ul.piped a.contact_us { padding-right: 1.5em; border-right: 1px solid #d0d0d0; } +#globalfooter ul.piped a.choose { margin-left: 0; border: 0; } +#globalfooter ul.piped a.choose img { vertical-align: middle; margin-top: -5px; *position: relative; } + +/*--- Breadcrumbs (legacy) ---*/ +#globalfooter #breadcrumbs { font-size: 11px; color: #444; background: url(http://images.apple.com/global/elements/breadory/breadcrumb_bg.png) no-repeat; overflow: hidden; height: 36px; line-height: 34px; font-weight: bold; text-shadow: 0 1px 0 #fff; } +#globalfooter #breadcrumbs a { color: #444; text-decoration: none; float: left; padding: 0 10px; margin-left: -10px; *position: relative; _cursor: hand; } +#globalfooter #breadcrumbs a:hover { color: #333; text-decoration: none !important; } +#globalfooter #breadcrumbs a.home { margin: 0; width: 15px; height: 0; padding-top: 36px; overflow: hidden; } +#globalfooter #breadcrumbs span { float: left; width: 9px; margin: 0 10px 0 0; height: 0; padding-top: 34px; margin-top: 1px; overflow: hidden; background: url(http://images.apple.com/global/elements/breadory/breadcrumb_sep.png) no-repeat; } + +/*--- Breadcrumbs ---*/ +#globalfooter ol#breadcrumbs { font-size: 11px; color: #444; background: url(http://images.apple.com/global/elements/breadory/breadcrumb_bg.png) no-repeat; height: 36px; line-height: 34px; margin: 0; list-style: none; font-weight: bold; text-shadow: 0 1px 0 #fff; } +#globalfooter ol#breadcrumbs li { float: left; margin: 0; padding: 0 0 0 20px; background: url(http://images.apple.com/global/elements/breadory/breadcrumb_sep_20080909.png) no-repeat; } +#globalfooter ol#breadcrumbs li a { float: left; color: #444; text-decoration: none; padding: 0 10px; margin-left: -10px; } +#globalfooter ol#breadcrumbs li a:hover { color: #333; text-decoration: none; } +#globalfooter ol#breadcrumbs li.home { background: none; margin: 0; padding: 0; } +#globalfooter ol#breadcrumbs li.home a { margin: 0; padding: 0 10px; width: 15px; text-indent: -9999px; overflow: hidden; } + +/*--- Directory Nav ---*/ +#directorynav { font-size: 11px; line-height:14px; padding-top:2px; background: url(http://images.apple.com/global/elements/breadory/directory_bg.png) repeat-y; border-top: 1px solid #ddd; float: left; width: 100%; margin-top: -4px; *position: relative; } +#directorynav .column { width: 120px; padding: 9px 0 2px 18px; } +#directorynav .column.last { float: left !important; padding-right: 0; } +#directorynav h3 { color: #666; margin: 0; font-size: 1em; line-height: 14px; font-weight: bold; padding-bottom: 4px; } +#directorynav h3.standalone { margin-bottom: 18px; } +#directorynav a { color: #888; text-decoration: none; display: block; zoom: 1; } +#directorynav h3.standalone a:link, +#directorynav h3.standalone a:visited { color: #444; } +#directorynav a:hover { color: #333 !important; text-decoration: none !important; } +#directorynav .capbottom { clear: both; position: relative; top: 5px; _top: 12px; height: 5px; width: 980px; background: url(http://images.apple.com/global/elements/breadory/directory_capbg.png) no-repeat; } +#directorynav ul { margin-bottom: 0; padding-bottom: 9px; } +#directorynav ul li { padding-bottom: 4px; } +#directorynav.ios .column, +#directorynav.mac .column, +#directorynav.ipod .column, +#directorynav.ipodtouch .column, +#directorynav.ipad .column, +#directorynav.iphone .column, +#directorynav.itunes .column { width: 190px; padding: 9px 0 0 54px; } + +/*--- BREADORY ---*/ +#breadory { border: 1px solid #ddd; width: 978px; margin: 0 auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } +#globalfooter #breadory ol#breadcrumbs { background: none; clear: both; float: none; height: 3em; line-height: 3em; font-size: 11px; color: #666; margin: 0; list-style: none; font-weight: bold; text-shadow: 0 1px 0 #fff; } +#breadory ol#breadcrumbs li { background: none; float: left; margin: 0; padding: 0 0 0 1em; } +#breadory ol#breadcrumbs li a { float: left; color: #666; text-decoration: none; padding: 0 1.75em 0 0; margin-left: 0px; background: url(http://images.apple.com/global/elements/breadory/breadcrumb_separator.png) no-repeat 100% 50%; } +#breadory ol#breadcrumbs li a:hover { color: #333; text-decoration: none; } +#breadory ol#breadcrumbs li.home { background: none; margin: 0; padding: 0; } +#breadory ol#breadcrumbs li.home a { background: url(http://images.apple.com/global/elements/breadory/breadcrumb_home.png) no-repeat 1.25em 50%; margin: 0; padding: 0 0 0 1.25em; width: 30px; text-indent: -9999px; overflow: hidden; } +#breadory ol#breadcrumbs li.home a:hover { background-image: url(http://images.apple.com/global/elements/breadory/breadcrumb_home_over.png); } + +@media only screen { + #breadory ol#breadcrumbs li a { background-image:url(./../elements/breadory/breadcrumb_separator.svg); } + #breadory ol#breadcrumbs li.home a { background-image:url(./../elements/breadory/breadcrumb_home.svg); } + #breadory ol#breadcrumbs li.home a:hover { background-image:url(./../elements/breadory/breadcrumb_home_over.svg); } +} + +#breadory #directorynav { background: none; clear: both; float: none; margin-top: 0; } +#breadory #directorynav .capbottom { height: 0; font-size: 1px; _display: none; } + +/* PRODUCTHEADER */ +#productheader { padding: 1em 0 0.2em; overflow: hidden; width: 980px; margin: 0 auto; *position: relative; *height: 39px; } +#productheader h1, +#productheader h2 { height: 32px; line-height: 32px; display: inline; float: left; margin: 1px 0 6px 8px; padding: 0; margin-bottom: 6px !important; } +#productheader h1 a, +#productheader h2 a { line-height: 32px; background-position: 0 0; background-repeat: no-repeat; color: #888; display: block; font-weight: normal; height: 32px; outline: none; text-decoration: none; text-indent: -9999px; *position: relative; } +body#overview #productheader h1 a, +body#overview #productheader h2 a { cursor: default; } + +#productheader ul { display: inline; float: right; margin: 0; } +#productheader ul li { display: inline; } +#productheader ul li a { color: #333; float: left !important; margin-top: 1em; margin-left: 30px; margin-right: 8px; padding: 0; text-decoration: none; } +#productheader ul li a:hover { color: #08c; } + +#productheader a.buynow, #productheader span.buynow, /* old */ +#productheader a.ordernow, #productheader span.ordernow, +#productheader a.joinnow, #productheader span.joinnow, +#productheader a.preorder, #productheader span.preorder, +#productheader a.preorder_blue, #productheader span.preorder_blue, +#productheader a.howtobuy, #productheader span.howtobuy, +#productheader a.howtoapply, #productheader span.howtoapply, +#productheader a.freetrial, #productheader span.freetrial, +#productheader a.downloadnow, #productheader span.downloadnow, +#productnav a.downloadnow, #productnav span.downloadnow, +#productheader a.upgradenow, #productheader span.upgradenow, +#productheader a.tryamac, #productheader span.tryamac { height: 25px; margin: 0.7em 0 0 20px; background-position: 0 0; background-repeat: no-repeat; display: block; float: right; position: relative; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; } +#productheader a.notifyme, #productheader span.notifyme { height: 25px; margin: 0.8em 0 0 20px; background-position: 0 0; background-repeat: no-repeat; display: block; float: right; position: relative; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; } + +#productheader a.preorder_blue, #productheader span.preorder_blue { width: 75px; background-image: url(http://images.apple.com/global/elements/buttons/preorder_blue.png); } +#productheader a.buynow, #productheader span.buynow { width: 72px; background-image: url(http://images.apple.com/global/elements/buttons/buynows.png); _background-image: url(http://images.apple.com/global/elements/buttons/buynows.gif); } +#productheader a.ordernow, #productheader span.ordernow { width: 81px; background-image: url(http://images.apple.com/global/elements/buttons/ordernows.png); _background-image: url(http://images.apple.com/global/elements/buttons/ordernows.gif); } +#productheader a.joinnow, #productheader span.joinnow { width: 72px; background-image: url(http://images.apple.com/global/elements/buttons/joinnows.png); _background-image: url(http://images.apple.com/global/elements/buttons/joinnows.gif); } +#productheader a.preorder, #productheader span.preorder { width: 99px; background-image: url(http://images.apple.com/global/elements/buttons/preordernows.png); _background-image: url(http://images.apple.com/global/elements/buttons/preordernows.gif); } +#productheader a.howtobuy, #productheader span.howtobuy { width: 86px; background-image: url(http://images.apple.com/global/elements/buttons/howtobuys.png); _background-image: url(http://images.apple.com/global/elements/buttons/howtobuys.gif); } +#productheader a.howtoapply, #productheader span.howtoapply { width: 100px; background-image: url(http://images.apple.com/global/elements/buttons/howtoapplys.png); _background-image: url(http://images.apple.com/global/elements/buttons/howtoapplys.gif); } +#productheader a.freetrial, #productheader span.freetrial { width: 72px; background-image: url(http://images.apple.com/global/elements/buttons/freetrials.png); _background-image: url(http://images.apple.com/global/elements/buttons/freetrials.gif); } +#productheader a.downloadnow, #productheader span.downloadnow { width: 108px; background-image: url(http://images.apple.com/global/elements/buttons/downloadnows.png); _background-image: url(http://images.apple.com/global/elements/buttons/downloadnows.gif); } +#productnav a.downloadnow, #productnav span.downloadnow { width: 108px; background-image: url(http://images.apple.com/global/elements/buttons/downloadnows.png); _background-image: url(http://images.apple.com/global/elements/buttons/downloadnows.gif); } +#productheader a.upgradenow, #productheader span.upgradenow { width: 104px; background-image: url(http://images.apple.com/global/elements/buttons/upgradenows.png); _background-image: url(http://images.apple.com/global/elements/buttons/upgradenows.gif); } +#productheader a.tryamac, #productheader span.tryamac { width: 77px; background-image: url(http://images.apple.com/global/elements/buttons/tryamacs.png); _background-image: url(http://images.apple.com/global/elements/buttons/tryamacs.gif); } +#productheader a.notifyme, #productheader span.notifyme { width: 75px; background-image: url(http://images.apple.com/global/elements/buttons/notifymes.png); _background-image: url(http://images.apple.com/global/elements/buttons/notifymes.gif); } + +#productheader a.buynow:hover, #productheader a.buynow:focus, +#productheader a.ordernow:hover, #productheader a.ordernow:focus, +#productheader a.joinnow:hover, #productheader a.joinnow:focus, +#productheader a.preorder:hover, #productheader a.preorder:focus, +#productheader a.howtobuy:hover, #productheader a.howtobuy:focus, +#productheader a.howtoapply:hover, #productheader a.howtoapply:focus, +#productheader a.freetrial:hover, #productheader a.freetrial:focus, +#productheader a.downloadnow:hover, #productheader a.downloadnow:focus, +#productnav a.downloadnow:hover, #productnav a.downloadnow:focus, +#productheader a.upgradenow:hover, #productheader a.upgradenow:focus, +#productheader a.tryamac:hover, #productheader a.tryamac:focus, +#productheader a.notifyme:hover, #productheader a.notifyme:focus { background-position: 0 -25px; } + +#productheader a.buynow:active, +#productheader a.ordernow:active, +#productheader a.joinnow:active, +#productheader a.preorder:active, +#productheader a.howtobuy:active, +#productheader a.howtoapply:active, +#productheader a.freetrial:active, +#productheader a.downloadnow:active, +#productnav a.downloadnow:active, +#productheader a.upgradenow:active, +#productheader a.tryamac:active, +#productheader a.notifyme:active { background-position: 0 -50px; } + +#productheader span.buynow, +#productheader span.ordernow, +#productheader span.joinnow, +#productheader span.preorder, +#productheader span.howtobuy, +#productheader span.howtoapply, +#productheader span.freetrial, +#productheader span.downloadnow, +#productnav span.downloadnow, +#productheader span.upgradenow, +#productheader span.notifyme { background-position: 0 -75px; } + + +/* BUTTONS - (U.S.) */ +.browsewebappss, .businessstores, .buyiphones, .buynows, .buynows-arrow, .comingsoons, .descargarahoras, .downloadituness, .downloadnows, .finds, .freetrials, .getstarteds, .gos, .howtoapplys, .howtobuys, .joinnows, .learnmores, .nikebuynows, .notifymes, .ordernows, .preordernows, .preorders, .reserves, .startyoursearchs, .submits, .tryamacs, .upgradenows { + height: 25px; background-position: 0 0; background-repeat: no-repeat; display: block; text-decoration: none; text-indent: -9999px; overflow: hidden; +} +a.browsewebappss:hover, a.businessstores:hover, a.buyiphones:hover, a.buynows:hover, a.buynows-arrow:hover, a.comingsoons:hover, a.descargarahoras:hover, a.downloadituness:hover, a.downloadnows:hover, a.finds:hover, a.freetrials:hover, a.getstarteds:hover, a.gos:hover, a.howtoapplys:hover, a.howtobuys:hover, a.joinnows:hover, a.learnmores:hover, a.nikebuynows:hover, a.notifymes:hover, a.ordernows:hover, a.preordernows:hover, a.preorders:hover, a.reserves:hover, a.startyoursearchs:hover, a.submits:hover, a.tryamacs:hover, a.upgradenows:hover, +a.browsewebappss:focus, a.businessstores:focus, a.buyiphones:focus, a.buynows:focus, a.buynows-arrow:focus, a.comingsoons:focus, a.descargarahoras:focus, a.downloadituness:focus, a.downloadnows:focus, a.finds:focus, a.freetrials:focus, a.getstarteds:focus, a.gos:focus, a.howtoapplys:focus, a.howtobuys:focus, a.joinnows:focus, a.learnmores:focus, a.nikebuynows:focus, a.notifymes:focus, a.ordernows:focus, a.preordernows:focus, a.preorders:focus, a.reserves:focus, a.startyoursearchs:focus, a.submits:focus, a.tryamacs:focus, a.upgradenows:focus { + background-position: 0 -25px; +} +a.browsewebappss:active, a.businessstores:active, a.buyiphones:active, a.buynows:active, a.buynows-arrow:active, a.comingsoons:active, a.descargarahoras:active, a.downloadituness:active, a.downloadnows:active, a.finds:active, a.freetrials:active, a.getstarteds:active, a.gos:active, a.howtoapplys:active, a.howtobuys:active, a.joinnows:active, a.learnmores:active, a.nikebuynows:active, a.notifymes:active, a.ordernows:active, a.preordernows:active, a.preorders:active, a.reserves:active, a.startyoursearchs:active, a.submits:active, a.tryamacs:active, a.upgradenows:active { + background-position: 0 -50px; +} +span.browsewebappss, span.businessstores, span.buyiphones, span.buynows, span.comingsoons, span.descargarahoras, span.downloadituness, span.downloadnows, span.finds, span.freetrials, span.getstarteds, span.gos, span.howtoapplys, span.howtobuys, span.joinnows, span.learnmores, span.nikebuynows, span.notifymes, span.ordernows, span.preordernows, span.preorders, span.reserves, span.startyoursearchs, span.submits, span.tryamacs, span.upgradenows { + background-position: 0 -75px; +} +.browsewebappss { background-image: url(http://images.apple.com/global/elements/buttons/browsewebappss.png); _background-image: url(http://images.apple.com/global/elements/buttons/browsewebappss.gif); width: 123px; } +.businessstores { background-image: url(http://images.apple.com/global/elements/buttons/businessstores.png); _background-image: url(http://images.apple.com/global/elements/buttons/businessstores.gif); width: 105px; } +.buyiphones { background-image: url(http://images.apple.com/global/elements/buttons/buyiphones.png); _background-image: url(http://images.apple.com/global/elements/buttons/buyiphones.gif); width: 87px; } +.buynows { background-image: url(http://images.apple.com/global/elements/buttons/buynows.png); _background-image: url(http://images.apple.com/global/elements/buttons/buynows.gif); width: 72px; } +.buynows-arrow { background-image: url(http://images.apple.com/global/elements/buttons/buynows_arrow.png); _background-image: url(http://images.apple.com/global/elements/buttons/buynows_arrow.gif); width: 86px; } +.comingsoons { background-image: url(http://images.apple.com/global/elements/buttons/comingsoons.png); _background-image: url(http://images.apple.com/global/elements/buttons/comingsoons.gif); width: 97px; } +.descargarahoras { background-image: url(http://images.apple.com/global/elements/buttons/descargarahoras.png); _background-image: url(http://images.apple.com/global/elements/buttons/descargarahoras.gif); width: 108px; } +.downloadituness { background-image: url(http://images.apple.com/global/elements/buttons/downloadituness.png); _background-image: url(http://images.apple.com/global/elements/buttons/downloadituness.gif); width: 116px; } +.downloadnows { background-image: url(http://images.apple.com/global/elements/buttons/downloadnows.png); _background-image: url(http://images.apple.com/global/elements/buttons/downloadnows.gif); width: 108px; } +.finds { background-image: url(http://images.apple.com/global/elements/buttons/finds.png); _background-image: url(http://images.apple.com/global/elements/buttons/finds.gif); width: 52px; } +.freetrials { background-image: url(http://images.apple.com/global/elements/buttons/freetrials.png); _background-image: url(http://images.apple.com/global/elements/buttons/freetrials.gif); width: 72px; } +.getstarteds { background-image: url(http://images.apple.com/global/elements/buttons/getstarteds.png); _background-image: url(http://images.apple.com/global/elements/buttons/getstarteds.gif); width: 90px; } +.gos { background-image: url(http://images.apple.com/global/elements/buttons/gos.png); _background-image: url(http://images.apple.com/global/elements/buttons/gos.gif); width: 44px; } +.howtoapplys { background-image: url(http://images.apple.com/global/elements/buttons/howtoapplys.png); _background-image: url(http://images.apple.com/global/elements/buttons/howtoapplys.gif); width: 100px; } +.howtobuys { background-image: url(http://images.apple.com/global/elements/buttons/howtobuys.png); _background-image: url(http://images.apple.com/global/elements/buttons/howtobuys.gif); width: 86px; } +.joinnows { background-image: url(http://images.apple.com/global/elements/buttons/joinnows.png); _background-image: url(http://images.apple.com/global/elements/buttons/joinnows.gif); width: 72px; } +.learnmores { background-image: url(http://images.apple.com/global/elements/buttons/learnmores.png); _background-image: url(http://images.apple.com/global/elements/buttons/learnmores.gif); width: 89px; } +.nikebuynows { background-image: url(http://images.apple.com/global/elements/buttons/nikebuynows.png); _background-image: url(http://images.apple.com/global/elements/buttons/nikebuynows.gif); width: 72px; } +.notifymes { background-image: url(http://images.apple.com/global/elements/buttons/notifymes.png); _background-image: url(http://images.apple.com/global/elements/buttons/notifymes.gif); width: 80px; } +.ordernows { background-image: url(http://images.apple.com/global/elements/buttons/ordernows.png); _background-image: url(http://images.apple.com/global/elements/buttons/ordernows.gif); width: 81px; } +.preordernows { background-image: url(http://images.apple.com/global/elements/buttons/preordernows.png); _background-image: url(http://images.apple.com/global/elements/buttons/preordernows.gif); width: 99px; } +.preorders { background-image: url(http://images.apple.com/global/elements/buttons/preorders.png); _background-image: url(http://images.apple.com/global/elements/buttons/preorders.gif); width: 77px; } +.reserves { background-image: url(http://images.apple.com/global/elements/buttons/reserves.png); _background-image: url(http://images.apple.com/global/elements/buttons/reserves.gif); width: 68px; } +.startyoursearchs { background-image: url(http://images.apple.com/global/elements/buttons/startyoursearchs.png); _background-image: url(http://images.apple.com/global/elements/buttons/startyoursearchs.gif); width: 120px; } +.submits { background-image: url(http://images.apple.com/global/elements/buttons/submits.png); _background-image: url(http://images.apple.com/global/elements/buttons/submits.gif); width: 67px; } +.tryamacs { background-image: url(http://images.apple.com/global/elements/buttons/tryamacs.png); _background-image: url(http://images.apple.com/global/elements/buttons/tryamacs.gif); width: 77px; } +.upgradenows { background-image: url(http://images.apple.com/global/elements/buttons/upgradenows.png); _background-image: url(http://images.apple.com/global/elements/buttons/upgradenows.gif); width: 104px; } + +#productheader .browsewebappss, #productheader .businessstores, #productheader .buyiphones, #productheader .buynows, #productheader .comingsoons, #productheader .descargarahoras, +#productheader .downloadituness, #productheader .downloadnows, #productheader .finds, #productheader .freetrials, #productheader .getstarteds, +#productheader .gos, #productheader .howtoapplys, #productheader .howtobuys, #productheader .joinnows, #productheader .learnmores, +#productheader .notifymes, #productheader .ordernows, #productheader .preordernows, #productheader .preorders, #productheader .reserves, +#productheader .startyoursearchs, #productheader .submits, #productheader .tryamacs, #productheader .upgradenows { + margin: 0.8em 0 0 20px; float: left; +} + +/* promofooter */ +#promofooter { width:984px; margin:18px auto 0; padding-top:17px; background:url(http://images.apple.com/promos/images/promofooter_top.png) no-repeat; zoom:1; _background-image:url(http://images.apple.com/promos/images/promofooter_top.gif); } +#promofooter #promos { width:980px; margin-bottom:0; padding:0 2px 4px; background:url(http://images.apple.com/promos/images/promofooter_bottom.png) no-repeat 0 100%; zoom:1; _background-image:url(http://images.apple.com/promos/images/promofooter_bottom.gif); } +#promofooter #promos:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; } +#promofooter #promos li.promo { position:relative; float:left; width:244px; min-height:15em; _height:15em; padding-right:1px; margin-top:-16px; } +#promofooter #promos li.promo a { color:#777; } +#promofooter #promos li.promo:hover a { color:#08c; text-decoration:none; } + +#promofooter #promos img { display:block; } + +#promofooter #promos h4 a, +#promofooter #promos p a, +#promofooter #promos ul { display:block; padding-left:15px; padding-right:12px; text-align:left; z-index:101; *position:relative; } + +#promofooter #promos h4 a { font-size:18px; font-weight:normal; padding-top:15px; } +#promofooter #promos p { margin-bottom:0; } +#promofooter #promos p a { font-size:11px; line-height:16px; } +#promofooter #promos a.image { height:180px; position:absolute; bottom:0; z-index:100; } + +#promofooter #promos .promo.left p a { width:110px; } +#promofooter #promos .promo.right p a { width:112px; padding-left:116px; } +#promofooter #promos .promo.center p a { text-align:center; } + +#promofooter #promos li.buy { position:relative; float:left; width:244px; padding-right:1px; margin-top:-17px; color:#777; } +#promofooter #promos li.buy ul { font-size:11px; line-height:1.4; } + +#promofooter.grid2col { min-height: 70px; padding:15px 0 8px 0; border: 1px solid #D2D2D2; } +#promofooter.grid2col { background:#fff; + background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e5e5e5)); + background:-moz-linear-gradient(100% 100% 90deg, #e5e5e5, #fff); + filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#e5e5e5'); + } +#promofooter.grid2col #promos { background: none;} +#promofooter.grid2col #promos li.promo { width: 47%; min-height: 70px; margin-bottom: -10px; } +#promofooter.grid2col #promos li.promo.first { border-right: 1px solid #e8e8e8; } +#promofooter.grid2col li.promo { padding:20px; } + +/* PRINT */ +@media print { + body, #main, #content { color: #000 !important; } + a, a:link, a:visited { color: #000 !important; text-decoration:none !important; } + #tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; } + #main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; } +} + +/* iPhone */ +@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } } diff --git a/css/raw/bem.info.css b/css/raw/bem.info.css new file mode 100644 index 0000000..e7eb3c0 --- /dev/null +++ b/css/raw/bem.info.css @@ -0,0 +1,3275 @@ +.page__fullscreen { + position: absolute; + z-index: 100; + top: 8px; + right: 15px; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 30px; + height: 30px; + cursor: pointer; + opacity: 0.6; + background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20baseProfile%3D%22tiny%22%20height%3D%2224px%22%20id%3D%22Layer_1%22%20version%3D%221.2%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20d%3D%22M15%2C4c-0.553%2C0-1%2C0.448-1%2C1s0.447%2C1%2C1%2C1h1.586l-3.293%2C3.293c-0.391%2C0.391-0.391%2C1.023%2C0%2C1.414%20%20C13.488%2C10.902%2C13.744%2C11%2C14%2C11s0.512-0.098%2C0.707-0.293L18%2C7.414V9c0%2C0.552%2C0.447%2C1%2C1%2C1s1-0.448%2C1-1V4H15z%22%2F%3E%3Cpath%20d%3D%22M9.293%2C13.293L6%2C16.586V15c0-0.552-0.447-1-1-1s-1%2C0.448-1%2C1v4.999h0.996C5.004%2C19.999%2C9%2C20%2C9%2C20c0.552%2C0%2C1-0.448%2C1-1%20%20s-0.447-1-1-1l-1.586%2C0l3.293-3.292c0.391-0.391%2C0.391-1.023%2C0-1.414S9.684%2C12.902%2C9.293%2C13.293z%22%2F%3E%3Cpath%20d%3D%22M7%2C12c0.552%2C0%2C1-0.448%2C1-1V8h3c0.553%2C0%2C1-0.448%2C1-1s-0.447-1-1-1H6.001L6%2C11C6%2C11.552%2C6.447%2C12%2C7%2C12z%22%2F%3E%3Cpath%20d%3D%22M17%2C12c-0.553%2C0-1%2C0.448-1%2C1v3h-3c-0.553%2C0-1%2C0.448-1%2C1s0.447%2C1%2C1%2C1h5v-5C18%2C12.448%2C17.553%2C12%2C17%2C12z%22%2F%3E%3C%2Fsvg%3E) no-repeat; + background-size: 24px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-flex: none; + -webkit-flex: none; + -ms-flex: none; + flex: none; +} + .page__fullscreen:hover { + opacity: 1; + } + .page__fullscreen + .content .post { + padding-left: 5px; + } + .page__fullscreen + .content .post_view_list-item { + padding-left: 30px; + } + .page_fullscreen .page__fullscreen { + background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20baseProfile%3D%22tiny%22%20height%3D%2224px%22%20id%3D%22Layer_1%22%20version%3D%221.2%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20d%3D%22M6.121%2C13c-0.553%2C0-1%2C0.448-1%2C1s0.447%2C1%2C1%2C1h1.465l-3.293%2C3.293c-0.391%2C0.391-0.391%2C1.023%2C0%2C1.414%20%20C4.488%2C19.902%2C4.744%2C20%2C5%2C20s0.512-0.098%2C0.707-0.293l3.414-3.414V18c0%2C0.552%2C0.447%2C1%2C1%2C1S11%2C18.552%2C11%2C18v-5H6.121z%22%2F%3E%3Cpath%20d%3D%22M7%2C11c0.552%2C0%2C1-0.448%2C1-1V8h2c0.553%2C0%2C1-0.448%2C1-1s-0.447-1-1-1H6.001L6%2C10C6%2C10.552%2C6.447%2C11%2C7%2C11z%22%2F%3E%3Cpath%20d%3D%22M17%2C13c-0.553%2C0-1%2C0.448-1%2C1v2h-2c-0.553%2C0-1%2C0.448-1%2C1s0.447%2C1%2C1%2C1h4v-4C18%2C13.448%2C17.553%2C13%2C17%2C13z%22%2F%3E%3Cpath%20d%3D%22M18.293%2C4.293L15%2C7.586V6c0-0.552-0.447-1-1-1s-1%2C0.448-1%2C1v5h5c0.552%2C0%2C1-0.448%2C1-1s-0.447-1-1-1l-1.586%2C0l3.293-3.292%20%20c0.391-0.391%2C0.391-1.023%2C0-1.414S18.684%2C3.902%2C18.293%2C4.293z%22%2F%3E%3C%2Fsvg%3E); + } + +:link, +:visited { + text-decoration: none; + color: #44b; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +:link:hover, +:visited:hover { + -webkit-transition: color 0.15s ease-out; + transition: color 0.15s ease-out; + color: #000; +} + +.menu-list { + position: relative; + display: block; + overflow-y: auto; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-right: 1px solid #cbcbcb; +} + +.menu-list { + z-index: 1000; +} + +.menu-list__group-select { + position: relative; +} + +.flex { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.menu-list__select { + width: 80px; + margin-right: 10px; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} + +.menu-list__link { + font-size: 13px; +} + +.menu-list__link { + display: block; + text-decoration: none; +} + +@media screen and (max-height: 700px) { + .menu-list__link { + font-size: 12px; + } +} + +.menu-list_type_header .menu-list__link[href*="clubs.ya.ru"], +.menu-list_type_header .menu-list__link[href*="facebook.com"], +.menu-list_type_header .menu-list__link[href*="twitter.com"], +.menu-list_type_header .menu-list__link[href*="gitter.im"] { + height: 32px; + margin-right: 10px; + -webkit-transition: 0.3s opacity; + transition: 0.3s opacity; + vertical-align: top; + border-radius: 1px; + opacity: 0.8; +} + .menu-list_type_header .menu-list__link[href*="clubs.ya.ru"]:hover, + .menu-list_type_header .menu-list__link[href*="facebook.com"]:hover, + .menu-list_type_header .menu-list__link[href*="twitter.com"]:hover, + .menu-list_type_header .menu-list__link[href*="gitter.im"]:hover { + opacity: 1; + } + +.menu-list_type_header .menu-list__link[href*="facebook.com"], +.menu-list_type_header .menu-list__link[href*="twitter.com"], +.menu-list_type_header .menu-list__link[href*="gitter.im"] { + position: relative; +} + .menu-list_type_header .menu-list__link[href*="facebook.com"]:before, + .menu-list_type_header .menu-list__link[href*="twitter.com"]:before, + .menu-list_type_header .menu-list__link[href*="gitter.im"]:before { + display: block; + width: 100%; + height: 100%; + content: ''; + background: 50% no-repeat; + background-size: 80%; + } + +.menu-list_type_header .menu-list__link[href*="clubs.ya.ru"] { + line-height: 32px; + padding: 0 5px; +} + +.menu-list_type_header .menu-list__link[href*="facebook.com"]:before { + background-image: url('../../../blocks/common.blocks/menu-list/__link/menu-list__link_facebook.svg'); +} + +.menu-list_type_header .menu-list__link[href*="twitter.com"]:before { + background-image: url('../../../blocks/common.blocks/menu-list/__link/menu-list__link_twitter.svg'); +} + +.menu-list_type_header .menu-list__link[href*="facebook.com"], +.menu-list_type_header .menu-list__link[href*="twitter.com"] { + width: 32px; +} + +.menu-list_type_header .menu-list__link[href*="gitter.im"] { + width: 20px; +} + .menu-list_type_header .menu-list__link[href*="gitter.im"]:before { + background-image: url('../../../blocks/common.blocks/menu-list/__link/menu-list__link_gitter.png'); + } + +/* (End) Social icons*/ +.menu-list__link_type_select { + margin-right: auto; +} + +.menu-list__link_size_normal { + font-size: 17px; + line-height: 1.4em; +} + +@media screen and (max-height: 700px) { + .menu-list__link_size_normal { + font-size: 15px; + } +} + +.menu-list__delimeter { + height: 1px; + margin: 10px 20px; + padding: 0; +} + +.logo { + display: block; + background-repeat: no-repeat; +} + +.logo:hover { + opacity: 0.9; +} + +.lang-switch { + padding: 20px 0 10px 20px; +} + +.lang-switch .link { + padding: 7px 5px 7px 10px; + -webkit-transition: 0.3s color; + transition: 0.3s color; + letter-spacing: 1px; + color: #fff; +} + +.lang-switch .link:hover { + color: #FFD94D; +} + +.search { + position: fixed; + bottom: 10px; + left: 10px; +} + +.search .input { + width: 174px; + height: 16px; +} + +.search .button { + position: absolute; + top: 0; + right: 0; + width: 25px; + height: 22px; + padding: 0; + cursor: pointer; + -webkit-transition: opacity 0.2s ease; + transition: opacity 0.2s ease; + opacity: 0.4; + border: none; + border-left: 1px solid; + background: none; +} + +.search .button:hover { + opacity: 1; +} + +.search .button:after { + position: absolute; + top: 5px; + left: 5px; + display: block; + width: 100%; + height: 100%; + content: ''; + background: url('../../../blocks/common.blocks/search/search.svg') no-repeat top left; +} + +.menu-list_type_default { + overflow-x: hidden; + min-width: 150px; + max-width: 300px; + -webkit-box-flex: 1; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; +} + +.menu-list_type_default .menu-list__link { + padding: 8px 12px 7px 12px; + -webkit-transition: background 0.4s ease; + transition: background 0.4s ease; + color: #333; +} + +.menu-list_type_default .menu-list__link:hover { + background: rgba(255, 235, 160, 0.35); +} + +.menu-list_type_default .menu-list__link_active { + cursor: default; + background: #ffeba0; +} + +.menu-list_type_default .menu-list__title { + font-size: 12px; + position: relative; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-top: 5px; + padding: 15px 12px 7px 12px; + white-space: nowrap; + text-transform: uppercase; + letter-spacing: 1px; + color: #999; +} + +.menu-list_type_default .menu-list__group:first-child .menu-list__title { + margin-top: 0; + padding-top: 10px; +} + +.menu-list_type_default .menu-list__title::before { + position: absolute; + top: 0; + right: 0; + left: 0; + height: 1px; + content: ''; + background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.15) 20%, #fff 100%); + background: linear-gradient(to right, rgba(0, 0, 0, 0.15) 20%, #fff 100%); +} + +.menu-list_type_default .menu-list__delimeter { + margin: 5px 0; + background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.15) 20%, #fff 100%); + background: linear-gradient(to right, rgba(0, 0, 0, 0.15) 20%, #fff 100%); +} + +/* (Begin) Menu-list with select */ +.menu-list_type_default .menu-list__group-select { + -webkit-transition: background 0.4s ease; + transition: background 0.4s ease; +} + +.menu-list_type_default .menu-list__group-select:hover { + background: rgba(255, 235, 160, 0.35); +} + +.menu-list_type_default .menu-list__group-select_active_yes { + background: #ffeba0; +} + +.menu-list_type_default .menu-list__group-select .menu-list__link, +.menu-list_type_default .menu-list__group-select .menu-list__link:hover { + background: none; +} + +/* (Begin) Menu-list with select */ +.menu-list_type_default { + max-width: 220px; +} + +.menu-list_type_header { + overflow: hidden; + border-right: none; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} + .menu-list_type_header .menu-list__link { + font-size: 15px; + display: inline-block; + margin-right: 20px; + -webkit-transition: 0.3s color; + transition: 0.3s color; + color: #fff; + } + .menu-list_type_header .menu-list__link:hover, + .menu-list_type_header .menu-list__link_active { + color: #FFD94D; + } + +.menu-list_type_level .menu-list__select { + width: 85%; + margin: 8px 12px; +} + +.content { + position: relative; + overflow-y: auto; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-overflow-scrolling: touch; + -webkit-box-flex: auto; + -webkit-flex: auto; + -ms-flex: auto; + flex: auto; + /* Don`t remove! Fix danced column width */ + width: 100%; +} + +.code, +code { + font-family: monospace; + font-size: 12px; + line-height: 1.6; + display: inline-block; + margin: 0 2px 0; + padding: 0 6px; + border: 1px solid #e6e5e3; + border-radius: 2px; + background-color: #f6f5f3; +} + li .code, + li code { + margin-bottom: 5px; + } + +pre code { + font-family: Consolas, "Liberation Mono", Courier, monospace; + display: block; + overflow: auto; + padding: 8px 10px; + white-space: pre; + border-radius: 1px; + background-color: #f6f5f3; +} + +.author_view_grid-cell { + display: inline-block; + width: 160px; + height: 160px; + margin-top: 20px; + margin-left: 20px; + padding: 10px 5px 5px; + -webkit-transition: font-size 0.15s ease-out; + transition: font-size 0.15s ease-out; + text-align: center; + vertical-align: top; + text-decoration: none; + color: #555; + background: #fff; +} + +.author_view_grid-cell:hover { + font-size: 16px; +} + +.author_view_grid-cell > .author__name { + display: block; + margin-top: 9px; +} + +.author__avatar {} + +.author__avatar_size_medium { + width: 120px; + height: 120px; +} + +.author__avatar_size_large { + width: 200px; + height: 200px; +} + +.author__e-mail > .author__label { + background: url('../../../../libs/bem-site-engine/src/blocks/common.blocks/author/__e-mail/mail.png') no-repeat; +} + +.author__github > .author__label { + background: url('../../../../libs/bem-site-engine/src/blocks/common.blocks/author/__github/github.png') no-repeat; +} + +.author__twitter > .author__label { + background: url('../../../../libs/bem-site-engine/src/blocks/common.blocks/author/__twitter/twitter.png') no-repeat; +} + +.author__skype > .author__label { + background: url('../../../../libs/bem-site-engine/src/blocks/common.blocks/author/__skype/skype.png') no-repeat; +} + +.author__label { + width: 24px; + height: 24px; +} + +.author__value { + line-height: 23px; +} + +.post__title { + font-size: 19px; + margin: 10px 0; +} + +h1.post__title { + font-size: 28px; + line-height: 1; +} + +.post_view_full .post__date { + font-size: 12px; + line-height: 20px; + display: inline-block; + margin-right: 10px; + color: #333; +} + +.post__tags { + font-size: 12px; +} + .post__tags .link { + display: inline-block; + margin: 0 2px 4px 0; + padding: 4px 10px; + opacity: 0.5; + color: #000; + border-radius: 2px; + background-color: #eee; + white-space: nowrap; + } + .post__tags .link:hover { + opacity: 1; + } + .post_view_full .post__tags { + line-height: 20px; + margin-left: 20px; + } + +.post__categories { + padding-top: 10px; + opacity: 0.7; +} + +.post__author { + font-size: 12px; +} + .post_view_full .post__author { + line-height: 20px; + } + +.post__content { + font-size: 14px; + line-height: 1.7; + max-width: 1050px; + padding: 5px 20px 25px 0; +} + .post__content h1:first-child { + display: none; + } + .post__content p { + margin: 0 0 20px; + } + .post__content img { + max-width: 100%; + } + /* Headers */ + .post__content h2, + .post__content h3, + .post__content h4, + .post__content h5, + .post__content h6 { + margin: 0 0 0.5em 0; + } + .post__content h1 { + margin-top: 20px; + } + .post__content h2 { + font-size: 24px; + } + .post__content h3 { + font-size: 22px; + } + .post__content h4 { + font-size: 20px; + } + .post__content h5 { + font-size: 18px; + } + .post__content h6 { + font-size: 16px; + } + /* (END)Headers */ + /* Tables */ + .post__content .table-container { + overflow-x: auto; + } + .post__content table { + margin: 20px 0; + border-spacing: 0; + border: 2px solid #f3f1ee; + } + .post__content table pre { + margin: 0; + } + .post__content table pre code { + padding: 0; + border: none; + background: transparent; + } + .post__content th { + padding: 5px 10px; + border-right: 1px solid #f3f1ee; + border-bottom: 2px solid #f3f1ee; + } + .post__content td { + padding: 5px 10px; + border-right: 1px solid #f3f1ee; + border-bottom: 1px solid #f3f1ee; + } + .post__content td:last-child { + border-right: none; + } + .post__content ul, + .post__content ul ul { + list-style-type: square; + } + .post__content ul p { + margin: 8px 0 0 0; + } + +.post__title-line { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + .post__title-line .post__tags { + margin-top: 10px; + } + +.icon { + display: inline-block; + background: 50% no-repeat; +} + /* Hack for correct baseline positioning */ + .icon:after { + visibility: hidden; + content: '\00A0'; + } + +.icon { + vertical-align: middle; +} + +.icon_view_comments { + background-image: url('../../../../libs/bem-forum/desktop.blocks/icon/_view/icon_view_comments.svg'); +} + +.icon_view_forum { + background-image: url('../../../../libs/bem-forum/desktop.blocks/icon/_view/icon_view_forum.svg'); +} + +.icon_view_more { + background-image: url('../../../../libs/bem-forum/desktop.blocks/icon/_view/icon_view_more.svg'); +} + +.icon_view_quote { + background-image: url('../../../../libs/bem-forum/desktop.blocks/icon/_view/icon_view_quote.svg'); +} + +.icon_view_logo { + background-image: url('../../../../libs/bem-forum/desktop.blocks/icon/_view/icon_view_logo.svg'); +} + +.icon_view_read-only { + background-image: url('../../../../libs/bem-forum/desktop.blocks/icon/_view/icon_view_read-only.svg'); +} + +.icon_view_avatar-default { + background-image: url('../../../../libs/bem-forum/desktop.blocks/icon/_view/icon_view_avatar-default.svg'); +} + +.icon_view_bug { + background-image: url('../../../../libs/bem-forum/desktop.blocks/icon/_view/icon_view_bug.svg'); +} + +.icon_view_github-logo { + background-image: url('../../../../libs/bem-forum/desktop.blocks/icon/_view/icon_view_github-logo.svg'); +} + +.post__deps { + margin: 20px 0; +} + .post__deps .link { + display: inline-block; + margin-bottom: 5px; + } + +.likes { + margin: 10px 0; +} + .likes__text, + .likes__buttons { + display: inline-block; + vertical-align: middle; + } + +.posts__list > .post { + -webkit-transition: background 0.4s ease; + transition: background 0.4s ease; +} + +.posts__list > .post:hover { + background: rgba(255, 235, 160, 0.35); +} + +.posts__title { + margin: 0; + padding: 8px 0 7px 10px; + text-transform: uppercase; + letter-spacing: 2px; + border-top: 1px solid #AAAAAA; + border-bottom: 1px solid #AAAAAA; + background: #EEEEEE; +} + +.content_view_index { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.quick-start-billboard { + position: relative; + text-align: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} + .quick-start-billboard .likes { + margin-top: 20px; + } + +.quick-start-billboard__logo { + width: 500px; + height: 300px; + margin: 5px auto 0 auto; + background: url('../../../blocks/common.blocks/quick-start-billboard/__logo/quick-start-billboard__logo.svg') no-repeat center; + background-size: auto 300px; +} + +@media screen and (max-height: 750px) { + .quick-start-billboard__logo { + height: 250px; + background-size: auto 250px; + } +} + +.quick-start-billboard__logo_theme_breaks { + background-image: url('../../../blocks/common.blocks/quick-start-billboard/__logo/_theme/quick-start-billboard__logo_theme_breaks.svg'); +} + +.quick-start-billboard__logo_theme_captain-america { + background-image: url('../../../blocks/common.blocks/quick-start-billboard/__logo/_theme/quick-start-billboard__logo_theme_captain-america.svg'); +} + +.quick-start-billboard__logo_theme_generated { + background-image: url('../../../blocks/common.blocks/quick-start-billboard/__logo/_theme/quick-start-billboard__logo_theme_generated.svg'); +} + +.quick-start-billboard__logo_theme_robin { + background-image: url('../../../blocks/common.blocks/quick-start-billboard/__logo/_theme/quick-start-billboard__logo_theme_robin.svg'); +} + +.quick-start-billboard__logo_theme_scheme { + background-image: url('../../../blocks/common.blocks/quick-start-billboard/__logo/_theme/quick-start-billboard__logo_theme_scheme.svg'); +} + +.quick-start-billboard__logo_theme_spots { + background-image: url('../../../blocks/common.blocks/quick-start-billboard/__logo/_theme/quick-start-billboard__logo_theme_spots.svg'); +} + +.quick-start-billboard__logo_theme_stripe { + background-image: url('../../../blocks/common.blocks/quick-start-billboard/__logo/_theme/quick-start-billboard__logo_theme_stripe.svg'); +} + +.quick-start-billboard__logo_theme_waves { + background-image: url('../../../blocks/common.blocks/quick-start-billboard/__logo/_theme/quick-start-billboard__logo_theme_waves.svg'); +} + +.quick-start-billboard__title { + font-size: 50px; + margin-top: 20px; + letter-spacing: 17px; +} + +.quick-start-billboard__subtitle { + font-size: 16px; + margin-top: 20px; +} + +.quick-start-billboard__link { + font-size: 20px; + display: inline-block; + margin-top: 30px; + padding: 14px 30px; + -webkit-transition: background 0.4s ease; + transition: background 0.4s ease; + color: #333; + border: 1px solid #ccc; + border-radius: 2px; + background-color: #f6f5f3; +} + .quick-start-billboard__link:hover { + border-color: #ffd94d; + background-color: #ffeba0; + } + +.quick-start-billboard__yandex-logo { + display: block; + margin-top: 40px; +} + .quick-start-billboard__yandex-logo .yandex-logo { + margin: 0 auto; + } + +.block .tabs__header, +.block .tabs__content { + padding: 0 30px; +} + +.block .tabs__content { + padding-bottom: 20px; +} + +.block .post__content { + max-width: 100%; + padding: 0; +} + +.block__header { + margin-bottom: 20px; +} + +.block__title { + margin-top: 0; +} + +.tabs { + position: relative; +} + +.tabs__header { + margin: 0; + padding: 0; +} + +.tabs__tab { + position: relative; + display: inline-block; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +.tabs__pane { + display: none; + padding-top: 20px; +} + +.tabs__pane_state_current { + display: block; +} + +.block-docs__description { + margin-bottom: 10px; +} + +/* Поддержать блок b-text из bem.sets */ +.block-docs__description .b-text__p { + margin-bottom: 20px; +} + +.block-docs__description .b-text__h3 { + font-size: 22px; + margin: 0 0 0.5em 0; + color: #000; +} + +.block-docs__description .b-link { + display: inline-block; +} + +.block-docs__description .b-text__ul { + margin: 0.5em 0 1em 3.2em; + padding: 0; +} + +.block-docs__description .b-text__li { + margin: 0.35em 0; + padding: 0; +} + +.block-docs__description .b-text__li:before { + position: absolute; + margin: 0 0 0 -1.5em; + content: '\2014\a0'; +} + +/* (END) Поддержать блок b-text из bem.sets */ +.block-docs__sublevel { + margin-left: 20px; +} + +.block-docs__value { + display: inline-block; + margin-bottom: 5px; +} + +.block-jsdoc__item { + margin-bottom: 20px; +} + +.block-jsdoc__item:after { + display: block; + width: 100%; + height: 2px; + margin-top: 15px; + content: ""; + background: -webkit-linear-gradient(left, #e6e6e6 0%, rgba(115, 115, 115, 0) 100%, rgba(229, 229, 229, 0) 100%); + background: linear-gradient(to right, #e6e6e6 0%, rgba(115, 115, 115, 0) 100%, rgba(229, 229, 229, 0) 100%); +} + +.block-jsdoc__item:last-child:after { + background: none; +} + +.block-jsdoc__selection { + display: inline-block; + padding: 2px 10px; + border: 1px solid; + border-radius: 2px; +} + +.block-jsdoc__selection_color_grey { + border-color: #E6E6E6; +} + +.block-jsdoc__value { + font-family: monospace; + font-size: 12px; + line-height: 1.6; + margin-bottom: 10px; + padding: 0 6px; + border-color: #e6e5e3; +} + +.block-jsdoc__access { + font-size: 12px; + display: inline-block; + margin-left: 10px; + text-transform: uppercase; +} + +.block-jsdoc__types { + display: inline-block; +} + +.block-jsdoc__type { + display: inline-block; + margin-left: 5px; +} + +.block-example { + margin-bottom: 20px; +} + +.block-example__header { + margin-bottom: 10px; +} + +.block-example__link { + font-size: 14px; + line-height: 1; + position: relative; + margin-right: 15px; + color: #8F8F8F; +} + +.block-example__link, +.block-example__link::after { + display: inline-block; +} + +.block-example__link:hover { + color: #000; +} + +.block-example__link::after { + width: 24px; + height: 24px; + margin-left: 3px; + content: ''; + vertical-align: middle; + opacity: 0.6; + background-repeat: no-repeat; +} + +.block-example__link:hover::after { + opacity: 1; +} + +.block-example__link_icon_source:after { + background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20baseProfile%3D%22tiny%22%20height%3D%2224px%22%20id%3D%22Layer_1%22%20version%3D%221.2%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M8.171%2C18c-0.512%2C0-1.023-0.195-1.414-0.586L2.343%2C13l4.414-4.414c0.781-0.781%2C2.049-0.781%2C2.828%2C0%20%20%20%20c0.781%2C0.781%2C0.781%2C2.047%2C0%2C2.828L8%2C13l1.585%2C1.586c0.781%2C0.781%2C0.781%2C2.047%2C0%2C2.828C9.195%2C17.805%2C8.683%2C18%2C8.171%2C18z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M15.829%2C18c-0.512%2C0-1.024-0.195-1.414-0.586c-0.781-0.781-0.781-2.047%2C0-2.828L16%2C13l-1.585-1.586%20%20%20%20c-0.781-0.781-0.781-2.047%2C0-2.828c0.779-0.781%2C2.047-0.781%2C2.828%2C0L21.657%2C13l-4.414%2C4.414C16.853%2C17.805%2C16.341%2C18%2C15.829%2C18z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E); + background-size: 20px; +} + +.block-example__live { + width: 100%; + border: 1px solid #e6e6e6; +} + +.block-example__source { + position: relative; + display: none; +} + +.block-example__source-code { + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + background-color: #F7F7F9; +} + +.block-example__source-copy { + font-size: 9px; + position: absolute; + top: 15px; + right: 15px; + padding: 2px 7px; + text-transform: uppercase; + border: 1px solid #8F8F8F; + border-radius: 2px; +} + +/* For zeroclipboard module */ +.source-copy-hover { + color: #333; + border-color: #000; + background-color: #fff; +} + +.block-example__source-copy_complete_yes { + color: #333; + border-color: #000; + background-color: #FFD94D; +} + +/* END For zeroclipboard module */ +.block-example__source-copy:before { + display: block; + height: 24px; + content: ""; + opacity: 0.6; + background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20baseProfile%3D%22tiny%22%20height%3D%2224px%22%20id%3D%22Layer_1%22%20version%3D%221.2%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20d%3D%22M18%2C4H8C6.896%2C4%2C6%2C4.896%2C6%2C6v2H5c-1.104%2C0-2%2C0.896-2%2C2v9c0%2C1.104%2C0.896%2C2%2C2%2C2h9c1.104%2C0%2C2-0.896%2C2-2v-1h2%20%20c1.104%2C0%2C2-0.896%2C2-2V6C20%2C4.896%2C19.104%2C4%2C18%2C4z%20M5%2C19v-9h3h5.5c0.275%2C0%2C0.5%2C0.225%2C0.5%2C0.5V16v3H5z%20M18%2C16h-3v-5.5%20%20C15%2C9.673%2C14.327%2C9%2C13.5%2C9H8V8V6h10V16z%22%2F%3E%3C%2Fsvg%3E); + background-repeat: no-repeat; + background-position: center top; + background-size: 24px; +} + +.block-example__source-copy:hover:before { + opacity: 1; +} + +.block__message { + padding: 0 30px; +} + +/* + +github.com style (c) Vasily Polovnyov + +*/ +code { + font-family: Consolas, "Liberation Mono", Courier, monospace; + font-size: 12px; + color: #333; + border: 1px solid #E1E1E1; + border-radius: 3px; + background: #F6F5F3; + padding: 2px 5px; + white-space: nowrap; +} + +.hljs, +pre > code { + line-height: 1.6; + display: block; + overflow: auto; + padding: 0.5em; + white-space: pre; +} + +.hljs-comment, +.hljs-template_comment, +.diff .hljs-header, +.hljs-javadoc { + font-style: italic; + color: #998; +} + +.hljs-keyword, +.css .rule .hljs-keyword, +.hljs-winutils, +.javascript .hljs-title, +.nginx .hljs-title, +.hljs-subst, +.hljs-request, +.hljs-status { + font-weight: bold; + color: #333; +} + +.hljs-number, +.hljs-hexcolor, +.ruby .hljs-constant { + color: #099; +} + +.hljs-string, +.hljs-tag .hljs-value, +.hljs-phpdoc, +.tex .hljs-formula { + color: #d14; +} + +.hljs-title, +.hljs-id, +.coffeescript .hljs-params, +.scss .hljs-preprocessor { + font-weight: bold; + color: #900; +} + +.javascript .hljs-title, +.lisp .hljs-title, +.clojure .hljs-title, +.hljs-subst { + font-weight: normal; +} + +.hljs-class .hljs-title, +.haskell .hljs-type, +.vhdl .hljs-literal, +.tex .hljs-command { + font-weight: bold; + color: #458; +} + +.hljs-tag, +.hljs-tag .hljs-title, +.hljs-rules .hljs-property, +.django .hljs-tag .hljs-keyword { + font-weight: normal; + color: #000080; +} + +.hljs-attribute, +.hljs-variable, +.lisp .hljs-body { + color: #008080; +} + +.hljs-regexp { + color: #009926; +} + +.hljs-symbol, +.ruby .hljs-symbol .hljs-string, +.lisp .hljs-keyword, +.tex .hljs-special, +.hljs-prompt { + color: #990073; +} + +.hljs-built_in, +.lisp .hljs-title, +.clojure .hljs-built_in { + color: #0086b3; +} + +.hljs-preprocessor, +.hljs-pragma, +.hljs-pi, +.hljs-doctype, +.hljs-shebang, +.hljs-cdata { + font-weight: bold; + color: #999; +} + +.hljs-deletion { + background: #fdd; +} + +.hljs-addition { + background: #dfd; +} + +.diff .hljs-change { + background: #0086b3; +} + +.hljs-chunk { + color: #aaa; +} + +.forum-content { + position: relative; +} + +.forum-issues { + padding-top: 20px; +} + +.issue { + padding: 0 15px; + min-width: 500px; + margin-bottom: 40px; +} + .issue:last-child { + margin-bottom: 10px; + } + .issue__wrap { + -webkit-transition: all 0.5s ease; + transition: all 0.5s ease; + } + .issue__wrap .forum-column_side_left { + max-width: 60px; + } + .issue__wrap .forum-column_side_right { + margin-left: 20px; + } + +.forum-column_side_left { + width: 100%; +} + +.forum-column_side_right { + width: 100%; +} + +.forum-column_gap { + margin-left: 20px; +} + +.forum-column_flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} + +.forum-column_valign_middle { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.forum-flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + .forum-flex_align_start { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + +.forum-line { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + .forum-line_valign_baseline { + -webkit-box-align: baseline; + -webkit-align-items: baseline; + -ms-flex-align: baseline; + align-items: baseline; + width: 100%; + } + .forum-line_valign_top { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .forum-line_valign_stretch { + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + } + .forum-line_valign_middle { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + } + +.forum-user__avatar { + max-width: 100%; + border-radius: 50%; +} + +.image { + border: 0; +} + +.comments { + margin-top: 20px; + position: relative; +} + .comments::before { + display: block; + content: ''; + position: absolute; + top: 0; + bottom: 0; + left: 100px; + width: 1px; + background-color: #E1E1E1; + z-index: -1; + } + +.comment { + margin-top: 20px; +} + .comment:last-child { + background-color: #fff; + } + .comment:last-child .comment__body { + border-bottom: none; + } + +.comment__avatar { + width: 40px; + height: 40px; +} + +.comment__body { + border-bottom: 1px solid #E1E1E1; + padding-bottom: 15px; +} + .comment__body :link { + text-decoration: underline; + } + .comment__body p:last-child { + margin-bottom: 0; + } + .comment__body img { + max-width: 100%; + } + +.forum-form__cancel.button { + margin-left: auto; +} + +.forum-form__control.input { + width: 100%; +} + +.forum-form__submit.button { + margin-right: 10px; +} + +.comment__col_side_left { + min-width: 95px; + text-align: center; +} + +.comment__col_side_right { + width: 100%; +} + +.comment__column-avatar { + max-width: 40px; +} + +.comment__column-main { + max-width: 60px; +} + +.comment__date { + color: #999; +} + +.comment__edit { + margin-left: 10px; +} + .comment__edit:focus { + outline: none; + } + +.icon_action_remove { + background: url('../../../../libs/bem-forum/desktop.blocks/icon/_action/icon_action_remove.svg') no-repeat; +} + +.icon_action_edit { + background: url('../../../../libs/bem-forum/desktop.blocks/icon/_action/icon_action_edit.svg') no-repeat; +} + +.icon_action_search { + width: 24px; + height: 24px; + background: url('../../../../libs/bem-site-engine/src/blocks/common.blocks/icon/_action/icon_action_search.svg'); + background-size: 24px; +} + +.icon_size_16 { + width: 16px; + height: 16px; + background-size: 16px; +} + +.icon_size_18 { + width: 18px; + height: 18px; + background-size: 18px; +} + +.comment__edit-form { + padding-bottom: 15px; +} + +.comment__edit-button.button { + margin-right: 10px; +} + +.comment__edit-cancel.button { + margin-left: auto; +} + +.comment__header { + margin-bottom: 10px; + font-size: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.comment__owner-actions { + margin-left: auto; +} + +.comment__remove { + margin-left: 10px; +} + .comment__remove:focus { + outline: none; + } + +.comment__username { + margin-right: 5px; + font-size: 15px; +} + +.comments__add-form { + background-color: #fff; + padding: 20px 0; +} + .comments__add-form .forum-column_side_left { + max-width: 60px; + } + .comments__add-form .forum-column_gap { + margin-left: 80px; + } + .comments__add-form .input_type_textarea .input__control { + min-height: 150px; + } + +.comments__add-textarea { + margin-bottom: 10px; + width: 100%; +} + +.comments_hidden { + display: none; +} + +.forum-labels { + position: relative; +} + +.forum-labels__title { + text-align: left; +} + +.issue__avatar { + width: 60px; + height: 60px; + vertical-align: top; +} + +.issue__body { + overflow: auto; +} + .issue__body :link { + text-decoration: underline; + } + .issue__body img { + max-width: 100%; + } + +.issue__date { + color: #999; +} + +.issue__edit { + margin-left: 10px; +} + +.issue__edit-form { + margin-bottom: 20px; +} + +.forum-labels_inline { + text-align: center; + margin-bottom: 20px; + border-bottom: 1px solid #E1E1E1; + padding-bottom: 15px; +} + .forum-labels_inline .forum-labels__wrap { + text-align: left; + } + .forum-labels_inline .forum-labels__label { + display: inline-block; + width: 150px; + margin-right: 20px; + } + +.issue__edit-title { + margin-bottom: 10px; +} + +.issue__label { + font-size: 12px; + display: inline-block; + vertical-align: middle; + margin-right: 10px; + margin-bottom: 5px; + padding: 0 5px; + border: 1px solid; + border-radius: 3px; + opacity: 0.8; +} + .issue__label:hover { + opacity: 1; + text-decoration: none; + color: #000; + } + +.issue__line_level_top .column_side_right { + border-bottom: 1px solid #E1E1E1; +} + +.issue__line_level_titles { + margin-bottom: 10px; +} + +.issue__line_level_bottom { + border-bottom: 1px solid #E1E1E1; + padding-bottom: 15px; +} + +.issue__number { + color: #999; + font-size: 20px; + margin-right: 5px; + line-height: 1.4; +} + +.issue__owner-action { + margin-left: auto; +} + +.issue__remove { + margin-left: 10px; +} + +.issue__title { + font-size: 22px; + margin-right: 10px; + line-height: 1.4; +} + +.issue__username { + margin-right: 5px; + font-size: 18px; +} + +.forum-loader { + -webkit-transition: background-color 0.3s ease-in; + transition: background-color 0.3s ease-in; +} + .forum-loader_progress { + position: fixed; + top: 0; + right: 208px; + bottom: 0; + left: 0; + margin: auto; + } + .forum-loader_progress { + background-color: rgba(255, 255, 255, 0.8); + z-index: 999; + } + .forum-loader_progress .spin { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + } + +.forum-loader_progress { + left: 213px; +} + +.forum-pager { + margin: 20px 0 20px 95px; +} + +.forum-pager__wrap { + margin: 0 auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.forum-content__container { + width: 100%; + border-right: 1px solid #E1E1E1; +} + +.forum-content__left { + width: 100%; +} + +.forum-content__right { + width: 200px; + margin: 0 15px 0 20px; +} + +.forum-content_view_issue { + padding-top: 20px; +} + +.forum-sidebar { + position: relative; +} + .forum-sidebar .menu { + margin-left: -15px; + } + +.menu { + overflow-y: auto; +} + +.menu-item_size_m { + padding-right: 38px; +} + +.menu-item__color { + position: absolute; + right: 4px; + top: 4px; + border-radius: 3px; + width: 16px; + height: 16px; +} + +.forum-sidebar__title { + margin: 0; +} + +.forum-header { + position: relative; + z-index: 1000; + min-height: 40px; + background-color: #fff; + border-bottom: 1px solid #E1E1E1; + padding: 5px 15px; +} + +.forum-header .forum-header__auth-button { + margin-left: auto; +} + +.button_type_link:hover { + color: #000; +} + +.forum-header__side-right { + margin-left: auto; +} + +.forum-header__add-button.button { + margin-left: 10px; +} + +.forum__add-body .input__control { + min-height: 150px; +} + +.forum__add-form { + margin-top: 20px; + margin-bottom: 40px; + padding: 0 15px; +} + .forum__add-form .input { + width: 100%; + } + +.forum__add-title { + margin-bottom: 20px; +} + +.forum__inner { + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; +} + +/*.forum__labels*/ +/*{*/ +/*text-align: center;*/ +/*margin-bottom: 20px;*/ +/*border-bottom: 1px solid $color-grey;*/ +/*padding-bottom: 15px;*/ +/*.forum-labels*/ +/*{*/ +/*&__wrap*/ +/*{*/ +/*text-align: left;*/ +/*}*/ +/*&__label*/ +/*{*/ +/*display: inline-block;*/ +/*width: 100px;*/ +/*margin-right: 20px;*/ +/*}*/ +/*}*/ +/*}*/ +.forum__labels-spin { + margin-top: 15px; + margin-bottom: 10px; +} + +.forum__spin.spin.spin_progress { + display: block; + margin: 0 auto; +} + +.hljs-comment, +.hljs-template_comment, +.diff .hljs-header, +.hljs-javadoc { + font-style: italic; + color: #998; +} + +.css .rule .hljs-keyword, +.hljs-winutils, +.javascript .hljs-title, +.nginx .hljs-title, +.hljs-subst, +.hljs-request, +.hljs-status { + color: #333; +} + +.hljs-number, +.hljs-hexcolor, +.ruby .hljs-constant { + color: #099; +} + +.hljs-string, +.hljs-tag .hljs-value, +.hljs-phpdoc, +.tex .hljs-formula { + color: #d14; +} + +.hljs-title, +.hljs-id, +.coffeescript .hljs-params, +.scss .hljs-preprocessor { + color: #900; +} + +.javascript .hljs-title, +.lisp .hljs-title, +.clojure .hljs-title, +.hljs-subst { + font-weight: normal; +} + +.hljs-class .hljs-title, +.haskell .hljs-type, +.vhdl .hljs-literal, +.tex .hljs-command { + color: #458; +} + +.hljs-symbol, +.ruby .hljs-symbol .hljs-string, +.lisp .hljs-keyword, +.tex .hljs-special, +.hljs-prompt { + color: #990073; +} + +.hljs-deletion { + background: #fdd; +} + +.hljs-addition { + background: #dfd; +} + +.diff .hljs-change { + background: #0086b3; +} + +.hljs-chunk { + color: #aaa; +} + +.note { + margin: 20px 0 20px 20px; + padding: 5px 10px; + background-color: rgba(255, 235, 160, 0.4); + border-radius: 2px; + border: 1px solid rgba(255, 235, 160, 1); +} + +.search-action { + position: relative; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + margin-right: 20px; +} + +.search-action__text { + font-size: 15px; + line-height: 24px; + display: none; +} + +.search-action__icon { + margin-left: 10px; + cursor: pointer; + opacity: 0.8; +} + .search-action__icon:hover { + opacity: 1; + } + +body, +html { + height: 100%; + padding: 0; +} + +.page { + font: 13px Arial, Helvetica, sans-serif; + position: relative; + z-index: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-width: 1000px; + margin: 0; + padding: 0; +} + .page_page_tags .page__fullscreen, + .page_page_authors .page__fullscreen { + display: none; + } + +.page_fullscreen .menu-list_type_default { + display: none; +} + +.link_type_block { + display: block; +} + +.menu-list__group_hide_yes { + display: none; +} + +.menu-list__link_size_small { + font-size: 13px; +} + +@media screen and (max-height: 700px) { + .menu-list__link_size_small { + font-size: 12px; + } +} + +.menu-list_type_main { + padding-top: 20px; + vertical-align: top; + color: #fff; + background: black; + -webkit-box-flex: 0; + -webkit-flex: 0 0 200px; + -ms-flex: 0 0 200px; + flex: 0 0 200px; +} + +.menu-list_type_main .menu-list__link { + padding: 0.5em 10px 0.5em 30px; + -webkit-transition: 0.3s color; + transition: 0.3s color; + letter-spacing: 1px; + color: #fff; +} + +.menu-list_type_main .menu-list__link:hover { + color: #FFD94D; + background: none; +} + +.menu-list_type_main .menu-list__link_active { + color: #FFD94D; +} + +.menu-list_type_main .menu-list__delimeter { + background: #666; +} + +.menu-list_type_main .menu-list__link { + line-height: 1em; +} + +.menu-list_type_main .menu-list__title { + font-size: 15px; + font-weight: normal; + padding: 10px 10px 10px 30px; + padding-left: 30px; + letter-spacing: 1px; +} + +.menu-list_type_main .menu-list__group .menu-list__link { + font-size: 13px; + position: relative; + padding-left: 50px; +} + +.menu-list_type_main .menu-list__group .menu-list__link:before { + font-size: 0.7em; + position: absolute; + margin: 0 0 0 -1.5em; + content: '●'; +} + +.menu-list_type_main .menu-list__link_size_small:before { + content: ''; +} + +@media screen and (max-height: 700px) { + .menu-list_type_main .menu-list__link_size_normal { + padding-top: 0.3em; + padding-bottom: 0.4em; + } +} + +.logo_type_bem { + height: 50px; + margin: 0 0 20px 30px; + background-image: url('../../../../libs/bem-site-engine/src/blocks/common.blocks/logo/_type/logo_type_bem.svg'); + background-repeat: no-repeat; +} + +@media screen and (max-height: 700px) { + .logo_type_bem { + height: 20px; + background-size: contain; + } +} + +@font-face { + font-family: 'ekibastuzregular'; + font-weight: normal; + font-style: normal; + src: local('ekibastuzregular'), url(data:font/truetype;charset=utf-8;base64,AAEAAAARAQAABAAQRkZUTV/MVMAAAAEcAAAAHEdERUYA+AAEAAABOAAAACBPUy8yfM4UdgAAAVgAAABgY21hcJwAEY0AAAG4AAACAmN2dCAKBQ21AAADvAAAADBmcGdtU7QvpwAAA+wAAAJlZ2FzcAAAABAAAAZUAAAACGdseWbFsZ6wAAAGXAAAcyRoZWFkBOEj/gAAeYAAAAA2aGhlYQ5zB08AAHm4AAAAJGhtdHiV+WaTAAB53AAAAyxsb2NhKBpGtAAAfQgAAAGYbWF4cAHoAbAAAH6gAAAAIG5hbWVV6nuDAAB+wAAAA3hwb3N0SzS0hwAAgjgAAAT7cHJlcOqWmhIAAIc0AAAA0ndlYma8ZlMVAACICAAAAAYAAAABAAAAAMw9os8AAAAAxFNFDAAAAADPO2zkAAEAAAAOAAAAGAAAAAAAAgABAAEAygABAAQAAAACAAAAAgOdAZAABQAEBZoFMwAAAR8FmgUzAAAD0QBmAgAAAAIABQMFAAACAASAAAIjAAAACgAAAAAAAAAAUFlSUwBAAA0l/AZm/mYAAAc5AigAAAAHAAAAAAQABZoAAAAgAAEAAAADAAAAAwAAABwAAQAAAAAA/AADAAEAAAAcAAQA4AAAADQAIAAEABQAAAANAH4AoACjAKkAqwCuALQAuwLGAtwEAQRPBFEgCiAUIBogHiAmIC8gXyCsISIl/P//AAAAAAANACAAoACjAKgAqwCtALQAuwLGAtwEAQQQBFEgACAQIBggHCAmIC8gXyCsISIl/P//AAH/9f/j/8L/wP+8/7v/uv+1/6/9pf2Q/Gz8Xvxd4K/gquCn4Kbgn+CX4GjgHN+n2s4AAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAMEBQYHCAkKCwwNDg8QERITFBUWFxgZGhscHR4fICEiIyQlJicoKSorLC0uLzAxMjM0NTY3ODk6Ozw9Pj9AQUJDREVGR0hJSktMTU5PUFFSU1RVVldYWVpbXF1eX2BhAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYwAAAABoZclpZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZmrFYgAAAAAAvb7Cw7/AAAAAAADIAAAAAAAAwcQAAAAAAAAAAAAAAAAAAAAAAABrbAAAAAAAAAAAAAAAAAQABZoAWgBiAGkAfQCYAHkAfQCDAIcAiwCPAHIAhQBsAGYAbwB7AHQAUABEBRGwACywABNLsExQWLBKdlmwACM/GLAGK1g9WUuwTFBYfVkg1LABEy4YLbABLCDasAwrLbACLEtSWEUjWSEtsAMsaRggsEBQWCGwQFktsAQssAYrWCEjIXpY3RvNWRtLUlhY/RvtWRsjIbAFK1iwRnZZWN0bzVlZWRgtsAUsDVxaLbAGLLEiAYhQWLAgiFxcG7AAWS2wByyxJAGIUFiwQIhcXBuwAFktsAgsEhEgOS8tsAksIH2wBitYxBvNWSCwAyVJIyCwBCZKsABQWIplimEgsABQWDgbISFZG4qKYSCwAFJYOBshIVlZGC2wCiywBitYIRAbECFZLbALLCDSsAwrLbAMLCAvsAcrXFggIEcjRmFqIFggZGI4GyEhWRshWS2wDSwSESAgOS8giiBHikZhI4ogiiNKsABQWCOwAFJYsEA4GyFZGyOwAFBYsEBlOBshWVktsA4ssAYrWD3WGCEhGyDWiktSWCCKI0kgsABVWDgbISFZGyEhWVktsA8sIyDWIC+wBytcWCMgWEtTGyGwAVlYirAEJkkjiiMgikmKI2E4GyEhISFZGyEhISEhWS2wECwg2rASKy2wESwg0rASKy2wEiwgL7AHK1xYICBHI0ZhaoogRyNGI2FqYCBYIGRiOBshIVkbISFZLbATLCCKIIqHILADJUpkI4oHsCBQWDwbwFktsBQsswBAAUBCQgFLuBAAYwBLuBAAYyCKIIpVWCCKIIpSWCNiILAAI0IbYiCwASNCWSCwQFJYsgAgAENjQrIBIAFDY0KwIGOwGWUcIVkbISFZLbAVLLABQ2MjsABDYyMtAAAAAAEAAf//AA8AAgBEAAACZAVVAAMABwAusQEALzyyBwQW7TKxBgXcPLIDAhbtMgCxAwAvPLIFBBbtMrIHBhf8PLIBAhbtMjMRIRElIREhRAIg/iQBmP5oBVX6q0QEzQAAAAIAuAAAAWAFmgADAAcARwCyAAAAK7QBBQASBCuyBAIAKwGwCC+wANawBDKxAwfpsAUysQMH6bMGAwAIK7EHDumwBy+xBg7psQkBKwCxBAERErAGOTAxMzUzFQMzAyO4qKamGHXs7AWa+9cAAAIAuAPDAk4FmgADAAcARACyBAIAK7AAM7QHBQAJBCuwAjIBsAgvsAPWsQIO6bM2AwAOK7EBB+mwAhCxBwErsQYO6bM2BwQOK7EFB+mxCQErADAxEzMDIxMzAyO4nBVy454VdAWa/ikB1/4pAAIAuAAABEIFmgAbAB8BWwCyGgAAK7IVFhkzMzOyBwIAK7IICwwzMzOyBQEAK7MGCQoNJBcztAQFADMEK7MDEB4fJBcytAABGgUNK7MCERwdJBcztAAFADIEK7MUFxgbJBcyAbAgL7Aa1rEZCumwGRCxBwErsQgL6bIHCAors0AHAAkrsAQysAgQsRYBK7EVCumyFRYKK7NAFRMJK7AOMrAVELELASuxDArpsSEBK7A2Gro+3fP9ABUrCro+0vPDABUrCrAaELMCGgcTK7MDGgcTK7MGGgcTK7AZELMJGQgTK7AWELMKFgsTK7AVELMNFQwTK7MQFQwTK7MRFQwTK7MUFQwTK7AWELMXFgsTK7AZELMYGQgTK7AaELMbGgcTK7AZELMcGQgTK7AWELMdFgsTK7MeFgsTK7AZELMfGQgTKwNAEAIDBgkKDRARFBcYGxwdHh8uLi4uLi4uLi4uLi4uLi4usEAaADAxEzUzEyM1MxMzAyETMwMzFSMDMxUjAyMTIQMjEzchEyG4e17Z8kSHRgEvRIVEX3dh2O5Gg0T+0USFRJ0BL1/+0wFcewHsegFd/qMBXf6jev4Ue/6kAVz+pAFcewHsAAMAuP9cBLIF1wAtADcAQwEXALIsAAArsCkzsQUD6bA4MrIsBQors0AsKwkrsDMvsBozsRED6bAUMrIRMwors0AREgkrAbBEL7AM1rAAMrEuBumwLhCxKwErsgYRMjIyMrEqDumyExo4MjIysCoQsT4BK7ElBumxRQErsDYauu30wpkAFSsKBLAyLg6wHsCxCAb5sEHABLMGCEETK7rvXsIzABUrC7MHCEETK7AyELMcMh4TK7MdMh4TK7IcMh4giiCKIwYOERI5sB05sgcIQRESOQC3BjJBBwgcHR4uLi4uLi4uLgG1QQcIHB0eLi4uLi4usEAaAbEuDBESsQIDOTmxJT4RErEXFjk5ALEFLBESsAA5sDMRtQIDDBclQyQXObARErAWOTAxNz4BNxYFES4ENTQ+Ajc1MxUWFwcuAScRHggVFA4BBxUjNSQDFBcWFxEOAwE+BDU0JicmJ7gDEQOuAQhNdX9RNUh/ol5pwOMYabJwN0FbNkQoKxYOfsp8af7OGMtTLFmFSSMBs1uEPyQFXIEsPkIRQRBSCgIvFChDUHZIU4JTLQN7ewVRXCotA/3bDhIdGSYoNj9PL2ecUgWSkAkEF49WIwoCCgQvSFH8EAQzPFQrGGhkKA0NAAAAAAUAuP/sBjUFrgAMABoAHwAsADoAjgCyGwAAK7IrAAArtDADAGcEK7IcAgArsgQCACu0FwMAfQQrtDckKwQNK7Q3AwB9BCu0EAsrBA0rtBADAH0EKwGwOy+wANaxDQ7psA0QsRMBK7EIDumwCBCxIAErsS0O6bAtELEzASuxKA7psTwBK7ETDREStAoLBBsfJBc5sTMtERK0HCQqKx0kFzkAMDETNTQ2MzIWHQEUBiAmNxQWMzI2PQE0JiMiBhUTATMACQE1NDYzMhYdARQGICY3FBYzMjY9ATQmIyIGFbiXkJGYl/7clWtmVlhlZVhWZl4DYof+pf37AduXkJKXl/7clWtnVVlkZVhXZQPupXyfn3ylfZ6dgFl0dFWlU3p1U/tqBZ79wfyhAQamfJ+efaZ9nZ17VnNzVqpUdXxdAAAAAgC4/+wFGQWuACwAOwB2ALIlAAArsikAACuxMAPpsgoCACuxEAXpAbA8L7AA1rEtCumwLRCxBwErsRUL6bAVELEdASuxHwjpsT0BK7EdFRESQAkKBQ0hJSkwMzYkFzmwHxGxIyQ5OQCxMCURErAjObAQEbUABw4hJjYkFzmwChKwDTkwMRM0PgI3JjU0NjMyFhcHJiMiDgIVFBYXFgAXNjcWFwYHHgEXIycOASMiLgE3FBYzMjY3JgAnDgS4K1NZPo7lw1jGSyG0gztiXjY/JWABWD5XKl0aH5gdbxiZZUWvh4bPgIHFkVSyOD3+zlQSLj0xIwF3W5JpRiKwfaWnNSNtXxUzZUkxdyt0/lhMdcAOA7m5JIcee0VKVLWCjaZEOUoBd2UHID9QdwAAAQC4A8MBVAWaAAMANACyAAIAK7QDBQAJBCsBsAQvsADWsQEH6bEBB+mzAgEACCuxAw7psAMvsQIO6bEFASsAMDETMwMjuJwVcgWa/ikAAAABALj+4QJzBlYAIAATAAGwIS+wANaxDQrpsSIBKwAwMRM0PgM3Fw4DAhUUHggXDgEHLgS4KjpeRjJ2HjxdQzMRGycoMSksGxsBFFEWM0hfPCoCmnXuuM5/VAguZsbI/vGDS5iEhGxrTkwrKQEBBgFRfsq48AAAAAABALj+4QJzBlYAGQATAAGwGi+wBtaxEwrpsRsBKwAwMRM+AxI1NAIuAic3HgQVFA4DB7gVLmpNPjNDXTwedjFJXDspKjxfSDP+6R1GyMwBKZGDAQ/IxmYuCFGEy7rtdXjwuMp+UQAAAAEAuAGaBMUF7AARABkAAbASL7AP1rAEMrEODumwBjKxEwErADAxEy0BNwEDMwMBFw0BBwETIxMFuAGq/lY4AaEOdQwBoTj+WAGoOP5fDHUO/l8C4eLhZv8AAeL+HgEAZuHiZgEA/h8B3/4AAAEAuADRBLgEyQALAFIAsAAvsAczsQEF6bAFMrIAAQors0AACgkrsgEACiuzQAEDCSsBsAwvsArWsAIysQkI6bAEMrIJCgors0AJBwkrsgoJCiuzQAoACSuxDQErADAxEzUhETMRIRUhESMRuAHDeQHE/jx5ApNzAcP+PXP+PgHCAAAAAAEAuP7FAWYA7AAIADkAsAgvtAQFAAgEKwGwCS+wA9awADKxBgfpsQYH6bAGELQCDgApBCuwAi+xCgErsQIDERKwCDkAMDETNjUjNTMVFAe4TEaodP7ZoIfsksfOAAAAAAEAuAJmAx8C2wADACgAsAAvtAEFADUEK7QBBQA1BCsBsAQvsQABK7QDBwAHBCuxBQErADAxEzUhFbgCZwJmdXUAAAAAAQC4AAABYADsAAMALwCyAAAAK7QBBQASBCuyAAAAK7QBBQASBCsBsAQvsADWsQMH6bEDB+mxBQErADAxMzUzFbio7OwAAAAAAQC4/zUEHQXDAAMAABcBMwG4AuSB/RrLBo75cgAAAAACAGD/7ATNBa4ADwAdADwAsgwAACuxEwTpsgUCACuxGgTpAbAeL7AA1rEQCumwEBCxFQErsQkK6bEfASuxFRARErIEBQw5OTkAMDETETQSJCAEEhUREAAhIiQCNxQSIBI1ETQuASMiAhVgggEDAWIBA4P+1P71sf79goXmAZbnZMeHyegCNwEpqwEJmpn+96z+1/76/ruYAQes3P71AQzbASuL24L+7tQAAAAAAQFYAAAD1QWaAAYAJQCyBAAAK7IBAgArAbAHL7AE1rEDCumxCAErsQMEERKwATkAMDEJATMRIxEBAVgCBneD/jsDjwIL+mYE/P43AAEAmgAABJEFrgAyAFUAsgAAACuxMATpsh4CACuxFwXpAbAzL7AB1rEwCumwMBCxFAErsSEK6bAxMrE0ASuxMAERErEaGzk5sBQRswwXHigkFzkAsRcwERKzDBobISQXOTAxMzU0PgY3Pgg1NCYjIgQHJzYkMzIEFRQOBgcGBwYHBhUhFZoOIydEP2ZVQxNVLEsrOiAhDsqzW/7rSBtEARp57gEQHCZKOWU7cBaXPIceCQNyP0Z1ZVBNO0UzJgsvGS0gLSkxNBxwjEQlYyNJqrAsVEFHLz8gPQxVMXCpNz9gAAAAAAEAg//sBKYFrgA1AGMAsjMAACuxBAXpswAEMwgrsQEF6bIiAgArsRsF6bQTEjMiDSuxEwPpAbA2L7AJ1rExC+mzKDEJCCuxGAvpsBgvsSgL6bE3ASsAsRIBERKxCTE5ObATEbArObAbErEeKDk5MDE/ARYEMzI+AjU0LgUrASczMj4BNTQmIyIEByc2JDMyHgMVFAYHHgQVECEiJIMXPgECeGGdhUooPVlUZEMkmhLMVqFywqdZ/vE3Hz0BFWpWjINYNa2CRGloRCr9pnn+0StvFTEdQXhTQ2xHNBwQBFpAh1h8fCIaZRglES1JeE9xuSISKUNVfU3+dTEAAAIAbwAABLwFmgAKAA0APgCyCQAAK7ICAgArtAALCQINK7AEM7EABOmwBjIBsA4vsAzWsAkysQQK6bAHMrEPASsAsQILERKxAQ05OTAxEzUBMxEzByMRIxElIRFvAy+LkxKBg/1GArgBpmYDjvxwZP5aAaZkAw0AAAEAh//sBKYFmgAfAIkAsh0AACuxBQTpsg4CACuxEQTptBUKHQ4NK7EVBOmyChUKK7NACg0JKwGwIC+wCNaxGwzpsSEBK7A2Gro/qPlkABUrCrANLrARLg6wDRCxEgj5BbARELEOCPkDALASLgGzDQ4REi4uLi6wQBqxGwgRErEPEDk5ALEFHRESsAA5sAoRsQEbOTkwMT8BHgIzMjY1ECEiBAcTIQchAz4BMzIeAxUQISIkhxUriuxWwMj+snP+3VhGA1AL/Sw2Pe9iSHR4UTP98ov+pj1pDSInq8wBNS0ZAuRl/fgTHhI0V5Rk/iNAAAIAaP/uBMMFrgAjADEAZwCyHgAAK7EmA+myBwIAK7EOBOmzCgcOCCuxCwTptBUuHgcNK7EVA+kBsDIvsADWsSQM6bARMrAkELEpASuxGwzpsTMBK7EpJBESsw4HFR4kFzmwGxGxCwo5OQCxLiYRErEbEjk5MDETETQ+AzMyFhcHJiQjIgQdATYkMzIeAxUUACMiLgM3EiEyNjU0LgInIgQHaEVxmJ5UkvxFHz7+/227/v0+AQ9tYpuKWzX+zfhcnZNmPooZAYu27T9wiVNh/uxHAiUBPYDNg1gkKRhjGCjzxpcrSBc7X5Zjzv75IFB+yGj+QMaxW4ZNJQFAKQAAAAABAH8AAASsBZoADwA/ALIJAAArsgECACuxAAXpAbAQL7AJ1rEIDemyCAkKK7NACAMJK7IJCAors0AJAAkrsREBKwCxAQARErADOTAxEzUhFQYKAhUjNBoBPgE3fwQtbc6saZNPd5yMQwUrb0pS/vL+pv5J38YBewEc+Z82AAAAAAMAYP/sBM0FrgAdAC8ARQBsALIcAAArsSAD6bIPAgArsUMD6QGwRi+wANaxHgvpsB4QsDAg1hGxDArpsAwvsTAK6bAeELEiASuxGQzpsEAg1hGxEQrpsUcBK7FAMBEStw4PBhscICsTJBc5ALFDIBEStQAMERkrOiQXOTAxEzQ+AzcuBDU0JCAEFRQFHgQVFAQgJDcQISARNC4EJyYnDgMTFB4HFz4ENTQmIyIGYDVQdWY+LFFnSTMBBgHkAQf+d0V8eVc2/uD90v7hiQGtAawkQlJpZDkOB1OHbz04FBk0JUgkTxYkLlFsTTa3vbu6AYlKe1FDJhENIDxFZzqcqqqc6GkQLUZUdEPZxMTf/rkBRzBRPTIqIREEAhQ6UXACkhszKCocIhEcBwwNHTQ7Vi9+dHYAAgBo/+4EwwWuACIAMABnALIQAAArsRcE6bMTFxAIK7EUBOmyAwIAK7EuA+m0HigQAw0rsR4D6QGwMS+wANaxIwzpsCMQsRoBK7ArMrEKDOmxMgErsSMAERKxExQ5ObAaEbMQFwMeJBc5ALEuKBESsQAbOTkwMRM0ADMyHgMVERQOAyMiJic3HgEzMiQ9AQYEIyIuAjcUHgIzMiQ3NQIhIgZoATL3XJ2UZz5FcZmeVZH7RR89/nG7AQNB/uVzdLOPTIo/cIpSYAEVRyH+frjsA9fPAQggUX7Igv7EgM2CWCQpGGIZJvDIlipJKl+peluHTSVBKKMBv8YAAAAAAgC4AAABYAQCAAMABwA1ALIAAAArtAEFABIEK7IFAQArtAQFABIEKwGwCC+wANawBDKxAwfpsAYysQMH6bEJASsAMDEzNTMVAzUzFbioqKjs7AMX6+sAAAIAuP7FAWYEAgAIAAwAQACyCgEAK7QJBQASBCsBsA0vsAPWsQAJMjKxBgfpsAsysQYH6bAGELQCDgApBCuwAi+xDgErsQIDERKwCDkAMDETNjUjNTMVFAcDNTMVuExGqHQ0qP7ZoIfsksfOBFLr6wABALgACgQbA/gADwATAAGwEC+wANaxCQ3psREBKwAwMRM1ADcVBgQGBxUWABcVJgC4AtKRTv7U7WxUAitUOv2BAc1oAXdMfSiYeToIK/7dK30eAU8AAAAAAgC4AfYEuAOkAAMABwAaALAAL7EBBemwBC+xBQXpAbAIL7EJASsAMDETNSEVATUhFbgEAPwABAAB9m5uAT9vbwAAAAABALgACgQbA/gADwATAAGwEC+wBNaxDQ3psREBKwAwMTc1NgA3NS4BJCc1FgEVBgC4VAIrVGzt/tROkQLSqv2BCn0rASMrCDp5mCh9TP6JaFb+sQACALgAAAOsBa4AJQApAHUAsiYAACu0JwUAEgQrsgICACuxIgPpAbAqL7AV1rEUBumwFBCzGBQpDiu0JgcAGAQrsCYvtCkHABgEK7AUELEfASuxCgrpsSsBK7EUFRESsQIiOTmxHykRErIRGRA5OTkAsSInERKyChQlOTk5sAIRsAA5MDETNjMyHgUVFA4DBw4BHQEjNTQ2Nz4ENTQmIyIGBxM1MxW4n3o4WmZNSi8dHSpNQDRHT3tpYCwnQx4ZoaM+vCKyqgWFKQYVJD5VfE47YUE/JRskUTuelFl5MhcYNDBPMLKOHgv61+zsAAIAuP5mCC8FtgA5AE0AmACyDwAAK7FAA+mwQBCwGyDWEbEKA+myEwEAK7FGA+myBAEAK7A1L7EqA+mwJC+xAgPpAbBOL7AA1rEnCumwJxCxEQErsToG6bA6ELFDASuwCzKxGwjpsBsQsSEBK7EFCumxTwErsUM6ERK1Ag8kKjUTJBc5ALEPKhESsS8wOTmxRhsRErcFABEMISc6QyQXObATEbAaOTAxExAhIAARFA4CKwE1DgEjIBEQITIeBDMRPgQ1EAAhIAAREAAhMiQ+ATcXDgIEIyIkJgIlFB4DMzI2NxEmIyIOBbgDvQHvActDhtiOaE/CUP5lAdMsYEVZJ0kBQ29yTjL+e/5M/mD+ZAGQAayFAQ3el0AnQqHm/uaL6v6j+X0CXyI3UVIzSsNArXwlQUY5NSQVAg4DqP5o/lWN4KVZazBPAf4COQcJEQgS/G4BGkhywX8BhwFi/l3+Vf5H/m4oQTgdUCA9RCpn3gFo42ibWzcTWSoC2ykKHCxKYowAAAACACkAAASwBZoABwAKACwAsgAAACuwAzOyAQIAK7QGCAABDSuxBgPpAbALL7EMASsAsQEIERKwCjkwMTMBMwEjAyEDEyEBKQH0pAHvjZT9uZSuAhP++AWa+mYBtv5KAhIDFQAAAwDFAAAEUgWaABEAHQApAGsAsgAAACuxEgPpsgECACuxKQPptB4dAAENK7EeA+kBsCovsADWsRIK6bAeMrASELEWASuxCwzpswULFggrsSUM6bAlL7EFDOmxKwErsSUSERKwCDkAsR0SERKwCzmwHhGwCDmwKRKwBTkwMTMRITIWFRQGBx4BFRQOAyMlITI2NTQuAyMhNSEyPgM1NCYjIcUB3aHBXFZ5hxlAZqNr/sMBL6WpKEFaWjH+0QFJITtALR11cf63BZqrpXagIC68jkl1a0grXJGxR29FLRFcDCQ6ZUJ1hAAAAAEAd//sBB8FrgAaALUAshkAACuwGDOxEQXpsgMCACuxCwXpsxUZAwgrAbAbL7AA1rEPC+mwDxCxFgErsRwBK7A2GrAmGgGxFRYuyQCxFhUuybA2GroT88MwABUrCg6wFRCwE8AFsBYQsBjAuhN7wwkAFSsLsBMQsxQTFRMrsBgQsxcYFhMrshQTFSCKIIojBg4REjmyFxgWERI5ALITFBcuLi4BsxMUFxguLi4usEAaAQCxCxURErAHObADEbAGOTAxExEQITIWFwcuAiMiBhURECEyPgE3Fw4BIyB3AitbrnQfUlp8Nt3HAaQ2gVJXHXOvW/3VAiMBVAI3KSloHBwY5un+sP4xGhkdaSgpAAAAAgDFAAAFEgWaAA8AIQA6ALIAAAArsRAE6bIBAgArsSEE6QGwIi+wANaxEArpsBAQsRkBK7EJDOmxIwErALEhEBESsQgJOTkwMTMRITIeBBAOBCMlITI+BTQuBSMhxQHOZZ+VbFEpKVFslZ9l/rUBSztgalJNMh4eMk1RbF87/rUFmhk7a5zh/t7hnGs7GWILIDdegLjmuX9eNyAKAAAAAAEAxQAABBAFmgALAEcAsgAAACuxCQTpsgECACuxBATptAUIAAENK7EFA+kBsAwvsADWsQkK6bAEMrIJAAors0AJAwkrsAoys0AJBwkrsQ0BKwAwMTMRIRUhESEVIREhFcUDS/04AnD9kALIBZpj/gRe/YViAAAAAAEAxQAABBAFmgAJAEAAsgAAACuyAQIAK7EEBem0BQgAAQ0rsQUE6QGwCi+wANaxCQrpsAQysgkACiuzQAkDCSuzQAkHCSuxCwErADAxMxEhFSERIRUhEcUDS/04AnD9kAWaaf3fYv1SAAAAAAEAd//sBHMFrgAcAHAAshsAACuxEgTpsgQCACuxCQTptBYXGwQNK7EWA+kBsB0vsADWsQ0L6bANELEUASuxGQrpshQZCiuzQBQWCSuxHgErsRQNERKyCQQbOTk5sBkRsQcGOTkAsRIbERKwGTmxCRcRErAHObAEEbAGOTAxExEQACEyFwcmIyIGFREUHgIzMjcRJTUhEQYjIHcBDQEi7sAfv8jlyzBjpXCWtP6bAejY9f3RAiEBVgETASQ/eVTn7v6sbKl9QzUB/hdY/UlLAAABAMUAAATuBZoACwA/ALIAAAArsAczsgECACuwBTO0AwoAAQ0rsQME6QGwDC+wANaxCwrpsAIysAsQsQgBK7AEMrEHCumxDQErADAxMxEzESERMxEjESERxYMDIoSE/N4Fmv2oAlj6ZgLd/SMAAAAAAQA9AAACngWaAAsARwCyCAAAK7EJA+mwBTKyAQIAK7EAA+mwAzIBsAwvsArWsQUK6bIFCgors0AFAwkrsAYysgoFCiuzQAoACSuwCDKxDQErADAxEzUhFSMRMxUhNTMRPQJf7vD9oewFP1tb+xtaWgTlAAABACv/7AMpBZoAFgAvALIVAAArsQQF6bILAgArAbAXL7AK1rENCumxGAErALEEFRESsAA5sAsRsAE5MDE/AR4BMzI+AzURMxEUDgUjIisfLG1WX4pMLAyDCRosSWOOWKQlbiEgMEhvYUEDv/w9OV5oUUsyHgAAAAABAMUAAATXBZoADAA8ALIAAAArsAgzsgECACuwBTO0AwsAAQ0rtAMDACIEKwGwDS+wANaxDArpsAIysQ4BKwCxAwsRErAHOTAxMxEzETMBMwkBIwEjEcWDGAK/tP0dAueq/TMYBZr9gQJ//Wr8/ALp/RcAAAEAxQAABDkFmgAFACwAsgAAACuxAwXpsgECACsBsAYvsADWsQMK6bIDAAors0ADBQkrsQcBKwAwMTMRMxEhFcWDAvEFmvrZcwAAAAABAJwAAAa0BZoAGQB9ALIAAAArswsMEhkkFzOyAQIAK7ICCQozMzMBsBovsADWsRkL6bAZELEMASuxCwvpsRsBK7A2Gro/x/qqABUrCrAAELABwLAZELACwLrAPPqIABUrCrAMELAJwLALELAKwAOzAQIJCi4uLi6wQBoAsQEAERKyBQ4WOTk5MDEzEzMBFhUzNDcBMxMjAzUjFAcBIwEmNSMVA5x4kAHrFQgVAemPe4diCBX+NXv+LhUIVgWa+yQzJyczBNz6ZgR7UBc5+4UEeTUdUPuFAAABAMUAAAV5BZoAEQBCALIAAAArsAozsgECACuwCDMBsBIvsADWsREO6bARELEHASuxCg7psRMBK7EHERESsQILOTkAsQEAERKxBg85OTAxMxEzAR4BFTMRMxEjAS4BNSMRxZUDjwgNCHOW/G8HDAgFmvspCy8OBR/6ZgTbCDQQ+tkAAAACAHv/7AVUBa4AEwAjAD0AshAAACuxFwPpsgYCACuxIAPpAbAkL7AA1rEUDemwFBCxGgErsQsN6bElASuxGhQRErMFDxAGJBc5ADAxExE0PgIgHgIVERQOAiAuAjceATMyEjURNC4CIyIAFXtRl/ABKPCYUVCY8P7W8JdQjw/80uD+QXi2b8z+7wIfAVpxyp1dXZ3Kcf6mccmdXFydyUjF6wEI2QFMYq6ETf7uzwAAAAIAxQAABFIFmgAMABsAQgCyAAAAK7IBAgArsRsE6bQLDQABDSuxCwTpAbAcL7AA1rEMCumwDTKwDBCxFQErsQcM6bEdASsAsRsNERKwBzkwMTMRITIeAhUUBiMhGQEhMj4ENTQuAiMhxQGsf6t+Oej5/tcBJTBOUj0xGi5ceVX+2wWaJmCmfvrV/d8CgwobNU54TV6BSB4AAgB7/ocFVAWuABcALABGALITAAArsRsD6bIGAgArsSkD6QGwLS+wANaxGA3psBgQsSMBK7ELDemxLgErsSMYERK0BQYPEw4kFzkAsRsTERKwDjkwMRMRND4CIB4CFREUAgcTIwMGIyIuAjceATMyNwMzEz4BNRE0LgIjIgAVe1GX8AEo8JhRtam8h65SRJXwl1CPD/zSPi/yh+J5gUF4tm/M/u8CHwFaccqdXV2dynH+pq3+6UL+bgFzDlydyUjF6wgCCP4dN+SZAUxiroRN/u7PAAACAMUAAATuBZoADQAYAFgAsgAAACuwCTOyAQIAK7EYBOm0DA4AAQ0rsQwE6bAIMgGwGS+wANaxDQrpsA4ysA0QsRQBK7EFDOmxGgErsRQNERKxCwg5ObAFEbAKOQCxGA4RErAFOTAxMxEhMhYVFAYHASMBIRkBITI+AjU0JiMhxQHT/Om9jwG9mv5c/pgBUlV2Xi2qrP6uBZrI3rjMA/2TAm39kwLPGUB1V7SPAAAAAAEAef/sBHMFrgA4ATsAsjYAACuxBATpshwCACuwHTOxIwPpsCIysyA2HAgrAbA5L7AX1rEoC+mwKBCxHwErsxkfMQ4rsQwL6bAML7ExC+mxOgErsDYauux8wwwAFSsKDrARELAOwLErD/mwLcCwJhoBsSAfLskAsR8gLsmwNhq67GPDFAAVKwoFsCAQsCLAsB8QsB3Auu7SwlkAFSsLsBEQsw8RDhMrsxARDhMrsB0Qsx4dHxMrsCIQsyEiIBMrsCsQsywrLRMrsiwrLSCKIIojBg4REjmyEBEOERI5sA85sh4dHxESObIhIiAREjkAQAkODxARHiErLC0uLi4uLi4uLi4BQAsODxARHR4hIissLS4uLi4uLi4uLi4usEAaAbEoFxESsAE5sAwRsgQcNjk5OQCxBDYRErAAObAgEbMBFygxJBc5MDE/ARYEMzI+BTU0Jy4HNTQ+AjMyFhcHLgEjIg4CFRQXHgUVFA4CIyIkeRZpAQ9ySndMOBsQA+Qng1x5VVk3I1KNs2Z/3H4Zd8l8ZZZTJ89JwYCLUjVSjrJokf7nSmQnOxonOTI6IBC1SQ0jGSwsR1N1RlaGUiouLGQvMS9OVzCaXCA/JkFOhVtglFcrOQAAAAABAE4AAAQ7BZoABwA6ALIGAAArsgECACuxAAXpsAMyAbAIL7AG1rEFCumyBQYKK7NABQMJK7IGBQors0AGAAkrsQkBKwAwMRM1IRUhESMRTgPt/kqDBSdzc/rZBScAAAABAKD/7ASYBZoAEwA3ALIRAAArsQYE6bIBAgArsAozAbAUL7AA1rEDC+mwAxCxCQErsQwI6bEVASuxCQMRErAROQAwMRMRMxEUFjMyNjURMxEUDgIjIACgh83AurF5NHC+hP7y/vwCAAOa/FLRy8jUA678Zn2/jkoBGAAAAQApAAAEoAWaAAcAXACyBwAAK7IAAgArsQEEMzMBsAgvsADWsQEH6bABELEEASuxBQrpsQkBK7A2GrrDDOx+ABUrCrAAELAHwA6wARCwAsAAsAIuAbECBy4usEAaAbEEARESsAY5ADAxEzMBMwEzASMpmAGpDQGkhf4etgWa+tAFMPpmAAAAAAEAKQAAB7oFmgAMAMUAsgwAACuyCAkLMzMzsgACACu0AQMEBgckFzMBsA0vsADWsQEM6bABELEGASuxBwrpsQ4BK7A2GrrCae6bABUrCrAAELAMwA6wARCwAsC6PPrsjwAVKwoFsAMusQECCLACwA6xChL5BbALwLrDJ+wrABUrCrAJLrELCgiwCsAOsQUT+QWwBMC6Pafu1QAVKwqxBAUIsAYQsAXABbAHELAIwAMAsgIFCi4uLgFACQIDBAUICQoLDC4uLi4uLi4uLrBAGgAwMRMzCQEzCQEzASMJASMpjQFlAZOLAZwBYIX+XYz+Y/5slQWa+xAE8PsQBPD6ZgT6+wYAAQApAAAEvAWaAAsAJgCyAAAAK7AIM7ICAgArsAUzAbAML7ENASsAsQIAERKxBAo5OTAxMwkBMwkBMwkBIwkBKQHw/hCoAa4Bnp/+CQH3qP5K/mkC0QLJ/Y8Ccf0v/TcCdf2LAAEAKQAABKwFmgAIADAAsgcAACuyAAIAK7ADMwGwCS+wB9axBgrpsQoBK7EGBxESsAI5ALEABxESsAI5MDETMwkBMwERIxEpogGsAaaP/gCDBZr9GALo/KX9wQJCAAAAAAEAXAAABG0FmgAJAC4AsgAAACuxBwXpsgQCACuxAwXpAbAKL7ELASsAsQcAERKwATmxBAMRErAGOTAxMzUBITUhFQEhFVwDYvzFA+X8oANlWgTXaVv7KWgAAAAAAQC4/uECSgZmAAcANQCwAC+xBQXpsAQvsQEF6QGwCC+wANa0BwcACwQrsAIysQUK6bQHBwALBCuwAzKxCQErADAxExEhFSERIRW4AZL+8QEP/uEHhXD5XHEAAAABALj/HQQhBccAAwAAEzMBI7iDAuZ/Bcf5VgAAAQC4/uECSgZmAAcAPgCwBy+xAAXpsAMvsQQF6QGwCC+wB9awAzK0BgcACwQrsAYQsQEK6bABL7AGELQHBwALBCuwBy+xCQErADAxFyERITUhESG4AQ/+8QGS/m6uBqRw+HsAAAEAuAJWBMUFnAAGABEAsgECACsBsAcvsQgBKwAwMRMBMwEjCQG4Acl5AcuK/oP+gQJWA0b8ugLB/T8AAAEAAP9CBAD/uAADAB0AsAMvtAAFADQEK7QABQA0BCsBsAQvsQUBKwAwMRUhFSEEAPwASHYAAAAAAQCcBGYBdQX+AAMAIgCyAwEAK7QABQAKBCsBsAQvsADWtAIHABMEK7EFASsAMDETMxMHnJFIXgX+/n0VAAAAAAIAbf/pA54EFAAbACgAcwCyFwAAK7IaAAArsR8D6bINAQArsQgD6bQDJBoNDSuxAwPpAbApL7AA1rEcCumwHBCxFwErsQQiMjKxFgbpsSoBK7EcABESsQoLOTmwFxGyCA0aOTk5sBYSsBM5ALEDGhESsBg5sAgRsAo5sA0SsAs5MDETNDYzITU0JiMiByc2MzIeBRURIzUGIyATFBYzMjY3ESEiDgJtzqoBPHF5r78ZwchFbEs1HhEFfaag/pKFf4dBqT/+1UJoOx8BH4qOpndoP1o9EyA2N1BHMf1UUGcBNm5vNx8BTSY9QwAAAgCe/+4EHwWaAA4AFwBVALIAAAArsgsAACuxEQPpsgECACuyBgEAK7EVA+kBsBgvsADWsQ4G6bECDzIysA4QsRMBK7EICumxGQErsRMOERKxBgs5OQCxFRERErIIDQM5OTkwMTMRMxE+ATMgERACIyInFTUWMyARECEiB559NqtgAcPi/ouZjZwBVv6qiaAFmv4WIz398P79/vFcSqJcAboBuFwAAAAAAQBt/+wDlgQUABoAOwCyGAAAK7ERA+myBAEAK7EKA+kBsBsvsADWsQ4K6bEcASsAsREYERKwFjmwChGxCBU5ObAEErAHOTAxEzU0NjMyFhcHJiMiBh0BFBYzMj4BNxcGIyImbfncVbZJGayDrLCxqzJySUQXw5Hd+AGuotXvKyRfVMCumK+/HBsdX0/qAAAAAgCa//AEGQWaAA4AIgBVALIJAAArsgwAACuxFgPpsgYCACuyAwEAK7EdA+kBsCMvsADWsRAL6bAQELEJASuxBRgyMrEIBumxJAErsQkQERKxAww5OQCxHRYRErIABQo5OTkwMRMQEjMyFxEzESM1BiMiAhIUHgQzMjcRLgIjIg4DmtfzlKR9fZya+dOHGzE+UEwslZQuQH88LUtQPjECAAEAARJcAeT6ZlBgAQIBaLSOXkIiDlwCuBofIw4iQV4AAgBt/+wD0QQUABYAHgBgALISAAArsQ0D6bIEAQArsRwD6bQJFxIEDSuxCQPpAbAfL7AA1rEKC+mwFzKwChCxGAErsQcG6bEgASuxGAoRErIEDRI5OTmwBxGxDxA5OQCxDRIRErAQObAJEbAPOTAxEzU0NjMyFh0BIRUUFjMyNxcGIyIuAhMhNTQmIyARbdPf09/9I6yqde0Q5JRupoBDhwJgnZj+1QF119fxzsuoYqGOVF1NKFicAR9olpz+qQAAAQA9AAADgQW4ABsAWACyGgAAK7IBAQArsBUzsQAD6bAXMrAPL7EIA+kBsBwvsBrWsAIysRkG6bAVMrIZGgors0AZFwkrshoZCiuzQBoACSuxHQErALEPARESsAw5sAgRsAs5MDETNTM1ND4CMzIWFwcuASMiDgMVIRUhESMRPccgTIRiWakpFzCYOj1UMhsJAYf+eX0DpFwXbpZsMRoPWg8YHzNdYktc/FwDpAAAAAADAHv+ZgQzBGYAPQBHAFAAyQCyEQEAK7RQAwBQBCuyFwEAK7A4L7FBA+mwRi+xLQPpsCMvtEsDAFAEKwGwUS+wDNaxSAvpsAAg1hGxPgvpsEgQsCgg1hGxBQ7psAUvsSgO6bBIELFOASuxHQvpsEMg1hGwFzOxMgvpsRgK6bFSASuxSAwRErEDCTk5sU4oERJAChQjES04QEFFRkskFzmwHRGwGzkAsUZBERKxMgA5ObAtEbEDKzk5sCMSsQUoOTmwSxGxCSU5ObBQErIbHQw5OTmwERGwFDkwMRc0NjcmNTQ+ATcuATU0PgIzMhYXPgE1Mw4BBxYVFA4DIyInDgEVFBYXNjMyHgIVFA4DIyIuAzcUFiA2NTQmIAYTFBYzMjY1NCB7UlpCFhYWOzxCdpRaS6crGRKDAi4/SixKb3dKlkENGBwRPJNrn4pJMlN+hVVUhX1TMoeeAWygoP6UnjWFmoWa/cJia3smS0QjPB8aHnhmWYJJIykcGUY4TmMXUYBHbEMpEBINSx8XRxQOGkJ+XUtvRSoPDypFb0tvd3dvbXZ1AsF7a3B2+gAAAAEAngAAA/gFmgAWAEcAsgAAACuwDTOyAQIAK7IGAQArsRID6QGwFy+wANaxFgbpsAIysBYQsQ4BK7ENBumxGAErsQ4WERKwBjkAsRIAERKwAzkwMTMRMxE+ATMyHgMVESMRNCYjIgYHEZ59Ob5xS25gOyF9c5VaxzcFmv3rMlsRLE16VP1GArCMfFg1/NUAAAIAngAAARsFmgADAAcAMwCyAAAAK7IFAgArtAQFABQEK7IBAQArAbAIL7AA1rAEMrEDBumwBjKxAwbpsQkBKwAwMTMRMxEDNTMVnn19fQQA/AAExdXVAAAC/wj+ZgEdBZoADAAQAD8Asg4CACu0DQUAFAQrsgYBACuwCi+xAwPpAbARL7AF1rANMrEIBumwDzKxEgErALEDChESsAA5sAYRsAE5MDEDNxYzMjURMxEQISImATUzFfgVhznBf/7RMJMBc3/+k1Qp9ARO+7L+tCEGPtXVAAAAAAEAngAAA+EFmgAMAD4AsgAAACuwCDOyAQIAK7IFAQArtAMLAAUNK7QDAwAiBCsBsA0vsADWsQwG6bACMrEOASsAsQMLERKwBzkwMTMRMxEzATMJASMBIxGefRICALT9wwI9qv32EgWa/I8B1/4Z/ecCBP38AAAAAAEAngAAARsGAAADABwAsgAAACsBsAQvsADWsQMG6bEDBumxBQErADAxMxEzEZ59BgD6AAABAJ4AAAWiBBQAJQBoALIAAAArsRMcMzOyAQEAK7IGAQArsA8zsSEF6bAYMgGwJi+wANaxJQbpsAIysCUQsR0BK7EcBumwHBCxFAErsRMG6bEnASuxHSURErAGObAcEbAMObAUErAPOQCxIQARErEDDDk5MDEzETMVPgEzMh4DFz4BMzIWFREjETQmIyIGBxEjETQmIyIGBxGefUSsSTJQMScUCkDVR41tfT9bOrw3fU1fO6s0BACmSHIXIDUrH0Nzlp39HwLXbmFML/zVAtdqZVs3/OwAAAABAJ4AAAP2BBQAFgBHALIAAAArsA0zsgEBACuyBgEAK7ESA+kBsBcvsADWsRYG6bACMrAWELEOASuxDQbpsRgBK7EOFhESsAY5ALESABESsAM5MDEzETMVPgEzMh4DFREjETQmIyIGBxGefTq9cUxnYzojfXGXW8M4BAB7M1wOK0yBXP1OAqyTeVc0/NMAAAACAGr/7AQZBBQADQAbADoAsgsAACuxEQPpsgQBACuxGAPpAbAcL7AA1rEOC+mwDhCxFAErsQgL6bEdASuxFA4RErELBDk5ADAxEzU0NjMyFh0BFAYjIiY3FBYzMjY9ATQmIyIGFWr62939/d3b+oaynZ+1tp6btAGN5r/i4r/mv+Liv5W2tpXklbi0kwAAAAACAKD+ZgQfBBAADQAdAFsAsgoAACuxEAPpsgoQCiuzQAoACSuyAQEAK7IFAQArsRsD6QGwHi+wANaxDQbpsQIOMjKwDRCxFgErsQcK6bEfASuxFg0RErEFCjk5ALEbEBESsgcMAzk5OTAxExEzFTYzIBEQAiMiJxkBFjM+BDQuAyMiB6B9kZwB1drzlp+djDZYXj8pKUFeWjaYjf5mBZpQYP3w/wD+7lz+HAI+XAETOl6h1qFfOhNcAAAAAAIAbf5mA+4EEgAMAB0AWACyCwAAK7ETA+myCxMKK7NACwcJK7IDAQArsRgD6QGwHi+wANaxDQrpsA0QsQgBK7AVMrEHBumxHwErsQgNERKxAws5OQCxGBMRErEACTk5sAMRsAY5MDETEBIzMhYXESMRBiMgExQeAzMyNxEmIyIOA23Z84DHbn2fo/4+hSlBXlo2ip18qzZaXkEpAgABAAESJiP6nQHqZAIUbKFeOhNcAt03EzpfoQABAJ4AAALFBBQAEAAxALIAAAArsgEBACuyBwEAK7EKBekBsBEvsADWsRAG6bACMrESASsAsQoAERKwAzkwMTMRMxU+AjsBFyMiDgIVEZ59GHmCLFYVUEOEWjkEAOE9dUN0OlNaIf1oAAEAbf/sA6AEFAA4ANQAsjcAACuxAwPpshkBACuxIgPpsx43GQgrAbA5L7AU1rEnBumwJxCxHQErsxkdMQ4rsQsG6bALL7ExBumxOgErsDYasCYaAbEeHS7JALEdHi7JsDYauuwMwzEAFSsKDrAeELAgwLAdELAbwLAbELMcGx0TK7AgELMfIB4TK7IcGx0giiCKIwYOERI5sh8gHhESOQCzGxwfIC4uLi4BsxscHyAuLi4usEAaAbEnFBESsAE5sAsRtAMQGS03JBc5ALEDNxESsAA5sB4RswEUJzEkFzkwMT8BFjMyPgU1NCcuBTU0PgIzMh4BFwcuAiMiDgIVFBYXHgUVFA4DIyJtEO6bOls6KhULAnUsiXR+VzlAc5BYTZdNPBlASIZIT3U7GzsxLpJzgFU4K0ZtbEjIM1pLDhQgGycXEWc2FCQXLjtsSUxwQR8YFxRWFhUWJz4/IDNJFBEkGTE+bUpDYTghCwABADv/7AMMBR8AFgBYALISAAArsQsD6bIBAQArsAUztAADAH0EK7AHMgGwFy+wFdawAjKxCQbpsAQysgkVCiuzQAkHCSuyFQkKK7NAFQAJK7EYASsAsQsSERKwEDmwABGwDzkwMRM1MxE3ESEVIREUMzI+ATcXBiMiJjURO8F9AYX+e74zTSQZGFeMmZQDsFABCBf+4VD9i/UMDAxRLZ6nAn8AAAEAnv/uA/gEAAAVAEcAsg0AACuyEQAAK7EGA+myAQEAK7AKMwGwFi+wANaxAwbpsAMQsQ0BK7AJMrEMBumxFwErsQ0DERKwETkAsQEGERKwDjkwMRMRMxEUFjMyNjcRMxEjNQ4BIyIuAp59cZdbwjt9fTy+cV2AZTABPwLB/VSTeVY1Ay38AHszWhxJhwAAAAEAKQAAA9sEAAAHACEAsgcAACuyAAEAK7AEMwGwCC+xCQErALEABxESsAI5MDETMwEzATMBIymRAVAIAUKH/oGwBAD8TAO0/AAAAAABADMAAAYQBAAADgBMALIKAAArsA0ztAYDAGcEK7ACMrIAAQArsQQIMzMBsA8vsADWsQEN6bABELEIASuxCQrpsRABK7EIARESsQoOOTkAsQAGERKwDDkwMRMzEzMBMwEzEzMBIwkBIzOQ8QgBPIUBFAnxhf7TqP78/r2SBAD8UAOw/E4DsvwAA678UgAAAAABACkAAAPlBAAACwAmALIAAAArsAgzsgIBACuwBTMBsAwvsQ0BKwCxAgARErEECjk5MDEzCQEzCQEzCQEjCQEpAYX+e54BTQE+k/5tAZOd/qz+ygICAf7+OQHH/fb+CgGw/lAAAQAp/ikEFwQAABsAKwCyAAEAK7AIM7APL7EUBOkBsBwvsR0BKwCxFA8RErARObAAEbEEEjk5MDETMwEWFzM2NwEzAQYHDgEjIic3FjMyNj8BLgEnKZgBZCMECAYfASV5/qNARyd8ZXhnHmRNRFUjXB8+DQQA/LZWJyVYA0r8LbSYVGQxXCk7U+UFMCEAAAAAAQBqAAADsAQAAAkALgCyAAAAK7EHA+myBAEAK7EDA+kBsAovsQsBKwCxBwARErABObEEAxESsAY5MDEzNQEhNSEVASEVagKk/YMDH/1eAqBIA15aSPyiWgAAAAABALj+4QKJBmYAIgBwALAcL7QZBQAzBCuwAC+0AQUAMwQrsAsvtAgFADQEKwGwIy+wHtawBTKxFgrpsA4yshYeCiuzQBYbCSuwCTKyHhYKK7NAHgEJK7EkASuxFh4RErASOQCxABkRErEVHjk5sAERsBI5sAsSsQYPOTkwMRM1MzI2NRE0OwEVIyIGFREUBgceARURFBY7ARUjIjURNCYjuDQZNOJuaiw3IygvHDcsam7iMhkCiXkxMQIf43g1Lv3LNzcdI1tw/d8uNHn0AlIxMQAAAAEAuP4AATsGAAADABcAAbAEL7AA1rEDCumxAwrpsQUBKwAwMRMRMxG4g/4ACAD4AAAAAAABALj+4QKJBmYAJABlALAkL7QABQAzBCuwHC+0GQUAMwQrsBEvtBIFADQEKwGwJS+wBNawDDKxIArpsBUysgQgCiuzQAQkCSuwETKxJgErsSAEERKwCDkAsRwAERKxBSA5ObAZEbAIObARErEMFTk5MDEXMzI2NRE0NjcuAjURNCYrATUzMhURFBY7ARUjIgYVERQGKwG4ayw2HC4bGRY2LGtv4TQYNTcYMm9yb6Y0LgIhb1wjFBs2JgI1LjV44/3hMTF5MTH9rnV/AAABALgDCgSyBCcAHwBAALIPAQArsgUBACu0HAUAIAQrsBcvsB8ztAoFACAEKwGwIC+xIQErALEKFxESsQAaOTmxBRwRErIIEBI5OTkwMRM+AzMyHgIzMj4CNxcOBSMiLgIjIgYHuA0pVmcuNG1Qdz4rWEUcCkUBGR83O1ErPXZRbjY9kiQDZA8pSjErNCsqQx8OUAEmKTYqHSw0LGEpAAAAAQC4/+wFdQWuADYAgACyLwAAK7A2M7EnBemyCgIAK7EVBOmxMy8QIMAvsSIF6bQFBC8KDSuwHjOxBQPpsBwyAbA3L7AC1rAGMrEgCumwGzKyIAIKK7NAIB4JK7ICIAors0ACBAkrsTgBKwCxIicRErICIC05OTmxBS8RErAsObAVEbARObAKErAQOTAxNzY3ESM1MzU0JDMyHgIfAQcuAiMiDgMdASEVIRE2Mx4DMzI+AjcXBiMiLgEjIgYHuElheXkBCdI9g2pTGxsjA3DIVTJfWkQpAnf9iUVHL25UdDYyalMwDjy1tDuUo0xjwEhCNy0CPViuzvcRGRcJCloDIyYYOFF8TKhY/eAQASQrIyg7Kg9Owjs7QDQAAAACALgEpgKLBaAAAwAHADwAsgECACuwBTO0AAUAEQQrsAQysgECACu0AAUAEQQrAbAIL7AA1rEDB+mwAxCxBAErsQcH6bEJASsAMDETNTMVMzUzFbicnJsEpvr6+voAAAADALj+ZggABa4ACQAVADMAeQCyLwAAK7EoA+myAwIAK7ETA+myGgEAK7EhA+mwCC+xDQPpAbA0L7AB1rEKDumwChCxFgErsSUO6bAlELEQASuxBg7psTUBK7EQJREStwgNAxMaHSwvJBc5ALEoLxESsCw5sCERtwABBgUQCh4rJBc5sBoSsB05MDE2EAAhIAAQACEgARAAISAAERAAISAAATU0NjMyFhcHLgEjIgYdARQWMzI2NxcOASMiLgK4AdEB0wHSAdL+Lv4u/i3+pAGWAZkBnQGS/m3+ZP5l/mwBjdD5VohXGFl7ScOZmsJJflgWWIhVgK9rL0cDhgHh/h78fP4eA6T+Yf5YAacBoAGdAa3+U/4RlPLnGB1YIBmz0pTCshkgVB8aNnOnAAACALgAagOTA8EABQALAAATATMJASMDATMJASO4ATp7/tcBKYENATx4/tcBKYECAgG//kX+ZAGYAb/+Rf5kAAAAAQC4AmYDHwLbAAMAKACwAC+0AQUANQQrtAEFADUEKwGwBC+xAAErtAMHAAcEK7EFASsAMDETNSEVuAJnAmZ1dQAAAAAEALgB1QSeBa4ACAAUACIALgC3ALICAgArtBIDADkEK7AHL7QMAwA5BCuwIS+wHTO0IwMAIgQrsiEjCiuzQCEVCSuwHjKwLi+0FgMAIgQrAbAvL7AA1rQJDgCMBCuwCRCxFQErtCIOABkEK7AjMrAiELEqASu0Gg4AGQQrsBoQsQ8BK7QFDgCMBCuxMAErsSoiERK1BwwSAiAdJBc5sBoRsB85sA8SsB45ALEhDBESsAU5sCMRsgkPADk5ObAuErAaObAWEbAEOTAxExAhMgQQBCMgExQWMzI2NTQmIyIGExEzMhYVFAYHFyMnIxURMzI+AzU0JisBuAHy8wEB/v/z/g5lw8rOwcDPy8LXumZlVT25WKprfRoeJxUPQ0B9A8EB7fP+DPIB7NXPztbV0NH+DQJFUlhJUgL+/v4BLwIMFioeSC0AAAAAAQC4BGgBkQYAAAMAIACwAy+0AQUACgQrAbAEL7AA1rQCBwATBCuxBQErADAxGwEzA7hGk4EEdwGJ/mgAAgC4AGoDkwPBAAUACwAANwkBMwkBMwkBMwkBuAEp/td5ATz+yqgBKf7XeQE7/stqAZwBu/5B/mgBnAG7/kH+aAAAAAABALgEqgKTBeEABgArALAAL7ADM7QBBQAOBCsBsAcvsADWtAMHAAkEK7EIASsAsQEAERKwBTkwMRsBMxMjJwe4rH+wf25zBKoBN/7J9PQAAAEAuAT2AykFogAUAEAAsgICACuwCTOxEAPpswUCEAgrsQ0D6QGwFS+wANa0CgcABwQrsRYBKwCxEA0RErAUObAFEbAAObACErAKOTAxEzYzMhYzMj4BNxcOASMiJiMiDgEHuGhZNYspJEggGCMYdzgujS4mSCAaBUxWTh8YFUQgRk4aFhQAAAADALAAAAP8BzkACwAPABMAbQCyAAAAK7EJBOmyAQIAK7EEBOm0BQgAAQ0rsQUD6bAML7AQM7QNBQARBCuwETIBsBQvsADWsQkK6bAEMrIJAAors0AJAwkrsAoys0AJBwkrsAkQsQwBK7EPB+mwDxCxEAErsRMH6bEVASsAMDEzESEVIREhFSERIRUBNTMVMzUzFbADTP03AnH9jwLJ/YGcm5wFmmP+BF79hWIGP/r6+voAAAACACkAAASwBZoABwAKACwAsgAAACuwAzOyAQIAK7QGCAABDSuxBgPpAbALL7EMASsAsQEIERKwCjkwMTMBMwEjAyEDEyEBKQH0pAHvjZT9uZSuAhP++AWa+mYBtv5KAhIDFQAAAgDFAAAETgWaABEAHQBRALIAAAArsRID6bIBAgArsQQE6bQFHQABDSuxBQPpAbAeL7AA1rESCumwBDKyEgAKK7NAEgMJK7ASELEYASuxCwzpsR8BKwCxHRIRErALOTAxMxEhFSERITIeAhUUDgMjJSEyPgI0LgIjIcUDCv15AUN/smYsFDpipXD+vwErUXZaLS1adlH+1QWaZf4rOnSZaUl0dU4wXiBLhsKGSyAAAAADAMUAAARSBZoAEQAdACkAawCyAAAAK7ESA+myAQIAK7EpA+m0Hh0AAQ0rsR4D6QGwKi+wANaxEgrpsB4ysBIQsRYBK7ELDOmzBQsWCCuxJQzpsCUvsQUM6bErASuxJRIRErAIOQCxHRIRErALObAeEbAIObApErAFOTAxMxEhMhYVFAYHHgEVFA4DIyUhMjY1NC4DIyE1ITI+AzU0JiMhxQHdocFcVnmHGUBmo2v+wwEvpakoQVpaMf7RAUkhO0AtHXVx/rcFmquldqAgLryOSXVrSCtckbFHb0UtEVwMJDplQnWEAAAAAQDFAAADxwWaAAUALACyAAAAK7IBAgArsQQF6QGwBi+wANaxBQrpsgUACiuzQAUDCSuxBwErADAxMxEhFSERxQMC/YEFmmn6zwAAAAIAPf5mBVwFmgASAB4AygCyEAAAK7ETBOmxAAsyMrIQEwors0AQEgkrsA0ysgkCACuxFgXpAbAfL7AA1rEQCumxEQ7psBAQsQcBK7EYCOmwGBCxFAErsQsK6bALELEOASuxDQ7psQwK6bEgASuwNhq6P7L5xgAVKwoOsAQQsAbAsRsU+bAZwLAEELMFBAYTK7AbELMaGxkTK7IFBAYgiiCKIwYOERI5shobGRESOQC1BAUGGRobLi4uLi4uAbUEBQYZGhsuLi4uLi6wQBoBsQcQERKwEzkAMDE3Mz4EEjY1IREzAyMRIQMjEyERIQ4HPW0sRywgDwgBAzekFG/76BNx7AMM/cUBBAMMER8pPmQ6razysQEHhnP6yv4CAZr+ZgH+BM0Yv3DUksWRlQAAAAABAMUAAAQQBZoACwBHALIAAAArsQkE6bIBAgArsQQE6bQFCAABDSuxBQPpAbAML7AA1rEJCumwBDKyCQAKK7NACQMJK7AKMrNACQcJK7ENASsAMDEzESEVIREhFSERIRXFA0v9OAJw/ZACyAWaY/4EXv2FYgAAAAABACsAAAZcBZoAFQBLALIAAAArsQ0RMzOyAgIAK7EGCjMztAQUAAINK7APM7QEAwAiBCuwCDIBsBYvsBLWsAUysREK6bAHMrEXASsAsQQUERKxAQw5OTAxMwkBMwEzETMRMwEzCQEjASMRIxEjASsCPf3FoAIcEYMQAhui/cICUJf9xg6DEf3cAwgCkv2DAn39gwJ9/W78+AL0/QwC9P0MAAAAAAEAd//sBD8FrgAwAHAAsi0AACuxBgTpshwCACuxFQTptA8OLRwNK7EPA+kBsDEvsAvWsSgN6bMhKAsIK7ETDOmwEy+xIQzpshMhCiuzQBMPCSuxMgErALEGLRESsAA5sA4RsQEoOTmwDxKwIzmwFRGxGCE5ObAcErAZOTAxPwEeAzMyPgI1ECEjNTMyNjUQISIGByc+ATMyHgIVFAceAxUUDgIjIi4BdxQFaVWNQF+Obzn+Uo24gq/+z1/PSR5K3HFpnHg971NwWCpPmb1/VcprPWsBJRkZHUJ3VQFcWouDAQ0xH2AhMSJPi2T9PxY5XoxicZ5XJSYgAAAAAAEAxQAABTMFmgAJAEgAsgAAACuwBjOyAQIAK7AEMwGwCi+wANaxAwrpsAMQsQcBK7EGCumxCwErsQMAERKwCTmxBgcRErAEOQCxAQARErEDCDk5MDEzETMRATMRIxEBxYMDaoGD/JQFmvsrBNX6ZgTV+ysAAgDFAAAFMwcOAAkAJQB8ALIAAAArsAYzsgECACuwBDOwIC+0EwMAfQQrshMgCiuzQBMaCSuwCzIBsCYvsADWsQMK6bADELEKASuxDA7psAwQsQcBK7EGCumzGwYHCCuxGQ7psBkvsRsO6bEnASuxGQARErEJIDk5sBsRsAQ5ALEBABESsQMIOTkwMTMRMxEBMxEjEQETNTMUHgQyPgQ1MxUUDgIjIi4DxYMDaoGD/JQmcQURKUBtjmw/KREFc1GFhkg2aXVXOQWa+ysE1fpmBNX7KwblKRMcLiAgEREfIS0dEyk+WCwTCh4tTgABAMUAAATXBZoADAA8ALIAAAArsAgzsgECACuwBTO0AwsAAQ0rtAMDACIEKwGwDS+wANaxDArpsAIysQ4BKwCxAwsRErAHOTAxMxEzETMBMwkBIwEjEcWDGAK/tP0dAueq/TMYBZr9gQJ//Wr8/ALp/RcAAAEAO//sBLoFmgAXAEIAsggAACuyFQAAK7QCBQA0BCuyBQIAK7EKBekBsBgvsAXWsQwO6bAMELEIASuxBwrpsRkBK7EMBRESsQ0OOTkAMDE3FjM2EhEhESMRIQ4JIyInOxsjkoIDLYP9xwEDBg0THSU0P1IvKSFqBgMCkwKg+mYFL1eNxqLBmZ5zXDAIAAAAAAEAnAAABrQFmgAZAH0AsgAAACuzCwwSGSQXM7IBAgArsgIJCjMzMwGwGi+wANaxGQvpsBkQsQwBK7ELC+mxGwErsDYauj/H+qoAFSsKsAAQsAHAsBkQsALAusA8+ogAFSsKsAwQsAnAsAsQsArAA7MBAgkKLi4uLrBAGgCxAQARErIFDhY5OTkwMTMTMwEWFTM0NwEzEyMDNSMUBwEjASY1IxUDnHiQAesVCBUB6Y97h2IIFf41e/4uFQhWBZr7JDMnJzME3PpmBHtQFzn7hQR5NR1Q+4UAAAEAxQAABO4FmgALAD8AsgAAACuwBzOyAQIAK7AFM7QDCgABDSuxAwTpAbAML7AA1rELCumwAjKwCxCxCAErsAQysQcK6bENASsAMDEzETMRIREzESMRIRHFgwMihIT83gWa/agCWPpmAt39IwAAAAACAG//7AVIBa4AEwAiAD0AshAAACuxFwPpsgYCACuxHwPpAbAjL7AA1rEUDemwFBCxGgErsQsN6bEkASuxGhQRErMGDxAFJBc5ADAxExE0PgIgHgIVERQOAiAuAjceATMyEjURNC4BIyIAFW9Rl/ABKPCYUVCY8P7W8JdQjw/80uD9btyTzP7vAh8BWnHKnV1dncpx/qZxyZ1cXJ3JSMXrAQfaAUyE2IX+7s8AAQDFAAAFEgWaAAcALwCyAAAAK7ADM7IBAgArsQYF6QGwCC+wANaxBwrpsAcQsQQBK7EDCumxCQErADAxMxEhESMRIRHFBE2D/LkFmvpmBTH6zwAAAgDFAAAEUgWaAAwAGwBCALIAAAArsgECACuxGwTptAsNAAENK7ELBOkBsBwvsADWsQwK6bANMrAMELEVASuxBwzpsR0BKwCxGw0RErAHOTAxMxEhMh4CFRQGIyEZASEyPgQ1NC4CIyHFAax/q3456Pn+1wElME5SPTEaLlx5Vf7bBZomYKZ++tX93wKDChs1TnhNXoFIHgABAHf/7AQfBa4AGgC1ALIZAAArsBgzsREF6bIDAgArsQsF6bMVGQMIKwGwGy+wANaxDwvpsA8QsRYBK7EcASuwNhqwJhoBsRUWLskAsRYVLsmwNhq6E/PDMAAVKwoOsBUQsBPABbAWELAYwLoTe8MJABUrC7ATELMUExUTK7AYELMXGBYTK7IUExUgiiCKIwYOERI5shcYFhESOQCyExQXLi4uAbMTFBcYLi4uLrBAGgEAsQsVERKwBzmwAxGwBjkwMRMRECEyFhcHLgIjIgYVERAhMj4BNxcOASMgdwIrW650H1JafDbdxwGkNoFSVx1zr1v91QIjAVQCNykpaBwcGObp/rD+MRoZHWkoKQAAAAEATgAABDsFmgAHADoAsgYAACuyAQIAK7EABemwAzIBsAgvsAbWsQUK6bIFBgors0AFAwkrsgYFCiuzQAYACSuxCQErADAxEzUhFSERIxFOA+3+SoMFJ3Nz+tkFJwAAAAEAKf/sBKAFmgAYAC0AsgwAACuxEgTpsgACACuwBDMBsBkvsRoBKwCxEgwRErAPObAAEbECEDk5MDETMwEzATMBDgQjIiYnNxYzMjY3LgEnKZUBwwgBlIP+UiIwQD5VM1asMh+BjUJWLRI2DAWa+9kEJ/usTFxgMiAjFGQ5V2cFNB8AAAMAdwAABi0F2QAXACEAKwBdALITAAArsBUvsBAzsRsD6bAiMrAeL7AqM7EEA+mwCDKyBB4KK7NABAYJKwGwLC+wANaxGAzpsBgQsRMBK7EFHDIysRIK6bEHIjIysBIQsSYBK7ENDOmxLQErADAxEzU0JDsBNTMVMyAEHQEUACsBFSM1IyIANxQWOwERIyIGFQEzMjY9ATQmKwF3AQb+lYOUAP8BB/73/ZSDlf3++Y29wI+PwbwCj5DCu7zBkAK6d/r8srL9+Xf0/v/FxQEB4sa/A6bBxP3fv8acxMEAAAAAAQApAAAEvAWaAAsAJgCyAAAAK7AIM7ICAgArsAUzAbAML7ENASsAsQIAERKxBAo5OTAxMwkBMwkBMwkBIwkBKQHw/hCoAa4Bnp/+CQH3qP5K/mkC0QLJ/Y8Ccf0v/TcCdf2LAAEAxf53BYsFmgALAEwAsgAAACuxAwTpsAcysgADCiuzQAAKCSuyAQIAK7AFMwGwDC+wANaxAwrpsAMQsQQBK7EHCumwBxCxCgErsQkO6bEICumxDQErADAxMxEzESERMxEzAyMRxYMDHIOkEHMFmvrKBTb6yv4TAYkAAAABAJwAAAQpBZoAFgBBALIOAAArsgECACuwCzO0EQgOAQ0rsREF6QGwFy+wANaxAwrpsAMQsQ4BK7AKMrENCumxGAErsQ4DERKwETkAMDETETMRFB4CMzI3ETMRIxEGIyIuA5yDJVFoT9eDg4PBnUp2ckwuA4ECGf3rUms4FQwDE/pmAh0NEjFQhQAAAAEAxQAABo8FmgALAD8AsgAAACuxAwTpsAcysgECACuxBQkzMwGwDC+wANaxAwrpsAMQsQQBK7EHCumwBxCxCAErsQsK6bENASsAMDEzETMRIREzESERMxHFgwIghAIggwWa+soFNvrKBTb6ZgAAAAABAMX+dwczBZoADwBbALIAAAArsQME6bEHCzIysgADCiuzQAAOCSuyAQIAK7EFCTMzAbAQL7AA1rEDCumwAxCxBAErsQcK6bAHELEIASuxCwrpsAsQsQ4BK7ENDumxDArpsREBKwAwMTMRMxEhETMRIREzETMDIxHFgwIghAIgg6QScQWa+soFNvrKBTb6yv4TAYkAAgA7AAAE4wWaAAwAGgBWALILAAArsQ0D6bIBAgArsQAE6bQFGAsBDSuxBQTpAbAbL7AL1rENCumwAjKwDRCxEwErsQgM6bEcASuxEw0RErAFOQCxGA0RErEHCDk5sAURsAM5MDETNyERNjMyFhAGIyEREyEyPgI1NC4CIyIHOw0Bkbly/OPh/v5SgwElVHldLi5deVSJnAU5Yf22Hdb+OtEFOfsjIEyIZGOISyAYAAADAMUAAAWqBZoACwAZAB0AUACyAAAAK7AaM7EMA+myGwIAK7QHDwAbDSuxBwTpAbAeL7AU1rEEDemwBBCxGgErsR0K6bEfASsAsQ8MERKwBDmwBxGwCTmwGxKxCgs5OTAxMyEyNjU0JiMiBxEjExE2MzIeAhUUDgIjBREzEcUBrP7j5fxwuYODnIZUeV0vLl15VQK9g9Li49YdAkr6wgKWGCBLiGNkiEwgXAWa+mYAAAIAxQAABFIFmgALABkAUACyAAAAK7EMA+myAQIAK7QFFwABDSuxBQTpAbAaL7AA1rEMCumwAjKwDBCxEgErsQgN6bEbASuxEgwRErAFOQCxFwwRErAIObAFEbADOTAxMxEzETYzMhYVFAYjJSEyPgI1NC4CIyIHxYO5cPzl4/7+1wEiVXldLi9deVSGnAWa/bYd1uPi0lwgTIhkY4hLIBgAAAAAAQBQ/+wECAWuAB8AWgCyHgAAK7EDBOmyGAIAK7ETBem0DAseGA0rsQwD6QGwIC+wCdawDTKxGwzpsgkbCiuzQAkLCSuxIQErALEDHhESsAA5sAsRsAE5sRMMERKwFTmwGBGwFjkwMT8BFjMyPgM9ASE1ITUuAyMiByc2MyAZARAAISJQH8GpTHdtSCr9zQIzAUV3lVqFxx+5vAIv/t7+89I9ZVIeUILSjDFaGYrNdThOZFL9yf6s/vX+1AACAMX/7AaYBa4AGwArAGMAsgAAACuyFAAAK7EhBOmyAQIAK7IKAgArsSgE6bQDGhQKDSuxAwPpAbAsL7AA1rEbCumwAjKwGxCxGAErsAQysRwM6bAcELEkASuxDw3psS0BK7EkHBESswoTFAkkFzkAMDEzETMRITU0PgIgHgIVERQOAiAuAj0BIREBFB4CMzI2NRE0JiMiBhXFgwEIQ4TVARLUg0NDg9T+7tWEQ/74AZU0Y55jwtPTwr7aBZr9jXlxvJBRUZLBdP5qdcCQT0+OvHHV/TUB7FeWckHrtQHCtevtswACAJ4AAASJBZoADAAUAFsAsgkAACuwBDOyAgIAK7ETBem0BxAJAg0rsQcD6bAKMgGwFS+wANawCTKxDgzpsA4QsQUBK7ARMrEECumxFgErsQUOERKxCAo5OQCxEAcRErALObATEbAAOTAxExApAREjESEBIwEuARIQFjMhESEingHpAgKD/rL+h5sBj8vKja2rAYP+fasD9AGm+mYCTP20AlIE3wFv/piSAokAAgBt/+kDngQUABsAKABzALIXAAArshoAACuxHwPpsg0BACuxCAPptAMkGg0NK7EDA+kBsCkvsADWsRwK6bAcELEXASuxBCIyMrEWBumxKgErsRwAERKxCgs5ObAXEbIIDRo5OTmwFhKwEzkAsQMaERKwGDmwCBGwCjmwDRKwCzkwMRM0NjMhNTQmIyIHJzYzMh4FFREjNQYjIBMUFjMyNjcRISIOAm3OqgE8cXmvvxnByEVsSzUeEQV9pqD+koV/h0GpP/7VQmg7HwEfio6md2g/Wj0TIDY3UEcx/VRQZwE2bm83HwFNJj1DAAACAIn/2QQ3BhQAJAAyALMAsCEvsSgD6bAvL7EYA+kBsDMvsADWsSUK6bEVDumwJRCxKwErsRwK6bE0ASuwNhq6D83B+wAVKwoOsAQQsAjAsREO+bAQwLAEELMFBAgTK7MGBAgTK7MHBAgTK7IFBAggiiCKIwYOERI5sAY5sAc5ALYEBRARBgcILi4uLi4uLgG2BAUQEQYHCC4uLi4uLi6wQBoBsSslERKyGCAhOTk5sBwRsQwNOTkAsS8oERKwFTkwMRMRNDY3JT4FNxcOAQcFDgEdAT4BMzIWHQEUDgIiLgI3FBYzMjY9ATQmIyIGFYmOnQFYHxYzFh8PAlYGRS3+SWh7GNKRz+83b7jyuG83hbWdm7e3m5e7AYkCGbHTKFoHBhANFhsRNzdGDHEasHPydqvOzrxXlHZDQ3iZUpW1uZG4kLbmmQAAAwCeAAAD1wQAAA8AGAAgAG4AsgAAACuxEAPpsgEBACuxIAPptBkYAAENK7QZAwBQBCsBsCEvsADWsRAG6bAZMrAQELEUASuxCQrpswUJFAgrsRwK6bAcL7EFCumxIgErsRQcERKwBzkAsRgQERKwCTmwGRGwBzmwIBKwBTkwMTMRITIWFRQHFhUUDgMjJSEyNjU0JiMhNSEyNTQmIyGeAa6Um4HdJ0JrdFD+3AEcloWFlP7iARy/XmH+5AQAboyRRCrgSWtAJg1SX3hmYUnFU10AAAABAJ4AAAMOBAAABQAsALIAAAArsgEBACuxBAXpAbAGL7AA1rEFBumyBQAKK7NABQMJK7EHASsAMDEzESEVIRGeAnD+DQQAaPxoAAAAAgA9/rgEZgQAABAAGQDBALIOAAArsRED6bEACTIysg4RCiuzQA4QCSuwCzKyBwEAK7EUA+kBsBovsBDWsQ8O6bAPELEHASuxFAjpsBQQsRIBK7EJBumzDAkSCCuxCw7psRsBK7A2Gro/IPVyABUrCg6wAxCwBcCxGA75sBbAsAMQswQDBRMrsBgQsxcYFhMrsgQDBSCKIIojBg4REjmyFxgWERI5ALUDBAUWFxguLi4uLi4BtQMEBRYXGC4uLi4uLrBAGgGxBw8RErAROQAwMTczPgISNjUhETMDIxEhAyMTIREhFA4DPWE1SiMUAgKYeA5s/MwObeICUv5eBBMjRVo4uqsBAo55/Fr+XgFI/rgBogNQZobMmrMAAAACAG3/7APRBBQAFgAeAGAAshIAACuxDQPpsgQBACuxHAPptAkXEgQNK7EJA+kBsB8vsADWsQoL6bAXMrAKELEYASuxBwbpsSABK7EYChESsgQNEjk5ObAHEbEPEDk5ALENEhESsBA5sAkRsA85MDETNTQ2MzIWHQEhFRQWMzI3FwYjIi4CEyE1NCYjIBFt09/T3/0jrKp17RDklG6mgEOHAmCdmP7VAXXX1/HOy6hioY5UXU0oWJwBH2iWnP6pAAABACkAAAVUBAAAFQBLALIAAAArsQ0RMzOyAgEAK7EGCjMztAQUAAINK7APM7QEAwAiBCuwCDIBsBYvsBLWsAUysREG6bAHMrEXASsAsQQUERKxAQw5OTAxMwkBMwEzETMRMwEzCQEjASMRIxEjASkB0f4xngGmEn0UAaKg/jMBy57+XhR9Ev5WAhQB7P4jAd3+IwHd/hT97AIG/foCBv36AAAAAAEAbf/sA6wEFAA2AHMAsjUAACuxBQPpsiMBACuxHAPptBIRNSMNK7QSAwB9BCsBsDcvsAjWsS8L6bMmLwgIK7EZCumwGS+xJgrpshkmCiuzQBkSCSuxOAErALEFNRESsAA5sBERsQEvOTmwEhKwKDmwHBGxHyY5ObAjErAgOTAxPwEeAjMyNjU0LgUrATUzMj4DNTQmIyIGByc+ATMyFhUUBx4FFRQOAyMibR4NVpY9r7UCDRcvQmlC19EXMkw5Ko6GPLU2HzzMSMvEriYxQyopEzRVf4dStT1WCCMmfXARGjImLR0UUAUWJEYvTlwzGlYbMmmMljcMEyEpOlAyS3JHLBEAAQCeAAAEDgQAAAkASACyAAAAK7AGM7IBAQArsAQzAbAKL7AA1rEDBumwAxCxBwErsQYG6bELASuxAwARErAJObEGBxESsAQ5ALEBABESsQMIOTkwMTMRMxEBMxEjEQGefwJ7dn39gwQA/LYDSvwAA0j8uAACAJ4AAAQOBaQACQAhAH0AsgAAACuwBjOyAQEAK7AEM7AgL7EUA+myFCAKK7NAFAsJK7AZMgGwIi+wANaxAwbpsAMQsAwg1hGxCg7psAovsQwO6bADELEHASuxBgbpsBkg1hGxGw7psSMBK7EMChESsAk5sBkRsCA5sBsSsAQ5ALEBABESsQMIOTkwMTMRMxEBMxEjEQEDNTMUFx4EMzI+AjUzFRQOAiMgnn8Ce3Z9/YM/cwYBBB4zakpUcjYUc0d6e0f+fQQA/LYDSvwAA0j8uAV7KR8OEBQsGxYeNjcjKUBaLRIAAAAAAQCeAAAD4QQAAAwAMACyAAAAK7AIM7IBAQArsAUzAbANL7AA1rEMBumwAjKxDgErALEBABESsQMKOTkwMTMRMxEzATMJASMBIxGefQgCCrT9wwI9qv3sCAQA/jMBzf4Z/ecB+v4GAAABADv/9AP4BAAAGQA7ALIXAAArsAozsQIF6bIIAQArsQ0D6QGwGi+wB9axDw7psA8QsQsBK7EKBumxGwErsQ8HERKwEDkAMDE3FjMyPgESNjUhESMRIRQOByMiJzs0CDpaMyELAo59/lwCBw0ZIjNBWDUZIG8JeLkA/+qA/AADqE5zpHuTa2tCKQwAAAEAnAAABZYEAAAMAIkAsgAAACuzBgcJDCQXM7IBAQArsAUzAbANL7AA1rEMCumwDBCxBwErsQYK6bEOASuwNhq6P8r6zwAVKwqwABCwAcAOsAwQsAvAusAz+vYAFSsKDrAHELAIwAWwBhCwBcADALEICy4uAbMBBQgLLi4uLrBAGrEHDBESsQIEOTkAsQEAERKwAzkwMTMTMwkBMxMjAwEjAQOcYosBkAGNi2WEQ/6Pj/6TRQQA/GIDnvwAA1D8sANQ/LAAAAAAAQCeAAAD/gQAAAsAPwCyAAAAK7AHM7IBAQArsAUztAMKAAENK7EDA+kBsAwvsADWsQsG6bACMrALELEIASuwBDKxBwbpsQ0BKwAwMTMRMxEhETMRIxEhEZ5/AmJ/f/2eBAD+UAGw/AAB8v4OAAAAAAIAav/sBBkEFAANABsAOgCyCwAAK7ERA+myBAEAK7EYA+kBsBwvsADWsQ4L6bAOELEUASuxCAvpsR0BK7EUDhESsQsEOTkAMDETNTQ2MzIWHQEUBiMiJjcUFjMyNj0BNCYjIgYVavrb3f393dv6hrKdn7W2npu0AY3mv+Liv+a/4uK/lba2leSVuLSTAAAAAAEAngAAA+wEAAAHAC8AsgAAACuwAzOyAQEAK7EGA+kBsAgvsADWsQcG6bAHELEEASuxAwbpsQkBKwAwMTMRIREjESERngNOf/2wBAD8AAOm/FoAAAIAoP5mBB8EEAANAB0AWwCyCgAAK7EQA+myChAKK7NACgAJK7IBAQArsgUBACuxGwPpAbAeL7AA1rENBumxAg4yMrANELEWASuxBwrpsR8BK7EWDRESsQUKOTkAsRsQERKyBwwDOTk5MDETETMVNjMgERACIyInGQEWMz4ENC4DIyIHoH2RnAHV2vOWn52MNlhePykpQV5aNpiN/mYFmlBg/fD/AP7uXP4cAj5cARM6XqHWoV86E1wAAAAAAQBt/+wDlgQUABoAOwCyGAAAK7ERA+myBAEAK7EKA+kBsBsvsADWsQ4K6bEcASsAsREYERKwFjmwChGxCBU5ObAEErAHOTAxEzU0NjMyFhcHJiMiBh0BFBYzMj4BNxcGIyImbfncVbZJGayDrLCxqzJySUQXw5Hd+AGuotXvKyRfVMCumK+/HBsdX0/qAAAAAQA9AAADjwQAAAcAOgCyBgAAK7IBAQArsQAE6bADMgGwCC+wBtaxBQbpsgUGCiuzQAUDCSuyBgUKK7NABgAJK7EJASsAMDETNSEVIREjET0DUv6YfwOeYmL8YgOeAAAAAQAp/ikEFwQAABsAKwCyAAEAK7AIM7APL7EUBOkBsBwvsR0BKwCxFA8RErARObAAEbEEEjk5MDETMwEWFzM2NwEzAQYHDgEjIic3FjMyNj8BLgEnKZgBZCMECAYfASV5/qNARyd8ZXhnHmRNRFUjXB8+DQQA/LZWJyVYA0r8LbSYVGQxXCk7U+UFMCEAAAAAAwBq/mYFzQWaAB4ALgA4AI8AshwAACuwFTOxIgPpsDEyshwiCiuzQBwZCSuyCgIAK7IDAQArsA4zsSwD6bA2MgGwOS+wANaxHwvpsB8QsRkBK7EJJDIysRgG6bELLzIysBgQsTMBK7EQCumxOgErsRkfERKxAxw5ObEzGBESsQ4VOTkAsSIcERKxFxo5ObAsEbEQADk5sAMSsQkMOTkwMRM0EjMyHgMXETMRNjMgERQOAiMiJxEjEQYjIgITFBYzMjcRLgUjIgYBFjMgETQmIyIHatXiGjEsGigDfWFcAbYyZ6pzYlt9Vmbh1oahplNTAyENIhkmFKSjAmpOWAFIpKRYTgIS8wEPBg4IEgEBtf5LL/3+fcaUTy/+SwG1LwElAQHo5i0DHgEQBgwFBeb9my0BzsbkLQAAAQApAAAD5QQAAAsAJgCyAAAAK7AIM7ICAQArsAUzAbAML7ENASsAsQIAERKxBAo5OTAxMwkBMwkBMwkBIwkBKQGF/nueAU0BPpP+bQGTnf6s/soCAgH+/jkBx/32/goBsP5QAAEAnv64BEwEAAALAEsAsgAAACuxAwPpsAcysgADCiuzQAAKCSuyAQEAK7AFMwGwDC+wANaxAwbpsAMQsQQBK7EHBumzCgcECCuxCQ7psQgG6bENASsAMDEzETMRIREzETMDIxGefQI5fXsPcAQA/FoDpvxa/l4BSAAAAAABAIkAAAOsBAAAFABJALIPAAArsgEBACuwDDO0EgYPAQ0rsRID6QGwFS+wANaxAwbpsAMQsQ8BK7ALMrEOBumxFgErsQ8DERKwEjkAsQYSERKwEDkwMRMRMxEUFjMyPgI3ETMRIxEGIyImiX1vmSZcPVYMfX2ug8C1At8BIf7HkXoHCAwCAif8AAGBIbMAAAABAJ4AAAWiBAAACwA/ALIAAAArsQMD6bAHMrIBAQArsQUJMzMBsAwvsADWsQMG6bADELEEASuxBwbpsAcQsQgBK7ELBumxDQErADAxMxEzESERMxEhETMRnn0Bxn0Bx30EAPxaA6b8WgOm/AAAAAAAAQCe/rgGHQQAAA8AWgCyAAAAK7EDA+mxBwsyMrIAAwors0AADgkrsgEBACuxBQkzMwGwEC+wANaxAwbpsAMQsQQBK7EHBumwBxCxCAErsQsG6bMOCwgIK7ENDumxDAbpsREBKwAwMTMRMxEhETMRIREzETMDIxGefQHGfQHHfXsPcAQA/FoDpvxaA6b8Wv5eAUgAAAIAOwAABC0EAAAOABkAUQCyDQAAK7EPA+myAQEAK7EAA+m0AxkNAQ0rsQMD6QGwGi+wDdaxDwbpsAIysg0PCiuzQA0ACSuwDxCxEwErsQcK6bEbASsAsRkPERKwBzkwMRM3IREzMhYVFA4CIyEREzMyNjU0LgIrATsEAXv6ur82a4Nb/o99+I1pFTVkSvYDqFj+dYqsX4BFGwOo/KxrgDZNQB8AAwCeAAAEzwQAAAwAFQAZAFMAsgAAACuwFjOxDQPpsgEBACuwFzO0AxUAAQ0rsQMD6QGwGi+wANaxDQbpsAIysA0QsREBK7EHCumwBxCxFgErsRkG6bEbASsAsRUNERKwBzkwMTMRMxEzMhYVFA4CIyczMjY1NCYrAQERMxGeffm6vTZrg1vx941naY31Azd9BAD+dYqsX4BFG1RqgXBy/d8EAPwAAAAAAgCeAAADiwQAAAwAFQBCALIAAAArsQ0D6bIBAQArtAMVAAENK7EDA+kBsBYvsADWsQ0G6bACMrANELERASuxBwrpsRcBKwCxFQ0RErAHOTAxMxEzETMyFhUUDgIjJzMyNjU0JisBnn35ur02a4Nb8feNZ2mN9QQA/nWKrF+ARRtUaoFwcgAAAAEAbf/sA5oEFAAeAFoAsh0AACuxBQPpshYBACuxEAPptAsKHRYNK7ELA+kBsB8vsAjWsAwysRoL6bIIGgors0AICgkrsSABKwCxBR0RErAAObAKEbABObEQCxESsBI5sBYRsBM5MDE/AR4CMzI2PQEhNSE1NCYjIgcnPgEzMhYdARQGIyJtGD5RcjKrsf36AgawrJGgGkm6V9719t2qO10bHhu7qztYG6m7VF0lKuzYotnpAAIAnv/sBc0EFAAVACIAYACyAAAAK7IPAAArsRkD6bIBAQArsggBACuxHwPptAMUDwgNK7EDA+kBsCMvsADWsRUG6bACMrAVELESASuwBDKxFgrpsBYQsRsBK7EMCumxJAErsRsWERKxDwg5OQAwMTMRMxEhNTQkMzIWHQEUBiMiJj0BIREBFBYgNj0BNCYjIgYVnn0BBgD/1tr9/drW//76AYu1ATa3tZ2btQQA/jtQt9LhwuLC4evTO/4bAY+VtrOU5JW4tpUAAgB1AAAD4QQAAA8AGABSALIAAAArsAszsgkBACuxFgPptA4TAAkNK7EOA+mwATIBsBkvsAfWsRAK6bAQELEMASuwFDKxCwbpsRoBK7EMEBESsQEPOTkAsRYTERKwBzkwMTMBLgQ1ECkBESMRIQEDFBYzIREhIgZ1AWI/Y1k7IgGFAd19/vj+uBB9jQFW/qqLfwF/ARAqRGxIAU78AAF7/oUCtHtqAdt6AAAAAAQAWP/sA7wFoAAWAB4AIgAmAH4AshIAACuxDQPpsiACACuwJDO0HwUAEQQrsCMysgQBACuxHAPptAkXEgQNK7QJAwA5BCsBsCcvsADWsQoK6bAXMrAKELEfASuxIgfpsCIQsSMBK7EmB+mwJhCxGAErsQgG6bEoASuxIyIRErMNEhwEJBc5ALEJDRESsA85MDETNTQ2MzIWHQEhFRQWMzI3FwYjIi4CEyE1NCYjIBETNTMVMzUzFVjT39Pf/SGtq3btEOSVbqaAQ4UCYJuY/tNCm5ycAXXX1/HOy6JooY5UXU0oWJwBF3CWnP6pAjz6+vr6AAABALgCZgMfAtsAAwAAEzUhFbgCZwJmdXUAAAAAAQC4AmYDHwLbAAMAABM1IRW4AmcCZnV1AAAAAAEAuAJmAx8C2wADAAATNSEVuAJnAmZ1dQAAAAABALgCjwS4AwYAAwAdALAAL7QBBQA0BCu0AQUANAQrAbAEL7EFASsAMDETNSEVuAQAAo93dwAAAAEAuAKPBuEDBgADAB0AsAAvtAEFADQEK7QBBQA0BCsBsAQvsQUBKwAwMRM1IRW4BikCj3d3AAAAAQC4A9kBZgYAAAgANgCwAC+0AwUACAQrAbAJL7AA1rQIBwAYBCu0CAcAGAQrtAYOACkEK7EKASuxCAYRErADOQAwMRM1NDcXBhUzFbh3N0tHA9mRw9MUnonsAAABALgDcwFmBZoACAA7ALIEAgArtAgFAAgEKwGwCS+wA9awADKxBgfpsQYH6bAGELQCDgApBCuwAi+xCgErsQIDERKwCDkAMDETNjUjNTMVFAe4TEaodAOJnInsksfOAAABALj+xQFmAOwACAA5ALAIL7QEBQAIBCsBsAkvsAPWsAAysQYH6bEGB+mwBhC0Ag4AKQQrsAIvsQoBK7ECAxESsAg5ADAxEzY1IzUzFRQHuExGqHT+2aCH7JLHzgAAAAACALgD2QJ3BgAACAATAFgAsAgvsAkztAYFABIEK7ARMgGwFC+wANa0CAcAGAQrsAQytAYOACkEK7AIELEJASu0EwcAGAQrsA8ytBEOACkEK7EVASuxCAYRErADObETERESsA45ADAxEzU0NxcGFTMVMzU0PgE3FwYVMxW4dzdLR2coLCA6TEgD2ZHD0xSeieyRU6ViPBSgh+wAAAACALgDcwJ3BZoACAARAGMAsgQCACuwDTO0AwUAEgQrsAsyAbASL7AD1rAAMrEGB+mwBhC0Ag4AKQQrsAIvsAYQsQwBK7AJMrQPBwAYBCuwDxC0Cw4AKQQrsAsvsRMBK7ECAxESsAg5sQsMERKwETkAMDETNjUjNTMVFAc3NjUjNTMVFAe4TEaodNdLR6p1A4mcieySx84WmovsksXQAAAAAgC4/sUCdwDsAAgAEQBjALIDAAArsAsztAQFABIEK7ANMgGwEi+wA9awADKxBgfpsAYQtAIOACkEK7ACL7AGELEMASuwCTK0DwcAGAQrsA8QtAsOACkEK7ALL7ETASuxAgMRErAIObELDBESsBE5ADAxEzY1IzUzFRQHNzY1IzUzFRQHuExGqHTXS0eqdf7ZoIfsksfOFJ6J7JLF0AAAAAMArgAABAQA7AADAAcACwBOALIAAAArsQQIMzO0AQUAEgQrsQUJMjKyAAAAK7QFBQASBCsBsAwvsADWsQMH6bADELEEASu0BwcAGAQrsAcQsQgBK7ELB+mxDQErADAxMzUzFTM1MxUzNTMVrqiuqq6o7Ozs7OzsAAEAuP/sBMkFrgAoAGcAsiMAACuxHQTpsgkCACuxDgTptCgAIwkNK7AWM7QoAwB9BCuwGDK0BAMjCQ0rsBQztAQDAH0EK7ASMgGwKS+wJtaxAQUyMrEaCumxERUyMrEqASsAsSgdERKwIDmxDgQRErAMOTAxEzM1IyczNRAAITIXByYjIgYdASEHIRUhByEVFBYzMjY3FwYjIAARNSO4aVIXaQETAQnByR+6pNTSAr4O/VACkQ79fdjOVKBuHdW3/vv+6VICgapQHwEVAP9WYFLW2h9QqlAvyOooKmVRARQBAi8AAAIAeQLPBj8FmgAHABQA3wCyAQIAK7IJDA0zMzO0AAMAUAQrsAMysgABCiuzQAAGCSu0CA4PERQkFzIBsBUvsAbWtAUOACkEK7IFBgors0AFAwkrsgYFCiuzQAYACSuwBRCxCAErtBQOACkEK7AUELEPASu0Dg4AGQQrsRYBK7A2Gro/yPq4ABUrCrAIELAJwA6wFBCwE8C6wDv6jwAVKwoFsA8QsAzAsA4QsA3AusB1+FsAFSsLsAwQsxAMDxMrshAMDyCKIIojBg4REjkAsRATLi4BtAkMDRATLi4uLi6wQBoBsQ8UERKwCjkAMDETNSEVIxEjEQETMwkBMxMjCwEjCwF5AfjTVAGiPWoBAwECaj1RNPNj8zIFTkxM/YECf/2BAsv9jQJz/TUCXP2kAlz9pAAAAQAAAAAEAQQBAAMAJwCyAAAAK7IBAQArAbAEL7AA1rQDBwAHBCu0AwcABwQrsQUBKwAwMTERIREEAQQB+/8AAAEAAAABAACODkYRXw889QAfCAAAAAAAzzts5AAAAADPO2zk/wj+AAgvBzkAAAAIAAIAAAAAAAAAAQAABzn92AAACOf/CP/ECC8AAQAAAAAAAAAAAAAAAAAAAMsC7ABECAAAAAgAAAACFAAAAhgAuAMGALgE+QC4BWoAuAbtALgF0AC4AgwAuAMrALgDKwC4BXwAuAVwALgCHgC4A9cAuAIYALgE1AC4BS0AYAUtAVgFLQCaBS0AgwUtAG8FLQCHBS0AaAUtAH8FLQBgBS0AaAIYALgCHgC4BNIAuAVwALgE0gC4BGQAuAjnALgE2QApBMAAxQSVAHcFhQDFBIUAxQSDAMUE6QB3BbIAxQLbAD0D7QArBQIAxQSsAMUHTQCcBj0AxQXOAHsEyADFBc4AewUYAMUE6QB5BIkATgU3AKAEyAApB+MAKQTlACkE1AApBMgAXAMCALgE2QC4AwIAuAV8ALgEAAAAAiAAnAQ7AG0EiQCeA9AAbQS2AJoEOwBtA0UAPQSuAHsElQCeAbgAngG4/wgECgCeAbgAngY/AJ4EkwCeBIMAagSLAKAEiwBtAv0AngQKAG0DOwA7BJUAngQEACkGQwAzBA4AKQQ/ACkEIABqA0EAuAHzALgDQQC4BWoAuAIUAAAGLQC4A0MAuAi4ALgESwC4A9cAuAVWALgCSQC4BEsAuANLALgD4QC4BGIAsATUACkExgDFBMAAxQQEAMUF0AA9BIUAxQZ0ACsEsgB3BfUAxQX1AMUFAgDFBX4AOwdNAJwFsgDFBbYAbwXXAMUEyADFBJUAdwSJAE4EyAApBqEAdwTlACkGAgDFBOsAnAdRAMUHpwDFBVoAOwZsAMUEyADFBHoAUAcOAMUFSwCeBDsAbQSlAIkEOwCeA0kAngTfAD0EOwBtBXwAKQQWAG0ErACeBKwAngQKAJ4ElQA7BjEAnASZAJ4EgwBqBIcAngSLAKAD0ABtA8wAPQQ/ACkGNwBqBA4AKQSuAJ4ERwCJBj8AngaBAJ4EmQA7BWwAngP5AJ4EBgBtBjkAngR8AHUEEgBYA5wAAAc5AAADnAAABzkAAAJoAAABzgAAATQAAAE0AAAA5wAAAXEAAABmAAAD1wC4A9cAuAPXALgFcAC4B5kAuAIeALgCHgC4Ah4AuAMvALgDLwC4Ay8AuASyAK4BcQAAAc4AAAWBALgG7QB5BAEAAAAAACwALAAsACwAYgCYAXwCbAMMA6IDygQGBDoEcASyBOIFBAUoBTgFjgW0BiYGpAbgB1gH2AgYCLIJMAlcCZQJwAniCgwKggtEC3YL6gxyDMIM/g00DZwN1A4ODkoOhA6qDxYPWA+wD/wQZhC+EaoR2hIYElwS3hMQE0ATbhOcE6oT3BP6FBYUNhSsFQAVSBWoFggWYBc2F34XqhfqGCYYQBisGPQZPBmaGfYaKhrgGzIbehugG+gcGhxiHJAc+h0UHXodyh3KHlgeiB8eHz4fYCAEICIgRCBsILAhCiE8IZQiCCIuIsYjAiNUI9IkDCSCJLwlBCVwJagl/iYoJnQm/CcsJ24n3igQKE4olCjMKRYpbinGKhgqdiroKz4rtCxYLMIs6C12LdYuKC6qLuQvWC+ML9IwNjBuMLYw4DE+MYYxtjH+MpoyzDMKM1IzijPUNCY0ejS+NRg1fDXSNkw2TDZMNkw2TDZMNkw2TDZMNkw2TDZMNlo2aDZ2NpI2rjbcNww3PDeKN9o4KjhmOGY4ZjjYOXI5kgABAAAAywBRAAUAAAAAAAIAAQACABYAAAEAAVsAAAAAAAAADwC6AAMAAQQJAAAAfgAAAAMAAQQJAAEAGAB+AAMAAQQJAAIADgCWAAMAAQQJAAMAVACkAAMAAQQJAAQAKAD4AAMAAQQJAAUAHgEgAAMAAQQJAAYAIgE+AAMAAQQJAAcAcAFgAAMAAQQJAAkAHgHQAAMAAQQJAAoAWAHuAAMAAQQJABAAEgJGAAMAAQQJABEADgJYAAMAAQQJABIAEgJmAAMAAQQJAMgAFgJ4AAMAAQQJAMkAMAKOAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABjACkAIAAyADAAMAA2ACAAYgB5ACAAQQByAHQALgAgAEwAZQBiAGUAZABlAHYAIABTAHQAdQBkAGkAbwAuACAAQQBsAGwAIAByAGkAZwBoAHQAcwAgAHIAZQBzAGUAcgB2AGUAZAAuAEUAawBpAGIAYQBzAHQAdQB6ACAAUgBnAFIAZQBnAHUAbABhAHIAQQByAHQALgBMAGUAYgBlAGQAZQB2AFMAdAB1AGQAaQBvADoAIABFAGsAaQBiAGEAcwB0AHUAegAgAFIAZQBnAHUAbABhAHIAOgAgADIAMAAwADYARQBrAGkAYgBhAHMAdAB1AHoAIABSAGcAIABSAGUAZwB1AGwAYQByAFYAZQByAHMAaQBvAG4AIAAwADAAMQAuADAAMAAxAEUAawBpAGIAYQBzAHQAdQB6AC0AUgBlAGcAdQBsAGEAcgBFAGsAaQBiAGEAcwB0AHUAegAgAFIAZQBnAHUAbABhAHIAIABpAHMAIABhACAAdAByAGEAZABlAG0AYQByAGsAIABvAGYAIABBAHIAdAAuACAATABlAGIAZQBkAGUAdgAgAFMAdAB1AGQAaQBvAC4AWgBhAGsAaABhAHIAIABZAGEAcwBoAGMAaABpAG4AQwBvAHAAeQByAGkAZwBoAHQAIAAoAGMAKQAgADIAMAAwADYAIABiAHkAIAAuACAAQQBsAGwAIAByAGkAZwBoAHQAcwAgAHIAZQBzAGUAcgB2AGUAZAAuAEUAawBpAGIAYQBzAHQAdQB6AFIAZQBnAHUAbABhAHIARQBrAGkAYgBhAHMAdAB1AHoAVwBlAGIAZgBvAG4AdAAgADEALgAwAFQAdQBlACAATQBhAHIAIAAgADQAIAAwADYAOgA0ADMAOgAzADMAIAAyADAAMQA0AAIAAAAAAAD/ZwBmAAAAAAAAAAAAAAAAAAAAAAAAAAAAywAAAQIBAwADAAQABQAGAAcACAAJAAoACwAMAA0ADgAPABAAEQASABMAFAAVABYAFwAYABkAGgAbABwAHQAeAB8AIAAhACIAIwAkACUAJgAnACgAKQAqACsALAAtAC4ALwAwADEAMgAzADQANQA2ADcAOAA5ADoAOwA8AD0APgA/AEAAQQBCAEMARABFAEYARwBIAEkASgBLAEwATQBOAE8AUABRAFIAUwBUAFUAVgBXAFgAWQBaAFsAXABdAF4AXwBgAGEBBACFAI4AiwCpAQUAigCNAKoA2ADZAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgEjASQBJQEmAScBKAEpASoBKwEsAS0BLgEvATABMQEyATMBNAE1ATYBNwE4ATkBOgE7ATwBPQE+AT8BQAFBAUIBQwFEAUUBRgFHAUgBSQFKAUsBTAFNAU4BTwFQAVEBUgFTAVQBVQCyALMAtgC3AMQAtAC1AMUAqwFWAVcBWACMAVkGZ2x5cGgxB3VuaTAwMEQHdW5pMDBBMAd1bmkwMEFECWFmaWkxMDAyMwlhZmlpMTAwMTcJYWZpaTEwMDE4CWFmaWkxMDAxOQlhZmlpMTAwMjAJYWZpaTEwMDIxCWFmaWkxMDAyMglhZmlpMTAwMjQJYWZpaTEwMDI1CWFmaWkxMDAyNglhZmlpMTAwMjcJYWZpaTEwMDI4CWFmaWkxMDAyOQlhZmlpMTAwMzAJYWZpaTEwMDMxCWFmaWkxMDAzMglhZmlpMTAwMzMJYWZpaTEwMDM0CWFmaWkxMDAzNQlhZmlpMTAwMzYJYWZpaTEwMDM3CWFmaWkxMDAzOAlhZmlpMTAwMzkJYWZpaTEwMDQwCWFmaWkxMDA0MQlhZmlpMTAwNDIJYWZpaTEwMDQzCWFmaWkxMDA0NAlhZmlpMTAwNDUJYWZpaTEwMDQ2CWFmaWkxMDA0NwlhZmlpMTAwNDgJYWZpaTEwMDQ5CWFmaWkxMDA2NQlhZmlpMTAwNjYJYWZpaTEwMDY3CWFmaWkxMDA2OAlhZmlpMTAwNjkJYWZpaTEwMDcwCWFmaWkxMDA3MglhZmlpMTAwNzMJYWZpaTEwMDc0CWFmaWkxMDA3NQlhZmlpMTAwNzYJYWZpaTEwMDc3CWFmaWkxMDA3OAlhZmlpMTAwNzkJYWZpaTEwMDgwCWFmaWkxMDA4MQlhZmlpMTAwODIJYWZpaTEwMDgzCWFmaWkxMDA4NAlhZmlpMTAwODUJYWZpaTEwMDg2CWFmaWkxMDA4NwlhZmlpMTAwODgJYWZpaTEwMDg5CWFmaWkxMDA5MAlhZmlpMTAwOTEJYWZpaTEwMDkyCWFmaWkxMDA5MwlhZmlpMTAwOTQJYWZpaTEwMDk1CWFmaWkxMDA5NglhZmlpMTAwOTcJYWZpaTEwMDcxB3VuaTIwMDAHdW5pMjAwMQd1bmkyMDAyB3VuaTIwMDMHdW5pMjAwNAd1bmkyMDA1B3VuaTIwMDYHdW5pMjAwNwd1bmkyMDA4B3VuaTIwMDkHdW5pMjAwQQd1bmkyMDEwB3VuaTIwMTEKZmlndXJlZGFzaAd1bmkyMDJGB3VuaTIwNUYERXVybwd1bmkyNUZDALgB/4WwAY0AS7AIUFixAQGOWbFGBitYIbAQWUuwFFJYIbCAWR2wBitcWACwAyBFsAMrRLAEIEWyA5MCK7ADK0SwBSBFsgROAiuwAytEAbAGIEWwAytEsAcgRbIGNgIrsQNGditEsAggRbIHQAIrsQNGditEsAkgRbIIgwIrsQNGditEsAogRbIJTwIrsQNGditEsAsgRbIKTAIrsQNGditEsAwgRbILSgIrsQNGditEsA0gRbIMSAIrsQNGditEsA4gRbINNgIrsQNGditEWbAUKwAAAAFTFbxlAAA=) format('truetype'); +} + +.font_face_ekibastuz { + font-family: 'ekibastuzregular', Arial, "Helvetica Neue", Helvetica, sans-serif; +} + +.content_view_post { + padding-left: 25px; +} + +.post { + padding: 10px 10px 5px 10px; +} + +.author__avatar-wrapper, +.author__data-wrapper { + display: inline-block; +} + +.author__data-wrapper { + padding-top: 8px; + padding-left: 20px; + vertical-align: top; +} + +.author__data-wrapper > .contact-info { + margin-top: 10px; +} + +.author_view_full .author__name { + font-size: 17px; + font-weight: bold; + margin-bottom: 10px; +} + +.author_view_full .author__avatar { + padding: 5px 5px 2px; +} + +.contact-info .author__e-mail, +.contact-info .author__twitter, +.contact-info .author__github, +.contact-info .author__skype { + padding: 2px 0; +} + +.author_view_full .author__info { + padding: 15px 0 10px 0; +} + +.author_view_full .author__label, +.author_view_full .author__value { + display: inline-block; +} + +.author_view_full .author__value { + padding: 0 0 0 10px; + vertical-align: top; +} + +.author_view_simple { + opacity: 0.7; +} + +.author__avatar_size_small { + width: 80px; + height: 80px; +} + +.author__avatar_no-image_yes { + margin: auto; +} + +.author__avatar_no-image_yes.author__avatar_size_medium { + background: url('../../../../libs/bem-site-engine/src/blocks/common.blocks/author/__avatar/_no-image/no-image120.png') no-repeat; +} + +.author__avatar_no-image_yes.author__avatar_size_small { + background: url('../../../../libs/bem-site-engine/src/blocks/common.blocks/author/__avatar/_no-image/no-image80.png') no-repeat; +} + +.post_view_list-item { + padding: 15px 5px 20px 25px; +} + +.post_view_list-item > .post__date, +.post_view_list-item > .post__author, +.post_view_list-item > .post__translator, +.post_view_list-item > .post__tags { + font-size: 12px; + display: inline-block; + padding-right: 10px; +} + +.post_view_list-item > .post__date { + float: right; + color: #AAA; +} + +.post__title_inline_yes { + display: inline-block; +} + +.icon_view_github { + background-image: url('../../../../libs/bem-site-engine/src/blocks/common.blocks/icon/_view/icon_view_github.svg'); +} + +.quick-start-billboard__logo_theme_batman { + background-image: url('../../../blocks/common.blocks/quick-start-billboard/__logo/_theme/quick-start-billboard__logo_theme_batman.svg'); +} + +.yandex-logo { + width: 95px; + height: 37px; + padding: 14px 0 6px; + white-space: nowrap; + text-indent: -9999px; +} + +.yandex-logo_lang_ru { + background: url(../../../blocks/common.blocks/yandex-logo/_lang/yandex-logo_lang_ru.svg) no-repeat; +} + +/* Верхняя черта */ +.tabs_theme_default .tabs__header { + line-height: 34px; + list-style: none outside none; + border-bottom: 1px solid #e5e5e5; +} + +/* Цвет и отступы отдельного таба */ +.tabs_theme_default .tabs__tab { + margin-right: 15px; + color: #999; +} + +.tabs_theme_default .tabs__tab::after { + position: absolute; + right: 0; + bottom: -1px; + left: 0; + content: ''; +} + +.tabs_theme_default .tabs__tab:hover::after { + border-bottom: 2px solid #000; +} + +.tabs_theme_default .tabs__tab_state_current { + color: #000; +} + +/* Верхнее выделение таба */ +.tabs_theme_default .tabs__tab_state_current::after { + border-bottom: 3px solid !important; +} + +.block-docs__description_inline_yes { + display: inline-block; + margin-left: 10px; +} + +.block-jsdoc__selection_color_gold { + border-color: #FFD94D; +} + +.block-example__link_icon_blank:after { + background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20baseProfile%3D%22tiny%22%20height%3D%2224px%22%20id%3D%22Layer_1%22%20version%3D%221.2%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20d%3D%22M22.711%2C9.796C22.67%2C9.755%2C18.656%2C5.7%2C16.729%2C3.65C16.309%2C3.236%2C15.73%2C3%2C15.143%2C3C13.961%2C3%2C13%2C3.896%2C13%2C5H5%20%20C4.447%2C5%2C4%2C5.448%2C4%2C6v14c0%2C0.552%2C0.447%2C1%2C1%2C1h14c0.553%2C0%2C1-0.448%2C1-1v-6.045c1.434-1.461%2C2.688-2.729%2C2.711-2.751%20%20C23.098%2C10.814%2C23.098%2C10.186%2C22.711%2C9.796z%20M15.279%2C15.941C15.257%2C15.968%2C15.214%2C16%2C15.143%2C16c-0.074%2C0-0.121-0.023-0.144-0.04V13%20%20v-1h-1c-1.771%2C0.034-3.336%2C0.68-4.753%2C1.958C9.676%2C11.743%2C10.846%2C9%2C13.999%2C9h1V5.042C15.027%2C5.021%2C15.07%2C5%2C15.143%2C5%20%20c0.09%2C0%2C0.152%2C0.05%2C0.154%2C0.05c1.436%2C1.525%2C4.051%2C4.187%2C5.297%2C5.45C20.341%2C10.757%2C16.252%2C14.922%2C15.279%2C15.941z%20M6%2C19V7h8%20%20c0%2C0.348%2C0%2C0.695%2C0%2C1c-4.66%2C0-6%2C4.871-6%2C8.5V17c1.691-2.578%2C3.6-3.953%2C6-4c0%2C1.045%2C0%2C2.838%2C0%2C3c0%2C0.551%2C0.512%2C1%2C1.143%2C1%20%20c0.364%2C0%2C0.676-0.158%2C0.883-0.391c0.539-0.565%2C1.242-1.291%2C1.976-2.043V19H6z%22%2F%3E%3C%2Fsvg%3E); + background-size: 20px; +} + +.block-example__source_visible_yes { + display: block; +} + +.block-example__source-link_active_yes { + color: #000; +} + +.block-example__source-link_active_yes:after { + opacity: 1; +} + +.forum { + height: 100%; + font-size: 14px; + line-height: 1.7; +} + .forum blockquote { + position: relative; + margin: 0 0 15px 0; + background: #F6F5F3; + padding: 11px 15px 10px 45px; + border-radius: 3px; + } + .forum blockquote:before { + content: ''; + position: absolute; + top: 10px; + left: 10px; + width: 25px; + height: 25px; + display: inline-block; + background: 50% no-repeat; + vertical-align: middle; + background-image: url('../../../../libs/bem-forum/desktop.blocks/icon/_view/icon_view_quote.svg'); + background-size: 25px; + opacity: 0.2; + } + /* Hack for correct baseline positioning */ + .forum blockquote:before:after { + visibility: hidden; + content: '\00A0'; + } + .forum blockquote p { + margin-top: 0; + color: #999; + } + .forum hr { + height: 4px; + margin: 15px 0; + padding: 0; + color: #ccc; + border: 0 none; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0; + } + .forum :link, + .forum :visited { + -webkit-transition: opacity 0.15s ease-out; + transition: opacity 0.15s ease-out; + color: #000; + } + .forum :link:hover, + .forum :visited:hover { + opacity: 0.5; + } + .forum .link { + cursor: pointer; + } + +.spin_theme_normal { + position: relative; + display: none; + color: transparent; +} + .spin_theme_normal:before { + position: absolute; + left: 0; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + content: ''; + border: 2px solid; + border-bottom-color: transparent; + border-right-color: transparent; + border-radius: 50%; + } + .spin_theme_normal:after { + content: '\00A0'; + } + .spin_theme_normal.spin_progress { + display: inline-block; + -webkit-animation: spin_theme_normal 1s infinite linear; + animation: spin_theme_normal 1s infinite linear; + background: 0 0 no-repeat url(../../../../libs/bem-components/design/common.blocks/spin/_theme/spin_theme_normal.gif); + background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) !important; + background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) !important; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + } + .spin_theme_normal.spin_size_xs { + line-height: 16px; + width: 16px; + height: 16px; + background-position: 0 0px; + } + .spin_theme_normal.spin_size_xs:before { + height: 16px; + } + .spin_theme_normal.spin_size_s { + line-height: 24px; + width: 24px; + height: 24px; + background-position: 0 -40px; + } + .spin_theme_normal.spin_size_s:before { + height: 24px; + } + .spin_theme_normal.spin_size_m { + line-height: 28px; + width: 28px; + height: 28px; + background-position: 0 -80px; + } + .spin_theme_normal.spin_size_m:before { + height: 28px; + } + .spin_theme_normal.spin_size_l { + line-height: 32px; + width: 32px; + height: 32px; + background-position: 0 -120px; + } + .spin_theme_normal.spin_size_l:before { + height: 32px; + } + .spin_theme_normal.spin_size_xl { + line-height: 38px; + width: 38px; + height: 38px; + background-position: 0 -160px; + } + .spin_theme_normal.spin_size_xl:before { + height: 38px; + } + +@-webkit-keyframes spin_theme_normal { + from { + color: #fc0; + -webkit-transform: rotate(0); + transform: rotate(0); + } + to { + color: #fc0; + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes spin_theme_normal { + from { + color: #fc0; + -webkit-transform: rotate(0); + transform: rotate(0); + } + to { + color: #fc0; + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +.forum-user__avatar_icon { + background-color: #fff; +} + .forum-user__avatar_icon .icon_view_avatar-default { + width: 100%; + height: 100%; + background-size: 100%; + } + +.comment__body_visibility_hidden { + display: none; +} + +.input_theme_normal { + font-family: Arial, Helvetica, sans-serif; + position: relative; + display: inline-block; + background: rgba(0, 0, 0, 0.2); +} + /* Decorative element (inner background) */ + .input_theme_normal:before { + position: absolute; + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; + content: ''; + background: #fff; + } + .input_theme_normal .input__box { + position: relative; + display: block; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + } + .input_theme_normal .input__control { + font: inherit; + line-height: inherit; + position: relative; + display: inline-block; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0; + width: 100%; + border: 0; + outline: none; + background: none; + -webkit-appearance: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + } + /* лишние отступы у текста */ + .input_theme_normal .input__control::-webkit-search-decoration { + -webkit-appearance: none; + } + /* нативный крестик */ + .input_theme_normal .input__control::-webkit-search-cancel-button { + display: none; + } + .input_theme_normal .input__control::-webkit-input-placeholder { + color: #999; + text-indent: 0; + } + .input_theme_normal .input__control::-moz-placeholder { + opacity: 1; + color: #999; + } + .input_theme_normal .input__control::-ms-clear { + display: none; + } + .input_theme_normal .input__clear { + position: absolute; + top: 0; + right: 0; + cursor: text; + -webkit-transition: opacity 0.1s ease-out; + transition: opacity 0.1s ease-out; + opacity: 0; + background: 50% 50% no-repeat; + } + .input_theme_normal .input__clear_visible { + opacity: 0.3; + } + .input_theme_normal .input__clear_visible:hover { + cursor: pointer; + opacity: 1; + } + .input_theme_normal.input_focused { + z-index: 1; + background: rgba(178, 142, 0, 0.6); + box-shadow: 0 0 10px #fc0; + } + .input_theme_normal.input_disabled { + background: rgba(0, 0, 0, 0.08); + } + .input_theme_normal.input_disabled:before, + .input_theme_normal.input_disabled .input__clear { + display: none; + } + .input_theme_normal.input_disabled .input__box, + .input_theme_normal.input_disabled .input__control { + color: rgba(0, 0, 0, 0.4); + cursor: default; + } + .input_theme_normal.input_size_s .input__clear, + .input_theme_normal.input_size_m .input__clear { + width: 24px; + height: 24px; + background-image: url(../../../../libs/bem-components/design/common.blocks/input/_theme/_normal/clear_size_s.svg); + background-position: 7px 50%; + } + .input_theme_normal.input_size_s { + font-size: 13px; + line-height: 15px; + } + .input_theme_normal.input_size_s .input__control { + height: 24px; + padding-left: 6px; + } + .input_theme_normal.input_size_s.input_has-clear .input__box { + padding-right: 24px; + } + .input_theme_normal.input_size_m { + font-size: 13px; + line-height: 15px; + } + .input_theme_normal.input_size_m .input__control { + height: 28px; + padding-left: 8px; + } + .input_theme_normal.input_size_m.input_has-clear .input__box { + padding-right: 28px; + } + .input_theme_normal.input_size_m .input__clear { + width: 28px; + height: 28px; + background-position: 9px 50%; + } + .input_theme_normal.input_size_l .input__clear, + .input_theme_normal.input_size_xl .input__clear { + width: 32px; + height: 32px; + background-image: url(../../../../libs/bem-components/design/common.blocks/input/_theme/_normal/clear_size_l.svg); + background-position: 9px 50%; + } + .input_theme_normal.input_size_l { + font-size: 15px; + line-height: 17px; + } + .input_theme_normal.input_size_l .input__control { + height: 32px; + padding-left: 10px; + } + .input_theme_normal.input_size_l.input_has-clear .input__box { + padding-right: 32px; + } + .input_theme_normal.input_size_xl { + font-size: 18px; + line-height: 22px; + } + .input_theme_normal.input_size_xl .input__control { + height: 38px; + padding-left: 12px; + } + .input_theme_normal.input_size_xl.input_has-clear .input__box { + padding-right: 38px; + } + .input_theme_normal.input_size_xl .input__clear { + width: 38px; + height: 38px; + background-position: 12px 50%; + } + .input_theme_normal.input_width_available { + width: 100%; + } + .input_theme_normal.input_type_textarea { + position: relative; + } + .input_theme_normal.input_type_textarea .input__control { + display: block; + height: auto; + margin: 0; + } + .input_theme_normal.input_type_textarea.input_disabled .input__control { + resize: none; + } + .input_theme_normal.input_type_textarea.input_size_m .input__control { + line-height: 18px; + padding: 4px 6px; + } + .input_theme_normal.input_type_textarea.input_size_m.input_has-clear .input__control { + padding-right: 22px; + } + .input_theme_normal.input_type_textarea.input_size_l .input__control { + line-height: 20px; + padding: 6px 8px; + } + .input_theme_normal.input_type_textarea.input_size_l.input_has-clear .input__control { + padding-right: 30px; + } + +.control-group .input_theme_normal:before { + right: 0; +} + +.control-group > .input_theme_normal:last-child:before, +.control-group > :last-child .input_theme_normal:before { + right: 1px; +} + +.button_theme_normal { + font-family: Arial, Helvetica, sans-serif; + position: relative; + display: inline-block; + margin: 0; + padding: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + color: #000; + border: 0; + border-radius: 3px; + outline: 0; + background: rgba(0, 0, 0, 0.2); + text-align: center; + white-space: nowrap; +} + .button_theme_normal::-moz-focus-inner { + padding: 0; + border: 0; + } + .button_theme_normal .button__text { + overflow: hidden; + text-overflow: ellipsis; + vertical-align: top; + } + .button_theme_normal .icon, + .button_theme_normal .button__text { + /* + * These rules fixes Opera 12+ && IE 9 bug with extra top margin when pressed + * Warning: bug still can be reproduced by clicking on button's border + * TODO: try to fix + */ + position: relative; + display: inline-block; + } + .button_theme_normal.button_type_link { + text-decoration: none; + } + /* Decorative element (inner background) */ + .button_theme_normal:before { + position: absolute; + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; + content: ''; + border-radius: 2px; + background: #fff; + } + .button_theme_normal.button_hovered { + cursor: pointer; + background: rgba(0, 0, 0, 0.3); + } + .button_theme_normal.button_focused-hard { + z-index: 1; + background: rgba(178, 142, 0, 0.6); + box-shadow: 0 0 10px #fc0; + } + .button_theme_normal.button_pressed:before { + background: #f6f5f3; + } + .button_theme_normal.button_checked { + background: rgba(153, 122, 0, 0.5); + } + .button_theme_normal.button_checked:before { + background: #ffeba0; + } + .button_theme_normal.button_checked.button_pressed { + background: rgba(129, 103, 0, 0.6); + } + .button_theme_normal.button_checked.button_pressed:before { + background: #fee481; + } + .button_theme_normal.button_checked.button_hovered { + background: rgba(129, 103, 0, 0.6); + } + .button_theme_normal.button_action { + background: rgba(191, 153, 0, 0.8); + } + .button_theme_normal.button_action:before { + background: #ffdb4d; + } + .button_theme_normal.button_action.button_pressed:before { + background: #fc0; + } + .button_theme_normal.button_action.button_hovered { + background: rgba(159, 127, 0, 0.8); + } + .button_theme_normal.button_pseudo { + overflow: hidden; + background: 0; + } + .button_theme_normal.button_pseudo:before { + background: 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); + } + .button_theme_normal.button_pseudo.button_hovered:before { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); + } + .button_theme_normal.button_pseudo.button_focused-hard:before { + box-shadow: 0 0 0 1px rgba(178, 142, 0, 0.6); + } + .button_theme_normal.button_pseudo.button_pressed:before { + background: rgba(0, 0, 0, 0.05); + } + .button_theme_normal.button_pseudo.button_checked:before { + background: #ffeba0; + box-shadow: 0 0 0 1px rgba(153, 122, 0, 0.5); + } + .button_theme_normal.button_pseudo.button_checked.button_hovered:before { + box-shadow: 0 0 0 1px rgba(129, 103, 0, 0.6); + } + .button_theme_normal.button_pseudo.button_checked.button_pressed:before { + background: #fee481; + box-shadow: 0 0 0 1px rgba(129, 103, 0, 0.6); + } + .button_theme_normal.button_disabled { + background: rgba(0, 0, 0, 0.08); + } + .button_theme_normal.button_disabled:before { + display: none; + } + .button_theme_normal.button_disabled.button_checked:before { + display: block; + background: #ffeba0; + } + .button_theme_normal.button_disabled .button__text { + color: #aaa; + } + .button_theme_normal.button_disabled .icon { + opacity: 0.3; + } + .button_theme_normal.button_size_s { + font-size: 13px; + line-height: 24px; + } + .button_theme_normal.button_size_s .icon { + width: 24px; + } + .button_theme_normal.button_size_s .button__text { + margin: 0 10px; + } + .button_theme_normal.button_size_m { + font-size: 13px; + line-height: 28px; + } + .button_theme_normal.button_size_m .icon { + width: 28px; + } + .button_theme_normal.button_size_m .button__text { + margin: 0 13px; + } + .button_theme_normal.button_size_l { + font-size: 15px; + line-height: 32px; + } + .button_theme_normal.button_size_l .icon { + width: 32px; + } + .button_theme_normal.button_size_l .button__text { + margin: 0 15px; + } + .button_theme_normal.button_size_xl { + font-size: 18px; + line-height: 38px; + } + .button_theme_normal.button_size_xl .icon { + width: 38px; + } + .button_theme_normal.button_size_xl .button__text { + margin: 0 18px; + } + .button_theme_normal .icon + .button__text { + margin-left: 0; + } + .button_theme_normal .button__text:not(:last-child) { + margin-right: 0; + } + +.control-group .button_theme_normal { + border-radius: 0; +} + .control-group .button_theme_normal:before { + right: 0; + border-radius: 0; + } + .control-group .button_theme_normal.button_checked:before { + left: 1px; + right: 1px; + } + .control-group .button_theme_normal.button_checked + .button:before { + left: 0; + } + +.control-group > .button_theme_normal:first-child, +.control-group > :first-child .button_theme_normal { + border-radius: 3px 0 0 3px; +} + .control-group > .button_theme_normal:first-child:before, + .control-group > :first-child .button_theme_normal:before { + border-radius: 2px 0 0 2px; + } + +.control-group > .button_theme_normal:last-child, +.control-group > :last-child .button_theme_normal { + border-radius: 0 3px 3px 0; +} + .control-group > .button_theme_normal:last-child:before, + .control-group > :last-child .button_theme_normal:before { + border-radius: 0 2px 2px 0; + right: 1px; + } + +.forum-form_visibility_hidden { + display: none; +} + +.icon_hover_opacity { + -webkit-transition: 0.3s opacity; + transition: 0.3s opacity; + opacity: 0.1; +} + .icon_hover_opacity:hover { + opacity: 1; + } + +.comment__edit-textarea { + margin-bottom: 10px; + width: 100%; +} + .comment__edit-textarea.input_type_textarea .input__control { + height: 100%; + } + +.forum-labels__spin.spin_progress { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; +} + +.issue__body_visibility_hidden { + display: none; +} + +.issue__comments-switcher { + margin-right: 10px; +} + +.issue__edit-textarea { + min-height: 50px; + margin-bottom: 5px; +} + .issue__edit-textarea.input_type_textarea .input__control { + height: 100%; + } + +.issue__read-only { + font-size: 12px; + opacity: 0.3; + margin-left: auto; +} + .issue__read-only .icon { + margin-right: 5px; + vertical-align: text-bottom; + } + +.issue_remove-animate_start .issue__wrap { + background-color: #ffeba0; + padding: 20px; +} + +.forum-pager__button { + margin-right: 10px; +} + .forum-pager__button.button_size_xl .icon { + margin: 0 10px 0 18px; + width: 16px; + } + +.menu_theme_normal { + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + outline: 0; + background: #fff; +} + .menu_theme_normal.menu_size_s { + font-size: 13px; + line-height: 24px; + padding: 3px 0; + } + .menu_theme_normal.menu_size_s .menu-item + .menu__group { + margin-top: 3px; + } + .menu_theme_normal.menu_size_s .menu__group { + padding: 3px 0; + } + .menu_theme_normal.menu_size_s .menu__group-title { + padding: 0 10px; + } + .menu_theme_normal.menu_size_m { + font-size: 13px; + line-height: 24px; + padding: 4px 0; + } + .menu_theme_normal.menu_size_m .menu-item + .menu__group { + margin-top: 4px; + } + .menu_theme_normal.menu_size_m .menu__group { + padding: 4px 0; + } + .menu_theme_normal.menu_size_m .menu__group-title { + padding: 0 13px; + } + .menu_theme_normal.menu_size_l { + font-size: 15px; + line-height: 28px; + padding: 5px 0; + } + .menu_theme_normal.menu_size_l .menu-item + .menu__group { + margin-top: 5px; + } + .menu_theme_normal.menu_size_l .menu__group { + padding: 5px 0; + } + .menu_theme_normal.menu_size_l .menu__group-title { + padding: 0 15px; + } + .menu_theme_normal.menu_size_xl { + font-size: 15px; + line-height: 32px; + padding: 6px 0; + } + .menu_theme_normal.menu_size_xl .menu-item + .menu__group { + margin-top: 6px; + } + .menu_theme_normal.menu_size_xl .menu__group { + padding: 6px 0; + } + .menu_theme_normal.menu_size_xl .menu__group-title { + padding: 0 20px; + } + .menu_theme_normal .menu__group { + border: 1px solid rgba(0, 0, 0, 0.1); + border-width: 1px 0; + } + .menu_theme_normal .menu__group-title { + color: #999; + } + .menu_theme_normal .menu__group + .menu__group { + border-top: 0; + } + .menu_theme_normal .menu__group:last-child { + padding-bottom: 0; + border-bottom: 0; + } + .menu_theme_normal .menu__group:first-child { + padding-top: 0; + border-top: 0; + } + +.menu-item_theme_normal { + position: relative; + white-space: nowrap; +} + .menu-item_theme_normal.menu-item_disabled { + opacity: 0.3; + } + .menu-item_theme_normal .link_disabled { + cursor: text; + } + .menu-item_theme_normal.menu-item_checked { + background: 0 50% no-repeat url(../../../../libs/bem-components/design/common.blocks/theme/_normal/tip.svg); + } + .menu-item_theme_normal.menu-item_hovered { + cursor: pointer; + background-color: #ffeba0; + } + .menu-item_theme_normal.menu-item_type_link .link { + text-decoration: none; + color: inherit; + outline: none; + } + .menu-item_theme_normal .icon { + width: 16px; + margin-right: 5px; + } + +.menu_size_s .menu-item_theme_normal { + padding: 0 10px; + background-size: 14px; + background-position: 10px 50%; +} + +.menu_size_s .menu__group + .menu-item_theme_normal { + margin-top: 3px; +} + +.menu_size_s[class*='menu_select'] .menu-item_theme_normal, +.menu_size_s .menu__group-title ~ .menu-item_theme_normal { + padding: 0 30px; +} + +.menu_size_m .menu-item_theme_normal { + padding: 0 13px; + background-size: 14px; + background-position: 13px 50%; +} + +.menu_size_m .menu__group + .menu-item_theme_normal { + margin-top: 4px; +} + +.menu_size_m[class*='menu_select'] .menu-item_theme_normal, +.menu_size_m .menu__group-title ~ .menu-item_theme_normal { + padding: 0 30px; +} + +.menu_size_l .menu-item_theme_normal { + padding: 0 15px; + background-size: 15px; + background-position: 15px 50%; +} + +.menu_size_l .menu__group + .menu-item_theme_normal { + margin-top: 5px; +} + +.menu_size_l[class*='menu_select'] .menu-item_theme_normal, +.menu_size_l .menu__group-title ~ .menu-item_theme_normal { + padding: 0 34px; +} + +.menu_size_xl .menu-item_theme_normal { + padding: 0 20px; + background-size: 15px; + background-position: 20px 50%; +} + +.menu_size_xl .menu__group + .menu-item_theme_normal { + margin-top: 6px; +} + +.menu_size_xl[class*='menu_select'] .menu-item_theme_normal, +.menu_size_xl .menu__group-title ~ .menu-item_theme_normal { + padding: 0 40px; +} + +.forum-header__bug-button.button { + margin-left: 10px; +} + .forum-header__bug-button.button .icon_view_bug { + width: 18px; + height: 18px; + background-size: 18px; + margin: 0 5px; + } + +.forum-header__github-button.button { + margin-left: 10px; +} + .forum-header__github-button.button .icon_view_github-logo { + width: 40px; + height: 100%; + background-size: 40px; + margin: 0 5px; + } + +.forum-header__title { + position: relative; +} + .forum-header__title:after { + content: attr(data-status); + position: absolute; + font-size: 6px; + text-transform: uppercase; + } + .forum-header__title .icon { + margin-right: 5px; + } + .forum-header__title .icon_view_logo { + position: absolute; + left: 0.3em; + top: 0.4em; + width: 10px; + height: 10px; + background-size: 10px; + } + .forum-header__title h1 { + font-size: 17px; + margin: 0; + line-height: 1; + display: inline-block; + } + +.forum-header_view_auth { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + .forum-header_view_auth .forum-user { + margin-left: auto; + } + .forum-header_view_auth .forum-user__avatar, + .forum-header_view_auth .forum-user__name { + display: inline-block; + vertical-align: middle; + margin-left: 10px; + } + .forum-header_view_auth .forum-user__avatar { + width: 40px; + } + +.header_type_beminfo { + position: relative; + z-index: 1000; + background-color: #000; +} + .header_type_beminfo .logo_type_bem { + width: 61px; + height: 38px; + margin: 12px auto 4px 12px; + background-size: 38px; + } + .header_type_beminfo .search-action { + margin-left: 30px; + } + .header_type_beminfo .search-action__text { + color: #999; + } + +.search-action_form_hidden .search-action__text { + display: block; +} + +.search-action_form_hidden .form { + display: none; +} + +.flex_type_content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.page_page_index { + min-height: 660px; +} + +.page_touch_yes .page__fullscreen { + opacity: 0.6; + background-size: 24px; +} + +.page_touch_yes .content_view_post { + padding-left: 29px; +} + +.post_view_full { + margin-bottom: 10px; + padding: 10px 10px 5px 0; +} + +.post_view_full .post__date, +.post_view_full .post__author, +.post_view_full .post__translator, +.post_view_full .post__tags { + display: inline-block; +} + +.post_view_full h1.post__title { + margin-top: 20px; +} + +.post_view_full .post__issueLink { + color: #333; +} + +.post__url { + margin: 12px 20px 12px auto; +} + .post__url .link { + display: inline-block; + } + .post__url .icon_view_github { + width: 24px; + height: 24px; + background-size: 24px; + margin-right: 5px; + vertical-align: super; + } + +.yandex-logo_lang_en { + background: url(../../../blocks/common.blocks/yandex-logo/_lang/yandex-logo_lang_en.svg) no-repeat; +} + +.checkbox_theme_normal { + font-family: Arial, Helvetica, sans-serif; +} + .checkbox_theme_normal:hover { + cursor: pointer; + } + .checkbox_theme_normal .checkbox__control { + position: relative; + z-index: -1; + margin: 0; + opacity: 0; + } + .checkbox_theme_normal .checkbox__box { + position: relative; + display: inline-block; + border-radius: 3px; + background: rgba(0, 0, 0, 0.2); + } + .checkbox_theme_normal .checkbox__box:before { + position: absolute; + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; + content: ''; + border-radius: 2px; + background: #fff; + } + .checkbox_theme_normal .checkbox__box:after { + position: absolute; + top: -5px; + left: 2px; + content: ''; + background-image: url(../../../../libs/bem-components/design/common.blocks/theme/_normal/tip.svg); + background-size: 100%; + opacity: 0; + -webkit-transition: -webkit-transform 0.05s ease-out, opacity 0.05s ease-out; + transition: transform 0.05s ease-out, opacity 0.05s ease-out; + } + .checkbox_theme_normal.checkbox_size_m { + font-size: 13px; + } + .checkbox_theme_normal.checkbox_size_m .checkbox__box { + line-height: 14px; + width: 14px; + height: 14px; + margin-right: 5px; + } + .checkbox_theme_normal.checkbox_size_m .checkbox__box:after { + width: 15px; + height: 15px; + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + } + .checkbox_theme_normal.checkbox_size_l { + font-size: 15px; + } + .checkbox_theme_normal.checkbox_size_l .checkbox__box { + line-height: 17px; + width: 17px; + height: 17px; + margin-right: 7px; + } + .checkbox_theme_normal.checkbox_size_l .checkbox__box:after { + width: 18px; + height: 18px; + -webkit-transform: translateY(-7px); + transform: translateY(-7px); + } + .checkbox_theme_normal.checkbox_checked .checkbox__box { + background: rgba(153, 122, 0, 0.5); + } + .checkbox_theme_normal.checkbox_checked .checkbox__box:before { + background: #ffeba0; + } + .checkbox_theme_normal.checkbox_checked .checkbox__box:after { + opacity: 1; + -webkit-transform: translateY(0px); + transform: translateY(0px); + } + .checkbox_theme_normal.checkbox_focused .checkbox__box { + box-shadow: 0 0 10px #fc0; + } + .checkbox_theme_normal.checkbox_disabled { + cursor: default; + color: #999; + } + .checkbox_theme_normal.checkbox_disabled .checkbox__box { + background: rgba(0, 0, 0, 0.08); + } + .checkbox_theme_normal.checkbox_disabled .checkbox__box:before { + display: none; + } + .checkbox_theme_normal.checkbox_disabled.checkbox_checked .checkbox__box:after { + opacity: 0.4; + } + .checkbox_theme_normal.checkbox_type_button { + display: inline-block; + } + .checkbox_theme_normal.checkbox_type_button .checkbox__control { + position: absolute; + } + .checkbox_theme_normal.checkbox_type_line.checkbox_size_m { + margin-right: 13px; + } + .checkbox_theme_normal.checkbox_type_line.checkbox_size_l { + margin-right: 15px; + } + .checkbox_theme_normal.checkbox_type_line:last-child { + margin-right: 0; + } + +.forum-labels_view_menu .menu_size_m .menu-item_theme_normal {} + +.page_header_yes { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} diff --git a/css/raw/bmw.css b/css/raw/bmw.css new file mode 100644 index 0000000..a9d52c5 --- /dev/null +++ b/css/raw/bmw.css @@ -0,0 +1,8197 @@ +@font-face { + font-family: 'BMWType_Bold'; + src: url('../font/BMWRgBd.eot' ); + src: local('?'), + url('../font/BMWRgBd.woff') format('woff'), + url('../font/BMWRgBd.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'BMWType_Light'; + src: url('../font/bmw_type_web_light/bmwtypewebli.eot' ); + src: local('?'), + url('../font/bmw_type_web_light/bmwtypewebli.woff') format('woff'), + url('../font/bmw_type_web_light/bmwtypewebli.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} +/* old generic_seo.css */ +body.loading {margin: 0px; padding: 0px; font-family:arial,helvetica,sans-serif; font-size: 11px; line-height: 12px; color: #000; background-color: #fff; cursor:wait; height:100%;} +span,td {font-family:arial,helvetica,sans-serif; font-size: 11px; line-height: 12px;} +a {color: #666; text-decoration: none} +a:hover {color:#0044cc; text-decoration: none} +a img {border:none;} +.linkHighlight {color:#0044cc;} +ul, ol, li, p {margin: 0px;padding:0px;} +dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;font-family: arial,helvetica,sans-serif;font-size: 11px; line-height:12px;} +#vSpace {display:block;line-height: 0px;} +#hSpace {display:inline;line-height: 0px;} +h1, h3 {font-family: Arial; margin:0px; color:#000;} +h4, h5, h6, h7 {font-family: Arial; margin:0px; font-weight:bold; color:#000;} +h2 {font-family: Arial; margin:0px; color:#000;} +h1 {font-weight:normal; padding-bottom: 3px; font-size:20px; line-height:21px;} +h2 {font-weight:bold; padding-bottom:10px; font-size:17px; line-height:16px;} +h3 {font-weight:bold; padding-bottom: 5px; font-size:14px; line-height:15px;} +h4 {padding-bottom: 0px; font-size:12px; line-height:13px;} +h5 {padding-bottom: 0px; font-size:11px; line-height:12px;} +h1.borderless {padding-bottom: 0px;} +h2.borderless {padding-bottom: 0px;} +h3.borderless {padding-bottom: 0px;} +img.arrow {display: inline; position: static; width: 7px; height: 11px; background-image:url(../img/standard_elements/arrow_standard.gif ); background-repeat: no-repeat; background-position: top left; height:11px; margin-top: -1px;} +a img.arrow {display: inline; position: static; width: 7px; height: 11px; background-image:url(../img/standard_elements/arrow_standard.gif ); background-repeat: no-repeat; background-position: top left; height:11px; margin-top: -1px;} +a:hover img.arrow {display: inline; position: static; width: 7px; height: 11px; background-image:url(../img/standard_elements/arrow_standard.gif ); background-repeat: no-repeat; background-position: bottom left; border: 0; height:11px; margin-top: -1px;} +a.linkHighlight img.arrow {display: inline; position: static; width: 7px; height: 11px; background-image:url(../img/standard_elements/arrow_standard.gif ); background-repeat: no-repeat; background-position: bottom left; border: 0; height:11px; margin-top: -1px;} +.menu {float:left; margin-right:10px;} +a.arrow {color:#666; text-decoration: none; height:11px; margin-top: -1px;} +a:hover {color:#0044cc;} +a.arrow img {display: inline; position: static; width: 7px; height: 11px; background-image:url(../img/standard_elements/arrow_standard.gif ); background-repeat: no-repeat; background-position: top left; height:11px; margin-top: -1px;} +a.arrow:hover img {display: inline; position: static; width: 7px; height: 11px; background-image:url(../img/standard_elements/arrow_standard.gif ); background-repeat: no-repeat; background-position: bottom left; border: 0; height:11px; margin-top: -1px; } +a.arrow.linkHighlight {color: #0044cc;} +a.arrow.linkHighlight img {display: inline; position: static; width: 7px; height: 11px; background-image:url(../img/standard_elements/arrow_standard.gif ); background-repeat: no-repeat; background-position: bottom left; border: 0; height:11px; margin-top: -1px; } +a.arrow.listHeadline {color: #666;} +a.arrow.listHeadline:hover {color: #666; cursor:default;} +a.arrow.listHeadline img {display: inline; position: static; width: 7px; height: 11px; background-image:url(../img/standard_elements/arrow_standard.gif ); background-repeat: no-repeat; background-position: top left; height:11px; margin-top: -1px;} +a.arrow.listHeadline img:hover {display: inline; position: static; width: 7px; height: 11px; background-image:url(../img/standard_elements/arrow_standard.gif ); background-repeat: no-repeat; background-position: top left; height:11px; margin-top: -1px; cursor:default;} +a.large {display: block; position: absolute; top: 0; left: 0; width: 1020px; height: 292px; overflow:hidden;} +a.large img {display: block; position: absolute; top: 0; left: 0; width: 1020px; height: 292px;} + +div.smallStandard {width:239px; padding-bottom:5px; clear:both;} +div.smallStandard img {width:86px; height:48px; margin-top:3px; float:left;} +div.smallStandard span.headline { + display: block; + margin:0 0 4px 94px; + text-indent:7px; + background-image:url( ../img/_common/images_packed_v1.gif ); + background-repeat:no-repeat; + background-position:0px -1px; + +} +div.smallStandard a:hover span.headline {background-position:0px -71px;} +div.smallStandard span.copytext {display: block;margin-left:94px;} + +a.smallText {display: block; position: relative; top: 0; left: 0; height: 68px; } +a.smallText span.headline {display: block; position: relative; margin-bottom: 3px;} +a.smallText span.copytext {display: block; position: relative; margin-bottom: 8px;} +a.smallText span.headline img.arrow {display: inline; position: static; width: 7px; height: 11px; background-image:url(../img/standard_elements/arrow_standard.gif ); background-repeat: no-repeat; background-position: top left; } +a.smallText:hover span.headline img.arrow {display: inline; position: static; width: 7px; height: 11px; background-image:url(../img/standard_elements/arrow_standard.gif ); background-repeat: no-repeat; background-position: bottom left; border: 0;} +a.pdfDownload {display: block; position: relative; top: 0; left: 0; width: 209px; height: 150px; overflow:hidden;} +a.pdfDownload img.main {display: block; position: absolute; top: 0; left: 0; width: 182px; height: 72px; margin-top: 3px;} +a.pdfDownload img.distance {display: block; width: 1px; height: 20px; margin-bottom: 8px;} +a.pdfDownload span.headline {display: block; position: relative; margin-left: 0px; margin-bottom: 3px; margin-top: 65px;} +a.pdfDownload span.copytext {display: block; position: relative; margin-left: 0px; margin-top: 3px} +a.pdfDownload span.headline img.arrow {display: inline; position: static; width: 7px; height: 11px; background-image:url(../img/standard_elements/arrow_standard.gif ); background-repeat: no-repeat; background-position: top left; margin-top: 3px;} +a.pdfDownload:hover span.headline img.arrow {display: inline; position: static; width: 7px; height: 11px; background-image:url(../img/standard_elements/arrow_standard.gif ); background-repeat: no-repeat; background-position: bottom left; border: 0;} +a.pdfDownloadNoImage {display: block; position: relative; top: 0; left: 0; width: 239px; height: 68px; overflow:hidden;} +a.pdfDownloadNoImage span.headline {display: block; position: relative; margin-left: 0px; margin-bottom: 3px;} +a.pdfDownloadNoImage span.copytext {display: block; position: relative; margin-left: 0px; margin-top: 3px} +a.pdfDownloadNoImage span.headline img.arrow {display: inline; position: static; width: 7px; height: 11px; background-image:url(../img/standard_elements/arrow_standard.gif ); background-repeat: no-repeat; background-position: top left;} +a.pdfDownloadNoImage:hover span.headline img.arrow {display: inline; position: static; width: 7px; height: 11px; background-image:url(../img/standard_elements/arrow_standard.gif ); background-repeat: no-repeat; background-position: bottom left; border: 0;} +#buttonClose{position:absolute; bottom:0px; border-top:0px solid #fff; z-index: 817;} +#changeToHiBandLayer {position:absolute; top:157px; left: 194px; width:632px; height: 305px; z-index: 922; border: 1px solid #acacac;visibility:hidden;background-color:#fff;} +#contentHiBand {position:absolute; top:80px; left: 162px; width:360px; z-index: 922; overflow:hidden;} +#ToHighBand {background-color:#fff;overflow:hidden; width:632px; height: 305px;} +img.loadingBox {border: 1px solid #afafaf;} +#completePageContent {position:absolute; top: 14px; width:1000px;} +#completePageContentExperience {position:absolute; top: 0px; width:1000px; height:100%;} +a.selectboxEntry {font-size:11px; line-height:16px; color:#666; display:block; width:99%; overflow:hidden;} +a.selectboxEntry:hover {color: #fff; background-color:#0044cc;} +.selectboxContent {position:absolute; top: 18px; left: 0px; display:none;} +.input100 {width:287px;} +#teaserBorder {border-left:1px solid #fff; padding: 0px 0px 2px 8px;} +#teaserHeadline {width:239px;display:block;} +#teaserSmallStandard1 {width:239px; height:68px;} +#teaserSmallStandard2 {width:239px; height:68px;} +#teaserDownload1 {width:209px; height:146px;} +#linkList {width:239px;} +.teaserDownload {overflow:hidden; width:209px; height:146px;} +.teaserSmallStandard {overflow:hidden; width:239px; height:68px;} +td.button {width:133px; height:20px; background-color:#333333; color:#fff;} +td.buttonHover {background-color:#0044cc; cursor:pointer;} +input {width:289px; height:20px; padding-left:3px; font-family:Arial; font-size:11px; border:1px solid; border-top-color:#929292; border-left-color:#929292; border-bottom-color:#afafaf; border-right-color:#afafaf; background-image:url(../img/backgrounds/bg_forms.gif );} +input.error {width:289px; height:20px; padding-left:3px; border:1px solid; border-color:#ff0000; background-image:url(../img/backgrounds/bg_forms.gif );} +input.disabled {width:289px; height:20px; padding-left:3px; border:1px solid #afafaf; background-image:url(../img/palette/1x1_ffffff.gif );} +textarea {width:289px; height:108px; padding-left:3px; font-family:Arial; font-size:11px; border:1px solid; border-top-color:#929292; border-left-color:#929292; border-bottom-color:#afafaf; border-right-color:#afafaf; background-image:url(../img/backgrounds/bg_forms.gif );} +textarea.error {width:289px; height:108px; padding-left:3px; border:1px solid; border-color:#ff0000; background-image:url(../img/backgrounds/bg_forms.gif );} +textarea.disabled {width:289px; height:108px; padding-left:3px; border:1px solid #afafaf; background-image:url(../img/palette/1x1_ffffff.gif );} +.pipe {padding-left:4px; padding-right:4px;} +#co2HeaderOn {position:absolute; top:340px; left:741px; width:283px; height: 23px; z-index:500; background-color:#fff; border-left:1px solid #fff; border-top:1px solid #fff;} +#co2HeaderOff {position:absolute; top:340px; left:741px; width:283px; height: 23px; z-index:500; background-color:#fff; border-left:1px solid #fff; border-top:1px solid #fff; visibility:hidden;} +#co2body {position:absolute; top:363px; left:741px; width:246px; height:300px; z-index:500; background-color:#fff; border-left:1px solid #fff;} +#co2content {position:absolute; top:13px; left:8px; width:242px;} +#co2content p {margin-bottom: 40px;} +#co2HeaderLink {position:absolute; top:3px; left:8px; width:283px; height:15px;} +.contentDiv{position: static;} +.outerDiv{height:100%; width:1px;overflow:auto; z-index:1;} +a img.arrowWhite{display: inline; position: static; width: 7px; height: 11px; background-image:url(../img/standard_elements/arrow_standard_white_white.gif ); background-repeat: no-repeat; background-position: top left; height:11px; margin-top: -1px;} +a:hover img.arrowWhite {display: inline; position: static; width: 7px; height: 11px; background-image:url(../img/standard_elements/arrow_standard_white_white.gif ); background-repeat: no-repeat; background-position: bottom left; border: 0; height:11px; margin-top: -1px;} + +#bandwidthlayer {position:absolute; top:225px; left:251px; width:632px; height:255px; overflow:hidden; border:1px solid #999; background-color:#fff; visibility:hidden; z-index:1000;} +#bandwidthlayerSeperator {position:absolute; top:7px; left:373px; width:1px; height:239px; background-color:#999;} +#bandwidthlayerLeft {position:absolute; top:18px; left:17px; width:320px; height:217px;} +#bandwidthReply {position:absolute; top:98px; left:0px; color:#000;} +#bandwidthClose {position:absolute; top:1px; right:1px; width:13px; height:12px;overflow:hidden;} +#bandwidthlayerRight {position:absolute; top:18px; left:383px; width:250px; height:217px;line-height:12px;font-size:11px;} +#bandwidthlayerRight h3{font-size:14px;font-weight:bold;line-height:15px;padding-bottom:5px;margin:0;} +#bandwidthlayerRight td{line-height:8px;} + +.videoTeaser {position:absolute; top:133px; left:310px; border: 1px solid #999; padding-top:29px; padding-left:7px; padding-right:7px; padding-bottom:14px; background-color:#fff; display:none; visibility:hidden; z-index:100;} +.videoBMWWebTVTeaser {position:absolute; top:133px; left:310px; border: 1px solid #999; padding-top:29px; padding-left:7px; padding-right:7px; padding-bottom:0px; background-color:#fff; display:none; visibility:hidden; z-index:100;} +.videoTeaserHeadline {position:absolute; top:13px; left:7px; overflow:hidden;} +.videoTeaserPlayer {overflow:hidden; display:block;} +.videoTeaserDownloadLink {position:absolute; bottom:23px; left:235px;} +.videoTeaserTAFLink {position:absolute; bottom:9px; left:235px;} +#curtainContent {position:absolute; top:379px; left:30px; width:298px;} + +.selectBoxContainer { + position: relative; + display: block; + clear: both; +} +.selectBoxTitle { + height: 16px; + border: 1px solid #0044cc; + cursor: pointer; +} +.selectBoxTitle .selectBoxCaption { + float: left; + padding: 2px 5px; +} +.selectBoxButton { + float: right; +} +.selectBoxDropdown { + position:absolute; + visibility: hidden; + top: 18px; + left: 0px; + width: 100%; + padding-bottom:30px; +} +.selectBoxDropdownList { + overflow: auto; + height: 62px; + padding: 2px 0px 0px 5px; + background-color: #FFF; + border: 1px solid #0044cc; + border-top: none; +} +.selectBoxDropdownList a:focus { + outline: none; +} + +/* + Common +*/ +body { + margin:0; + background-color:white; + font-family:arial,helvetica,sans-serif; + color:#363636; + font-size:11px; + line-height:12px; +} + +.clear { + clear: both; +} + +div#mainNavigationContainer { + position: absolute; + top:0px; + left:0px; + width:100%; + z-index:1000; +} + +#mainNavigationCover { + position:absolute; + top:0px; + left:0px; + width:250px; + height:76px; + background-color:#fff; +} + + +#bottomNavigation { + position:fixed; + bottom:0px; + left:0px; + width:99%; + max-width:1024px; + min-width:550px; + background-color:#ffffff; + z-index:850; +} + +#bottomNavigation #bottomShare { + position:absolute; + right:34px; + top:0px; +} + +#bottomNavigation #bottomLinks { + position:relative; + left:11px; + width:85%; +} + +.bottomSpacer { + height:40px; + clear:both; +} + +ul.linklist_horizontal li { + display:inline; + margin-left:9px; +} + +ul.linklist_horizontal li a { + line-height:28px; + color:#666; +} + +ul.linklist_horizontal li a:hover { + color:#0044cc; +} + +#bottomShare .shareButton { + line-height:28px; + display:block; + z-index:799; + background: url( ../img/standard_elements/share_icon.gif ) no-repeat; + background-position:0px 5px; + outline:none; +} + +#bottomShare .shareButton:hover, .shareButtonActive { + color:#0044cc; + background: url( ../img/standard_elements/share_icon-h.gif ) no-repeat; + background-position:0px 5px; +} + + +.blue { + color:#0044cc !important; +} + +a { + text-decoration: none; + color:#666; +} + +img { + border:none; +} + +ul, ol, li, p { + margin:0; + padding:0; +} + +ul, ol { + list-style-type:none; +} + +form { + display:inline; +} + +#noscript { + position:absolute; + top:96px; + left:0px; + width:1024px; + height:672px; + padding:15px; + z-index:999; + background-color:#fff; + color:red; +} + +a.standard, a.standard:visited, a.standard:active, +body#mgmbh_body #bandwidth_advice .linklist a.standard, +body#mgmbh_body #bandwidth_advice .linklist a.standard:visited, +body#mgmbh_body #bandwidth_advice .linklist a.standard:active, +body#mgmbh_body #mediaGalleryLightboxLayer .linklist a.standard, +body#mgmbh_body #mediaGalleryLightboxLayer .linklist a.standard:visited, +body#mgmbh_body #mediaGalleryLightboxLayer .linklist a.standard:active{ + background-image:url( ../img/_common/images_packed_v1.gif ); + background-repeat:no-repeat; + background-position:0px -1px; + padding-left:7px; + font-size:11px; + line-height:12px; + text-decoration:none; + color:#666; + font-weight:normal; +} + +a.standard:hover, a.standard_active, a.standard_active:hover, +body#mgmbh_body #bandwidth_advice .linklist a.standard:hover, +body#mgmbh_body #mediaGalleryLightboxLayer .linklist a.standard:hover, +body#mgmbh_body #contentTeaserList #relatedLinks .linklist a.standard:hover, +body#eco_pro_mode_highlight #imageholder a.standard.active{ + background-image:url( ../img/_common/images_packed_v1.gif ); + background-repeat:no-repeat; + background-position:0px -551px; + padding-left:7px; + font-size:11px; + line-height:12px; + text-decoration:none; + color:#0044cc; + font-weight:normal; +} + +a.white, a.white:visited, a.white:active { + background-position:0px -80px; + color:#fff; +} + +a.white:hover { + background-position:0px -150px; + color:#000; +} + +ul.linklist li { + margin-bottom:4px; +} + +#stage { + position:absolute; + top:0px; + width:1024px; + height:660px; +} + +#stage_flash { + position:absolute; + top:0px; + width:1024px; + height:660px; + display:none; +} + +#textBlockNoImage { + position:relative; + top:112px; + left:318px; + width:514px; + height:auto; +} + +.bold { + font-weight:bold ! important; +} + + +#bandwidth_advice p { + padding:1px 0px 4px 1px; + color:#363636; +} + +#favoriteDialogLayer{ + position:absolute; + top:-500px; + left:-500px; + width:140px; + z-index:860; +} + +#favoriteDialogLayer strong{ + display:block; + margin-bottom:2px; +} + +#favoriteNotActive {font-weight:bold; margin-bottom:4px;} +#favoriteActive {display:none; color:#0044cc; font-weight:bold; margin-bottom:4px;} +#favoriteNoCookie {display:none; color:red; font-weight:bold; margin-bottom:4px;} + +/* + bandwidth advice layer +*/ + +#bandwidth_advice_curtain { + position:absolute; + top:74px; + left:0px; + width:1024px; + height:560px; + background-color:#000; + opacity: .5; + z-index:500; + display:none; +} + +#bandwidth_advice { + position:absolute; + top:185px; + left:388px; + width:350px; + display:none; + z-index:501; + background-color:#fff; + padding:17px 20px; +} + + +#bandwidth_advice .close { + position:absolute; + top:5px; + right:5px; + width:15px; + height:15px; + background-repeat: no-repeat; + background-position:0 -220px; + background-image: url( ../img/_common/images_packed_v1.gif ); +} + +#bandwidth_advice .close:hover { + background-position:0 -235px; +} + +/* + Vehicle & sales navigation +*/ + +#vehicle_navigation { + position:absolute; + top:113px; + left:31px; + width:176px; + z-index:600; +} + +#vehicle_navigation ul a { + display:block; + width:156px; + font-size:11px; + line-height:12px; + font-weight:bold; + color:#666; + border-top:1px solid #dadbdc; + background-image:url( ../img/backgrounds/vehicle_navigation_button_bg.gif ); + background-position:bottom; + padding:7px 10px 8px 10px; + text-decoration:none; +} + +#vehicle_navigation ul a:hover, #sales_navigation ul a:hover { + color:#0044cc; +} + +#vehicle_navigation #teaser { + position:relative; + margin-top:11px; + width:176px; + background-image:url( ../img/backgrounds/vehicle_navigation_button_bg.gif ); + background-position:bottom; + display:none; +} + +#vehicle_navigation #teaser strong{ + display:block; + padding:7px 5px 5px 10px; +} + +#vehicle_navigation #teaser img { + display:block; +} + +#vehicle_navigation #teaser_text { + position:relative; + padding: 5px 11px 10px 11px; + font-size:11px; + line-height:12px; + color:#363636; +} + +#teaser_image { + position:relative; + width:176px; + height:90px; + overflow:hidden; + display:block; +} + +#vehicle_navigation_teaser_stage { + position:absolute; + top:0px; + left:0px; + width:176px; + height:90px; + overflow:hidden; + display:block; +} + +#teaser_image #teaser_image_icon { + position:absolute; + bottom:0px; + right:0px; + width:47px; + height:17px; + background-color:#ffffff; +} + +#teaser_image #teaser_image_icon_counter { + margin-top:3px; + display:block; +} + +.vehicle_navigation_teaser_button { + position:relative; + width:15px; + height:15px; + float:left; + display:block; + margin:2px 4px 0 2px; + background: url( ../img/_common/images_packed_v1.gif ) no-repeat 0px -340px; +} + +.vehicle_navigation_teaser_button:hover { + background: url( ../img/_common/images_packed_v1.gif ) no-repeat 0px -355px; +} + +#sales_navigation { + position:absolute; + top:591px; + left:237px; + height:43px; + overflow:hidden; + z-index:850; +} + +#sales_navigation ul a { + display:block; + width:98px; + height:43px; + font-size:11px; + line-height:15px; + font-weight:bold; + color:#666; + background-image:url( ../img/backgrounds/sales_navigation_button_bg.png ); + background-repeat:no-repeat; + text-decoration:none; + padding:7px 10px 7px 10px; + float:left; +} + +#sales_navigation ul a.first { + width:97px; + background-position:-1px 0px; +} + +#sales_navigation ul a.blueButton { + background-image:url( ../img/backgrounds/sales_navigation_button_blue_bg.png ); + color:#fff; +} + +.sales_navigation_layer { + position:absolute; + top:0px; + left:0px; + height:634px; + width:170px; + overflow:hidden; + display:none; + z-index:851; +} + +.sales_navigation_layer div.box { + width:150px; + position:absolute; + bottom:0px; + padding:6px 11px 19px 9px; + background-color:#f7f7f7; +} + +.sales_navigation_layer strong { + font-size:15px; + line-height:17px; +} + +.sales_navigation_layer p { + margin-bottom:8px; +} + +#sales_navigation_layer_config div { + background-color:#3678c3; + color:#fff; +} + +a.sales_navigation_selectbox { + margin-bottom:5px; + display:block; + width:140px; + height:12px; + background-color:#8cb4e1; + padding:2px 5px; + background-image:url( ../img/_common/images_packed_v1.gif ); + background-repeat:no-repeat; + background-position:135px -164px; + color:#363636; + overflow:hidden; + outline:none; +} + + +a.sales_navigation_selectbox:hover { + color:#0044cc; + background-position:135px -188px; +} + +.sales_navigation_dropdown a:hover { + color:#0044cc; +} + +a.sales_navigation_selectbox_grey { + background-color:#d4d4d4; +} + +.sales_navigation_dropdown { + position:absolute; + width:136px; + z-index:1000; + display:none; + background-color:#a5caf3; + padding:6px 5px 0px 5px; + + max-height:283px; + overflow:auto; + border-right:4px solid #a5caf3; + border-top:4px solid #a5caf3; +} + +.sales_navigation_dropdown_grey { + background-color:#e6e6e6; + border-right:4px solid #e6e6e6; + border-top:4px solid #e6e6e6; +} + +.sales_navigation_dropdown a { + display:block; + color:#363636; + line-height:12px; + padding-bottom:4px; + outline:none; +} + +.margintop5 { + margin-top:5px +} + + +#sales_navigation_layer_contact .contact_search { + margin-top:5px; margin-bottom:7px +} + +#sales_navigation_layer_contact .contact_search input { + border:0; + background-color:#d4d4d4; + width:144px; + height:16px; + overflow:hidden; +} + +#opk_footnote{ + left: 290px; + width: 630px; + position: absolute; + top: 653px; +} + + +/* + template startpage +*/ +#start_headlines { + position:absolute; + top:119px; + left:236px; + width:750px; +} + +#start_headlines h1 { + font-size:32px; + line-height:27px; + letter-spacing:-1pt; + word-spacing:-1px; + margin:0; + font-weight:bold; + color:#ebebeb; +} + +#start_headlines h2 { + font-size:18px; + line-height:18px; + margin:0; + font-weight:bold; + color:#ebebeb; +} + +#start_headlines div { + padding-left:16px; + padding-top:6px; +} + +/* + template overview +*/ + +h2.overview_black { + color:#363636; +} + +h2.overview_white, h3.overview_white { + color:#ffffff; +} + + +#overview_linklist h2, .overview_additional { + font-size:26px; + line-height:24px; + margin:0; + margin-bottom:8px; + z-index:850; +} + +a.overview, a.overview:visited, a.overview:active { + font-size:13px; + line-height:13px; + font-weight:bold; + text-decoration:none; + background-image:url( ../img/standard_elements/arrow_big_right_black.gif ); + background-repeat:no-repeat; + background-position:0px 4px; + padding-left:8px; +} + + +a.overview_black, a.overview_black:visited, a.overview_black:active { + font-size:13px; + line-height:13px; + color:#363636; + font-weight:bold; + text-decoration:none; + background-image:url( ../img/standard_elements/arrow_big_right_black.gif ); + background-repeat:no-repeat; + background-position:0px 4px; + padding-left:8px; +} + +a.overview_white, a.overview_white:visited, a.overview_white:active { + font-size:13px; + line-height:13px; + color:#ffffff; + font-weight:bold; + text-decoration:none; + background-image:url( ../img/standard_elements/arrow_big_right_white.gif ); + background-repeat:no-repeat; + background-position:0px 4px; + padding-left:8px; +} + +a.overview_white_arrow, a.overview_white_arrow:visited, a.overview_white_arrow:active { + font-size:13px; + line-height:13px; + color:#ffffff; + font-weight:bold; + text-decoration:none; + background-image:url( ../img/standard_elements/arrow_big_right_white.gif ); + background-repeat:no-repeat; + background-position:3px 4px; + padding-left:12px; +} + +a.overview_white_pdf, a.overview_white_pdf:visited, a.overview_white_pdf:active { + font-size:13px; + line-height:13px; + color:#ffffff; + font-weight:bold; + text-decoration:none; + background-image:url( ../img/standard_elements/icon_pdf_min.gif ); + background-repeat:no-repeat; + background-position:0px 1px; + padding-left:12px; + display: block; +} + +div.overviewLink { + width:245px; + padding:8px 13px; + background-image:url( ../img/_common/trans.gif ); +} + +.overview_link_layer { + width:227px; + height:61px; + padding:8px 13px 8px 21px; + display:none; + cursor:default; + overflow:hidden; + background-image:url( ../img/backgrounds/overview_layer_bg.png ); +} + + +div.overviewLinkWide { + width:295px; + padding:8px 13px; + background-image:url( ../img/_common/trans.gif ); +} + +.overview_link_layer_wide { + width:277px; + height:61px; + padding:8px 13px 8px 21px; + display:none; + cursor:default; + overflow:hidden; + background-image:url( ../img/backgrounds/overview_layer_wide_bg.png ); +} + +div.overview_links { + position:relative; +} + +div.overview_links a { + margin-right:15px; +} + +.overview_link_layer p, .overview_link_layer_wide p { + height:25px; + padding:1px 0px 4px 1px; + color:#363636; + overflow:hidden; +} + +.overview_link_layer strong, .overview_link_layer_wide strong, #bandwidth_advice strong { + line-height:13px; + font-size:13px; + color:#363636; +} + +.overview_indent { + width:260px; + margin-left:29px; + overflow:hidden; +} + +.overview_indent_wide { + width:310px; + margin-left:29px; + overflow:hidden; +} + +/* + template media gallery +*/ +div#mediaGalleryCategoriesLayer { + position: absolute; + left: 246px; + top: 114px; + width: 778px; + height: 435px; + overflow: auto; +} + +div#mediaGalleryLightboxLayer div#lightbox a.closeLink { + cursor: default; +} + +div#mediaGalleryCategoriesLayer div.category { + margin-bottom: 22px; + clear: both; +} + +div#mediaGalleryCategoriesLayer div.category span.headline { + font-weight: bold; + margin-bottom: 10px; + display: block; + color:#363636; +} + +div#mediaGalleryCategoriesLayer div.category img.thumbImage { + margin: 0 3px 3px 0; + cursor: pointer; +} +div#mediaGalleryCategoriesLayer div.category img.thumbImageDescribtion { + margin: 0 3px 0 0; + cursor: pointer; +} + +div#mediaGalleryLightboxLayer { + position: absolute; + left: 0; + top: 0; + overflow: hidden; + display: none; +} + +div#mediaGalleryLightboxLayer div#blackLayer { + width: 1024px; + height: 635px; + background-color: #000; + display: none; + cursor: default; +} + +div#mediaGalleryLightboxLayer div#lightbox { + position: absolute; + background-image: url( ../img/gallery/media_gallery_pre-loader.gif ); + background-position: center; + background-repeat: no-repeat; + background-color: #fff; +} + +div#mediaGalleryLightboxLayer div#lightbox.lightboxNoPreloader { + background-image: none; +} + +div#mediaGalleryLightboxLayer div#lightbox img#bigImage, +div#mediaGalleryLightboxLayer div#lightbox div#flashLayer { + position:absolute; + left:0px; + top:0px; + margin:10px 10px 65px 10px; + display:none; +} + +div#mediaGalleryLightboxLayer div#lightbox div#embedLayer { + position: absolute; + left: 0; + top: 0; + margin: 10px 10px 65px 10px; + width: 414px; + height: 383px; + display: block; +} + +div#mediaGalleryLightboxLayer div#lightbox div#closeButtonLayer { + position: absolute; + right: 0; + top: 0; + width: 30px; + height: 30px; + background-color: #fff; + display: none; + z-index: 2; +} + +div#mediaGalleryLightboxLayer div#lightbox div#closeButtonLayer a.closeLink { + width: 15px; + height: 15px; + margin: 10px 0 0 5px; + background-repeat: no-repeat; + background-position:0 -220px; + background-image: url( ../img/_common/images_packed_v1.gif ); + cursor: pointer; + display: block; +} +div#mediaGalleryLightboxLayer div#lightbox div#closeButtonLayer a.closeLink:hover{ + background-position:0 -235px; +} + +div#mediaGalleryLightboxLayer div#lightbox div#textLayer { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 65px; + display: none; +} + +div#mediaGalleryLightboxLayer div#lightbox div#textLayer div.downloadLayer { + position: absolute; + left: 10px; + top: 7px; + display: none; +} + +div#mediaGalleryLightboxLayer div#lightbox div#textLayer div.downloadLayer strong { + clear:both; + display:block; + color:#363636; +} +div#mediaGalleryLightboxLayer div#lightbox div#textLayer div.downloadLayer ul.linklist { + padding: 3px 19px 0 0; + float:left; + display: none; +} + +div#mediaGalleryLightboxLayer div#lightbox div#textLayer div.downloadLayer ul.linklist li { + white-space:nowrap; +} + +div#mediaGalleryLightboxLayer div#lightbox div#textLayer img.shareButton { + position: absolute; + right: 10px; + top: 10px; + width:15px; + height:15px; + background: url( ../img/_common/images_packed_v1.gif ) no-repeat 0px -250px; + display: none; +} + +div#mediaGalleryLightboxLayer img.lightboxArrowLeft { + position: absolute; + width: 20px; + height: 48px; + cursor: pointer; +} + +div#mediaGalleryLightboxLayer img.lightboxArrowRight { + position: absolute; + width: 20px; + height: 48px; + cursor: pointer; +} + +div#mediaGalleryDialogButtons { + position: absolute; + left: 889px; + top: 605px; + width: 100px; + text-align: right; +} + +div#mediaGalleryDialogButtons img.shareButton { + width: 15px; + height: 15px; + margin-left:5px; + background: url( ../img/_common/images_packed_v1.gif ) no-repeat 0px -250px; + float:right; +} +div#mediaGalleryLightboxLayer div#lightbox div#textLayer a#shareDialog { + position: absolute; + right: 10px; + top: 10px; +} +div#mediaGalleryDialogButtons a.dialogButtonShare, +div#mediaGalleryLightboxLayer a.dialogButtonShare { + display: none; +} + +div#mediaGalleryCategoriesLayer div.thumbImageBox { + width: 110px; + margin-right: 6px; + float: left; + display: none; +} +div#mediaGalleryCategoriesLayer div.thumbImageBox strong.subheadline { + margin-bottom: 7px; + font-weight: normal; + display: block; +} + + +/* + template golocal +*/ + +#golocal_content { + position:absolute; + top:152px; + left:281px; + width:430px; +} + +#golocal_content h1 { + font-size:20px; + line-height:20px; + margin:0; + font-weight:bold; + color:#363636; +} + +#golocal_content.golocal_white h1{ + color:#ffffff; +} + +#golocal_content p { + padding-left:10px; + padding-top:4px; +} + +.golocal_white p{ + color:#ffffff; +} + +#golocal_content #select { + display:block; + position:relative; + margin-top:12px; + margin-left:10px; + padding:1px 5px; + width:180px; + height:14px; + overflow:hidden; + background-color:#d4d4d4; + background-image:url( ../img/_common/images_packed_v1.gif ); + background-repeat:no-repeat; + background-position:175px -164px; + z-index:20; +} + +#golocal_content #select:hover { + color:#0044cc; + background-position:175px -188px; +} + +#golocal_content #dropdown { + position:relative; + margin-left:10px; + background-color:#e6e6e6; + width:190px; + height:283px; + overflow:hidden; + visibility:hidden; + z-index:19; +} + +#golocal_content #dropdown_content { + position:relative; + margin:5px; + width:180px; + height:273px; + overflow:auto; +} + +#golocal_content #dropdown a { + display:block; + width:160px; + color:#363636; + line-height:13px; + margin-bottom:3px; +} + +#golocal_content #dropdown a:hover { + color:#0044cc; +} + +/* + template visualizer +*/ + +#visualizer_flashcontainer{ + position:absolute; + top:113px; + left:236px; + width:707px; + height:416px; + background-color:#fff; + visibility:hidden; +} + +#visualizer_noflash { + position:absolute; + height:200px; + width:400px; + margin:-100px 0px 0px -200px; + top:50%; + left:50%; +} + + +/* + mouseover dialoge +*/ + +.shadowbox { + z-index:860; +} +.dialogbox { + display:block; + visibility:hidden; + z-index:860; +} +.dialogbox .content, +.shadowbox .content { + position:relative; + padding:9px 12px; +} +.topnavi_layer.shadowbox .content{ + padding:9px 12px 0 12px; +} +.dialogbox .topBorder, +.shadowbox .topBorder { + position:absolute; + left:2px; + top:0px; + background-image:url( ../img/dialogbox/dialogbox_top.png ); + height:2px; + overflow:hidden; +} +.dialogbox .rightBorder, +.shadowbox .rightBorder { + position:absolute; + right:0px; + top:0px; + width:4px; + background-image:url( ../img/dialogbox/dialogbox_right.png ); + height:100%; + overflow:hidden; +} +.dialogbox .bottomBorder, +.shadowbox .bottomBorder { + float:left; + height:8px; + background-image:url( ../img/dialogbox/dialogbox_bottom.png ); + overflow:hidden; +} +.dialogbox .bottomBorder .bottomArrowImage, +.shadowbox .bottomBorder .bottomArrowImage { + margin-left:3px; + width: 19px; + height: 8px; + background-image:url( ../img/dialogbox/dialogbox_bottom_arrow.png ); + overflow:hidden; +} +.dialogbox .bottomBorder .bottomArrowImageRight, +.shadowbox .bottomBorder .bottomArrowImageRight { + position:absolute; + right:0px; + width: 19px; + height: 8px; + background-image:url( ../img/dialogbox/dialogbox_bottom_arrow.png ); + overflow:hidden; +} +.dialogbox .corner, +.shadowbox .corner { + float:left; + height:4px; + width:4px; + background-image:url( ../img/dialogbox/dialogbox_corner.png ); + overflow:hidden; +} +.dialogbox .leftBorder, +.shadowbox .leftBorder { + position:absolute; + left:0px; + top:0px; + width:2px; + height:100%; + background-image:url( ../img/dialogbox/dialogbox_left.png ); + overflow:hidden; +} +.dialogbox img.background, +.shadowbox img.background { + position:absolute; + top:2px; + left:2px; + display:none; +} +a.dialogButtonShare, +a.dialogButtonShareActive { + position:relative; + background: url( ../img/standard_elements/share_icon.gif ) no-repeat; + display:block; + z-index:799; + padding-left:18px; + padding-top:2px; +} + +a.dialogButtonShare:hover, a.dialogButtonShareActive { + background: url( ../img/standard_elements/share_icon.gif ); +} +a.dialogButtonDownload, a.dialogButtonDownloadActive { + position:relative; + width:15px; + height:15px; + background: url( ../img/_common/images_packed_v1.gif ) no-repeat 0px -310px; + display:block; + z-index:799; + float:right; + margin-left:5px; +} +a.dialogButtonDownload:hover, a.dialogButtonDownloadActive { + background-position:0px -325px; +} +a.dialogButtonFavorite, a.dialogButtonFavoriteActive { + display:none; +} + +a.dialogButtonDelete, a.dialogButtonDeleteActive { + background-image:url( ../img/_common/images_packed_v1.gif ); + background-position:0 -220px; + background-repeat:no-repeat; + cursor:pointer; + height:15px; + left:5px; + position:absolute; + top:5px; + width:15px; +} +a.dialogButtonDelete:hover { + background-position:0 -235px; +} +#shareDialogLayer { + position:absolute; + top:-500px; + left:-500px; + width:262px; + overflow:hidden; + z-index:860; +} +#shareDialogLayer .sharecontent { + width:235px; + height:152px; + overflow:auto; +} + +#shareDialogLayer td { + height:21px; +} + +#shareDialogLayer table { + margin-top:13px; +} + + +#idModuls { + position: absolute; + top: 0px; + left: 795px; + z-index:1000; +} + +div#idModuls img.alphaBg { + position: absolute; + left: 0px; + top: 0px; + z-index: 1000; +} + +div#idModuls img.alphaBg2 { + position: absolute; + left: 0px; + top: 0px; + width: 187px; + height: 95px; + z-index: 999; +} + +div#idModuls img.pngMsie { + display: none; +} + +div#idModuls img.pngMoz{ + display: block; +} + +/* + template content +*/ + +#contentPageContainer { + position:absolute; + top:113px; + left:236px; + width:687px; + height:380px; + padding:10px; + overflow:hidden; + background-color:#fff; +} + +#closeContentContainer{ + position:absolute; + top:10px; + left:677px; + width:25px; + height:20px; + background-color:#ffffff; + z-index:102; +} + +#contentPageContainer a#closeContent { + position:absolute; + top:0px; + left:5px; + width:15px; + height:15px; + cursor:pointer; + background-repeat: no-repeat; + background-position:0 -220px; + background-image: url( ../img/_common/images_packed_v1.gif ); +} + +#contentPageContainer a#closeContent:hover{ + background-position:0 -235px; +} + +#contentPageContainer .mediaStage{ + display:none; +} + +#contentPageContainer .mediaStage .mediaContainerNoFlash{ + position:absolute; + top:45px; + left:125px; + display:none; +} + +#contentPageContainer .mediaStage .mediaContainerNoFlashImage{ + display:none; +} + +#contentPageContainer #mediaStage0, #contentPageContainer #mediaStageSingle{ + display:block; +} + +#contentPageContainer .mediaContainer{ + position:absolute; + top:10px; + left:10px; + width:687px; + height:250px; +} + +#contentPageContainer #contentText{ + position:absolute; + top:261px; + left:10px; + width:655px; + height:133px; + padding:6px 0 0 35px; + background-color:#ffffff; + overflow:hidden; + z-index:101; +} + +#contentPageContainer #contentTextScroller{ + position:relative; + width:462px; + height:336px; + overflow:auto; + margin-bottom:9px; +} + +#contentPageContainer #contentText.more{ + top:0px; + height:357px; + padding:33px 0 0 35px; +} + +#contentPageContainer #contentText #lessContent{ + display:none; +} + +#contentPageContainer #contentText h2{ + width:410px; + margin:0 0 4px 0; + font-size:20px; + line-height:21px; + color:#363636; +} + +#contentPageContainer #contentText p{ + width:400px; + margin-left:9px; + font-size:11px; + line-height:12px; + margin-bottom:4px; + height:36px; +} + +#contentPageContainer #contentText p.hiddenLongText{ + display:none; + padding-top:8px; +} + +#contentPageContainer #contentText a#moreContent{ + position:absolute; + top:111px; + left:7px; +} + +#contentPageContainer #contentText a#lessContent{ + margin-left:7px; +} + +#contentPageContainer #relatedLinks{ + padding-top:8px; + width:176px; + height:95px; +} + +#contentPageContainer #relatedLinks a { + display:inline-block; +} + +#contentPageContainer #relatedLinks strong{ + font-size:11px; + line-height:16px; + color:#363636; + margin:0 0 1px 1px; + display:block; +} + +#contentPageContainer #contentTeaserList{ + position:absolute; + left:517px; + width:180px; + height:160px; + padding:3px 0 0 5px; + background-color:#ffffff; + z-index:102; +} + +#contentPageContainer #contentTeaserList.more{ + top:55px; +} + +#contentPageContainer .zeroTeaser{ + top:260px; +} + +#contentPageContainer .oneTeaser{ + top:210px; +} + +#contentPageContainer .twoTeaser{ + top:160px; +} + +#contentPageContainer .threeTeaser{ + top:110px; +} + +#contentPageContainer #contentTeaserList .contentTeaser{ + height:50px; + font-size:11px; + line-height:12px; + clear:both; + cursor:pointer; +} + +#contentPageContainer #contentTeaserList #contentTeaser0{ + display:none; +} + +#contentPageContainer #contentTeaserList .contentTeaser img{ + padding-top:2px; + float:left; +} + +#contentPageContainer #contentTeaserList .contentTeaser span{ + width:95px; + float:right; + margin-right:10px; +} + +#contentPageContainer #contentTeaserList .contentTeaser a.active{ + color:#0044cc; + background-position:0px -71px; +} + +#downloadDialog0Layer, #downloadDialog1Layer, #downloadDialog2Layer, #downloadDialog3Layer, #downloadDialog4Layer { + position:absolute; + top:-500px; + left:-500px; + width:160px; + z-index:100; +} + +.downloadDialogHeadline{ + display:block; + margin-bottom:2px; +} + +#contentDialogButtons { + position:absolute; + top:488px; + left:833px; + width:100px; + z-index:103; + text-align:right; +} + +#contentPageContainer .contentDownloadLink{ + position:absolute; + top:239px; + left:15px; + width:15px; + z-index:100; + display:none; +} + +#contentPageContainer .animationContainer{ + position:absolute; + top:0px; + left:0px; + width:687px; + height:275px; + background-color:#fff; +} + +#contentPageContainer .animationControl{ + position:absolute; + top:260px; + left:0px; + width:687px; + height:25px; + background-color:#fff; +} + +#contentPageContainer .animationImage{ + position:absolute; + display:none; +} + +#contentPageContainer .animationImage.first{ + display:block; +} + +#contentPageContainer .animationControl a{ + outline:none; +} + +#contentPageContainer .animationControl a { + position:absolute; + top:5px; + left:65px; + width:15px; + height:15px; + overflow:hidden; + display:block; + background: url( ../img/_common/images_packed_v1.gif ) no-repeat 0 -400px; +} + +#contentPageContainer .animationControl .animationPause { + background-position:0 -400px; +} + +#contentPageContainer .animationControl .animationPause:hover { + background-position:0 -415px; +} + +#contentPageContainer .animationControl .animationPlay { + left:65px; + background-position:0 -430px; +} + +#contentPageContainer .animationControl .animationPlay:hover { + background-position:0 -445px; +} + +#contentPageContainer .animationControl .animationNext { + left:157px; + background-position:0 -340px; +} + +#contentPageContainer .animationControl .animationNext:hover { + background-position:0 -355px; +} + +#contentPageContainer .animationControl .animationPrevious { + left:90px; + background-position:0 -370px; +} + +#contentPageContainer .animationControl .animationPrevious:hover { + background-position:0 -385px; +} + +#contentPageContainer .animationControl .animationCounter { + position:absolute; + top:5px; + left:115px; + width:35px; + height:15px; + overflow:hidden; + display:block; +} + +/* + co2Disclaimer +*/ + +.co2LayerLink, +.co2LayerLink:hover{ + text-decoration:underline; +} + +#co2Disclaimer{ + position:absolute; + top:145px; + left:422px; + width:276px; + height:116px; + z-index:810; + background-repeat: no-repeat; + background-image: url( ../img/backgrounds/co2_layer_background.png ); + display:none; +} + +#co2Disclaimer a#closeCo2Disclaimer { + position:absolute; + top:7px; + left:252px; + width:15px; + height:15px; + cursor:pointer; + background-repeat: no-repeat; + background-position:0 -220px; + background-image: url( ../img/_common/images_packed_v1.gif ); +} + +#co2Disclaimer a#closeCo2Disclaimer:hover{ + background-position:0 -235px; +} + +#co2Disclaimer h4{ + width:240px; + margin:9px 0 0 12px; + padding:0; + font-size:11px; + line-height:12px; + font-weight:bold; + color:#363636; +} + +#co2Disclaimer #co2DisclaimerContent{ + position:relative; + height:80px; + width:255px; + margin:5px 0 0 12px; + overflow:auto; +} + +/* + template highlight +*/ + +#highlightDownloadDialogLayer{ + position:absolute; + top:-500px; + left:-500px; + width:160px; + z-index:800; +} + +#highlightDownloadDialogLayer strong{ + display:block; + margin-bottom:2px; +} + +#highlightDownloadDialogIcon{ + position:absolute; + top:605px; + left:934px; + z-index:800; +} + + +#highlightDialogButtons { + position:absolute; + top:605px; + left:889px; + width:100px; + z-index:800; + text-align:right; +} + +#highlightShareIcon{ + position:absolute; + top:605px; + left:974px; + z-index:800; +} + +#highlightsMainContainer{ + position:absolute; + width:1024px; + height:660px; + display:none; +} + +#highlightCloseButton{ + font-weight:bold; + padding-top:10px; + position:absolute; + top:595px; + left:0px; + width:116px; + height:21px; + padding-left:51px; + background-color:#cccccc; + overflow:hidden; + z-index:800; + background:url(../img/standard_elements/button2_close.gif ); +} + +#highlightCloseButton:hover { + background:url(../img/standard_elements/button2_close-h.gif ); +} + + + +/* + template test reports +*/ + +div#test_reports_content { + position:absolute; + left:246px; + top:121px; + width:778px; + height:428px; + overflow:auto; +} + +#test_reports_content td { + vertical-align:top; +} + +.test_report_row td img { + margin-top:2px; +} + +#test_reports_content td p { + height:40px; + overflow:hidden; +} + +.test_report_row { + height:49px; +} + +.test_report_separator_row { + height:16px; +} + +.test_report_separator_row img{ + position:relative; + top:2px; + display:block; +} + +#test_report_share_button { + position: absolute; + left: 989px; + top: 605px; +} + +/* + template favorites +*/ +div#favoritesDiv { + height:455px; + left:246px; + overflow:auto; + position:absolute; + top:114px; + width:778px; +} +div#favoritesGalleryLayer div.categoryFirst { + clear:both; + display:block; +} + +div#favoritesGalleryLayer div.category { + padding-bottom:32px; + display:block; +} + +#favoritesGalleryLayer .headline { + display:block; + margin-bottom:12px; + font-weight:bold; +} + +.favoritesBoxContainer { + float:left; + display:block; + width:170px; + height:130px; +} +.favoritesThumbContainer { + background-color:#fff; + height:62px; + padding:5px; + width:110px; + position:absolute; +} + +.favoritesBoxContainer p { + margin-top:5px; +} +.closefavoritesBox { + background-color:#fff; + height:25px; + left:94px; + position:absolute; + top:0px; + width:25px; +} + +.favoritesContentText { + width:160px; + position:relative; + top:72px; +} + + +#deleteDialogLayer{ + position:absolute; + top:-500px; + left:-500px; + z-index:800; +} + +/* + template model_compare +*/ + +#compare_innertable { + overflow:auto; +} + +#compare_head { + position:absolute; + top:115px; + left:255px; + width:200px; + height:40px; + overflow:hidden; + font-weight:bold; +} + +#compare_select_1 { + position:absolute; + top:113px; + left:480px; + width:219px; + height:43px; + display:none; + z-index:100; +} + +#compare_select_2 { + position:absolute; + top:113px; + left:714px; + width:219px; + height:43px; + display:none; + z-index:100; +} + +#compare_select_1 .select, #compare_select_2 .select { + display:block; + position:relative; + padding:1px 5px; + width:209px; + height:14px; + overflow:hidden; + background-color:#fff; + background-image:url( ../img/_common/images_packed_v1.gif ); + background-repeat:no-repeat; + background-position:209px -164px; + z-index:20; +} + +#compare_select_1 .select:hover, #compare_select_2 .select:hover { + color:#0044cc; + background-position:209px -188px; +} + +#compare_select_1 .dropdown, #compare_select_2 .dropdown { + position:absolute; + top:17px; + left:0px; + background-color:#fff; + width:219px; + display:none; + z-index:19; +} + +#compare_select_1 .dropdown_content, #compare_select_2 .dropdown_content { + position:relative; + margin:5px; + width:180px; +} + + +#compare_select_1 .dropdown a, #compare_select_2 .dropdown a { + display:block; + width:160px; + color:#363636; + line-height:13px; + margin-bottom:3px; +} + +#compare_select_1 .dropdown a:hover, #compare_select_2 .dropdown a:hover { + color:#0044cc; +} + + +#compare_select_1 .configure, #compare_select_2 .configure { + margin-top:2px; + display:none; +} + +#compare_table { + position:absolute; + top:156px; + left:246px; + width:705px; + z-index:95; +} + +#compare_table table { + table-layout:fixed; +} + +#compare_table tr.mc_table_headline { + background-image:url( ../img/model_compare/table_headline_bg.png ); +} + +#compare_table tr.mc_table_headline td { + font-weight:bold; + padding-top:2px; + padding-bottom:3px; +} + +#compare_table tr.mc_table_seperator { + height:1px; + overflow:hidden; +} + +#compare_table tr.mc_table_entry { + background-image:url( ../img/model_compare/table_entry_bg.png ); +} + +#compare_table tr.mc_table_entry td { + text-align:center; + padding-top:2px; + padding-bottom:3px; +} + +#compare_table tr.mc_table_entry td.leftalign { + text-align:left; +} + +.compare_icon { + padding-left:14px; + padding-right:20px; + background-repeat:no-repeat; + float:left; +} + +.compare_table_icon { + width:8px; + height:11px; + overflow:hidden; + display:inline-block; +} + +.icon_standard_equipment { + background-image:url( ../img/model_compare/icon_standard_equipment.png ); +} + +.icon_extra_equipment { + background-image:url( ../img/model_compare/icon_extra_equipment.png ); +} + +.icon_original_equipment { + background-image:url( ../img/model_compare/icon_original_equipment.png ); +} + +.icon_not_available { + background-image:url( ../img/model_compare/icon_not_available.png ); +} + +#compareInfoLayer{ + position:absolute; + top:380px; + left:235px; + width:356px; + height:186px; + z-index:810; + background-repeat: no-repeat; + background-image: url( ../img/backgrounds/compare_info_layer_background.png ); + display:none; +} + +#compareInfoLayer a#closeCompareInfoLayer { + position:absolute; + top:7px; + left:332px; + width:15px; + height:15px; + cursor:pointer; + background-repeat: no-repeat; + background-position:0 -220px; + background-image: url( ../img/_common/images_packed_v1.gif ); +} + +#compareInfoLayer a#closeCompareInfoLayer:hover{ + background-position:0 -235px; +} + +#compareInfoLayer h4{ + width:240px; + margin:9px 0 0 12px; + padding:0; + font-size:11px; + line-height:12px; + font-weight:bold; + color:#363636; +} + +#compareInfoLayer #compareInfoLayerContent{ + position:relative; + height:150px; + width:335px; + margin:5px 0 0 12px; + overflow:auto; +} + +#compareDialogButtons { + position:absolute; + top:605px; + left:889px; + width:100px; + z-index:800; + text-align:right; +} + +/* + Navigation +*/ + +#topnavi { + height:82px; + width:100%; + min-width:1000px; + background:url(../img/backgrounds/topnavi_shadow.png ) repeat-x; +} + +#topnavi .small{ + position:absolute; + top:0px; + left:11px; + width:760px; + height:25px; + overflow:hidden; +} + +#topnavi .small .link_container{ + width:1000px; +} + +#topnavi .small a{ + padding:10px 3px 10px 9px; + float:left; + color:#666; +} + +#topnavi .small a:hover { + color:#0044cc; +} + +#topnavi #searchBox{ + position:relative; + width:250px; + height:18px; + margin-top:7px; + float:left; +} + +#topnavi #searchBox input{ + position:relative; + width:122px; + height:16px; + border:none; + float:left; + margin-left:14px; + margin-right:4px; + padding-left:7px; + color:#4c4c4c; + background-image:url( ../img/backgrounds/bg_top_navi_search.jpg ); + background-repeat:no-repeat; +} + +#topnavi #searchBox #searchSubmitButton{ + position:relative; + background-color:#666; + float:left; +} + +#topnavi #searchBox #searchSubmitButton a{ + position:relative; + width:14px; + height:12px; + padding:2px 5px; + display:block; + float:left; + font-weight:bold; + color:#666666; + overflow:hidden; + border-top:solid #dddddd 1px; + border-left:solid #dddddd 1px; + border-bottom:solid #b0b0b0 1px; + border-right:solid #b0b0b0 1px; + background-image:url( ../img/backgrounds/button_bg_small.gif ); +} + +#topnavi #searchBox #searchSubmitButton a:hover{ + border-top:solid #e5e5e5 1px; + border-left:solid #e5e5e5 1px; + border-bottom:solid #cfcfcf 1px; + border-right:solid #cfcfcf 1px; + background-image:none; + background-color:#eeeeee; + color:#0044cc; + font-weight:bold; +} + +#topnavi .models{ + position:absolute; + top:24px; + left:7px; + width:770px; + z-index:1000; + overflow:hidden; +} + +#topnavi .models a { + font-size:16px; + font-weight:bold; + color:#666; + outline:none; + margin-right:-6px; +} + +#topnavi .models a.nonVehicle, #topnavi .models a.noLayer { + font-size:13px; +} + +#topnavi .topnavi_models_low { + position:relative; + width:1000px; +} + +#topnavi .topnavi_models_low a { + padding:9px 12px; + background-image:url( ../img/_common/trans.gif ); + float:left; +} + +#topnavi .topnavi_models_low a:hover { + color:#0044cc; +} + +#topnavi .topnavi_models_high { + position:absolute; + top:0px; + left:0px; + width:1000px; + visibility:hidden; +} + +#topnavi .topnavi_models_high a { + color:#0044cc; + z-index:900; +} + +#topnavi .topnavi_models_high .shadowbox { + position:relative; + visibility:hidden; + float:left; +} + +#topnavi .topnavi_models_high .content { + cursor:pointer; + background-image:url( ../img/_common/trans.gif ); + display:block; + font-size:16px; +} + +#topnavi .topnavi_models_high .nonVehicle .content { + font-size:13px; + white-space:nowrap; +} + +.topnavi_layer { + position:absolute; + top:52px; + left:-2px; + visibility:hidden; +} + +.topnavi_layer .layer_content_text{ + position:relative; + width:709px; + overflow:hidden; + padding:17px 0px 10px 10px; +} + +.topnavi_layer .layer_content_text ul{ + position:relative; + width:189px; + float:left; + min-height:157px; + margin-left:60px; +} + +.topnavi_layer .layer_content_text ul.first{ + margin-left:0px; +} + +.topnavi_layer .layer_content_text ul li{ + padding-bottom:4px; +} + +.topnavi_layer .layer_content_text ul a{ + line-height:12px; +} + +.topnavi_layer .layer_content_text ul a:hover{ + line-height:12px; +} + +.topnavi_layer .layer_content_text li.topicHeader{ + padding-top:16px; +} + +.topnavi_layer .layer_content_text li.topicHeader a{ + font-weight:bold; + color:#000; +} + +.topnavi_layer .layer_content_text li.topicHeader a.blue { + color:#000000 !important; +} + +.topnavi_layer .layer_content_models{ + position:relative; + padding:29px 22px 9px 0px; + overflow:hidden; +} + +.topnavi_layer .layer_content_models .model{ + width:199px; + float:left; + margin-left:50px; + padding-bottom:14px; +} + +.topnavi_layer .layer_content_models .model.single{ + padding-left:249px; +} + +.topnavi_layer .layer_content_models .model.small{ + margin-top:4px; +} + +.topnavi_layer .layer_content_models .model.first{ + clear:both; + margin-left:0px; +} + +.topnavi_layer .layer_content_models .model img{ + display:block; +} + +.topnavi_layer .layer_content_models .model p.first{ + color:#000; + font-weight:bold; + line-height:12px; + margin-left:10px; +} + +.topnavi_layer .layer_content_models .model p.afterLink{ + margin-top:10px; +} + +.topnavi_layer .layer_content_models .model p.first a{ + color:#666; +} + +.topnavi_layer .layer_content_models .model p.first a:hover{ + color:#0044cc; +} + +.topnavi_layer .layer_content_models .model p.second { + color:#000; + line-height:12px; + margin-left:10px; +} + +.topnavi_layer .layer_content_models .model .standard{ + margin-top:4px; + display:block; + margin-left:10px; +} + +.topnavi_layer .layer_content_models .modelDisclaimer { + margin:5px 0 0 11px; + color:#cccccc; + font-size:10px; + line-height:11px; +} + +/* text download pdf */ +.textDownloadPdf #completeText {position:absolute; top:104px; left:316px; width:514px; height:auto;} +.textDownloadPdf #contentText {position:relative; top:0; left:0; width:398px;} +.textDownloadPdf #downloadMainTeaser {width:253px; height:146px;} +.textDownloadPdf .downloadMainTeaser {width:253px; height:146px; overflow:hidden;} +.textDownloadPdf #teaserContainer {position:absolute; top:99px; left:741px;} + +/* screensaver */ +.screensaver #completeText {position:absolute; top:104px; left:275px; width:454px;} +.screensaver #descriptions {top:6px; left:318px; width:327px; padding-left:43px;} +.screensaver #screensaverContent {left:318px; width:454px; height:385px; overflow:hidden; background:url(../../html/img/backgrounds/bg_flatscreen.jpg ) no-repeat 0 10px;} +.screensaver .previewImage {position:relative; top:35px; left:34px; width:211px; height:213px; display:block; z-index: 1;} +.screensaver #screensavers {position:relative; top:-140px; left:283px; width:171px; height:169px; overflow:hidden;} +.screensaver #previewList {position:absolute; top:0; left:0; width:171px;} +.screensaver #downloadList {position:absolute; bottom:0; left:0; width:171px;} +.screensaver #teaserContainer {position:absolute; top:99px; left:741px;} +.screensaver .pngMsie {display:none;} + +/* image_slide_show */ +.imageSlideShow .completeText {position:absolute; top:402px; left:176px; width:514px; height:auto;visibility:hidden; display:block;} +.imageSlideShow #contentText {position:relative; top: 0px; left:140px; width:398px;} +.imageSlideShow .divWidth514 {width:514px;} +.imageSlideShow #noOfPages {position:relative; top:0;} +.imageSlideShow .noOfPages {position:relative; top:0;width:122px; height:16px; float:left; text-align:right; margin-right:18px; color:#666;} +.imageSlideShow .nextOrPreviousPage {width:374px; height:16px; float:left;} +.imageSlideShow #imgBorder {position:absolute; width: 37px; height: 29px; z-index:35; visibility:hidden;} +.imageSlideShow #imgBorderPermanent {position:absolute; top:77px; width:37px; height:29px; z-index:30; visibility:hidden;} +.imageSlideShow #mainImage {position:relative; top:60px; left:318px; width:528px; height:303px; z-index:20; overflow:hidden; visibility:hidden;} +.imageSlideShow #displayedImage {width:528px; height:303px; overflow:hidden;} +.imageSlideShow #imagebar {position:absolute; top:363px; left:318px; width:424px; margin-top:1px;} +.imageSlideShow #imagebar img {width:33px; height:23px;} +.imageSlideShow a.thumbLink {margin-left:1px;} +.imageSlideShow a.thumbLink img {width:33px; height:23px; border:none;} +.imageSlideShow a.thumbLink:hover {margin-left:1px;} +.imageSlideShow #bigImageLoader {position:absolute; top:189px; left:492px; z-index:60; visibility:hidden;} +.imageSlideShow #teaserContainer {position:absolute; top:363px; left:741px;} +.imageSlideShow #close {position:absolute; top:1px; right:1px; width:13px; height:12px; visibility:inherit;} +.imageSlideShow #showroomLayer {position:absolute; top:226px; left:316px; width:410px; height:280px; padding:15px 0 9px 7px; border:1px solid #afafaf; background-color:#fff; display:none; z-index:65;} +.imageSlideShow a.TLcontextlink {color:#666;} +.imageSlideShow a.TLcontextlinkHigh {color:#0044cc;} + +/* datasheet */ +.datasheetContent td.data {padding-top:1px; padding-bottom:2px;} +.datasheetContent #lense {position:absolute; top:0; left:0; width:19px; height:18px;} +.datasheetContent #modelNavigation {position:absolute; top:112px; left:318px; width:662px; height:25px; z-index:1; overflow:hidden;} +.datasheetContent #disclaimer {position:absolute; top:106px; left:317px; width:672px; height:705px; z-index:3; visibility:hidden; background-color:#fff;} +.datasheetContent #disclaimerInline {position:absolute; top:0; left:0; width:340px; height:470px;} +.datasheetContent #lenseZoom {position:absolute; top:0; left:8px; width:19px; height:18px;} +.datasheetContent div.loaderZoom {position:absolute; top:352px; left:637px; width:87px; height: 65px; z-index:3; visibility:hidden;} +.datasheetContent div.loaderData {position:absolute; top:152px; left:437px; width:87px; height: 65px; z-index:3; visibility:hidden;} +.datasheetContent div.leftColumnMulti {position:absolute; top:137px; left:318px; width:326px; z-index:1; overflow:hidden;} +.datasheetContent div.rightColumnMulti {position:absolute; top:137px; left:654px; width:326px; z-index:1; overflow:hidden;} +.datasheetContent div.zoomMulti {position:absolute; top:137px; left:310px; width:679px; height:auto; z-index:2; visibility:hidden; background-color:#fff;} +.datasheetContent div.zoomSingle {position:absolute; top:106px; left:310px; width:679px; height:auto; z-index:2; visibility:hidden; background-color:#fff;} +.datasheetContent div.leftColumnSingle {position:absolute; top:106px; left:318px; width:326px; z-index:1; overflow:hidden; } +.datasheetContent div.rightColumnSingle{position:absolute; top:106px; left:654px; width:326px; z-index:1; overflow:hidden;} +.datasheetContent div.loaderDataSingle {position:absolute; top:121px; left:437px; width:87px; height:65px; z-index:3; visibility:hidden;} +.datasheetContent #printIcon {position:absolute; top:137px; left:272px; width:20px; z-index:5;} +.datasheetContent .lineheight0 {font-size:0px; line-height:0px;} + +/*large teaser*/ +#largeTeaserImage {position:absolute; top:0; left:0; width:1024px; height:291px;} +.largeTeaserLinkBackground, .largeTeaserLinkBackgroundActive {background-color:#000000; padding:3px 6px 3px 6px;} +.largeTeaserLinkBackgroundTransparent {padding:3px 6px 3px 6px;} +.largeTeaserLinkBackground a, .largeTeaserLinkBackgroundActive a {visibility:hidden;} +.largeTeaserLinkBackgroundActive {background-color:#0044cc} +#largeTeaserHitArea {position:absolute; top:0; left:0; width:1024px; height:291px;} +.largeTeaserLinkTextColor {color:#ffffff;} +.largeTeaserLinkTextColor:hover {color:#ffffff;} + +.teaserLarge div{ + position:absolute; +} + +.teaserLarge .buttonGrey a, .teaserLarge .buttonBlue a { + min-width:173px; + height:12px; + padding:5px 7px; + display:block; + font-weight:bold; + white-space:nowrap; +} + +.teaserLarge .buttonGrey a { + color:#666666; + border-top:solid #dddddd 1px; + border-left:solid #dddddd 1px; + border-bottom:solid #b0b0b0 1px; + border-right:solid #b0b0b0 1px; + background-image:url( ../img/backgrounds/button_bg.gif ); +} + +.teaserLarge .buttonBlue a { + color:#ffffff; + border-top:solid #4081ec 1px; + border-left:solid #4081ec 1px; + border-bottom:solid #0044cc 1px; + border-right:solid #0044cc 1px; + background-image:url( ../img/backgrounds/button_bg_blue.gif ); + background-repeat:repeat-x; +} + +.teaserLarge .buttonGrey a:hover { + border-top:solid #E5E5E5 1px; + border-left:solid #E5E5E5 1px; + border-bottom:solid #CFCFCF 1px; + border-right:solid #CFCFCF 1px; + background-image:none; + background-color:#EEEEEE; + color:#0044CC; + font-weight:bold; +} + +.teaserLarge .buttonBlue a:hover { + border-top:solid #6f91d5 1px; + border-left:solid #6f91d5 1px; + border-bottom:solid #587abe 1px; + border-right:solid #587abe 1px; + background-image:none; + background-color:#0044cc; + color:#ffffff; + font-weight:bold; +} + +.teaserLarge .large{ + font-size:21px; line-height:24px; font-weight:normal; +} + +.teaserLarge .small{ + font-size:15px; line-height:17px; font-weight:normal; +} + +.teaserLarge .joy_small{ + font-size:17px; line-height:17px; font-weight:bold; letter-spacing:-1px;word-spacing:1px; +} + +.teaserLarge .joy_large{ + font-size:30px; line-height:30px; font-weight:bold; letter-spacing:-1px;word-spacing:2px; +} + +.teaserLarge .rebrush_headline_41{ + font-size:41px; line-height:41px; font-weight:bold; letter-spacing:-2px;word-spacing:2px; +} + +.teaserLarge .rebrush_headline_32{ + font-size:32px; line-height:32px; font-weight:bold; letter-spacing:-1px;word-spacing:2px; +} + +.teaserLarge .rebrush_headline_29{ + font-size:29px; line-height:29px; font-weight:bold; letter-spacing:-1px;word-spacing:2px; +} + +.teaserLarge .rebrush_headline_26{ + font-size:26px; line-height:26px; font-weight:bold; letter-spacing:-1px;word-spacing:2px; +} + +.teaserLarge .rebrush_headline_24{ + font-size:24px; line-height:24px; font-weight:bold; letter-spacing:-1px;word-spacing:2px; +} + +.teaserLarge.extraLarge{ + height:363px; +} + +.largeTeaserFullscreenOverlay{ + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + background-color: #000000; + display: none; + z-index: 999; +} + +#largeTeaserFullscreenOverlayBG{ + position: absolute; + top: 0px; + left: 0; + width: 100%; + height: 28px; + background-color: #ffffff; +} + +.largeTeaserFullscreenOverlayClose{ + position: absolute; + top: 41px; + left: 19px; + height: 15px; + color: #ffffff; + line-height: 15px; + font-weight:bold; + padding-left: 26px; + background: url( "../img/standard_elements/close_light.gif" ) no-repeat; +} + +.largeTeaserFullscreenOverlayClose:hover{ + background-position: bottom left; +} + +#largeTeaserFullscreenOverlayImage1, +#largeTeaserFullscreenOverlayImage2{ + position: absolute; + top: 0px; + left: 0; + display: none; +} + +.largeTeaserFullscreenOverlay #largeTeaserFullscreenOverlayHtml h1{ + position: absolute; + top: 268px; + left: 253px; + width: 0; + font-size: 31px; + line-height: 40px; + font-weight: bold; + color: #ffffff; + overflow: hidden; + white-space: nowrap; +} + + +#dePortal .teaserLargeContainer { + position:relative; + top:0px; + left:0px; + width:1004px; + height:363px; + overflow:hidden; + margin-bottom:22px; +} + +#dePortal .teaserLargeContainer .teaserLarge{ + display:none; +} + +#dePortal .teaserLargeContainer #largeTeaserBasic{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + display:none; +} + +#dePortal .teaserLargeContainer #largeTeaserFlash{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:363px; + overflow:hidden; + display:none; +} + +/* fork page */ +.fork_page #mainImageLeft {position:absolute; top:60px; left:0; width:511px; height:342px; z-index:10; overflow:hidden;} +.fork_page #mainImageRight {position:absolute; top:60px; left:512px; width:512px; height:342px; z-index:11; overflow:hidden;} +.fork_page #teaserContentLeft {position:absolute; top:376px; left:129px; width:415px; z-index:12; padding-top:10px; padding-left:16px; background-color:#fff;} +.fork_page #teaserContentRight {position:absolute; top:376px; left:532px; width:406px; z-index:13; padding-top:10px; background-color:#fff;} +.fork_page .headline1 {padding-bottom:2px;} +.fork_page .teaserCopy1 {margin-bottom:11px;} +.fork_page .headline2 {padding-bottom:2px;} +.fork_page .teaserLink1 {width:322px; display:block; margin-bottom:5px;} +.fork_page .teaserLink2 {width:322px; display:block;} + +/* experience */ +#experience {position:absolute; left:0px; top:28px; z-index:3; width:1000px; height:785px; overflow:hidden; visibility:hidden; padding-bottom:40px;} +#experience #headlineTop {position:absolute; top:101px; left:316px; z-index:5;} +#experience #headlineMiddle {position:absolute; top:133px; left:316px; z-index:5;} +#experience #headlineBottom {position:absolute; top:373px; left:316px; z-index:5;} +#experience #textBlock {position:relative; top:30px; left:318px; width:514px; height:auto;} +#experience #textBlockNoImage {position:relative; top:112px; left:318px; width:514px; height:auto;} +#campaignDialog {position:absolute; top:137px; left:220px; width:725px; height:410px; z-index:14; visibility:hidden; overflow:hidden;} + +/* contact */ +#specificPageContent {position:relative; top:96px; width:100%;} +#innerPageContent {position:relative; left:30px; width:965px;} +#topHeadline {position:relative; top:0; left:30px; width:900px;} + +/* text basic */ +.textBasic #specificPageContent {position:relative; top:98px; width:100%;} +.textBasic #innerPageContent {position:relative; left:318px; width:340px;} +.textBasic #topHeadline {position:relative; top:6px; left:318px; width:340px;} + +/* text 2columns */ +.text2columns #specificPageContent {position:relative; top:98px; width:100%;} +.text2columns #topHeadlineText {position:relative; top:6px; left:318px; width:278px;} +.text2columns #topCopyText {position:relative; left:318px; width:278px;} +.text2columns #topLinkText {position:relative; left:318px; width:278px;} +.text2columns #innerPageContentText {position:relative; left:318px; width:566px; height:auto; display:block; clear:both;} + +/* + modelfinder +*/ + +#modelfinder { + position:relative; + margin:111px 0 0 0; +} + +#modelfinder h2 { + position:relative; + margin:0 0 0 20px; +} + +#modelfinder #navigation { + position:relative; + margin:5px 0 0 20px; +} + +#modelfinder #navigation a { + margin-right:7px; + outline:none; +} + +#modelfinder #models { + position:relative; + width:962px; + margin:25px 0 0 6px; + overflow:hidden; +} + +#modelfinder #models a { + outline:none; +} + +#modelfinder #models .column { + position:relative; + float:left; + width:115px; + margin:0 0 40px 4px; + overflow:hidden; +} + +#modelfinder #models .column h1 { + margin:0; + font-size:23px; + line-height:23px; + letter-spacing:1px; + color:#262626; + margin-left:9px; + margin-bottom:5px; + font-weight:bold; +} + +#modelfinder #models .infolink { + margin-top:-3px; + padding-left:10px; + height:32px; + overflow:hidden; +} + +#modelfinder_layer { + position:absolute; + top:160px; + left:-2px; + visibility:hidden; +} + +#modelfinder_layer #disclaimer { + position:absolute; + top:371px; + left:28px; + width:925px; + height:12px; + font-size:10px; + line-height:11px; + color:#cacaca; + overflow:hidden; +} + +#modelfinder_layer .content { + padding:9px 8px 9px 12px; +} + +#modelfinder_layer .sizer { + position:relative; + margin-top:20px; + width:969px; + height:350px; + overflow:auto; +} + +#modelfinder_layer .column { + position:relative; + width:199px; + float:left; + overflow:hidden; + margin-left:50px; + margin-bottom:18px; +} + +#modelfinder_layer .column_extra { + position:relative; + width:199px; + float:left; + overflow:hidden; + margin-left:0px; + margin-bottom:18px; +} + +#modelfinder_layer .column_extra_margin { + position:relative; + width:199px; + float:left; + overflow:hidden; + margin-left:249px; + margin-bottom:18px; +} + +#modelfinder_layer .text { + position:relative; + margin-top:1px; + margin-left:10px; +} + +.linklist_bold { + margin-left:10px; +} + +.linklist_bold a { + font-size:13px; + line-height:16px; + font-weight:bold; + color:#666; + outline:none; +} + +.linklist_bold a.active { + color:#0044cc; +} + +.linklist_bold a:hover { + color:#0044cc; +} + +#modelfinder_layer .mfhead { + font-weight:bold; +} + + +#modelfinder_layer .mfcopy { + margin-bottom:2px; +} + +#modelfinder_layer a.info_button { + display:block; + position:absolute; + top:84px; + left:181px; + width:13px; + height:12px; + background-image:url(../img/standard_elements/info.gif ); + background-repeat:no-repeat; + background-position:0 0px; + outline:none; +} + +#modelfinder_layer a.info_button:hover { + background-image:url(../img/standard_elements/info-h.gif ); +} + + +#modelfinder_layer a.close_button, #modelfinder_infolayer a.close_button { + display:block; + position:absolute; + top:10px; + right:10px; + width:13px; + height:12px; + background-image:url(../img/standard_elements/close.gif ); + background-repeat:no-repeat; + background-position:0 0px; + outline:none; +} + +#modelfinder_layer a.close_button:hover, #modelfinder_infolayer a.close_button:hover { + background-image:url(../img/standard_elements/close-h.gif ); +} + +#modelfinder_infolayer { + position:absolute; + top:-500px; + left:-500px; + visibility:hidden; +} + +#modelfinder_infolayer .mfhead { + width:182px; + overflow:hidden; + font-weight:bold; + color:#000; +} + +#modelfinder_infolayer .mfcopy { + width:182px; + overflow:hidden; + margin-top:4px; +} + +#modelfinder_layer_big .content { + padding:0px 0px; +} + +#modelfinder_layer_big { + position:absolute; + top:160px; + left:-2px; + visibility:hidden; +} + + +#modelfinder_layer_big .sizer { + position:relative; + width:992px; + height:378px; + background-color:#fff; +} + +#modelfinder_layer_big .content { + padding:0px 0px; +} + +#modelfinder_layer_big .content .image { + position:absolute; + top:2px; + left:366px; +} + +#modelfinder_layer_big .content .text { + position:absolute; + top:19px; + left:22px; + width:300px; + height:340px; + overflow:hidden; +} + +#modelfinder_layer_big .content .text p.copyshort { + margin-top:12px; + font-size:14px; +} + +#modelfinder_layer_big .content .text ul.linklist { + margin-top:4px; +} + +#modelfinder_layer_big a.close_button { + display:block; + position:absolute; + top:7px; + right:9px; + width:13px; + height:12px; + background-image:url(../img/standard_elements/close.gif ); + background-repeat:no-repeat; + background-position:0 0px; + outline:none; + z-index:1000; +} + +#modelfinder_layer_big a.close_button:hover { + background-image:url(../img/standard_elements/close-h.gif ); +} + + +#modelfinder_layer .column .linklist, #modelfinder_layer .column_extra .linklist, #modelfinder_layer .column_extra_margin .linklist { + padding-top:2px; +} + +/* intro overview */ +.introOverview .mainImage {position:absolute; top:0; left:0; height:363px; width:1024px;} +.introOverview #quicklinks {position:absolute; top:390px; left:30px; width:182px; height:190px;} +.introOverview .introContentStyle {position:absolute; left:0; top:0; visibility:hidden;} +.introOverview .introContentStyleSmall {position:absolute; left:0; top:60px; visibility:hidden;} +.introOverview #teaserContent {visibility:hidden;} +.introOverview #mainText {visibility:hidden;} +.introOverview .teaser {position:absolute; top:391px; height:120px; width:95px; overflow:hidden;} +.introOverview .slot1 {left:115px;} +.introOverview .slot2 {left:227px;} +.introOverview .slot3 {left:339px;} +.introOverview .slot4 {left:451px;} +.introOverview .slot5 {left:563px;} +.introOverview .slot6 {left:675px;} +.introOverview .slot7 {left:787px;} +.introOverview .slot8 {left:899px;} + +/* sitemap */ +#sitmapHeadline {position:relative; width:986px; margin-top:118px;} +#sitmapBox {position:relative; width:986px; margin-top:11px; overflow:hidden; padding-top:13px; border-top:solid 1px #afafaf;} +#sitmapBox.first {border:none;} + +#sitmapRow {position:relative; width:1024px; margin:22px 0 0 20px; overflow:hidden;} +#sitmapRow.first {margin-top:0px;} +#sitmapRow.second {margin-top:12px;} +#sitmapRow h3{width:219px; padding-bottom:0px} +#sitmapRow #sitmapColumnEntry {position:relative; width:249px; float:left;} + +#sitmapRow #sitmapColumnEntry h2{padding:1px 0 0 0;line-height:17px;} +#sitmapRow.first #sitmapColumnEntry {margin-top:0} +#sitmapRow ul.sitemap {margin-top:4px;} +#sitmapRow ul.sitemap li {position:relative; padding:0; margin:0; margin-bottom:2px; line-height:14px;} +#sitmapRow ul.sitemap li.topicHeader a{color:#000000; margin-bottom:2px; font-weight:bold;} + +/* plug-in downloads */ +.plugInDownloads #specificPageContent {position:relative; top:101px; width:100%;} +.plugInDownloads #topHeadline {position:relative; top:4px; left: 318px; width:527px;} +.plugInDownloads #textBox {position:relative; left:318px; width:527px; height:auto; display:block; margin-bottom:21px; clear:both;} +.plugInDownloads #leftText {width:239px; height:auto; float:left; margin-bottom:21px; margin-right:49px;} +.plugInDownloads #rightText {width:239px; height:auto; float:left; margin-bottom:21px;} +.plugInDownloads #downloadBox {position:relative; left:282px; width:562px; height:auto; display:block; margin-bottom:13px; clear:both;} +.plugInDownloads #leftDownload {width:274px; height:auto; float:left; margin-bottom:13px; margin-right:14px;} +.plugInDownloads #rightDownload {width:274px; height:auto; float:left; margin-bottom:13px;} +.plugInDownloads a.pluginDownload {display:block;} +.plugInDownloads a.pluginDownload img {display:inline; position:relative; float:left;} +.plugInDownloads a.pluginDownload span.text {display:inline; position:relative;} +.plugInDownloads a.pluginDownload span.headline {display:block; position:relative; margin-left:36px; margin-bottom:3px; padding-top:7px;} +.plugInDownloads a.pluginDownload span.copytext {display:block; position:relative; margin-left:36px;} +.plugInDownloads a.pluginDownload span.headline img {display:inline; position:static; width:7px; height:11px; background-image:url("../img/standard_elements/arrow_standard.gif"); background-repeat:no-repeat; background-position:top left;} +.plugInDownloads a.pluginDownload:hover span.headline img {display:inline; position:static; width:7px; height:11px; background-image:url("../img/standard_elements/arrow_standard.gif"); background-repeat:no-repeat; background-position:bottom left; border:0;} + +/* campaign */ +.campaign #profileContainer {position:absolute; top:0; left:0; width:1003px; overflow:hidden;} +.campaign #bgImage {position:absolute; top:106px; left:667px; width:336px; height:443px;} +.campaign #contentContainer {position:absolute; top:0; left:0; width:100%;} + +/* text table */ +.textTable #specificPageContent {position:relative; top:98px; width:100%;} +.textTable #topHeadline {position:relative; top:6px; left:318px; width:335px;} +.textTable #innerPageCopy {position:relative; left:318px; width:335px;} +.textTable #innerPageTable {position:relative; left:318px; width:575px;} +.textTable table.textTable {table-layout:fixed; width:575px; font-size:11px; line-height:12px; color:#000;} +.textTable table.textTable tr.header {background-color:#cccccc;} +.textTable table.textTable tr.header6High {background-color:#cccccc; height:6px;} +.textTable table.textTable tr.header5High {background-color:#cccccc; height:5px;} +.textTable table.textTable tr.content {background-color:#f0f0f0;} +.textTable table.textTable tr.content10High {background-color:#f0f0f0; height:10px;} +.textTable table.textTable tr.content12High {background-color:#f0f0f0; height:12px;} +.textTable table.textTable tr.content14High {background-color:#f0f0f0; height:14px;} +.textTable table.textTable td.leftColumn {width:134px; vertical-align:top;} +.textTable table.textTable td.rightColumn {width:374px; vertical-align:top;} +.textTable table.textTable td.spaceCenter {width:49px;} +.textTable table.textTable td.spaceEdge {width:9px;} + +/* select language */ +.selectLanguage #specificPageContent {position:relative; top:98px; width:100%;} +.selectLanguage #innerPageContent {position:relative; left:318px; width:340px;} +.selectLanguage #topHeadline {position:relative; top:6px; left:318px; width:340px;} + +/* overview linklist */ +.overviewLinklist #content {position:absolute; top:374px; left:318px; width:326px; z-index: 470;padding-bottom:175px;} +.overviewLinklist #teaserContainer {position:absolute; top:363px; left:741px; z-index:480;} +.overviewLinklist #mood {position:absolute; top:62px; left:0; width:100%; height:303px; overflow:hidden; z-index: 490;} +.overviewLinklist #internalLinkList {position:absolute; top:389px; width:136px; height:130px; z-index:500;} +.overviewLinklist #contentNoImage {position:absolute; top:104px; left:318px; width:326px;} +.overviewLinklist #teaserContainerNoImage {position:absolute; top:99px; left:741px;} + +/* overview 2nd level */ +#overview2ndlevel .largeTeaser {position:absolute; top:24px; left:0; width:100%; height:203px; overflow:hidden;} +#overview2ndlevel .moduleLinkList {position:absolute; top:248px; left:20px; width:930px;} +#overview2ndlevel .moduleLinkList h5 {padding-bottom:2px;} +#overview2ndlevel .moduleLinkList table {padding-bottom:22px;} +#overview2ndlevel .moduleLinkList ul li {padding-bottom:4px;} +#overview2ndlevel .moduleLinkList ul li a {line-height:12px;} +#overview2ndlevel ul.linkList {margin-top:1px; padding-right:10px;} +#overview2ndlevel .teaserContainer {position:absolute; top:249px; left:767px; width:239px;} +#overview2ndlevel .hiddenTeaser {display:none; height:79px;} +#overview2ndlevel .standardTeaser, #overview2ndlevel .standardSalesTeaser {position:absolute; top:248px; left:757px;} +#overview2ndlevel .smallStandard {display:none;} + +#overview2ndlevel .smallStandard { + position:relative; + padding-bottom:0; + margin-bottom:15px; + width:auto; + height:65px; + overflow:hidden; +} + +#overview2ndlevel .price_disclaimer { + position:absolute; + top:422px; + left:768px; + width:239px; + margin:0 0 40px 0; + display:block; + clear:both; + color:#cccccc; + font-size:10px; + line-height:11px; +} +/* +effdyn modelfinder +*/ +#effdynModelfinder { + position:relative; + margin-left:7px; + width:1010px; + margin-bottom:70px; +} + +#effdynModelfinder .mainheadline { + position:relative; + margin-left:14px; + padding-top:111px; + padding-bottom:24px; +} + +#effdynModelfinder .models { + position:relative; + overflow:hidden; +} + +#effdynModelfinder h3 { + position:relative; + font-size:23px; + line-height:23px; + font-weight:bold; + margin-left:14px; + padding-bottom:1px; + white-space:nowrap; +} + + +#effdynModelfinder .block { + position:relative; + display:inline; + float:left; + margin-right:20px; + margin-bottom:31px; +} + +#effdynModelfinder .model { + position:relative; + display:inline; + margin-top:4px; + float:left; + width:113px; + margin-left:6px; +} + +#effdynModelfinder .model img { + position:relative; + display:block; +} + +#effdynModelfinder .model p { + margin-left:8px; +} + +#effdynModelfinder .model .linklist { + margin:4px 0px 0px 8px; +} + +#effdynModelfinder .bottom { + position:relative; + width:1004px; + height:53px; + overflow:hidden; +} + +#effdynModelfinder .bottom .left { + position:absolute; + width:50%; + left:0px; + bottom:0px; +} + +#effdynModelfinder .bottom .right { + position:absolute; + width:50%; + right:0px; + top:0px; +} + + +#effdynModelfinder .bottom .right .smallStandard { + position:absolute; + top:0px; + left:245px; + width:224px; + overflow:hidden; +} + + +/* model overview */ +#modelOverview #moduleImageList{ + position:absolute; + top:343px; + left:21px; + width:930px; + clear:both; +} +#modelOverview .teaserLargeContainer { + position:relative; + top:0px; + left:0px; + width:1004px; + height:356px; + overflow:hidden; + margin-bottom:22px; +} + +#modelOverview .teaserLargeContainer .teaserLarge{ + display:none; +} + +#modelOverview .teaserLargeContainer #largeTeaserOverlay{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:358px; + background-color:#ffffff; + display:block; +} + +#modelOverview .teaserLargeContainer #largeTeaserBasic{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + display:none; +} + +#modelOverview .teaserLargeContainer #largeTeaserBasic img{ + display:block; +} + +#modelOverview .teaserLargeContainer #largeTeaserAlternative{ + position:absolute; + bottom:0px; + left:0px; +} + +#modelOverview .teaserLargeContainer #largeTeaserFlash{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:356px; + overflow:hidden; + display:none; +} + +#modelOverview .teaserLargeContainer #largeTeaserFlash #largeTeaserFlashObject{ + position:absolute; + bottom:0px; + } + +#modelOverview a.skip { + display:block; + position:absolute; + width:23px; + height:12px; + background:url(../img/standard_elements/next.gif ) no-repeat 2px 2px; + padding:2px 0 0 23px; + background-color:#ffffff; + color:#0044cc; + font-weight:bold; + outline:none; + overflow:hidden; +} + +#modelOverview a.skip:hover { + background:url(../img/standard_elements/next-h.gif ) no-repeat 2px 2px; + background-color:#ffffff; +} + +#modelOverview .teaserLargeContainer a.skip { + bottom:0px; + left:958px; + width:45px; +} + + +/* jump page without navigation */ +.jumpPageWithoutNavigation #largeTeaser {position:absolute; top:0; left:0; width:100%; height:203px; z-index:14; overflow:hidden;} +.jumpPageWithoutNavigation #completeText {position:absolute; top:217px; left:0px; width:288px; height:245px; z-index:16; clear:both;} +.jumpPageWithoutNavigation #contentText {position:relative; top:0; left:20px; width:268px;} +.jumpPageWithoutNavigation #teaserContainer {position:absolute; top:203px; left:356px; width:288px; height:245px; z-index:17;} +.jumpPageWithoutNavigation #teaserContainerRight {position:absolute; top:203px; left:654px; width:288px; height:245px; z-index:18;} +.jumpPageWithoutNavigation #mediumLabelTeaser {position:absolute; top:217px; left:654px; width:327px; height:400px; z-index:19;} +.jumpPageWithoutNavigation #mediumLabelTeaserContinueLink {position:absolute; top:470px; left:654px; width:200px; z-index:20; visibility:hidden;} + +/* jump page with navigation*/ +.jumpPageWithNavigation #mainImage {position:relative; top:60px; left:0; width:100%; overflow:hidden; display:block;} +.jumpPageWithNavigation #teaserContainer {position:absolute; top:139px; left:741px;} +.jumpPageWithNavigation #completeText {position:relative; top:73px; left:287px; width:514px; height:auto;} +.jumpPageWithNavigation #contentText {position:relative; top:0; left:29px; width:369px;} + +/* visualizer 3d */ +.visualizer3d #completeText {position:absolute; top:53px; left:318px; width:514px; height:auto;} +.visualizer3d #contentText {position:relative; top:0; left:0; width:398px; height:371px;} +.visualizer3d #flashmovie {position:absolute; top:60px; left:0; width:1020px; height:600px; overflow:hidden; z-index:50; visibility:hidden} +.visualizer3d #teaser {position:absolute; top:376px; left:30px; width:182px; height:190px;} +.visualizer3d #iButton {position:absolute; top:356px; left:280px; width:19px; height:18px;background-color:#fff; z-index:60; visibility:hidden} +.visualizer3d #info {position:absolute; top:357px; left:310px; width:390px; height:200px; border:1px solid #afafaf; background-color:#fff; visibility:hidden; z-index:60;} +.visualizer3d #close {position:absolute; top:1px; right:1px; width:13px; height:12px; overflow:hidden; z-index:65;} +.visualizer3d .infoText {padding-top:20px; padding-left:9px; width:376px; margin-bottom:13px; z-index:60;} + +/* teleservice */ +.teleservice #showroomLayer {position:absolute; top:226px; left:316px; width:410px; height:280px; padding:15px 0 9px 7px; border:1px solid #afafaf; background-color:#fff; display:none; z-index:65;} +.teleservice a.TLcontextlink {color:#666;} +.teleservice a.TLcontextlinkHigh {color:#0044cc;} +.teleservice #mainContainerFlash {position:absolute; left:00; top:60px; z-index:3; width:100%; height:336px; overflow:hidden; background-image:url(../../highend/templates/individual/owners/service/teleservice/img/facts_bg.jpg ); background-repeat: no-repeat;} +.teleservice #contentText {position:absolute; top:407px; left:267px; width:478px; height:132px;padding-bottom:80px;} +.teleservice #teaserStory1 {position:absolute; top:326px; left:76px; width:255px; height:60px; z-index:4;} +.teleservice #teaserStory2 {position:absolute; top:326px; left:364px; width:255px; height:60px; z-index:4;} +.teleservice #teaserStory3 {position:absolute; top:326px; left:652px; width:255px; height:60px; z-index:4;} +.teleservice #teaserStoryImage1 {position:absolute; top:411px; left:227px; width:134px; height:63px; z-index:5; visibility:hidden;} +.teleservice #teaserStoryImage2 {position:absolute; top:411px; left:393px; width:134px; height:63px; z-index:5; visibility:hidden;} +.teleservice #teaserStoryImage3 {position:absolute; top:411px; left:559px; width:134px; height:63px; z-index:5; visibility:hidden;} +.teleservice #facts1Content1,.teleservice #facts1Content2,.teleservice #facts1Content3,.teleservice #facts2Content1,.teleservice #facts2Content2,.teleservice #facts2Content3,.teleservice #facts3Content1,.teleservice #facts3Content2,.teleservice #facts3Content3 {position:absolute; top:115px; left:604px; width:355px; height:259px; z-index:10; display:none;} +.teleservice #factsLinks1,.teleservice #factsLinks2,.teleservice #factsLinks3 {position:absolute; top:329px; left:604px; width:395px; z-index:15; display:none;} +.teleservice #factsContent{position:relative; overflow:auto; width:388px; height:133px; padding-right:15px;} +.teleservice h1 {width:405px;} +.teleservice h3{font-size:13px} +.teleservice .teaserHeadSmall{width:150px;} +.teleservice #faqTeaser{position:absolute; top:402px; left:844px; width:150px;} +.teleservice #faqContent {position:absolute; top:129px; left:150px; width:476px; height:430px; z-index:20; padding-left:40px; padding-top:30px; overflow:hidden; display:none; background-color:#fff; border:1px solid #afafaf;} +.teleservice .faqTeaserHeadline {margin-top:6px; margin-bottom:4px;} +.teleservice #faqInnerContent {position:relative; margin-top:16px; padding-right:15px; overflow:auto; width:407px; height:330px;} +.teleservice #close {position:absolute; top: 1px; right:1px; width:13px; height:12px; visibility:inherit;} + +/* goLocal */ +.goLocal #innerContent {width:180px; height:241px; background-color:#fff; overflow:auto;} +.goLocal #selectboxContent {position:absolute; top:18px; left:0; display:block; visibility:hidden;} +.goLocal #content {position:absolute; top:374px; left:318px; width:326px;padding-bottom:130px;} +.goLocal #teaserContainer {position:absolute; top:363px; left:741px;} +.goLocal #mood {position:absolute; top:14px; left:0; width:100%; height:363px; z-index:15; overflow:hidden;} + +/* visualizer individual */ +.visualizerIndividual #mainContainerFlash {position:absolute; left:0; top:0; z-index:3; width:100%; height:650px;overflow:hidden; visibility:hidden;} +.visualizerIndividual #mainImage {position:absolute; top:97px; left:0; width:100%; height:303px; z-index:0; overflow:hidden;} +.visualizerIndividual #completeText {position:absolute; top:405px; left:318px; width:514px; height:auto;} +.visualizerIndividual #contentText {position:relative; top:0; left:0; width:398px; height:71px;} + + +/* compare */ +.compare #mainContainerFlash {position:absolute; left:0; top:0; z-index:3; width:100%; height:585px; overflow:hidden;} +.compare #mainContainerNoFlash {position:absolute; left:0; top:0; z-index:3; width:100%; height:785px; overflow:hidden; visibility:hidden;} +.compare #mainImage {position:absolute; left:0; top:0; width:100%; height:427px; z-index:0; overflow:hidden;} +.compare #completeText {position:absolute; top:433px; left:318px; width:514px; height:auto;} +.compare #contentText {position:relative; left:0; top:0; width:398px; height:371px;} +.compare #linkLabel {position:relative; top:0; visibility:hidden;} +.compare #noFlashBasicCopy {position:relative; top:0; visibility:hidden;} +.compare #headlineTop {position:absolute; top:101px; left:316px; z-index:5;} +.compare #headlineMiddle {position:absolute; top:133px; left:316px; z-index:5;} +.compare #headlineBottom {position:absolute; top:373px; left:316px; z-index:5;} +.compare #backgroundImage {position:absolute; top:60px; left:0px; width:1024px; height:510px; z-index:10;} +.compare #textContent {position:absolute; top:146px; left:605px; width:340px; height:360px; z-index:11;} +.compare .textColor {color:#fff;} +.compare .textColor a {color:#fff;} +.compare .textColor a:hover {color:#0044cc;} +.compare #textContainer {position:relative; overflow:auto; width:345px; height:138px; padding-right:30px;} +.compare img.arrow {display:inline; position:static; width:7px; height:11px; background-image:url(../img/standard_elements/arrow_standard_white.gif ); background-repeat:no-repeat; background-position:top left; height:11px; margin-top:-1px;} +.compare a img.arrow {display:inline; position:static; width:7px; height:11px; background-image:url(../img/standard_elements/arrow_standard_white.gif ); background-repeat:no-repeat; background-position:top left; height:11px; margin-top:-1px;} +.compare a:hover img.arrow {display:inline; position:static; width:7px; height:11px; background-image:url(../img/standard_elements/arrow_standard_white.gif ); background-repeat:no-repeat; background-position:bottom left; border:0; height:11px; margin-top:-1px;} + +/* 3157380 */ +.serviceTable #teaserContainer {float:left;} +.serviceTable #completeText {position:relative; top: 95px; left:287px; width:705px; height:auto;} +.serviceTable #contentText {padding-left:29px;width:369px;float:left;margin-right:55px;} +.serviceTable #contentTable {position:relative; top: 0px; left: 29px; width:665px;padding-top:0px;overflow:hidden;} +.serviceTable #contentFooter {position:relative; top: 0px; left: 29px; width:590px;} +.serviceTable #listTable {padding:0;margin:0;} +.serviceTable #listTable td {padding:4px 0 7px 0;} +.serviceTable #listTable td span.noIcon, +.serviceTable #listTable td span.yesIcon{display:block;height:14px;width:14px;padding:0 0 0 18px;} +.serviceTable #listTable td span.noIcon img{background-image:url(../img/standard_elements/fs_table_minus.gif );height:14px;width:14px;} +.serviceTable #listTable td span.yesIcon img{background-image:url(../img/standard_elements/fs_table_checkmark.gif );height:14px;width:14px;} +.serviceTable #listTable td.line {padding:0;margin:0;height:1px;background-color:#828282;} +.serviceTable #listTable td.headline {padding:0px 0 11px 0;} +.serviceTable h3{font-size:13px;padding-bottom:0px;margin-bottom:0px;padding-top:0px;} +.serviceTable .horizontalLine {position:relative;top:0px;left:29px;height:1px;overflow:hidden;background-color:#828282;width:570px;} +.serviceTable .spacer20px{height:20px;overflow:hidden;} +.serviceTable .spacer30px{height:30px;overflow:hidden;} +.serviceTable h1{padding-top:3px;padding-bottom:10px;} +.serviceTable #footerCopyText{padding-top:14px;padding-bottom:11px;width:587px;} +.serviceTable #completeText a {padding-left:29px;} +.serviceTable #completeText #teaserContainer a, .serviceTable #contentLinkList a {padding-left:0;} +.serviceTable #contentLinkList{padding-top:32px;} + +/* service_inclusive_calculator */ + +.serviceInclusiveCalculator #mainContent { + position:absolute; + left:318px; + top:97px; +} + +.serviceInclusiveCalculator #mainHeadline { + position:relative; + width:580px; +} + +.serviceInclusiveCalculator #mainCopytext { + position:relative; + width:370px; + margin-top:8px; +} + +.serviceInclusiveCalculator #formHeadline { + position:relative; + width:580px; + color:#4d4d4d; + font-weight:bold; + margin-top:19px; + margin-bottom:1px; +} + +.serviceInclusiveCalculator #pulldownContainer { + position:relative; + width:580px; + padding-bottom:19px; + border-bottom:1px solid #999999; + height:96px; + z-index:100; +} + +.serviceInclusiveCalculator #vehilceContainer, .serviceInclusiveCalculator #modelContainer, .serviceInclusiveCalculator #packagesContainer, .serviceInclusiveCalculator #runtimeContainer { + position:relative; + float:left; + margin-right:46px; + z-index:100; + width:242px; + height:48px; +} + +.serviceInclusiveCalculator #packagesContainer, .serviceInclusiveCalculator #runtimeContainer { + z-index:90; +} +.serviceInclusiveCalculator .pulldownHeadline { + margin-top:11px; + margin-bottom:5px; +} + +.serviceInclusiveCalculator #modelPulldownDisabled, .serviceInclusiveCalculator #packagesPulldownDisabled, .serviceInclusiveCalculator #runtimePulldownDisabled{ + position:absolute; + top:28px; + z-index:101; +} + +.serviceInclusiveCalculator #modelPulldownDisabled{ + z-index:105; +} + +.serviceInclusiveCalculator #calcualteButton { + position:relative; + width:129px; + height:16px; + margin-top:13px; + padding-left:5px; + padding-top:4px; + color:#ffffff; + background-color:#4c4c4c; + cursor:pointer; + display:block; +} + +.serviceInclusiveCalculator #pulldownFootnote{ + position:relative; + width:580px; + margin-top:17px; +} + +.serviceInclusiveCalculator #resultContainer { + width:580px; + margin-top:34px; +} + +.serviceInclusiveCalculator #resultHeadline { + color:#4d4d4d; + font-weight:bold; +} + +.serviceInclusiveCalculator #resultPackageName, .serviceInclusiveCalculator #resultPackagePrice { + font-weight:bold; + font-size:13px; + line-height:15px; +} + +.serviceInclusiveCalculator #resultPackageName{ + margin-top:9px; +} + +.serviceInclusiveCalculator #resultPackageDescriptionIntro{ + margin-top:13px; +} + +.serviceInclusiveCalculator #featurespSIRepair, .serviceInclusiveCalculator #featurespSI, .serviceInclusiveCalculator #featurespSIPlus, .serviceInclusiveCalculator #featurespSIUltima, .serviceInclusiveCalculator #resultContainer{ + display:none; +} + +.serviceInclusiveCalculator #resultContainer ul{ + margin-top:13px; +} + +.serviceInclusiveCalculator #resultContainer ul li{ + padding-left:0px; + list-style-type:none; + line-height:13px; +} + +.serviceInclusiveCalculator #resultPackageDescriptionFooter{ + width:345px; + line-height:13px; + margin-top:13px; + padding-bottom:19px; + border-bottom:1px solid #999999; +} + +.serviceInclusiveCalculator #contactDealerButton{ + width:127px; + height:16px; + margin-top:13px; + padding-left:7px; + padding-top:4px; + color:#ffffff; + background-color:#4c4c4c; + cursor:pointer; + display:block; +} + +.serviceInclusiveCalculator #resultFootnote{ + margin-top:18px; + margin-bottom:50px; +} + +/* faq */ +.faq #teaserContainer {position:absolute; left:741px;} +.faq #teaserBorder {border-left:1px solid #fff; padding:0 0 2px 8px;} +.faq #teaserHeadline {width:239px; display:block;} +.faq #teaserIframeSmall {width:239px; height:68px;} +.faq #teaserIframeBig {width:209px; height:146px;} +.faq #linkList {width:239px;} +.faq ul.linklist {padding-top:2px; padding-bottom:2px;} +.faq ul.linkList li {margin-bottom:2px; padding-top:2px;} +.faq li.cat {padding-top:0; margin-bottom:0;} +.faq .hideAnswer {visibility:hidden; display:none;} +.faq .showAnswer {visibility:visible; display:block; padding-left:9px;} +.faq .hideCategory {visibility:hidden; display:none;} +.faq .showCategory {visibility:visible; display:block; padding-left:9px;} +.faq a.color003399 {color:#0044cc; text-decoration:none; height:11px; margin-top:-1px;} +.faq a.color003399:hover {color:#0044cc;} +.faq a.color003399 img {display:inline; position:static; width:7px; height:11px; background-image:url(../img/standard_elements/arrow_standard.gif ); background-repeat:no-repeat; background-position:bottom left; border:0; height:11px; margin-top:-1px; } +.faq a.color003399:hover img {display:inline; position:static; width:7px; height:11px; background-image:url(../img/standard_elements/arrow_standard.gif ); background-repeat:no-repeat; background-position:bottom left; border:0; height:11px; margin-top:-1px; } +.faq #completeText01 {position:relative; top:12px; left:317px; width:398px; height:auto;} +.faq #mainImage {position:relative; top:0; left:0; width:100%; overflow:hidden;} +.faq #contentText {position:relative; top:0; left:0; width:398px;} + +/* startpage */ +.startpage .hiddenStandardTeaser {display:none; margin-bottom:24px} +.startpage .teaserSpaceGrey {display:block; width:191px; height:1px; z-index: 15; border-top:1px solid #cccccc;} +.startpage #teaserBgLine {position:relative; top:290px; left:0; width:191px; height:1px; z-index:15; border-top:1px solid #999;} +.startpage #teaserBgGrid {position:absolute; top:243px; left:509px; width:300px; z-index:16;} +.startpage #teaserBgGrid1 {position:relative; top:0; left:0; width:279px; height:301px; border-left:1px solid #000; float:left;} +.startpage #teaserBgGrid2 {position:relative; top:0; width:1px; height:301px; border-left:1px solid #999; float:left;} +.startpage #mainImage {position:absolute; top:0; left:0; height:243px; z-index:1; overflow:hidden;} +.startpage #preloaderLinkCover {position:absolute; top:535px; left:0; width:960px; height:30px; z-index:100; visibility:hidden;} +.startpage #standardTeaserContainer {position:absolute; top:276px; left:518px; width:239px; z-index:16; float:left;} +.startpage #standardTeaserContinueLinkMulti {position:absolute; visibility:hidden;} +.startpage #standardTeaserContinueLinkSingle {position:absolute; visibility:hidden;} +.startpage #textTeaserContainer {position:absolute; top:256px; left:798px; width:182px; z-index:17; float:left;} +.startpage #textTeaserContinueLinkMulti {position:absolute; visibility:hidden;} +.startpage #textTeaserContinueLinkSingle {position:absolute; visibility:hidden;} +.startpage #standardTeaserContinueLinks {position:absolute; top:520px; left:614px; width:160px; z-index:19;} +.startpage #largePreloaderLinkCover {position:absolute; top:0; left:973px; width:19px; height:16px; z-index:21; visibility:hidden;} +.startpage #firstTeaserLeftContainer {position:absolute; top:256px; left:232px; width:126px; z-index:19;} +.startpage #secondTeaserLeftContainer {position:absolute; top:256px; left:365px; width:126px; z-index:19;} +.startpage .linklist {margin-bottom:5px; color:#666;} +.startpage .linklisttextonly {color:#666;} +.startpage a:hover {color:#0044cc;} + +/* startpage with large teaser */ +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid .hiddenStandardTeaser {display:none; margin-bottom:24px} +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid .teaserSpaceGrey {display:block; width:191px; height:1px; z-index: 15; border-top:1px solid #cccccc;} +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid #teaserBgGrid {position:absolute; top:355px; left:509px; width:300px; z-index:16;} +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid #firstTeaserLeftContainer {position:absolute; top:368px; left:232px; width:126px; z-index:19;} +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid #teaserBgGrid1 {position:relative; top:0; left:0; width:279px; height:241px; border-left:1px solid #999; float:left;} +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid #teaserBgGrid2 {position:relative; top:0; width:1px; height:241px; border-left:1px solid #999; float:left;} +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid #secondTeaserLeftContainer {position:absolute; top:368px; left:365px; width:126px; z-index:19;} +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid #standardTeaserContainer {position:absolute; top:388px; left:518px; width:239px; z-index:16; float:left;} +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid #standardTeaserContinueLinkMulti {position:absolute; visibility:hidden;} +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid #standardTeaserContinueLinkSingle {position:absolute; visibility:hidden;} +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid #standardTeaserContinueLinks {position:absolute; top:520px; left:614px; width:160px; z-index:19;} +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid #textTeaserContainer {position:absolute; top:368px; left:798px; width:182px; z-index:17; float:left;} +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid #textTeaserContinueLinkMulti {position:absolute; visibility:hidden;} +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid #textTeaserContinueLinkSingle {position:absolute; visibility:hidden;} +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid #standardTeaserContinueLinkMulti {position:absolute; visibility:hidden;} +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid #standardTeaserContinueLinkSingle {position:absolute; visibility:hidden;} +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid .linklist {margin-bottom:5px; color:#666;} +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid .linklist:hover {color:#0044cc;} + +.startpageWithLargeTeaser .startpageWithLargeTeaserTeaserGrid .linklisttextonly {color:#666;} + +.startpageWithLargeTeaser .teaserLargeContainer { + position:relative; + top:0px; + left:0px; + width:1004px; + height:356px; + overflow:hidden; + margin-bottom:22px; +} + +.startpageWithLargeTeaser .teaserLargeContainer .teaserLarge{ + display:none; +} + +.startpageWithLargeTeaser .teaserLargeContainer #largeTeaserOverlay{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:358px; + background-color:#ffffff; + display:block; +} + +.startpageWithLargeTeaser .teaserLargeContainer #largeTeaserBasic{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + display:none; +} + +.startpageWithLargeTeaser .teaserLargeContainer #largeTeaserBasic img{ + display:block; +} + +.startpageWithLargeTeaser .teaserLargeContainer #largeTeaserAlternative{ + position:absolute; + bottom:0px; + left:0px; +} + +.startpageWithLargeTeaser .teaserLargeContainer #largeTeaserFlash{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:356px; + overflow:hidden; + display:none; +} + +.startpageWithLargeTeaser .teaserLargeContainer #largeTeaserFlash #largeTeaserFlashObject{ + position:absolute; + bottom:0px; + } + + +/* aftersales campaign */ +.aftersalesCampaign #mainImage {position:absolute; top:60px; left:0; width:100%; height:303px; overflow:hidden;} +.aftersalesCampaign #detailImage {position:absolute; top:60px; left:0; width:100%; height:303px; overflow:hidden;} +.aftersalesCampaign #detailImageText01 {position:absolute; overflow:hidden; height:50px;} +.aftersalesCampaign #detailImageText02 {position:absolute; overflow:hidden; height:50px;} +.aftersalesCampaign .teaser {position:absolute; top:332px; width:213px; height:220px; border:1px solid #afafaf; background-color:#fff;} +.aftersalesCampaign .t1 {left:242px;} +.aftersalesCampaign .t2 {left:468px;} +.aftersalesCampaign .t3 {left:694px;} +.aftersalesCampaign .teaserText {position:absolute; top:7px; left:9px; width:195px; height:166px;} +.aftersalesCampaign .linkListAftersales {position:absolute; top:169px; left:10px;} +.aftersalesCampaign .linkListAftersalesDetail {position:absolute; top:150px; left:10px;} +.aftersalesCampaign .teaserTextDetail {position:absolute; top:7px; left:9px; width:369px; height:150px;} +.aftersalesCampaign #teaserTextContainer {position:absolute; top:332px; left:242px; width:387px; height:190px; border:1px solid #afafaf; background-color:#fff; display:none; overflow:visible;} +.aftersalesCampaign #teaserGroupe {display:block;} +.aftersalesCampaign #preloader {position:absolute; top:60px; left:0; width:990px; height:291px; padding-top:164px; text-align:center;} +.aftersalesCampaign #imageButtonPosition {position:relative; top:344px; left:0; width:100%; height:19px; z-index:21; overflow:hidden;} +.aftersalesCampaign #nextImageButton {position:absolute; top:0; left:973px; width:100%; height:19px; z-index:20; padding-top:3px; padding-left:3px; background-color:#fff;} + +/* wap push */ +.wapPush #completeText {position:absolute; top:104px; left:289px; width:514px; height:auto;} +.wapPush #contentText {position:relative; top:0; left:29px; width:369px;} +.wapPush #downloadList {position:relative; top:0; left:29px; width:369px;} +.wapPush #teaserContainer {position:absolute; top:99px; left:741px;} +.wapPush #requestDownloadIframe {position:absolute; top:104px; left:307px; width:517px; height:441px; z-index:105; visibility:hidden; border:1px solid #afafaf;} +.wapPush .dialog {position:absolute; top:40px; left:-9px; width:195px; height:auto; border:1px solid #afafaf; visibility:hidden; background-color:#fff;} +.wapPush .close {position:absolute; top:1px; right:1px; width:13px; height:12px;} +.wapPush .dialogBox {padding-left:8px; padding-right:8px; padding-top:5px; padding-bottom:5px;} + +/* text 2 columns backlink */ +.text2ColumnsBacklink #specificPageContent {position:relative; top:98px; width:100%;} +.text2ColumnsBacklink #topHeadlineText {position:relative; top:6px; left:318px; width:278px;} +.text2ColumnsBacklink #backLinkTextTop {position:absolute; top:6px; left:605px; width:278px; visibility:hidden;} +.text2ColumnsBacklink #backLinkTextBottom {position:relative; top:14px; left:318px; width:278px; visibility:hidden;} +.text2ColumnsBacklink #backLinkBottomLine {margin-top:4px; width:100%;} +.text2ColumnsBacklink #topCopyText {position:relative; left:318px; width:278px;} +.text2ColumnsBacklink #topLinkText {position:relative; left:318px; width:278px;} +.text2ColumnsBacklink #innerPageContentText {position:relative; left:318px; width:566px; height:auto; display:block; clear:both;} +.text2ColumnsBacklink #printIcon {position:absolute; top:123px; left:272px; width:20px; z-index:30;} +#printIFrame {overflow:hidden; width:10px; height:10px;} + +/* contact worldwide */ +.contactWorldwide #innerContent {width:180px; height:241px; background-color:#fff; overflow:auto;} +.contactWorldwide #selectboxContent {position:absolute; top:18px; left:2px; display:block; visibility:hidden;} +.contactWorldwide #content {position:absolute; top:104px; left:316px; width:326px;} +.contactWorldwide #textlist {position:relative; padding-top:36px; width:326px; z-index:0; padding-left:2px} +.contactWorldwide #teaserContainer {position:absolute; top:99px; left:741px;} + +/* introduction teaser streaming */ +.introductionTeaserStreaming #mainImages {position:absolute; top:60px; left:0; width:1024px; height:312px; overflow:hidden; visibility:hidden;} +.introductionTeaserStreaming #mainImage {position:absolute; top:0; left:0; width:auto; height:303px;} +.introductionTeaserStreaming .teaser {position:absolute; top:398px; width:90px; height:100px;} +.introductionTeaserStreaming .teaserQuickLinks {position:absolute; top:376px; left:30px; width:182px; height:190px;} +.introductionTeaserStreaming .t0 {left:292px;} +.introductionTeaserStreaming .t1 {left:406px;} +.introductionTeaserStreaming .t2 {left:520px;} +.introductionTeaserStreaming .t3 {left:634px;} +.introductionTeaserStreaming .t4 {left:748px;} +.introductionTeaserStreaming .t5 {left:862px;} +.introductionTeaserStreaming .t6 {left:976px;} +.introductionTeaserStreaming .teaser7 {position:absolute; top:398px; width:90px; height:100px;} +.introductionTeaserStreaming .t70 {left:292px;} +.introductionTeaserStreaming .t71 {left:393px;} +.introductionTeaserStreaming .t72 {left:494px;} +.introductionTeaserStreaming .t73 {left:595px;} +.introductionTeaserStreaming .t74 {left:696px;} +.introductionTeaserStreaming .t75 {left:797px;} +.introductionTeaserStreaming .t76 {left:898px;} + +/*modulenavi*/ +#module_navigation_header { + position:absolute; + top:55px; + left:20px; + width:175px; + height:15px; + overflow:hidden; + z-index:800; +} + +#module_navigation a { + color:#666; +} + +#module_navigation a:hover { + color:#0044cc; +} + +#module_navigation { + position:absolute; + top:76px; + left:0px; + width:226px; + height:auto; +} + +#module_navigation td { + padding:0; +} + +#module_navigation .content { + position:relative; + float:left; + overflow:hidden; +} + +#module_navigation td.content { + padding-top:1px; + padding-bottom:20px; + width:222px; + overflow:hidden; + background-color:#fff; +} + +#module_navigation ul.first { + min-height:287px; + overflow:hidden; + width:222px; + margin:0px; +} + +#module_navigation ul { + display:block; + margin:0px 4px 4px 0px; +} + +#module_navigation li { + padding-top:5px; + padding-bottom:6px; + border-top:1px solid #d6d6d6; +} + +#module_navigation li.first { + border-top:none; +} + +#module_navigation a { + font-weight:bold; + padding:0 20px; + display:block; + outline:none; +} + +#module_navigation ul ul { + display:none; + margin-top:8px; + margin-bottom:6px; +} + +#module_navigation ul ul li { + border:none; + padding:0; + display:inline; +} + +#module_navigation ul ul li a { + font-weight:normal; + padding:4px 6px 0px 20px; + display:block; +} + +#module_navigation ul ul ul { + display:none; + margin-top:8px; + margin-bottom:8px; +} + +#module_navigation ul ul ul li { + padding-top:0px; + padding-bottom:0px; + display:inline; +} + +#module_navigation ul ul ul li a { + padding:4px 2px 0px 28px; + display:block; +} + +#module_navigation .control { + position:absolute; + left:0px; + bottom:2px; + width:222px; + height:12px; + background:url( ../img/standard_elements/hold.gif ) no-repeat; + cursor:pointer; +} + +#module_navigation .control div { + position:absolute; + top:0px; + right:2px; + width:13px; + height:12px; +} + +#module_navigation td.shadow_right { + width:4px; + overflow:hidden; + background-image:url( ../img/dialogbox/dialogbox_right.png ); +} + +#module_navigation td.shadow_bottom { + height:4px; + overflow:hidden; + background-image:url( ../img/backgrounds/module_navigation_bottom_bg.png ); +} + +#module_navigation .control div.up { + background:url( ../img/standard_elements/arrow_up.gif ) no-repeat; +} + +#module_navigation .control div.upHigh { + background:url( ../img/standard_elements/arrow_up-h.gif ) no-repeat; +} + +#module_navigation .control div.down { + background:url( ../img/standard_elements/arrow_down.gif ) no-repeat; +} + +#module_navigation .control div.downHigh { + background:url( ../img/standard_elements/arrow_down-h.gif ) no-repeat; +} + +/* image basic */ +.imageBasicNoImage #completeText {position:absolute; top:100px; left:176px; width:514px; height:auto;} +.imageBasicNoImage #contentText {position:relative; top:0px; left:140px; width:398px;} +.imageBasicNoImage .divWidth514 {width:514px;} +.imageBasicNoImage #noOfPages {position:relative; top:0px;} +.imageBasicNoImage .noOfPages {width:122px; height:16px; float:left; text-align:right; margin-right:18px; color: #4c4c4c;} +.imageBasicNoImage .nextOrPreviousPage {width:374px; height:16px; float:left;} +.imageBasicNoImage #mainImages {position:absolute; top:60px; left:0px; width:100%; height:303px; overflow:hidden;} +.imageBasicNoImage #mainImage {position:absolute; top:0px; left:0px; width:auto; height:303px;} +.imageBasicNoImage #teaserContainer {position:absolute; top:100px; left:741px;padding-bottom:50px;} +.imageBasicNoImage #selectBox {position:relative; width:239px;} +.imageBasicNoImage #iButton {position:absolute; top:100px; left:280px; width: 19px; height: 18px; background-color:#ffffff;} +.imageBasicNoImage #info {position:absolute; left:309px; width:392px; height:416px; visibility:hidden; overflow:hidden;} +.imageBasicNoImage #legalDisclaimerButton {position:relative; width:374px; height: 15px; margin-top:3px; margin-bottom:3px;} +.imageBasicNoImage #legalDisclaimer {position:absolute; left:309px; width:392px; height:416px; visibility:hidden; overflow:hidden;} +.imageBasicNoImage #close {position:absolute; top:1px; right:1px; width:13px; height:12px; visibility:inherit;} +.imageBasicNoImage #infoText {padding-top:15px; padding-left:7px; padding-bottom:17px; padding-right:14px; visibility:inherit;} +.imageBasicNoImage #co2HeaderOn {position:absolute; top:100px; left:741px; width:283px; height:23px; z-index:500; background-color:#ffffff; border-left:1px solid #afafaf; border-top:1px solid #afafaf;} +.imageBasicNoImage #co2HeaderOff {position:absolute; top:100px; left:741px; width:283px; height:23px; z-index:500; background-color:#ffffff; border-left:1px solid #afafaf; border-top:1px solid #afafaf; visibility:hidden;} +.imageBasicNoImage #co2body {position:absolute; top:123px; left:741px; width:246px; height:194px; z-index:500; background-color:#ffffff; border-left:1px solid #afafaf;} +.imageBasicNoImage #linktextcopy {position:relative; width:374px; height:15px; margin-top:16px; margin-bottom:3px;} +.imageBasicNoImage #showroomLayer {position:absolute; top:226px; left:316px; width:410px; height:280px; padding:15px 0 9px 7px; border:1px solid #afafaf; background-color:#fff; display:none; z-index:65;} +.imageBasicNoImage a.TLcontextlink {color:#666666;} +.imageBasicNoImage a.TLcontextlinkHigh {color:#0044cc;} +.imageBasicNoImage #flexiDiv {position:absolute; bottom:0px; left:0px; width:390px; min-height:165px; height:auto; border:1px solid #999999; background-color:#ffffff; visibility:inherit;} + +#completePageContent.imageBasic {height:580px; width:1000px;} +.imageBasic #completeText {position:absolute; top:374px; left:176px; width:514px; height:auto;padding-bottom:50px; margin-bottom:30px;} +.imageBasic #contentText {position:relative; top:0px; left:140px; width:398px;} +.imageBasic .divWidth514 {width:514px;} +.imageBasic #noOfPages {position:relative; top:0px; height:100px;} +.imageBasic .noOfPages {width:122px; height: 16px; float:left; text-align:right; margin-right:18px; color: #4c4c4c;} +.imageBasic .nextOrPreviousPage {width:374px; height: 16px; float:left;} +.imageBasic #mainImages {position:absolute; top:60px; left:0px; width:1024px; height:312px; overflow:hidden; visibility:hidden;} +.imageBasic #mainImage {position:absolute; top:0px; left:0px; width:auto; height:303px;} +.imageBasic #teaserContainer {position:absolute; top:363px; left:741px; width:239px;padding-bottom:105px;} +.imageBasic #selectBox {position:relative; width:239px; z-index:700;} +.imageBasic #iButton {position:absolute; top:356px; left:280px; width: 19px; height: 18px; background-color:#ffffff;} +.imageBasic #info {position:absolute; top:107px; left:309px; width:392px; height:416px; visibility:hidden; overflow:hidden;} +.imageBasic #legalDisclaimerButton {position:relative; width:374px; height: 15px; margin-top:3px; margin-bottom:3px;} +.imageBasic #legalDisclaimer {position:absolute; top:107px; left:309px; width:392px; height:416px; visibility:hidden; overflow:hidden;} +.imageBasic #close {position:absolute; top: 1px; right:1px; width:13px; height:12px; visibility:inherit;} +.imageBasic #infoText {padding-top:15px; padding-left:7px; padding-bottom:17px; padding-right:14px; visibility:inherit;} +.imageBasic #linktextcopy {position:relative; width:374px; height: 15px; margin-top:16px; margin-bottom:3px;} +.imageBasic #showroomLayer {position:absolute; top:226px; left:316px; width:410px; height:280px; padding:15px 0 9px 7px; border:1px solid #afafaf; background-color:#fff; display:none; z-index:65;} +.imageBasic a.TLcontextlink {color:#666666;} +.imageBasic a.TLcontextlinkHigh {color:#0044cc;} +.imageBasic #flexiDiv {position:absolute; bottom:0px; left:0px; width:390px; min-height:165px; height:auto; border:1px solid #999999; background-color:#ffffff; visibility:inherit;} +.imageBasic #copyLinklist li{padding-bottom:2px;} +.imageBasic #copyLinklist li a{line-height:12px;} +/* wallpaper */ +.wallpaper #bigImageLayer {position:absolute; top:0; left:0; width:100%; height:auto; visibility:hidden; z-index:301; overflow:hidden;} +.wallpaper #bigImageLoader {position:absolute; top:350px; left:470px; width:87px; height: 65px; visibility:hidden;} +.wallpaper .bigImageNaviTop {position:absolute; top:331px; left:14px; width:208px; height:auto; visibility:hidden; z-index:302; border:1px solid #afafaf; background-color:#fff;} +.wallpaper .bigImageNaviBottom {position:absolute; top:564px; left:14px; width:208px; height:auto; visibility:hidden; z-index:302; border:1px solid #afafaf; background-color:#fff;} +.wallpaper #content {position:absolute; top:104px; left:318px; width:423px;} +.wallpaper .lense {position:absolute; top:47px; left:0; width:19px; height:18px;} +.wallpaper .dialog {position:absolute; top:40px; left:-9px; width:195px; height:auto; border:1px solid #afafaf; visibility:hidden; background-color:#fff;} +.wallpaper .close {position:absolute; top:1px; right:1px; width:13px; height:12px;} +.wallpaper .downloadBox {padding-left:8px; padding-right:8px; padding-top:5px;padding-bottom:5px;} +.wallpaper #teaserContainer {position:absolute; top:99px; left:741px;} +.wallpaper .dialogBoxWallpaper {padding:5px 8px 5px 8px;} + + +/* magazine introduction */ +.magazineIntroduction .smallStandardTeaser {height:79px;} +.magazineIntroduction #completeText {position:absolute; top:374px; left:176px; width:514px; height:auto; visibility:hidden;} +.magazineIntroduction #contentText {position:relative; top:0; left:140px; width:398px; height:132px;} +.magazineIntroduction #mainImages {position:absolute; top:60px; left:0; width:1024px; height:312px; overflow:hidden; visibility:hidden;} +.magazineIntroduction #mainImage {position:absolute; top:0; left:0px; width:auto; height:303px;} + +/* profile */ +.profile #profileContainer {position:absolute; top:0; left:0; width:1003px; overflow:hidden;} +.profile #bgImage {position:absolute; top:106px; left:667px; width:336px; height:443px;} +.profile #contentContainer {position:absolute; top:0; left:0; width:100%;} + +/* text subl search ex */ +.textSublSearchEx #specificPageContent {position:relative; top:98px; width:100%;} +.textSublSearchEx #topHeadline {position:relative; top:6px; left:318px; width:335px;} +.textSublSearchEx #innerPageCopy {position:relative; left:318px; width:335px;} +.textSublSearchEx #innerPageExampleBox {position:relative; left:318px; width:575px; color:#666; margin-bottom:5px; border-bottom-width:1px; border-bottom-color:#afafaf; border-bottom-style:solid; border-top-width:1px; border-top-color:#afafaf; border-top-style:solid;} +.textSublSearchEx #innerPageExampleHeadline {position:relative; width:431px; margin-top:6px} +.textSublSearchEx #innerPageExampleText {position:relative; width:431px; margin-top:2px; margin-bottom:9px} + +/* overview 1st level */ +#overview1stlevel .moduleLinkList {position:absolute; top:360px; left:20px; width:664px; clear:both;} +#overview1stlevel .moduleLinkList ul {position:relative; width:166px; float:left;} +#overview1stlevel .moduleLinkList ul li {width:156px;} +#overview1stlevel .moduleLinkList ul li a {line-height:12px;} +#overview1stlevel .moduleLinkList ul li {padding-bottom:4px;} +#overview1stlevel .moduleLinkList ul li.topicHeader {padding-top:16px;padding-bottom:3px;} +#overview1stlevel .moduleLinkList ul li.topicHeader a {color:#000000; font-weight:bold;line-height:12px;} +#overview1stlevel .teaserContainer {position:absolute; top:378px; left:767px; width:239px;padding-bottom:32px;} +#overview1stlevel .teaserContainer .hiddenTeaser {display:none; margin-bottom:0px;} +#overview1stlevel .teaserContainer div.smallStandard {width:212px; height:74px;} +#overview1stlevel .standardTeaser, #overview1stlevel .standardSalesTeaser {position:absolute; top:378px; left:757px;padding-bottom:32px;} +#overview1stlevel .priceDisclaimer {position:absolute; top:545px; left:767px; width:213px; font-size:10px; line-height:11px; color:#cccccc;padding-bottom:32px;} + +#overview1stlevel .teaserLargeContainer { + position:relative; + top:0px; + left:0px; + width:1004px; + height:356px; + overflow:hidden; + margin-bottom:22px; +} + +#overview1stlevel .teaserLargeContainer .teaserLarge{ + display:none; +} + +#overview1stlevel .teaserLargeContainer #largeTeaserOverlay{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:358px; + background-color:#ffffff; + display:block; +} + +#overview1stlevel .teaserLargeContainer #largeTeaserBasic{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + display:none; +} + +#overview1stlevel .teaserLargeContainer #largeTeaserBasic img{ + display:block; +} + +#overview1stlevel .teaserLargeContainer #largeTeaserAlternative{ + position:absolute; + bottom:0px; + left:0px; +} + +#overview1stlevel .teaserLargeContainer #largeTeaserFlash{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:356px; + overflow:hidden; + display:none; +} + +#overview1stlevel .teaserLargeContainer #largeTeaserFlash #largeTeaserFlashObject{ + position:absolute; + bottom:0px; + } + +#overview1stlevel a.skip { + display:block; + position:absolute; + width:23px; + height:12px; + background:url(../img/standard_elements/next.gif ) no-repeat 2px 2px; + padding:2px 0 0 23px; + background-color:#ffffff; + color:#0044cc; + font-weight:bold; + outline:none; + overflow:hidden; +} + +#overview1stlevel a.skip:hover { + background:url(../img/standard_elements/next-h.gif ) no-repeat 2px 2px; + background-color:#ffffff; +} + +#overview1stlevel .teaserLargeContainer a.skip { + bottom:0px; + left:958px; + width:45px; +} + +#overview1stlevel .teaserContainer .smallStandard { + display:none; +} + +#overview1stlevel .price_disclaimer { + position:absolute; + top:545px; + left:768px; + width:239px; + margin:0 0 40px 0; + display:block; + clear:both; + color:#cccccc; + font-size:10px; + line-height:11px; +} + + +/* image basic large teaser */ +.imageBasicLargeTeaser #completeText {position:absolute; top:374px; left:176px; width:514px; height:auto;} +.imageBasicLargeTeaser #contentText {position:relative; top:0; left:140px; width:398px; height:132px;} +.imageBasicLargeTeaser .divWidth514 {width:514px;} +.imageBasicLargeTeaser #noOfPages {position:relative; top:0; height:100px;} +.imageBasicLargeTeaser .noOfPages {width:122px; height:16px; float:left; text-align:right; margin-right:18px; color:#4c4c4c;} +.imageBasicLargeTeaser .nextOrPreviousPage {width:374px; height:16px; float:left;} +.imageBasicLargeTeaser #mainImages {position:absolute; top:60px; left:0; width:1024px; height:312px; overflow:hidden; visibility:hidden;} +.imageBasicLargeTeaser #mainImage {position:absolute; top:0; left:0; width:auto; height:303px;} +.imageBasicLargeTeaser #teaserContainer {position:absolute; top:363px; left:741px;} +.imageBasicLargeTeaser #selectBox {position:relative; width:239px; z-index:700;} +.imageBasicLargeTeaser #iButton {position:absolute; top:356px; left:280px; width:19px; height:18px; background-color:#fff;} +.imageBasicLargeTeaser #info {position:absolute; top:107px; left:309px; width:392px; height:416px; visibility:hidden; overflow:hidden;} +.imageBasicLargeTeaser #legalDisclaimerButton {position:relative; width:374px; height:15px; margin-top:3px; margin-bottom:3px;} +.imageBasicLargeTeaser #legalDisclaimer {position:absolute; top:107px; left:309px; width:392px; height:416px; visibility:hidden; overflow:hidden;} +.imageBasicLargeTeaser #close {position:absolute; top:1px; right:1px; width:13px; height:12px; visibility:inherit;} +.imageBasicLargeTeaser #infoText {padding-top:15px; padding-left:7px; padding-bottom:17px; padding-right:14px; visibility:inherit;} +.imageBasicLargeTeaser #linktextcopy {position:relative; width:374px; height:15px; margin-top:16px; margin-bottom:3px;} +.imageBasicLargeTeaser #showroomLayer {position:absolute; top:226px; left:316px; width:410px; height:280px; padding:15px 0 9px 7px; border:1px solid #afafaf; background-color:#fff; display:none; z-index:65;} +.imageBasicLargeTeaser a.TLcontextlink {color:#666;} +.imageBasicLargeTeaser a.TLcontextlinkHigh {color:#0044cc;} +.imageBasicLargeTeaser #flexiDiv {position:absolute; bottom:0; left:0; width:390px; min-height:165px; height:auto; border:1px solid #999; background-color:#fff; visibility:inherit;} + +.imageBasicLargeTeaser .teaserLargeContainer { + position:relative; + top:0px; + left:0px; + width:1004px; + height:354px; + overflow:hidden; + margin-bottom:22px; +} + +.imageBasicLargeTeaser .teaserLargeContainer .teaserLarge{ + display:none; + height:363px; +} + +.imageBasicLargeTeaser .teaserLargeContainer #largeTeaserOverlay{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:356px; + background-color:#ffffff; + display:block; +} + +.imageBasicLargeTeaser .teaserLargeContainer #largeTeaserBasic{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:363px; + display:none; +} + +.imageBasicLargeTeaser .teaserLargeContainer #largeTeaserBasic img{ + display:block; +} + +.imageBasicLargeTeaser .teaserLargeContainer #largeTeaserFlash{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:356px; + overflow:hidden; + display:none; +} + +.imageBasicLargeTeaser .teaserLargeContainer #largeTeaserFlash #largeTeaserFlashObject{ + position:absolute; + bottom:0px; + } + +.imageBasicLargeTeaser a.skip { + display:none; + position:absolute; + width:23px; + height:12px; + background:url(../img/standard_elements/next.gif ) no-repeat 2px 2px; + padding:2px 0 0 23px; + background-color:#ffffff; + color:#0044cc; + font-weight:bold; + outline:none; + overflow:hidden; +} + +.imageBasicLargeTeaser a.skip:hover { + background:url(../img/standard_elements/next-h.gif ) no-repeat 2px 2px; + background-color:#ffffff; +} + +.imageBasicLargeTeaser .teaserLargeContainer a.skip { + bottom:0px; + left:958px; + width:45px; +} + + +/* accessories portal */ +.accessories #largeTeaserPreloader {position:absolute; top:0px; left:0px; width:100%; height:363px; z-index:14; overflow:hidden; padding-top:164px; visibility:hidden; text-align:center; background-color:#ffffff;} +.accessories #largeteaser {position:absolute; top:0px; left:0px; width:1024px; height:363px; cursor:pointer; overflow:hidden;} +.accessories #largeTeaserHitArea{position:absolute; top:0px; left:0px; width:1024px; height:363px; cursor:pointer; overflow:hidden;z-index:22} +.accessories .hiddenLargeTeaser {display:none} +.accessories #largeTeaserBasic {position:absolute; top:0px; left:0px; width:1024px; height:363px; overflow:hidden; display:none;} +.accessories #largeTeaserFlash {position:absolute; top:14px; left:0px; width:1024px; height:363px; overflow:hidden; display:none;z-index:20} +.accessories #teaserBgLine {position:absolute; top:362px; left:0px; width:100%; height:1px; z-index: 15; opacity: .4;overflow:hidden;} +.accessories #contentboxes {position:absolute; top:344px; left:269px; width:670px;height:280px;z-index: 28;} +.accessories #box1 {float:left; padding:0 0px 0px 0; top:0px; left:0px; width:180px; border:2px solid white;position:static;} +.accessories #box2 {float:left; padding:0 0px 0px 0;margin-left:56px;top:0px; left:200px; width:180px; border:2px solid white;position:static;} +.accessories #box3 {float:left; padding:0 0px 0px 0;margin-left:56px; top:0px; left:400px; width:180px; border:2px solid white;position:static;} +.accessories #box4 {float:left; padding:0 0px 0px 0;margin-top:16px; left:0px; width:422px; height:90px; border:1px solid #999999;z-index:30;} +.accessories #box4empty {float:left; padding:0 0px 0px 0;margin-top:16px; left:0px; width:422px; height:90px; border:0px; z-index:30;} +.accessories #box5 {float:left; padding:0 0px 0px 0;margin-top:16px; margin-left:56px; height:90px;left:0px; width:182px; border:1px solid #999999; z-index:30;} +.accessories #box5 td { line-height:8px; } +.accessories #searchbox {position:relative;top:0px; left:0px;margin:12px 8px 0px 10px; width:402px;} +.accessories #categorybox {position:relative;top:0px; left:0px;height:55px;margin:12px 0px 0px 9px; width:170px;} +.accessories h1.portalsearch{border-bottom:1px solid #999999;font-weight:normal; padding-bottom: 5px; font-size:19px; line-height:20px;} +.accessories #quicklinks {position:absolute; top:421px; left:30px; width:182px; height:190px;} +.accessories .inputKeyword {width:165px;} +.accessories #element_keyword{float:left; padding:0 0px 0px 0; top:0px; left:0px; width:156px; z-index:32} +.accessories #element_button{float:left; padding:0px 5px 2px 5px; margin-left:13px; margin-top:12px; top:0px; left:0px; width:102px;z-index:32} +.accessories #element_detail{float:left; padding:16px 0px 0px 0; margin-left:6px; top:0px; left:0px; width:110px;z-index:32} +.accessories div.button {width:102px; height:20px; background-color:#333333; color:#ffffff;z-index:32} +.accessories div.buttonHover {background-color:#0044cc; cursor:pointer;} +.accessories .selectboxEntry {padding-left:4px;width:138px;} + +/*large teaser */ +.teaserLarge { + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:291px; + overflow:hidden; +} + +/*standard teaser */ +.standardTeaser { + position:relative; + width:189px; + height:159px; + overflow:hidden; + padding:0 20px 0px 10px; +} + +.standardTeaser .headline { + position:relative; + font-size:11px; + line-height:12px; + font-weight:bold; + height:12px; + overflow:hidden; + color:#000000; + margin-bottom:3px; +} + +.standardTeaser .content { + position:relative; + width:189px; + height:107px; + overflow:hidden; +} + +.standardTeaser .content .media { + position:absolute; + top:0px; + left:0px; + width:189px; + height:107px; + overflow:hidden; + background-color:#ffffff; + padding-top:3px; +} + +.standardTeaser .subheadline { + position:relative; + font-size:16px; + line-height:18px; + font-weight:bold; + color:#999999; + padding-bottom:2px; +} + +.standardTeaser .copytext { + position:relative; + padding-top:1px; +} + +.standardTeaser .button { + display:block; + position:absolute; + top:130px; + left:10px; + height:12px; + width:173px; + font-size:11px; + line-height:12px; + overflow:hidden; + background-color:blue; + padding:5px 7px; + font-weight:bold; + background:url(../img/backgrounds/button_bg.gif ); + border-top:1px solid #dddddd; + border-left:1px solid #dddddd; + border-right:1px solid #b0b0b0; + border-bottom:1px solid #b0b0b0; + color:#666666; +} + +.standardTeaser .button:hover { + background:none; + background-color:#eeeeee; + border-top:1px solid #e5e5e5; + border-left:1px solid #e5e5e5; + border-right:1px solid #cfcfcf; + border-bottom:1px solid #cfcfcf; + color:#0044cc; +} + +.standardTeaser .text { + height:107px; + background-color:#ffffff; +} + + +#teaserContainer .standardTeaser { + width:199px; + padding:0 20px 0px 0px; +} + +#teaserContainer .priceDisclaimer { + font-size:10px; + line-height:11px; + color:#cccccc; + padding-top:9px; + padding-left:9px; + width:222px; +} + +#teaserContainer .standardTeaser .button { + left:0px; +} + +/* double teaser*/ +.doubleTeaser { + position:relative; + display:block; + width:438px; + height:159px; + padding:0 20px 0px 10px; + overflow:hidden; +} + +.doubleTeaser .headline { + position:relative; + font-size:11px; + line-height:12px; + font-weight:bold; + height:12px; + overflow:hidden; + margin-bottom:4px; +} + +.doubleTeaser .copytext { + display:block; + position:absolute; + top:16px; + left:10px; + width:249px; + height:27px; + overflow:hidden; +} + +.doubleTeaser .copytext span { + font-size:11px; + line-height:13px; + background-color:#ffffff; +} + +.doubleTeaser .media { + position:absolute; + top:18px; + left:10px; + width:438px; + height:136px; + overflow:hidden; +} + +.doubleTeaser .button { + display:block; + position:absolute; + bottom:5px; + right:20px; + height:12px; + width:173px; + font-size:11px; + line-height:12px; + overflow:hidden; + background-color:blue; + padding:5px 7px; + font-weight:bold; + background:url(../img/backgrounds/button_bg.gif ); + border-top:1px solid #dddddd; + border-left:1px solid #dddddd; + border-right:1px solid #b0b0b0; + border-bottom:1px solid #b0b0b0; + color:#666666; +} + +.doubleTeaser .buttonBorder { + position:absolute; + bottom:0px; + right:20px; + width:197px; + height:37px; + background-color:#ffffff; +} + +.doubleTeaser .button:hover { + background:none; + background-color:#eeeeee; + border-top:1px solid #e5e5e5; + border-left:1px solid #e5e5e5; + border-right:1px solid #cfcfcf; + border-bottom:1px solid #cfcfcf; + color:#0044cc; +} + +/*standardSales teaser */ +.standardSalesTeaser { + position:relative; + width:189px; + height:159px; + overflow:hidden; + padding:0 20px 0px 10px; +} + +.standardSalesTeaser .headline { + position:relative; + font-size:11px; + line-height:12px; + font-weight:bold; + height:12px; + width:199px; + overflow:hidden; +} + +.standardSalesTeaser img, .standardSalesTeaser .eventArea { + position:absolute; + top:12px; + left:0px; + width:199px; + height:80px; + overflow:hidden; +} + +.standardSalesTeaser .content { + position:absolute; + bottom:5px; + left:10px; + width:189px; + height:90px; + overflow:hidden; + +} + +.standardSalesTeaser .innerBox{ + position:absolute; + bottom:0px; +} + +.standardSalesTeaser .copy1 { + position:relative; + display:block; +} + +.standardSalesTeaser .copy1 span { + font-size:11px; + line-height:13px; + white-space:nowrap; +} + +.standardSalesTeaser .copy2 { + position:relative; + display:block; + padding-top:2px; +} + +.standardSalesTeaser .copy2 span { + font-size:16px; + line-height:16px; + font-weight:bold; + white-space:nowrap; +} + +.standardSalesTeaser span { + background-color:#ffffff; +} + +.standardSalesTeaser .text { + position:relative; + bottom:0px; + left:0px; + margin-bottom:6px; +} + +.standardSalesTeaser .button { + display:block; + position:relative; + bottom:0px; + left:0px; + height:12px; + width:173px; + font-size:11px; + line-height:12px; + font-weight:bold; + overflow:hidden; + background:url(../img/backgrounds/button_bg.gif ); + padding:5px 7px; + margin-top:4px; + border-top:1px solid #dddddd; + border-left:1px solid #dddddd; + border-right:1px solid #b0b0b0; + border-bottom:1px solid #b0b0b0; + color:#666666; +} + +.standardSalesTeaser .button:hover { + background:none; + background-color:#EEEEEE; + border-top:1px solid #e5e5e5; + border-left:1px solid #e5e5e5; + border-right:1px solid #cfcfcf; + border-bottom:1px solid #cfcfcf; + color:#0044cc; +} + +/* home */ +#home .teaserLargeContainer, .teaserLargeStandardContainer{ + position:relative; + top:0px; + left:0px; + width:1004px; + height:356px; + overflow:hidden; + margin-bottom:22px; +} + +#home .teaserLargeContainer .teaserLarge, .teaserLargeStandardContainer .teaserLarge{ + display:none; +} + +#home .teaserLargeContainer #largeTeaserOverlay, .teaserLargeStandardContainer #largeTeaserOverlay{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:356px; + background-color:#ffffff; + display:block; +} + +#home .teaserLargeContainer #largeTeaserBasic, .teaserLargeStandardContainer #largeTeaserBasic{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + display:none; +} + +#home .teaserLargeContainer #largeTeaserBasic img, .teaserLargeStandardContainer #largeTeaserBasic img{ + display:block; +} + +#home .teaserLargeContainer #largeTeaserFlash, .teaserLargeStandardContainer #largeTeaserFlash{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:356px; + overflow:hidden; + display:none; +} + +#home .teaserLargeContainer #largeTeaserFlash #largeTeaserFlashObject, .teaserLargeStandardContainer #largeTeaserFlash #largeTeaserFlashObject{ + position:absolute; + bottom:0px; + } + +#home a.skip, .teaserLargeStandardContainer a.skip { + display:none; + position:absolute; + width:23px; + height:12px; + background:url(../img/standard_elements/next.gif ) no-repeat 2px 2px; + padding:2px 0 0 23px; + background-color:#ffffff; + color:#0044cc; + font-weight:bold; + outline:none; + overflow:hidden; +} + +#home a.skip:hover, .teaserLargeStandardContainer a.skip:hover { + background:url(../img/standard_elements/next-h.gif ) no-repeat 2px 2px; + background-color:#ffffff; +} + +#home .teaserLargeContainer a.skip, .teaserLargeStandardContainer a.skip { + bottom:0px; + left:956px; + width:45px; + display:none; +} + +#home .doubleTeaser a.skip { + position:absolute; + top:108px; + left:402px; +} + +#home .quicklinks { + width:194px; + padding:0 15px 0 20px; + float:left; +} + +#home .quicklinks li { + width:194px; + margin-bottom:12px; +} + +#home .quicklinks li a { + font-weight:bold; + display:block; +} + +#home .quicklinks #searchBoxQuicklinks{ + position:relative; + height:18px; + padding:2px 0 2px 0; +} + +#home .facebookIframe { + padding-top:28px; +} + +#home .quicklinks #searchBoxQuicklinks input{ + position:relative; + width:152px; + height:19px; + border:none; + float:left; + padding:0 4px 0 7px; + color:#4c4c4c; + background-image:url( ../img/backgrounds/bg_home_search.jpg ); + background-repeat:no-repeat; +} + +#home .quicklinks #searchBoxQuicklinks .searchSubmitButton{ + position:relative; + background-color:#666; + float:left; +} + +#home .quicklinks #searchBoxQuicklinks .searchSubmitButton a{ + position:relative; + width:14px; + height:12px; + padding:2px 5px; + display:block; + float:left; + font-weight:bold; + color:#666666; + overflow:hidden; + border-top:solid #dddddd 1px; + border-left:solid #dddddd 1px; + border-bottom:solid #b0b0b0 1px; + border-right:solid #b0b0b0 1px; + background-image:url( ../img/backgrounds/button_bg_small.gif ); +} + +#home .quicklinks #searchBoxQuicklinks .searchSubmitButton a:hover{ + border-top:solid #e5e5e5 1px; + border-left:solid #e5e5e5 1px; + border-bottom:solid #cfcfcf 1px; + border-right:solid #cfcfcf 1px; + background-image:none; + background-color:#eeeeee; + color:#0044cc; + font-weight:bold; +} + + +#home .quicklinks .homeNews{ + padding-top:24px; +} + +#home .quicklinks .homeNews h5{ + margin-bottom:12px; +} + +#home .quicklinks .homeNews a{ + margin-bottom:12px; + display:block; + font-weight:normal; +} + +#home .teaserContainer { + width:775px; + float:left; +} + +#home .standardTeaserContainer { + position:relative; + height:192px; + width:249px; + float:left; +} + +#home .standardTeaserContainer .standardSalesTeaser, #home .standardTeaserContainer .standardTeaser{ + position:absolute; + visibility:hidden; +} + +#home .standardTeaserContainer a.primaryButton, #teaserContainer .standardSalesTeaser a.primaryButton, #overview1stlevel .standardSalesTeaser a.primaryButton,.pageContent a.primaryButton { + color:#ffffff; + border-top:solid #4081ec 1px; + border-left:solid #4081ec 1px; + border-bottom:solid #0044cc 1px; + border-right:solid #0044cc 1px; + background-image:url( ../img/backgrounds/button_bg_blue.gif ); + background-repeat:repeat-x; +} + +#home .standardTeaserContainer a.primaryButton:hover, #teaserContainer .standardSalesTeaser a.primaryButton:hover, #overview1stlevel .standardSalesTeaser a.primaryButton:hover,.pageContent a.primaryButton:hover { + border-top:solid #6F91D5 1px; + border-left:solid #6F91D5 1px; + border-bottom:solid #587ABE 1px; + border-right:solid #587ABE 1px; + background-image:none; + background-color:#0044CC; + color:#ffffff; + font-weight:bold; +} + +#home .standardTeaser { + float:left; + margin-left:30px; + margin-bottom:33px; +} + +#home .doubleTeaserContainer{ + position:relative; + height:192px; + width:498px; + float:left; + overflow:hidden; +} + +#home .doubleTeaser { + float:left; + margin-left:30px; + margin-bottom:33px; +} + +#home .doubleTeaserContainer .doubleTeaser{ + position:absolute; + visibility:hidden; +} + +#home .doubleTeaserContainer a.skip { + top:108px; + right:20px; +} + +#home .doubleTeaserContainer.primaryButton a.button { + color:#ffffff; + border-top:solid #4081ec 1px; + border-left:solid #4081ec 1px; + border-bottom:solid #0044cc 1px; + border-right:solid #0044cc 1px; + background-image:url( ../img/backgrounds/button_bg_blue.gif ); + background-repeat:repeat-x; +} + +#home .doubleTeaserContainer.primaryButton a.button:hover{ + border-top:solid #6F91D5 1px; + border-left:solid #6F91D5 1px; + border-bottom:solid #587ABE 1px; + border-right:solid #587ABE 1px; + background-image:none; + background-color:#0044CC; + color:#ffffff; + font-weight:bold; +} + +#home .smallStandardTeaser { + position:relative; + height:144px; + padding-top:15px; + padding-left:10px; + width:209px; + float:left; + margin-left:30px; + overflow:hidden; + padding-bottom:33px; +} + +#home .smallStandard { + position:relative; + padding-bottom:0; + margin-bottom:15px; + width:auto; + height:65px; + overflow:hidden; +} + +#home .smallStandard .headline { + display:block; +} + +#home .standardSalesTeaser { + float:left; + margin-left:30px; + margin-bottom:33px; +} + +#home .price_disclaimer { + position:relative; + width:700px; + margin:0 0 40px 269px; + display:block; + clear:both; + color:#cccccc; + font-size:10px; + line-height:11px; +} + +#bandwidthBoxlink { + display:block; + position:relative; + top:5px; + left:0px; + height:12px; + width:166px; + font-size:11px; + line-height:12px; + overflow:hidden; + padding:5px 7px; + font-weight:bold; + background:url(../img/backgrounds/button_bg.gif ); + border-top:1px solid #dddddd; + border-left:1px solid #dddddd; + border-right:1px solid #b0b0b0; + border-bottom:1px solid #b0b0b0; + color:#666666; +} + +#bandwidthBoxlink:hover { + background:none; + background-color:#eeeeee; + border-top:1px solid #e5e5e5; + border-left:1px solid #e5e5e5; + border-right:1px solid #cfcfcf; + border-bottom:1px solid #cfcfcf; + color:#0044cc; +} + + +/* overview_teaser */ + +#overview_teaser .teaserLargeContainer { + position:relative; + top:0px; + left:0px; + width:1004px; + height:356px; + overflow:hidden; + margin-bottom:22px; +} + +#overview_teaser .teaserLargeContainer .teaserLarge{ + display:none; +} + +#overview_teaser .teaserLargeContainer #largeTeaserOverlay{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:356px; + background-color:#ffffff; + display:block; +} + +#overview_teaser .teaserLargeContainer #largeTeaserBasic{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + display:none; +} + +#overview_teaser .teaserLargeContainer #largeTeaserBasic img{ + display:block; +} + +#overview_teaser .teaserLargeContainer #largeTeaserFlash{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:356px; + overflow:hidden; + display:none; +} + +#overview_teaser .teaserLargeContainer #largeTeaserFlash #largeTeaserFlashObject{ + position:absolute; + bottom:0px; + } + +#overview_teaser a.skip { + display:none; + position:absolute; + width:23px; + height:12px; + background:url(../img/standard_elements/next.gif ) no-repeat 2px 2px; + padding:2px 0 0 23px; + background-color:#ffffff; + color:#0044cc; + font-weight:bold; + outline:none; + overflow:hidden; +} + +#overview_teaser a.skip:hover { + background:url(../img/standard_elements/next-h.gif ) no-repeat 2px 2px; + background-color:#ffffff; +} + +#overview_teaser .teaserLargeContainer a.skip { + bottom:0px; + left:958px; + width:45px; +} + +#overview_teaser .quicklinks { + width:189px; + padding:0 20px; + float:left; +} + +#overview_teaser .quicklinks li { + width:189px; + margin-bottom:12px; +} + +#overview_teaser .quicklinks li a { + font-weight:bold; + display:block; +} + +#overview_teaser .teaserContainer { + width:775px; + float:left; +} + +#overview_teaser .standardTeaserContainer { + position:relative; + height:192px; + width:249px; + display:block; + float:left; +} + +#overview_teaser .standardTeaserContainer .standardSalesTeaser, #overview_teaser .standardTeaserContainer .standardTeaser{ + position:absolute; + visibility:hidden; +} + +#overview_teaser .standardTeaser { + display:inline; + float:left; + margin-left:30px; + margin-bottom:33px; +} + +#overview_teaser .standardTeaserContainer a.primaryButton{ + color:#ffffff; + border-top:solid #4081ec 1px; + border-left:solid #4081ec 1px; + border-bottom:solid #0044cc 1px; + border-right:solid #0044cc 1px; + background-image:url( ../img/backgrounds/button_bg_blue.gif ); + background-repeat:repeat-x; +} + +#overview_teaser .standardTeaserContainer a.primaryButton:hover{ + border-top:solid #6F91D5 1px; + border-left:solid #6F91D5 1px; + border-bottom:solid #587ABE 1px; + border-right:solid #587ABE 1px; + background-image:none; + background-color:#0044CC; + color:#ffffff; + font-weight:bold; +} + +#overview_teaser .smallStandardTeaser { + position:relative; + display:inline; + height:144px; + padding-top:15px; + padding-left:10px; + width:209px; + float:left; + margin-left:30px; + overflow:hidden; + padding-bottom:33px; +} + +#overview_teaser .smallStandard { + position:relative; + padding-bottom:0; + margin-bottom:15px; + width:auto; + height:65px; + overflow:hidden; +} + +#overview_teaser .smallStandard .headline { + display:block; +} + +#overview_teaser .standardSalesTeaser { + display:inline; + float:left; + margin-left:30px; + margin-bottom:33px; +} + +#overview_teaser .additional_content { + position:relative; + width:440px; + margin:0 0 40px 268px; + display:block; + clear:both; +} + +#overview_teaser .additional_content h2{ + padding-bottom:5px; + font-size:13px; + line-height:13px; + font-weight:bold; +} + +#overview_teaser .additional_content p{ + font-size:11px; + line-height:12px; +} + +#overview_teaser .price_disclaimer { + position:relative; + width:700px; + margin:0 0 40px 269px; + display:block; + clear:both; + color:#cccccc; + font-size:10px; + line-height:11px; +} + +/* landingpage */ + +#landingpage .teaserLargeContainer { + position:relative; + top:0px; + left:0px; + width:1004px; + height:308px; + overflow:hidden; + margin-bottom:16px; +} + +#landingpage .teaserLargeContainer .teaserLarge{ + display:none; +} + +#landingpage .teaserLargeContainer #largeTeaserOverlay{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:356px; + background-color:#ffffff; + display:block; +} + +#landingpage .teaserLargeContainer #largeTeaserBasic{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + display:none; +} + +#landingpage .teaserLargeContainer #largeTeaserBasic img{ + display:block; +} + +#landingpage .teaserLargeContainer #largeTeaserAlternative{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; +} + +#landingpage .teaserLargeContainer #largeTeaserFlash{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:356px; + overflow:hidden; + display:none; +} + +#landingpage .teaserLargeContainer #largeTeaserFlash #largeTeaserFlashObject{ + position:absolute; + bottom:0px; + } + +#landingpage a.skip { + display:none; + position:absolute; + width:23px; + height:12px; + background:url(../img/standard_elements/next.gif ) no-repeat 2px 2px; + padding:2px 0 0 23px; + background-color:#ffffff; + color:#0044cc; + font-weight:bold; + outline:none; + overflow:hidden; +} + +#landingpage a.skip:hover { + background:url(../img/standard_elements/next-h.gif ) no-repeat 2px 2px; + background-color:#ffffff; +} + +#landingpage .teaserLargeContainer a.skip { + bottom:0px; + left:958px; + width:45px; +} + +#landingpage .quicklinks { + width:189px; + padding:0 20px; + margin-top:4px; + float:left; +} + +#landingpage .quicklinks li { + width:189px; + margin-bottom:12px; +} + +#landingpage .quicklinks li a { + font-weight:bold; + display:block; +} + +#landingpage .teaserContainer { + width:775px; + float:left; +} + +#landingpage .standardTeaserContainer{ + position:relative; + height:192px; + width:249px; + display:block; + float:left; +} + +#landingpage .teaserContainer .primaryTeaser a.primaryButton { + color:#ffffff; + border-top:solid #4081ec 1px; + border-left:solid #4081ec 1px; + border-bottom:solid #0044cc 1px; + border-right:solid #0044cc 1px; + background-image:url( ../img/backgrounds/button_bg_blue.gif ); + background-repeat:repeat-x; +} + +#landingpage .teaserContainer .primaryTeaser a.primaryButton:hover{ + border-top:solid #6F91D5 1px; + border-left:solid #6F91D5 1px; + border-bottom:solid #587ABE 1px; + border-right:solid #587ABE 1px; + background-image:none; + background-color:#0044CC; + color:#ffffff; + font-weight:bold; +} + +#landingpage .standardTeaserContainer .standardSalesTeaser, #landingpage .standardTeaserContainer .standardTeaser{ + position:absolute; + visibility:hidden; +} + +#landingpage .standardTeaser { + display:inline; + float:left; + margin-left:30px; + margin-bottom:33px; +} + +#landingpage .smallStandardTeaser { + position:relative; + display:inline; + height:144px; + padding-top:15px; + padding-left:10px; + width:209px; + float:left; + margin-left:30px; + overflow:hidden; + padding-bottom:33px; +} + +#landingpage .smallStandard { + position:relative; + padding-bottom:0; + margin-bottom:15px; + width:auto; + height:65px; + overflow:hidden; +} + +#landingpage .smallStandard .headline { + display:block; +} + +#landingpage .standardSalesTeaser { + display:inline; + float:left; + margin-left:30px; + margin-bottom:33px; +} + +#landingpage .introduction_content { + position:relative; + width:700px; + margin:0 0 20px 18px; + display:block; + clear:both; +} + +#landingpage .introduction_content h1{ + padding-bottom:7px; + font-size:36px; + line-height:37px; + font-weight:bold; +} + +#landingpage .introduction_content p{ + font-size:11px; + line-height:12px; + width:438px; + margin-left:24px; +} + +#landingpage .additional_content { + position:relative; + width:700px; + margin:0 0 20px 269px; + display:block; + clear:both; +} + +#landingpage .additional_content p{ + font-size:11px; + line-height:12px; +} + +#landingpage .price_disclaimer { + position:relative; + width:700px; + margin:0 0 40px 269px; + display:block; + clear:both; + color:#cccccc; + font-size:10px; + line-height:11px; +} + +/* introduction old */ + +.introductionOld #largeteaser {position:absolute; top:0px; left:0px; width:1024px; height:363px; cursor:pointer; overflow:hidden;} +.introductionOld #box1 {position:absolute; top:331px; left:269px; width:173px; border:1px solid white;z-index:20;} +.introductionOld #box2 {position:absolute; top:331px; left:509px; width:173px; border:1px solid white;z-index:20;} +.introductionOld #box3 {position:absolute; top:331px; left:749px; width:173px; border:1px solid white;z-index:20;} +.introductionOld .boxlink {position:absolute; width:173px; left:0px; height:20px; display:block; padding-left:13px; padding-top:4px; background-image:url(../img/backgrounds/bg_boxlink.gif ); color:#ffffff; clip:rect(0px, 173px, 20px, 0px);} +.introductionOld .boxlink:hover {color:#ffffff; background-image:url(../img/backgrounds/bg_boxlink-h.gif );} +.introductionOld .boxlinkHover {position:absolute; width:173px; left:0px; height:20px; display:block; padding-left:13px; padding-top:4px; background-image:url(../img/backgrounds/bg_boxlink-h.gif ); color:#ffffff; clip:rect(0px, 173px, 20px, 0px);} +.introductionOld .boxlink.link1 {top:51px;} +.introductionOld .boxlink.link2 {top:137px;} +.introductionOld .boxlinkHover.link1 {top:51px;} +.introductionOld .boxlinkHover.link2 {top:137px;} +.introductionOld .boxcopy1 {position:absolute; top:79px; left:5px; width:162px; height:47px; overflow:hidden; cursor:pointer;} +.introductionOld .boxcopy2 {position:absolute; top:165px; left:5px; width:162px; height:47px; overflow:hidden; cursor:pointer;} +.introductionOld #quicklinks {position:absolute; top:377px; left:30px; width:182px; height:190px;} + +.introductionOld .hiddenTeaser {display:none;margin-bottom:12px;} +.introductionOld .hiddenLargeTeaser {display:none} +.introductionOld #largeTeaserBasic {position:absolute; top:0px; left:0px; width:1024px; height:363px; overflow:hidden; display:none} +.introductionOld #largeTeaserFlash {position:absolute; top:0px; left:0px; width:1024px; height:363px; overflow:hidden; display:none} +.introductionOld #largePreloaderLinkCover {position:absolute; top:0px; left:973px; width: 19px; height:16px; z-index: 21; visibility:hidden;} +.introductionOld #nextLargeTeaserButton {position:absolute; top:268px; left:963px; width:17px; height:16px; z-index: 20; visibility:hidden;} +.introductionOld #largeTeaserPreloadImage {position:absolute; top:123px; left:490px; width:44px; height:44px;} + +/* Website Screensaver */ + +#websiteScreensaverContent{ + position:absolute; + top:0px; + left:0px; + width:100%; + height:100%; + z-index:2000; + background-color:#FFFFFF; +} + +.websiteCover{ + position:absolute; + top:0px; + left:0px; + width:100%; + height:100%; + overflow:hidden; +} + +.videoTeaser a.close_button { + display:block; + position:absolute; + top:7px; + right:9px; + width:13px; + height:12px; + background-image:url( ../img/standard_elements/close.gif ); + background-repeat:no-repeat; + background-position:0 0px; + outline:none; + z-index:1000; +} + +.videoTeaser a.close_button:hover { + background-image:url( ../img/standard_elements/close-h.gif ); +} + + + +/************************************* + Vehicle & sales navigation MGmbH +*************************************/ + +body#mgmbh_body #stage, +body#mgmbh_body #slideshow { + position:absolute; + top:0px; + width:1024px; + height:660px; +} +body#mgmbh_body .slide{ + display:none; +} +body#mgmbh_body #slideshow{ + /*height:636px;*/ + background-color:#000; +} + +body#mgmbh_body .overview_white { + color:#ffffff; +} +body#mgmbh_body #vehicle_navigation { + position:relative; + top:0; + left:0; + float:left; + width:176px; + z-index:600; + overflow: hidden; +} + +body#mgmbh_body #vehicle_navigation ul a { + color:#FFFFFF; + border-top:1px solid #505050; + background-image:url( ../../files/img/backgrounds/vehicle_navigation_button_bg_dark_vehicle_nav.gif ); + width:161px; +} + +body#mgmbh_body #vehicle_navigation ul a:hover{ + color:#1d6ad4; +} + +body#mgmbh_body #vehicle_navigation #teaser { + margin-top:8px; + background-image:url( ../../files/img/backgrounds/vehicle_navigation_button_bg_dark.gif ); + width:180px; +} + +body#mgmbh_body #vehicle_navigation #teaser_text { + color:#FFFFFF; + padding: 7px 11px 10px 11px; +} + +body#mgmbh_body .linklist a.standard, +body#mgmbh_body .overview_links a.standard, +body#mgmbh_body #vehicle_navigation #teaser_text a, +body#mgmbh_body #contentPageContainer #contentText #textPage1 a, +body#mgmbh_body #contentPageContainer #contentText #textPage2 a{ + background-position:0px -80px; + color:#ffffff; + padding-left:7px; + padding-top:1px; +} + +body#mgmbh_body #overview_linklist a, +body#mgmbh_body #overview_linklist a:visited, +body#mgmbh_body #overview_linklist a:active{ + color:#ffffff; +} +body#mgmbh_body #overview_linklist a:hover{ + color:#0f4fb7; +} + + +body#mgmbh_body #overview_linklist a:hover, +body#mgmbh_body #vehicle_navigation #teaser_text a:hover, +body#mgmbh_body #contentPageContainer #contentText #textPage1 a:hover, +body#mgmbh_body #contentPageContainer #contentText #textPage2 a:hover { + background-position:0px -70px; + color:#0f4fb7; +} + +body#mgmbh_body #overview_linklist_container{ + position:absolute; + left:31px; + top:114px; + z-index:450; +} + +body#mgmbh_body #overview_linklist{ + position:absolute; + bottom:0; + margin-left:186px; +} + +h2.mgmbhH2, +.overview_additional.mgmbhH2{ + margin:0; + margin-bottom:8px; + z-index:850; + font-size:48px; + line-height:50px; +} + +.mgmbhCopy{ + font-size:12px; + line-height:14px; + position:relative; + margin:0; + margin-bottom:8px; + width:605px; + z-index:850; +} + +body#mgmbh_body #contentPageContainer { + position:absolute; + top:464px; + left:31px; + width:620px; + height:150px; + background-color:transparent; + color:#ffffff; +} + +body#mgmbh_body #contentPageContainer #contentText{ + top:0px; + left:164px; + background-color:transparent; + color:#ffffff; +} + +body#mgmbh_body #contentPageContainer #contentTeaserList{ + background-color:transparent; +} + +body#mgmbh_body #contentPageContainer #contentText h2{ + font-size:30px; + color:#ffffff; + padding-bottom:0px; + width:428px; +} + +body#mgmbh_body #contentPageContainer #contentTeaserList{ + top:0; + left:10px; + padding:0; + margin:0; +} + +body#mgmbh_body #contentPageContainer #relatedLinks strong{ + color:#ffffff; +} + +body#mgmbh_body #contentPageContainer #contentText #textPage1 a, +body#mgmbh_body #contentPageContainer #contentText #textPage2 a{ + display:block; + margin-left:0px; + margin-top:3px; + color:#ffffff; +} + +body#mgmbh_body #contentPageContainer #contentText #textPage1, +body#mgmbh_body #contentPageContainer #contentText #textPage2{ + position:relative; + top:0px; + left:0; + width:400px; +} +body#mgmbh_body #contentPageContainer #contentText #textPage2{ + display:none; +} + +body#mgmbh_body div.overviewLink{ + margin:2px 0 -7px 0; +} + +body#mgmbh_body .overview_link_layer { + margin-top:7px; + height:60px; + width:285px; + margin-bottom:-4px; + background-image:url( ../../files/img/backgrounds/overview_layer_bg_dark.png ); + background-repeat:no-repeat; +} + +body#mgmbh_body .overview_link_layer p, +body#mgmbh_body .overview_link_layer strong{ + color:#fff; +} + +body#mgmbh_body a.overview, +body#mgmbh_body a.overview:visited, +body#mgmbh_body a.overview:active { + color:#fff; +} + +body#mgmbh_body img.slideshowImage{ + position:absolute; + top:0; + left:0; + display:block; + /* border:1px solid #e4e4e4;*/ +} +body#mgmbh_body #slideShowNavigation{ + margin-top:16px; +} +body#mgmbh_body #slideShowNavigation a{ + display:block; + float:left; + background-repeat: no-repeat; + width:15px; + height:15px; + margin-right:10px; + cursor:pointer; + background-image: url( ../../files/img/_common/images_packed_v1.gif ); +} + +body#mgmbh_body #slideShowNavigation a#slideShowPause{ + position:absolute; + z-index:5; + background-position:0 -486px; +} +body#mgmbh_body #slideShowNavigation a:hover#slideShowPause{ + background-position:0 -501px; +} +body#mgmbh_body #slideShowNavigation a#slideShowPlay{ + position:relative; + background-position:0 -576px; +} +body#mgmbh_body #slideShowNavigation a:hover#slideShowPlay{ + background-position:0 -591px; +} +body#mgmbh_body #slideShowNavigation a#slideShowSkipBack{ + background-position:0 -546px; +} +body#mgmbh_body #slideShowNavigation a:hover#slideShowSkipBack{ + background-position:0 -561px; +} +body#mgmbh_body #slideShowNavigation a#slideShowSkipForward{ + background-position:0 -516px; +} +body#mgmbh_body #slideShowNavigation a:hover#slideShowSkipForward{ + background-position:0 -531px; +} +body#mgmbh_body #slideShowNavigation div#slideShowCounter{ + float:left; + color:#fff; + margin:1px 10px 0 0 +} +body#mgmbh_body #sales_navigation{ + top:591px; + left:854px; +} + +body#mgmbh_body #mediaGalleryCategoriesLayer .category .headline{ + color:white; +} + +body#mgmbh_body a.overview, body#mgmbh_body a.overview:visited, body#mgmbh_body a.overview:active { + background-image:none; +} + +.searchButton { + margin-left:4px; + display:block; + position:relative; + height:12px; + font-size:11px; + line-height:12px; + font-weight:bold; + background:url(../img/backgrounds/button_bg.gif ); + padding:5px 7px; + border-top:1px solid #dddddd; + border-left:1px solid #dddddd; + border-right:1px solid #b0b0b0; + border-bottom:1px solid #b0b0b0; + color:#666666; +} + +.searchButton:hover { + background:none; + background-color:#EEEEEE; + border-top:1px solid #e5e5e5; + border-left:1px solid #e5e5e5; + border-right:1px solid #cfcfcf; + border-bottom:1px solid #cfcfcf; + color:#0044cc; +} + + +#content.gmeter{ + margin-bottom:10px; +} + +body#x3_pre #bottomNavigation #bottomShare .menu { + line-height:28px; +} + + +body#x3_pre #highlightsMainContainer{ + height:573px; +} + +.facebookIframe{ + visibility:hidden; + display:none; +} + +body#mgmbh_body #vehicle_navigation #teaser_text strong{ + padding:0; +} + +body#mgmbh_body #vehicle_navigation_teaser_stage { + position:relative; + width:180px; +} + +body#mgmbh_body .vehicleNavigationTeaserButton { + position:absolute; + top:73px; + left:159px; + width:15px; + height:15px; + overflow:hidden; + background: url( ../img/_common/images_packed_v1.gif ) no-repeat 0px -340px; + display:block; +} + +body#mgmbh_body .vehicleNavigationTeaserButton:hover { + background: url( ../img/_common/images_packed_v1.gif ) no-repeat 0px -355px; +} + + +/* + template datasheet +*/ + +#datasheet_innertable { + overflow:auto; + position:relative; + margin-bottom:10px; +} + +#downloadDatasheet { + margin-left:15px; + display:none; +} + +#datasheet_head { + position:absolute; + top:115px; + left:255px; + width:350px; + height:40px; + overflow:hidden; + font-weight:bold; +} + +#datasheet_select { + position:absolute; + top:113px; + left:714px; + width:219px; + height:43px; + display:none; + z-index:100; +} + +#datasheet_select .select { + display:block; + position:relative; + padding:1px 5px; + width:209px; + height:14px; + overflow:hidden; + background-color:#fff; + background-image:url( ../img/_common/images_packed_v1.gif ); + background-repeat:no-repeat; + background-position:209px -164px; + z-index:20; +} + +#datasheet_select .select:hover { + color:#0044cc; + background-position:209px -188px; +} + +#datasheet_select .dropdown { + position:absolute; + top:17px; + left:0px; + background-color:#fff; + width:219px; + display:none; + z-index:19; +} + +#datasheet_select .dropdown_content { + position:relative; + margin:5px; + width:180px; +} + + +#datasheet_select .dropdown a { + display:block; + width:160px; + color:#363636; + line-height:13px; + margin-bottom:3px; +} + +#datasheet_select .dropdown a:hover { + color:#0044cc; +} + + +#datasheet_select .configure { + margin-top:2px; + display:none; +} + +#datasheet_table { + position:absolute; + top:155px; + left:242px; + width:714px; + z-index:95; +} + +#datasheet_table table { + table-layout:fixed; + margin:0 0 10px 0; +} + +#datasheet_table tr.mc_table_headline { + background-image:url( ../img/model_compare/table_headline_bg.png ); +} + +#datasheet_table tr.mc_table_headline td { + font-weight:bold; + padding-top:3px; + padding-bottom:2px; +} + +#datasheet_table tr.mc_table_seperator { + height:1px; + overflow:hidden; +} + +#datasheet_table tr.mc_table_entry { + background-image:url( ../img/model_compare/table_entry_bg.png ); +} + +#datasheet_table tr.mc_table_entry td { + text-align:center; + padding-top:3px; + padding-bottom:2px; +} + +#datasheet_table tr.mc_table_entry td.leftalign { + text-align:left; +} + +#datasheet_table .modelImageContainer{ + position:relative; + width:338px; + height:169px; + margin:0 0 10px 0; +} + +#datasheet_table .dataTableColumnLeft{ + position:absolute; + top:178px; + left:0; + width:338px; +} + +#datasheet_table .dataTableColumnRight{ + position:absolute; + top:43px; + left:348px; + width:338px; +} + +#datasheetHiddenPrintLayer{ + position:relative; + display:none; +} + +#datasheet_table .modelImageContainer .modelImageMagnifier{ + position:absolute; + top:1px; + left:10px; + width:15px; + height:15px; + display:block; + background-repeat: no-repeat; + background-position:0 -460px; + background-image: url( ../img/_common/images_packed_v1.gif ); +} + +#datasheet_table .modelImageContainer .modelImageMagnifier:hover{ + background-position:0 -475px; +} + +#datasheet_table .modelImageContainer .datasheetPrint{ + position:absolute; + top:20px; + left:10px; + width:15px; + height:15px; + display:block; + background-repeat: no-repeat; + background-position:0 -520px; + background-image: url( ../img/_common/images_packed_v1.gif ); +} + +#datasheet_table .modelImageContainer .datasheetPrint:hover{ + background-position:0 -535px; +} + +#datasheet_table .modelImageContainer .modelImageSmall{ + position:absolute; + top:0px; + right:0px; + width:308px; + height:169px; +} + +#datasheetZoomImage { + position:relative; + display:none; +} + +#datasheetZoomImage .modelImageMinifier{ + position:absolute; + top:1px; + left:10px; + width:15px; + height:15px; + display:block; + background-repeat: no-repeat; + background-position:0 -490px; + background-image: url( ../img/_common/images_packed_v1.gif ); +} + +#datasheetZoomImage .modelImageMinifier:hover{ + background-position:0 -505px; +} + +#datasheetZoomImage .modelImageZoom{ + position:absolute; + top:0px; + right:0px; + width:654px; + height:372px; +} + +.datasheet_icon { + padding-left:14px; + padding-right:20px; + background-repeat:no-repeat; + float:left; +} + +.datasheet_table_icon { + width:8px; + height:11px; + overflow:hidden; + display:inline-block; +} + +#datasheetInfoLayer{ + position:absolute; + top:380px; + left:235px; + width:356px; + height:186px; + z-index:810; + display:none; +} + +#datasheetInfoLayerBg{ + width:356px; + height:186px; + background-repeat: no-repeat; + background-image: url( ../img/backgrounds/compare_info_layer_background.png ); +} + +#datasheetInfoLayer a.closeDatasheetInfoLayer { + position:absolute; + top:7px; + left:332px; + width:15px; + height:15px; + cursor:pointer; + background-repeat: no-repeat; + background-position:0 -220px; + background-image: url( ../img/_common/images_packed_v1.gif ); +} + +#datasheetInfoLayer a.closeDatasheetInfoLayer:hover{ + background-position:0 -235px; +} + +#datasheetInfoLayer h4{ + width:240px; + padding:9px 0 0 12px; + font-size:11px; + line-height:12px; + font-weight:bold; + color:#363636; +} + +#datasheetInfoLayer .datasheetInfoLayerContent{ + position:relative; + height:150px; + width:335px; + margin:5px 0 0 12px; + overflow:auto; +} + +#datasheetDialogButtons { + position:absolute; + top:605px; + left:889px; + width:100px; + z-index:800; + text-align:right; +} + + +@media print { + + body.datasheetBody #showroom_facebook_like, + body.datasheetBody #stage, + body.datasheetBody #idModuls, + body.datasheetBody #datasheet_head, + body.datasheetBody #datasheet_select, + body.datasheetBody #datasheet_table, + body.datasheetBody .closeDatasheetInfoLayer, + body.datasheetBody .modelImageContainer, + body.datasheetBody #datasheetHiddenPrintLayer #datasheetZoomImage .modelImageMinifier, + body.datasheetBody #datasheetInfoLayer, + body.datasheetBody #openDatasheetInfoLayer, + body.datasheetBody #downloadDatasheet, + body.datasheetBody #vehicle_navigation, + body.datasheetBody #sales_navigation, + body.datasheetBody #bottomNavigation, + body.datasheetBody .keep-informed-button, + body.datasheetBody #mainNavigationContainer{ + display:none; + } + + body.datasheetBody #datasheet_select .select { + height:1px; + width:1px; + } + + body.datasheetBody #datasheet_select_box, #datasheetInfoLayerBg{ + background:none; + } + + body.datasheetBody #datasheetHiddenPrintLayer{ + position:relative; + display:block; + width:645px; + } + + body.datasheetBody #datasheetHiddenPrintLayer .printIdModuls{ + position:relative; + height:95px; + left:500px; + } + + body.datasheetBody #datasheetHiddenPrintLayer .printHead{ + position:relative; + width:530px; + height:30px; + font-size:24px; + line-height:28px; + padding-top:25px; + } + + body.datasheetBody #datasheetHiddenPrintLayer .printSubhead{ + position:relative; + width:530px; + height:30px; + padding-top:10px; + font-size:18px; + line-height:20px; + } + + body.datasheetBody #datasheetHiddenPrintLayer .modelImageZoom{ + position:relative; + padding-top:30px; + } + + body.datasheetBody #datasheetHiddenPrintLayer table{ + width:645px; + margin:20px 0 25px 0; + } + + body.datasheetBody #datasheetHiddenPrintLayer table tr.mc_table_headline td{ + font-size:16px; + line-height:18px; + font-weight:bold; + padding-bottom:2px; + padding-top:3px; + } + + body.datasheetBody #datasheetHiddenPrintLayer tr.mc_table_seperator { + height:1px; + overflow:hidden; + } + + body.datasheetBody #datasheetHiddenPrintLayer tr.mc_table_entry td.leftalign { + text-align:left; + } + + body.datasheetBody #datasheetHiddenPrintLayer tr.mc_table_entry td { + padding-bottom:2px; + padding-top:3px; + text-align:center; + } + + body.datasheetBody #datasheetHiddenPrintLayer h4{ + position:relative; + font-size:16px; + line-height:18px; + width:600px; + margin:80px 0 22px 10px; + } + + body.datasheetBody #datasheetHiddenPrintLayer .datasheetInfoLayerContent { + position:relative; + margin-left:10px; + width:600px; + } +} + +#datasheetHiddenPrintLayer .keep-informed-button { + display: none; +} + +#showroom_facebook_like { + position:absolute; + top:591px; + left:31px; +} + + +/*VALUE & CARE*/ +#valuecare_offers h3 {font-size:14px;line-height:15px;} +#valuecare_offers .layer_content{visibility:hidden;display:none;} +#valuecare_offers #content_copy{position:relative; left:269px; top:90px; width:688px;} +#valuecare_offers #offertabs{position:relative; left:269px; top:115px;width:687px;} +#valuecare_offers #offersShadowBox.shadowbox{position:absolute;left:256px;top:0px;visibility:hidden;z-index:840;} +#valuecare_offers #offerLayer{z-index:840;left:256px;top:0px;visibility:hidden;} +#valuecare_offers #footnote{clear:both;position:relative;top:0px;left:0px;width:545px;} +#valuecare_offers #enginetext{position:relative;top:36px;left:0px;width:681px;} +#valuecare_offers .standardTeaser { + float:left; + margin-bottom:33px; + padding:0 60px 0 0; + height:175px; +} + +#valuecare_offers .standardTeaser.noRightPadding{ + padding:0 0 0 0; +} + +#valuecare_offers .smallStandardTeaser { + float:left; + margin-right:20px; + margin-bottom:33px; + padding:0 20px 0 0; + height:174px; +} + +#valuecare_offers div.smallStandard{ + padding-bottom:30px; +} + +#valuecare_offers .standardTeaser .content { + left:0px; +} + +#valuecare_offers .standardTeaser .media, +#valuecare_offers .standardTeaser .content { + height:104px; + overflow:hidden; +} + +#valuecare_offers .standardTeaser .content { + position:relative; + padding-top:15px; + z-index:4; +} + +#valuecare_offers .standardTeaser .headline{ + position:absolute; + width:188px; + height:auto; + z-index:5; +} + +#valuecare_offers .button{ + position:relative; + top:8px; + left:0; +} + +#valuecare_offers .primaryButton{ + position:relative; + cursor:pointer; + top:2px; + left:0; +} + +#valuecare_offers .standardTeaser .copy2 { + position:relative; + display:block; + padding-top:2px; +} + +#valuecare_offers .standardTeaser .copy2 span { + font-size:16px; + line-height:16px; + font-weight:bold; + white-space:nowrap; +} + +#valuecare_offers .standardTeaser .copy1 span, +#valuecare_offers .standardTeaser .copy2 span, +#valuecare_offers .standardTeaser .headline span { + background-color:#ffffff; +} + +#valuecare_offers #offer_navigation{ + position:relative; + left:361px; + top:3px; + width:336px; + height:9px; +} + +#valuecare_offers .clearFloat{ + clear:both; +} + +#valuecare_offers #mainImage { + position:relative; + top:77px; + left:0px; + width:1024px; + height:303px; + overflow:hidden; +} + +#valuecare_offers a.offerButton { + color:#ffffff; + border-top:solid #4081ec 1px; + border-left:solid #4081ec 1px; + border-bottom:solid #0044cc 1px; + border-right:solid #0044cc 1px; + background-image:url( ../img/backgrounds/button_bg_blue.gif ); + background-repeat:repeat-x; +} + +#valuecare_offers a.offerButton:hover { + border-top:solid #6F91D5 1px; + border-left:solid #6F91D5 1px; + border-bottom:solid #587ABE 1px; + border-right:solid #587ABE 1px; + background-image:none; + background-color:#0044CC; + color:#ffffff; + font-weight:bold; +} + + +#valuecare_offers .nextoffer{ + background-image:url(../img/standard_elements/img_forward.gif ); + background-repeat:no-repeat; + width:13px; + height:12px; + display:block; + float:left; + cursor:pointer; +} + +#valuecare_offers .prevoffer{ + background-image:url(../img/standard_elements/img_back.gif ); + background-repeat:no-repeat; + width:13px; + height:12px; + display:block; + float:left; + cursor:pointer; +} + +#layercounter, +#layernavigationtext{ + float:left; + margin-right:9px; +} + +#layercounter{ + margin-left:9px; +} + +#valuecare_offers .buttonBlue a { + width:173px; + height:12px; + padding:5px 7px; + margin-top:7px; + display:block; + font-weight:bold; + white-space:nowrap; + cursor:pointer; +} + +#valuecare_offers .buttonBlue a { + color:#ffffff; + border-top:solid #4081ec 1px; + border-left:solid #4081ec 1px; + border-bottom:solid #0044cc 1px; + border-right:solid #0044cc 1px; + background-image:url( ../img/backgrounds/button_bg_blue.gif ); + background-repeat:repeat-x; +} + +#valuecare_offers .buttonBlue a:hover { + border-top:solid #6f91d5 1px; + border-left:solid #6f91d5 1px; + border-bottom:solid #587abe 1px; + border-right:solid #587abe 1px; + background-image:none; + background-color:#0044cc; + color:#ffffff; + font-weight:bold; +} + +#valuecare_offers #closeContentContainer{ + position:absolute; + left:309px; + top:0; +} + +#valuecare_offers #closeContentContainer a#closeContent { + position:absolute; + top:0; + left:5px; + width:15px; + height:15px; + cursor:pointer; + background-repeat: no-repeat; + background-image: url( ../img/standard_elements/close.gif ); +} + +#valuecare_offers #closeContentContainer a#closeContent:hover { + background-image: url( ../img/standard_elements/close-h.gif ); +} + +#valuecare_offers p.price{ + font-weight:bold; + font-size:17px; + margin-bottom:5px; +} + +#valuecare_offers .contenttab{ + display:none; + border-top:1px solid #0044CC; + position:relative; + padding-top:27px; + clear:both; + z-index:3; +} + +#valuecare_offers .tabnavitem{ + background-image:url('../../shared/owners/service/value_care/img/offers_tab.gif'); + background-repeat:no-repeat; + position:relative; + float:left; + width:112px; + height:20px; + top:1px; + margin-right:7px; + z-index:1; + overflow:hidden; + cursor:pointer; +} + +#valuecare_offers .tabnavitem.current, +#valuecare_offers .tabnavitem:hover{ + background-image:url('../../shared/owners/service/value_care/img/offers_tab-h.gif'); +} + +#valuecare_offers .tabnavitem.current{ + z-index:4; +} + +#valuecare_offers .tabnavitem span{ + display:block; + padding:5px 0 5px 9px; + color:#6e6e6e; + font-weight:bold; +} + +#valuecare_offers .tabnavitem.current span{ + color:#0044CC; +} + +#valuecare_offers .offerLayerImage img{ + margin-top:-14px; +} + +#valuecare_offers .offerLayerImage p, +#valuecare_offers .offerLayerImage .buttonBlue{ + margin-left:20px; +} + +#valuecare_offers .offerLayerImage p{ + margin-bottom:4px; +} + +#valuecare_offers .standardTeaser .content .media { + padding-top:18px; +} + + +/* glass repair */ +#glassStage h1 {font-size:28px; line-height:23px; margin:0; padding:0; letter-spacing: -1pt;} +#glassStage {position:absolute; top:77px; left:0px; width:1024px; height:303px; overflow:hidden; visibility:hidden; z-index:800;} +#glassContentBlock {position:absolute; top:391px; left:270px; width:438px; z-index:100; border-bottom:50px solid #fff;} +#glassTeaserArea {position:absolute; top:400px; left:767px; width:189px; z-index:100;} +#glassContentBlock img {margin-top:14px;} +#glassContentBlock .linklist {margin-top:10px;} +#glassContentBlock div {margin-bottom:20px;} + +.glassBigTeaser { + margin-bottom:29px; +} + +.glassBigTeaser .headline {font-weight:bold; padding-bottom:4px;} +.glassBigTeaser img {padding:6px 0 6px 0;} + + +/* glass repair imagebasicsimple */ +.glassContentBlockExtra { + left: 70px !important; + width: 638px !important; +} + +.glassExtraPadding { + margin-left:200px; +} + +.glassExtraPageCounter { + width:180px; padding-right:20px; text-align:right; position:absolute; bottom:0px; +} + +.rebrushButton { + display:block; + height:12px; + width:173px; + font-size:11px; + line-height:12px; + overflow:hidden; + padding:5px 7px; + font-weight:bold; + background:url(../img/backgrounds/button_bg.gif ); + border-top:1px solid #dddddd; + border-left:1px solid #dddddd; + border-right:1px solid #b0b0b0; + border-bottom:1px solid #b0b0b0; + color:#666666; +} + +.rebrushButton:hover { + background:none; + background-color:#eeeeee; + border-top:1px solid #e5e5e5; + border-left:1px solid #e5e5e5; + border-right:1px solid #cfcfcf; + border-bottom:1px solid #cfcfcf; + color:#0044cc; +} + + +.rebrushButtonBlue { + color:#ffffff; + border-top:solid #4081ec 1px; + border-left:solid #4081ec 1px; + border-bottom:solid #0044cc 1px; + border-right:solid #0044cc 1px; + background-image:url( ../img/backgrounds/button_bg_blue.gif ); + background-repeat:repeat-x; +} + +.rebrushButtonBlue:hover { + border-top:solid #6F91D5 1px; + border-left:solid #6F91D5 1px; + border-bottom:solid #587ABE 1px; + border-right:solid #587ABE 1px; + background-image:none; + background-color:#0044CC; + color:#ffffff; + font-weight:bold; +} + + +#videoLightboxLayer, #videoLightboxLayerCurtain { + position:absolute; + left:0; + top:0; + width:1024px; + height:100%; + display:none; + z-index:851; +} + +#videoLightboxLayerCurtain { + background-color:#000; + opacity:.50; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); +} + + +#videoLightboxLayer #VLinnerDiv { + position:absolute; + top:50%; + left:50%; + width:1px; + height:1px; + margin-left:1px; + margin-top:1px; +} + + +#videoLightboxLayer #VLinnerDiv #left { + position:absolute; + left:0px; + top:0px; + width:29px; + height:100%; +} + + +#videoLightboxLayer #VLinnerDiv #VLcontent { + position:relative; + padding:10px; + left:29px; + top:0px; + width:1px; + height:1px; + background-color:#ffffff; +} + + +#videoLightboxLayer #VLinnerDiv #VLcontent #VLtitle { + position:absolute; + top:0px; + left:0px; + height:30px; + width:80%; + overflow:hidden; +} + +#videoLightboxLayer #VLinnerDiv #VLcontent #VLtitle span { + display:inline-block; + height:30px; + padding:10px 12px 0 10px; + background-color:#ffffff; + font-weight:bold; +} + + +#videoLightboxLayer #VLinnerDiv #VLcontent #VLdownloads { + position:absolute; + bottom:10px; + left:0px; + width:100%; + height:55px; + overflow:hidden; +} + +#videoLightboxLayer #VLinnerDiv #VLcontent #VLdownloads #VLcore { + margin:5px 10px 0 10px; + height:100%; +} + +#videoLightboxLayer #VLinnerDiv #VLright { + position:absolute; + right:0px; + top:0px; + width:29px; + height:100%; +} + +#videoLightboxLayer #VLinnerDiv #VLleft a { + display:block; + position:absolute; + top:50%; + margin-top:-24px; + width:29px; + height:48px; + background-image: url(../../files/img/gallery/media_gallery_arrow_left_white.png ); + background-repeat: no-repeat; + overflow:hidden; + outline:none; + z-index:900; +} + +#videoLightboxLayer #VLinnerDiv #VLleft a:hover { + background-image: url(../../files/img/gallery/media_gallery_arrow_left_blue.png ); +} + +#videoLightboxLayer #VLinnerDiv #VLright a { + display:block; + position:absolute; + top:50%; + left:9px; + margin-top:-24px; + width:29px; + height:48px; + background-image: url(../../files/img/gallery/media_gallery_arrow_right_white.png ); + background-repeat: no-repeat; + overflow:hidden; + outline:none; + z-index:900; +} + +#videoLightboxLayer #VLinnerDiv #VLright a:hover { + background-image: url(../../files/img/gallery/media_gallery_arrow_right_blue.png ); +} + +#videoLightboxLayer #VLinnerDiv #VLcontent #VLcloseButtonLayer { + position: absolute; + right:0; + top:0; + width:30px; + height:30px; + background-color:#ffffff; + z-index: 2; +} + +#videoLightboxLayer #VLinnerDiv #VLcontent #VLcloseButtonLayer a.VLcloseLink { + width:15px; + height:15px; + margin:10px 0 0 5px; + background-repeat:no-repeat; + background-position:0 -220px; + background-image:url( ../img/_common/images_packed_v1.gif ); + display: block; + outline:none; +} + +#videoLightboxLayer #VLinnerDiv #VLcontent #VLcloseButtonLayer a.VLcloseLink:hover { + background-position:0 -235px; +} + +#videoLightboxLayer #VLdownloads p { + padding-top:2px; + font-weight:bold; +} + +#videoLightboxLayer #VLdownloads td { + padding-top:3px; + padding-right:18px; +} + +#eyecatcher { + position:absolute; + top:352px; + left:370px; + background:url(../img/backgrounds/glass_repair_layer.png ) no-repeat; + width:262px; + height:163px; + overflow:hidden; + z-index:1800; + padding:21px 24px; + display:none; +} + +#eyecatcher h1 { + font-size: 25px; + font-weight: bold; + letter-spacing: -1pt; + line-height: 25px; +} + +#eyecatcher p { + padding-top:7px; + font-size: 14px; + font-weight: bold; + line-height: 15px; + padding-bottom:15px; +} + +#eyecatcherImage { + position:absolute; + top:450px; + left:680px; + width:88px; + height:87px; + background:url(../img/backgrounds/glass_repair_image.png ); + z-index:1800; + display:none; +} + +#eyecatcher a.closeLink { + position:absolute; + top:10px; + right:20px; + width:13px; + height:12px; + background:url( ../img/standard_elements/close.gif ) no-repeat; + display: block; + outline:none; +} + +#eyecatcher a.closeLink:hover { + background:url( ../img/standard_elements/close-h.gif ) no-repeat; +} + + +#kit_overview .teaserLargeStandardContainer { + margin-bottom:11px; +} + +#kitTop { + position:relative; + margin-left:267px; + width:700px; + z-index:110; +} + +.kitBreak { + position: relative; + clear: left; + height: 36px; +} + +#kitTopLeft { + width:480px; + float:left; +} + +#kitTopRight { + margin-left:18px; + width:189px; + float:left; +} + +#kit_overview .smallStandard { + height: 65px; + margin-bottom: 15px; + overflow: hidden; + padding-bottom: 0px; + position: relative; + width: auto; +} + +#kit_link_list { + position:absolute; + top:379px; + left:21px; + width:230px; +} + +#kit_link_list ul li { + margin-bottom: 12px; +} + +#kit_link_list ul li a { + font-weight: bold; +} + +#kitTeaserContainer { + position: relative; + padding-bottom:28px; + margin-left:267px; + width:750px; + z-index:100; +} + +#kit_overview .price_disclaimer { + position:relative; + margin-bottom:32px; + margin-left:267px; + width:687px; + color:#cccccc; + font-size:10px; + line-height:11px; +} + +.kitStandardTeaser { + position:relative; + font-size:11px; + line-height:12px; + width:189px; + overflow:hidden; + margin-right:60px; + margin-bottom:32px; + float:left; + height: auto !important; +} + +.kitStandardTeaser .headline { + font-weight:bold; + margin-bottom:6px; +} + +.kitStandardTeaser img { + margin-bottom:4px; +} + +.kitStandardTeaser .copytext1 { + margin-bottom:4px; +} + +.kitStandardTeaser .copytext2 { + font-weight:bold; + margin-bottom:5px; +} + +.kitStandardTeaser .price { + font-size:17px; + line-height:15px; + font-weight:bold; + margin-bottom:6px; +} + +.kitStandardSmallTeaserContainer { + position:relative; + height:315px; + margin-top:15px; + width:189px; + overflow:hidden; + margin-right:60px; + margin-bottom:32px; + float:left; +} + +.kitWideTeaser { + position:relative; + width:687px; + height:242px; + overflow:hidden; + font-size:11px; + line-height:12px; + margin-bottom:38px; +} + +.kitWideTeaser .left { + position:absolute; + top:2px; + left:0px; +} + +.kitWideTeaser .right { + position:absolute; + top:0px; + left:498px; +} + +.kitWideTeaser .headline { + font-weight:bold; + margin-bottom:4px; +} + +.kitWideTeaser .copytext, .kitWideTeaserLayer .copytext { + margin-bottom:4px; +} + +.kitWideTeaser .link_list { + margin-bottom:4px; +} + +.kitWideTeaser .copytext_bold, .kitWideTeaserLayer .copytext_bold { + font-weight:bold; + margin-bottom:6px; +} + +.kitWideTeaser .price, .kitWideTeaserLayer .price, .kitWideTeaserLayer .headline { + font-size:17px; + line-height:17px; + font-weight:bold; + margin-bottom:5px; +} + +.kitWideTeaser .rebrushButton, .kitWideTeaserLayer .rebrushButton { + margin-bottom:4px; +} + +.kitWideTeaserLayer { + visibility:hidden; + position:absolute; + top:0; + left:0; +} + +.kitWideTeaserLayer .sizer { + width:688px; + height:410px; +} + +.kitWideTeaserLayer .left { + position:absolute; + top:11px; + left:11px; +} + +.kitWideTeaserLayer .left .stage img { + display:block; +} + +.kitWideTeaserLayer .left .text { + padding-top:22px; + padding-left:21px; +} + +.kitWideTeaserLayer .right { + position:absolute; + top:37px; + left:362px; + height:367px; + width:321px; + overflow:auto; + padding-right:15px; +} + +.kitWideTeaserLayer a.closeLink { + position:absolute; + top:12px; + right:14px; + width:13px; + height:12px; + background:url( ../img/standard_elements/close.gif ) no-repeat; + display: block; + outline:none; +} + +.kitWideTeaserLayer a.closeLink:hover { + background:url( ../img/standard_elements/close-h.gif ) no-repeat; +} + +.kitWideTeaserLayer ul, .imageBasicBullets ul { + padding-left:13px; + display:block; + list-style-image:url( ../img/standard_elements/list_style_image.gif ); + margin:1em 0px; +} + +.kitWideTeaserLayer ul li, .imageBasicBullets ul li { + display: list-item; + list-style-image:url( ../img/standard_elements/list_style_image.gif ); + padding-bottom:4px; +} + +.cd_overview_box { + width:189px; + padding:10px; + background-color:#ffffff; + position:absolute; + bottom:89px; +} + +.cd_overview_box img { + margin-bottom:11px; +} + +.cd_overview_box_headline { + margin-bottom:6px; +} + +.cd_overview_box_copytext { + margin-bottom:13px; + height:25px; +} + +.cd_overview_box_1 { + left:277px; +} + +.cd_overview_box_2 { + left:526px; +} + +.cd_overview_box_3 { + left:775px; +} + +.teaser_link_cd_model_selector span { + display: block; + position: relative; + height: 12px; + width: 140px; + font-size: 11px; + line-height: 12px; + font-weight: bold; + overflow: hidden; + color: white; + border-top: solid #4081EC 1px; + border-left: solid #4081EC 1px; + border-bottom: solid #04C 1px; + border-right: solid #04C 1px; + background-image: url(../img/backgrounds/button_bg_blue.gif ); + background-repeat: repeat-x; + padding: 5px 7px; + cursor:pointer; +} + +.teaser_link_cd_model_selector span:hover { + border-top:solid #6F91D5 1px; + border-left:solid #6F91D5 1px; + border-bottom:solid #587ABE 1px; + border-right:solid #587ABE 1px; + background-image:none; + background-color:#0044CC; + color:#ffffff; + font-weight:bold; +} + +/*TL IE fix*/ +#div1ScrollParent #div1ScrollChild h2 { + line-height:1; +} + +/* technology guide index */ + +.teaserLarge .tgLarge{ + font-size:50px; line-height:50px; font-weight:bold; +} + +#tgSearchContainer{ + position:absolute; + top:175px; + left:512px; + width:500px; + height:45px; +} + +#tgSearchContainer .buttonBlue{ + float: left; + position: relative; +} + +.teaserLarge .buttonBlue .tgSearchLink{ + font-size: 17px; + line-height: 1; + height: 22px; + display: inline-block; + min-width: 10px; + padding: 7px 11px 2px 11px; + background-image:url( ../img/backgrounds/button_tg_large_bg_blue.gif ); +} + +#tgSearchBoxText{ + height: auto; + width: 331px; + padding: 6px 0 6px 9px; + margin: 0 8px 0 0; + font-size: 17px; + line-height: 1; + font-weight: bold; + color: black; + float: left; +} + +.suggestList { + position: absolute; + top:283px; + left:512px; + color: #0044CC; + font-size: 13px; + font-weight: bold; + line-height: 24px; + padding:5px 5px 5px 9px; + width: 326px; + border: 1px solid #003399; + display:none; + background-color:#ffffff; +} +.suggestList a.active{ + color:#0044cc; +} + + +#TL_search .teaserLargeContainer { + position:relative; + top:0px; + left:0px; + width:1004px; + height:308px; + overflow:hidden; + margin-bottom:16px; +} + +#TL_search .teaserLargeContainer .teaserLarge{ + display:none; +} + +#TL_search .teaserLargeContainer #largeTeaserOverlay{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:356px; + background-color:#ffffff; + display:block; +} + +#TL_search .teaserLargeContainer #largeTeaserBasic{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + display:none; +} + +#TL_search .teaserLargeContainer #largeTeaserBasic img{ + display:block; +} + +#TL_search .teaserLargeContainer #largeTeaserAlternative{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; +} + +#TL_search .teaserLargeContainer #largeTeaserFlash{ + position:absolute; + bottom:0px; + left:0px; + width:1024px; + height:356px; + overflow:hidden; + display:none; +} + +#TL_search .teaserLargeContainer #largeTeaserFlash #largeTeaserFlashObject{ + position:absolute; + bottom:0px; + } + +#TL_search a.skip { + display:none; + position:absolute; + width:23px; + height:12px; + background:url(../img/standard_elements/next.gif ) no-repeat 2px 2px; + padding:2px 0 0 23px; + background-color:#ffffff; + color:#0044cc; + font-weight:bold; + outline:none; + overflow:hidden; +} + +#TL_search a.skip:hover { + background:url(../img/standard_elements/next-h.gif ) no-repeat 2px 2px; + background-color:#ffffff; +} + +#TL_search .teaserLargeContainer a.skip { + bottom:0px; + left:958px; + width:45px; +} + +#mgmbh_body #teaser_image #teaser_image_icon_counter { + color: #fff; +} + +#mgmbh_body #teaser_image #teaser_image_icon { + background-color: #000; +} + +#mgmbh_body #vehicle_navigation #teaser strong { + color: #fff; +} + +/*OLG FORM REBRUSH */ +.glassPane{ + background-color:#000000; + bottom: 0; + height: 100%; + left: 0; + opacity: 0; + position: fixed; + width: 100%; + z-index: 10500; + } + + #closeAllButton a.closeLink{ + background: url("../img/_common/images_packed_v1.gif" ) no-repeat scroll 0 -220px transparent; + display: block; + width:15px; + height:15px; + overflow: hidden; + } + #closeAllButton a.closeLink:hover{background-position:0 -235px;} +/* // OLG FORM REBRUSH */ + +.clearfix:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} + +.clearfix { + display: inline-block; +} + +html[xmlns] .clearfix { + display: block; +} + +* html .clearfix { + height: 1%; +} + +.pngPreloader { + position: absolute; + width: 29px; + height: 29px; + top: 50%; + left: 50%; + margin-left: -14px; + margin-right: -14px; + background: url(../img/standard_elements/preloader_29x522.png ); + z-index: 1000; + display: none; +} + + +/*** .digital ****/ +.digitalPngPreloader { + position: absolute; + width: 37px; + height: 37px; + top: 50%; + left: 50%; + margin-left: -19px; + margin-right: -19px; + background: url(../img/digital/preloader.png ); + z-index: 1000; + display: none; +} + +a.digitalButton { + font-family: BMWType_Bold,Arial, sans-serif; + font-size: 13px; + overflow: hidden; + display: block; + color: white !important; + padding: 4px 10px 5px; + margin-top: 8px; + width: 180px; + border: 0; + background: url(../img/digital/backgrounds.png ) repeat-x 0 -110px #777; + max-height: 31px; + line-height: 15px; +} +a.digitalButton:hover { + background-image: none; +} +a.digitalButtonBlue { + background: url(../img/digital/backgrounds.png ) repeat-x 0 -149px #1C69D4; +} + +a.digitalStandard, a.digitalStandardWhite { + font-family: BMWType_Bold,Arial, sans-serif; + padding-left: 9px; + background: url(../img/digital/icons.png ) no-repeat -990px -227px; + font-size: 13px; + line-height: 15px; + color: #666; +} +a.digitalStandardWhite { + color: #fff; + background-position:-1020px -197px; +} +a.digitalStandard:hover, a.digitalStandardWhite:hover { + background-position:-960px -257px; + color: #1C69D4; +} + + +a.digitalPlay { + display: block; + background: url(../img/digital/icons.png ) -180px -180px; + width: 36px; + height: 36px; +} +a.digitalPlay:hover { + background: url(../img/digital/icons.png ) -180px -240px; +} + + +a.digitalPlayBig { + display: block; + background: url(../img/digital/icons.png ) -240px -180px; + width: 72px; + height: 72px; +} +a.digitalPlayBig:hover { + background: url(../img/digital/icons.png ) -240px -270px; +} + + +a.digitalPreviousSmall { + display: block; + background: url(../img/digital/icons.png ) -600px -60px; + width: 18px; + height: 18px; +} +a.digitalPreviousSmall:hover { + background: url(../img/digital/icons.png ) -600px -90px; +} + + +a.digitalNextSmall { + display: block; + background: url(../img/digital/icons.png ) -690px -60px; + width: 18px; + height: 18px; +} +a.digitalNextSmall:hover { + background: url(../img/digital/icons.png ) -690px -90px; +} + + +a.digitalPlayPauseSmall { + display: block; + background: url(../img/digital/icons.png ) -630px -60px; + width: 18px; + height: 18px; +} +a.digitalPlayPauseSmall:hover { + background: url(../img/digital/icons.png ) -630px -90px; +} + + +a.digitalPauseSmall { + display: block; + background: url(../img/digital/icons.png ) -660px -60px; + width: 18px; + height: 18px; +} +a.digitalPauseSmall:hover { + background: url(../img/digital/icons.png ) -660px -90px; +} + + +a.digitalInfo { + display: inline-block; + height: 18px; + font-family: BMWType_Bold,Arial, sans-serif; + background: url(../img/digital/icon_info.png ) no-repeat; + padding: 0 0 0 24px; + font-size: 13px; + line-height: 18px; +} + +a.digitalInfo:hover { + color: #1C69D4; + background: url(../img/digital/icon_info-h.png ) no-repeat; +} + + +a.digitalClose18 { + display: block; + width: 18px; + height: 18px; + background: url(../img/digital/icons.png ) -570px -60px no-repeat; +} + +a.digitalClose18:hover { + background-position: -570px -90px; +} + +a.digitalLink12 { + display: inline-block; + font-family: BMWType_Bold,Arial,sans-serif; + font-size: 13px; + line-height: 15px; + color: #666; + height: 15px; + overflow: hidden; + cursor: pointer; + padding-right: 10px; +} + +a.digitalLink12:hover { + color: #1C69D4; +} + +a.digitalLink12 div.down { + margin-top: 3px; + width: 12px; + height: 12px; + background: url(../img/digital/icons.png ) no-repeat -720px 0; + float: left; +} + +a.digitalLink12:hover div.down { + background-position: -720px -30px; +} + +a.digitalLink12 p { + float: left; + padding-left: 6px; +} + +.digitalStandardTeaser { + position:relative; + width: 180px; + height: 230px; + padding: 15px 15px 15px; + overflow: hidden; + background: #fff; + -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); +} + +.digitalStandardTeaser a { + position: absolute; + bottom: 13px; + left:15px; +} + +.digitalStandardTeaser a:first-child { + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: url(../img/palette/1x1_trans.gif ); +} + +.digitalStandardTeaser img { + width: 180px; + margin-bottom: 9px; +} + +.digitalStandardTeaser h4 { + font-family: BMWType_Bold,Arial,sans-serif; + font-size: 13px; + line-height: 16px; + font-weight: normal; + padding-bottom: 7px; +} + +.digitalStandardTeaser p { + font-size: 13px; + line-height: 16px; + color: #262626; +} + + +/*cookie warning */ +#cookieWarningLayer { + position: fixed; + bottom: 60px; + left: 555px; + width: 382px; + padding: 10px; + background: #fff; + zoom: 1; + filter: progid:DXImageTransform.Microsoft.Shadow(color='#b3b3b3', Direction=0, Strength=2) + progid:DXImageTransform.Microsoft.Shadow(color='#b3b3b3', Direction=45, Strength=2) + progid:DXImageTransform.Microsoft.Shadow(color='#b3b3b3', Direction=90, Strength=2) + progid:DXImageTransform.Microsoft.Shadow(color='#b3b3b3', Direction=135, Strength=2) + progid:DXImageTransform.Microsoft.Shadow(color='#b3b3b3', Direction=180, Strength=2) + progid:DXImageTransform.Microsoft.Shadow(color='#b3b3b3', Direction=225, Strength=2) + progid:DXImageTransform.Microsoft.Shadow(color='#b3b3b3', Direction=260, Strength=2) + progid:DXImageTransform.Microsoft.Shadow(color='#b3b3b3', Direction=305, Strength=2); + -moz-box-shadow: 0 0 3px #333; + -webkit-box-shadow: 0 0 3px #333; + box-shadow: 0 0 3px #333; + display: none; + z-index: 1000; +} + +#cookieWarningLayer h4 { + font-size: 12px; + line-height: 13px; + font-family: Arial, sans-serif; + margin: 0 0 12px 0; + font-weight: bold; +} + +#cookieWarningLayer > p { + padding-bottom: 18px; +} + +#cookieWarningLayer > a { + display: inline-block; + padding-bottom: 21px; + font-weight: bold; +} + +#cookieWarningLayer > div a { + float: left; +} + +#cookieWarningLayer > div a:first-child { + margin-right: 4px; +} + +#cookieWarningLayer .close { + display: block; + position: absolute; + top: 2px; + right: 2px; + width: 13px; + height: 12px; + background: url(../img/standard_elements/close.gif ) no-repeat; +} + +#cookieWarningLayer .close:hover { + background: url(../img/standard_elements/close-h.gif ) no-repeat; +} + +#cookieWarningLink { + display: inline-block; + position: absolute; + right: 173px; + top: 5px; + padding-left: 22px; + font-size: 11px; + line-height: 18px; + font-family: arial,helvetica,sans-serif; +} + +#cookieWarningLink.denied { + background: url(../img/cookie_warning/denied.png ) no-repeat; +} + +#cookieWarningLink.accepted { + background: url(../img/cookie_warning/accepted.png ) no-repeat; +} + + +/*home ES */ + +#home .contentColumn .quicklinks, +#home .contentColumn .standardTeaserContainer { + float:none !important; + padding:0 !important; +} +#home .contentColumn .standardTeaser{ + padding:0 !important; + margin:0 !important; +} +#home .contentColumn .standardTeaser .button{ + left:0px !important; +} +#home .contentColumn{ + float:left; + padding: 0 15px 0 20px; +} +#home .contentColumn .standardTeaserContainer { + width:214px !important; + height:169px !important; +} +#home .contentColumn .quicklinks{ + height:169px !important; +} +ul#soc_media_es{ + width:auto; + float: right; + margin-right: 45px; +} +ul#soc_media_es li{ + float:left; + position:relative; + margin-left:6px; + height:18px; + width:18px; +} +ul#soc_media_es li a{ + display:block; + height:18px; + width:18px; +} + +.multiTooltip { + display: inline-block; + position: relative; + height: auto; + width: auto; + max-width: 330px; + *display: inline; + zoom: 1; +} + +.multiTooltip p { + font-family: arial, sans-serif; + font-size: 11px; + line-height: 13px; + font-weight: bold; + width: auto; + color: #000; +} + +.multiTooltip.l1.abl p { + height: 27px; + overflow: hidden; + background: url(../img/_common/multitooltip_l1_abl.png ) repeat-x; + padding: 13px 0 0 16px; + margin: 0 16px 0 0; + white-space: nowrap; +} + +.multiTooltip.l1.abr p { + height: 27px; + overflow: hidden; + background: url(../img/_common/multitooltip_l1_abr.png ) right repeat-x; + padding: 13px 16px 0 0; + margin: 0 0 0 16px; + white-space: nowrap; +} + +.multiTooltip.l1 p br { + display: none; +} + +.multiTooltip .tooltipRightBorder { + position: absolute; + top: 0; + right: 0; + width: 16px; +} + +.multiTooltip.l1 .tooltipRightBorder { + height: 40px; + background: url(../img/_common/multitooltip_l1_right.png ) no-repeat; +} + +.multiTooltip .tooltipLeftBorder { + position: absolute; + top: 0; + left: 0; + width: 16px; +} + +.multiTooltip.l1 .tooltipLeftBorder { + height: 40px; + background: url(../img/_common/multitooltip_l1_left.png ) no-repeat; +} + + +/* Digital video player (v1.83) */ +.digitalVideoPlayer { + position: relative; + overflow: hidden; +} + +.digitalVideoPlayer video { + display: block; + position: relative; + cursor: default; +} + +.digitalVideoPlayer .aperture { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #000; + display: none; +} + +.digitalVideoPlayer .layer { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: transparent; +} + +.digitalVideoPlayer div.playPause { + position: absolute; + left: 50%; + margin-left: -36px; + top: 50%; + margin-top: -36px; + width: 72px; + height: 72px; + display: none; +} + +.digitalVideoPlayer div.playPause div.play, .digitalVideoPlayer div.playPause div.pause, .digitalVideoPlayer div.playPause div.replay { + position: relative; + display: block; + width: 72px; + height: 72px; + background: url(../img/video_player/player.png ) no-repeat 0 -306px; +} + +.digitalVideoPlayer div.playPause div.pause { + background-position: 0 -195px; +} + +.digitalVideoPlayer div.playPause div.replay { + background-position: 0 -379px; + cursor: pointer; +} + +.digitalVideoPlayer .controlsFrame { + position: absolute; + bottom: -38px; + left: 0; + width: 100%; + z-index: 10; + visibility: hidden; +} + +.digitalVideoPlayer .controlsFrame .controls { + padding-top: 6px; + position: relative; + width: 100%; + height: 32px; + background-color: #fff; + overflow: hidden; + visibility: hidden; + padding-left: 10px; + z-index: 10; +} + +.digitalVideoPlayer .controlsFrame .controls a.pause, +.digitalVideoPlayer .controlsFrame .controls a.play, +.digitalVideoPlayer .controlsFrame .controls a.fullscreen, +.digitalVideoPlayer .controlsFrame .controls a.download, +.digitalVideoPlayer .controlsFrame .controls a.skip { + position: relative; + float: left; + display: block; + width: 18px; + height: 18px; + margin: 4px 0 0 0; + background: url(../img/video_player/player.png ) no-repeat 0 -176px; +} + +.digitalVideoPlayer .controlsFrame .controls a.pause:hover { + background-position: 0 -157px; +} + +.digitalVideoPlayer .controlsFrame .controls a.play { + background-position: 0 -287px; +} + +.digitalVideoPlayer .controlsFrame .controls a.play:hover { + background-position: 0 -268px; +} + +.digitalVideoPlayer .controlsFrame .controls a.fullscreen { + background-position: 0 -138px; +} + +.digitalVideoPlayer .controlsFrame .controls a.fullscreen:hover { + background-position: 0 -119px; +} + +.digitalVideoPlayer .controlsFrame .controls a.download { + background-position: 0 -100px; +} + +.digitalVideoPlayer .controlsFrame .controls a.download:hover { + background-position: 0 -81px; +} + +.digitalVideoPlayer .controlsFrame .controls a.skip { + background-position: 0 -471px; + margin-left: 6px; +} + +.digitalVideoPlayer .controlsFrame .controls a.skip:hover { + background-position: 0 -452px; +} + +.digitalVideoPlayer .controlsFrame .controls div.progressBar { + position: relative; + float: left; + height: 26px; + width: 100px; + margin: 0 0 0 6px; +} + +.digitalVideoPlayer .controlsFrame .controls div.progressBar div.standard { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 26px; + background: url(../img/video_player/progressbar.png ); +} + +.digitalVideoPlayer .controlsFrame .controls div.progressBar div.standard div.shadow { + position: absolute; + top: 0; + right: 0; + height: 26px; + width: 4px; + background: url(../img/video_player/player.png ) no-repeat 0 -27px; +} + +.digitalVideoPlayer .controlsFrame .controls div.progressBar div.played { + position: absolute; + top: 0; + left: -4px; + width: 26px; + height: 26px; + background: url(../img/video_player/progressbar-h.png ) right; +} + +.digitalVideoPlayer .controlsFrame .controls div.progressBar div.played div.left1 { + position: absolute; + top: 0; + left: 0; + height: 26px; + width: 4px; + background: #fff; +} + +.digitalVideoPlayer .controlsFrame .controls div.progressBar div.played div.left2 { + position: absolute; + top: 0; + left: 4px; + height: 26px; + width: 4px; + background: url(../img/video_player/player.png ) no-repeat 0 0; +} + +.digitalVideoPlayer .controlsFrame .controls div.progressBar div.played a { + display: block; + position: absolute; + right: 0; + width: 26px; + height: 26px; + background: url(../img/video_player/player.png ) no-repeat 0 -54px; + outline: none; + noFocusLine: expression(this.onFocus=this.blur()); +} + +.digitalVideoPlayer .controlsFrame .controls div.time { + font-family: arial, helvetica, sans-serif; + font-size: 12px; + line-height: 18px; + float: left; + height: 18px; + width: 78px; + margin: 4px 0 0 0; + padding-left: 7px; + text-align: left; +} + +.digitalVideoPlayer .controlsFrame .controls div.time span { + color: #1C69D4; + font-size: 12px; + line-height: 18px; +} + +.digitalVideoPlayer .controlsFrame .controls a.sound, .digitalVideoPlayer .controls a.soundOff { + float: left; + display: block; + width: 18px; + height: 18px; + margin: 4px 0 0 0; + background: url(../img/video_player/player.png ) no-repeat 0 -509px; +} + +.digitalVideoPlayer .controlsFrame .controls a.sound:hover { + background-position: 0 -490px; +} + +.digitalVideoPlayer .controlsFrame .controls a.soundOff { + background-position: 0 -547px; +} + +.digitalVideoPlayer .controlsFrame .controls a.soundOff:hover { + background-position: 0 -528px; +} + +.digitalVideoPlayer .controlsFrame .subtitles { + font-family: BMWType_Bold, Arial, sans-serif; + position: relative; + width: 100%; + font-size: 13px; + line-height: 16px; + color: white; + text-align: center; + overflow: hidden; + cursor: default; + display: none; +} + +.digitalVideoPlayer .controlsFrame .noControls { + bottom: -10px; +} + +.digitalVideoPlayer .controlsFrame .subtitles .background { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #000; + opacity: 0.4; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + filter: alpha(opacity=40); +} + +.digitalVideoPlayer .controlsFrame .subtitles .foreground { + position: relative; + top: 0; + left: 0; + width: 100%; + height: 100%; + padding: 10px 0 10px 0; +} + +.digitalVideoPlayer .volume { + position: absolute; + bottom: 28px; + right: 8px; + height: 102px; + width: 22px; + background: url(../img/video_player/player.png ) no-repeat 0 -566px; + display: none; + z-index: 15; +} + +#digitalVideoPlayerLayer .volume { + bottom: 28px; +} + +.digitalVideoPlayer .volume div.current { + position: absolute; + bottom: 0; + height: 100px; + width: 22px; + overflow: hidden; + background: url(../img/video_player/sound_slider.png ) no-repeat bottom; +} + +.digitalVideoPlayer .volume div.current a { + display: block; + position: absolute; + top: 0; + left: 0; + width: 22px; + height: 22px; + background: url(../img/video_player/player.png ) no-repeat -2px -56px; +} + +.digitalVideoPlayer .volume div.current div { + position: absolute; + top: 0; + left: 0; + height: 2px; + width: 22px; + background: url(../img/video_player/player.png ) no-repeat 0 -625px; + display: block; +} + +#digitalVideoPlayerLayer { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1005; + text-align: center; + vertical-align: middle; +} + +#digitalVideoPlayerLayer.white { + background: #fff; +} + +#digitalVideoPlayerLayer.black { + background: #000; +} + +#digitalVideoPlayerLayer .layerLayer { + background: url(../img/video_player/layer_bg.png ); + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +#digitalVideoPlayerLayer .outer { + position: absolute; + background-color: #fff; + padding: 15px 15px 11px 15px; +} + +#digitalVideoPlayerLayer .outerNoControls { + position: absolute; + background-color: #fff; + padding: 15px; +} + +#digitalVideoPlayerLayer.white .outer, #digitalVideoPlayerLayer.black .outer { + padding: 0; +} + +#digitalVideoPlayerLayer .outer .video { + position: relative; + width: 100%; + height: 100%; +} + +#digitalVideoPlayerLayer .outer a.close { + display: block; + position: absolute; + top: 21px; + right: 21px; + width: 18px; + height: 18px; + background: url(../img/digital/icons.png ) -570px -60px; + z-index: 1010; +} + +#digitalVideoPlayerLayer .outer a.closeFullscreen { + display: block; + position: absolute; + top: 10px; + right: 10px; + width: 18px; + height: 18px; + background: url(../img/digital/icons.png ) -570px -60px; +} + +#digitalVideoPlayerLayer .outer a.close:hover { + background-position: -570px -90px; + cursor: pointer; +} + +.digitalVideoPlayer .thumbs { + position: relative; + display: none; + overflow: hidden; + vertical-align: middle; + text-align: center; + overflow: hidden; + z-index: 1100; + width: 100%; +} + +.digitalVideoPlayer .thumbs a { + position: relative; + cursor: pointer; + background: #000; + display: inline-block; +} + +.digitalVideoPlayer .thumbs img { + position: relative; + opacity: 0.6; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); +} + +.digitalVideoPlayer .thumbs img:hover, .digitalVideoPlayer .thumbs img.active { + opacity: 1; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); +} + +/* teaser-large-simple */ +.teaser-large-simple img { + position: absolute; + bottom: 0; + left: 0; +} + +.teaser-large-simple .content { + position: absolute; +} + +.teaser-large-simple .content .links { + position: relative; + margin-top: 13px; +} + +.teaser-large-simple h1, +.teaser-large-simple h2, +.teaser-large-simple h3, +.teaser-large-simple h4, +.teaser-large-simple h5 { + font-family: BMWType_Bold, Arial, sans-serif; + font-weight: normal; + color: #262626; +} + +.teaser-large-simple h1 { + font-size: 41px; + line-height: 41px; + padding-bottom: 3px; + margin-bottom: -3px; + letter-spacing: -1.59px; +} + +.teaser-large-simple h2 { + font-size: 32px; + line-height: 32px; + padding-bottom: 3px; + margin-bottom: -2px; + letter-spacing: -1.59px; +} + +.teaser-large-simple h3 { + font-size: 29px; + line-height: 29px; + padding-bottom: 3px; + margin-bottom: -2px; + letter-spacing: -1.3px; +} + +.teaser-large-simple h4 { + font-size: 25px; + line-height: 25px; + overflow: hidden; + padding-bottom: 5px; + margin-bottom: -3px; + letter-spacing: -0.9px; +} + +.teaser-large-simple h5 { + margin-top: 10px; + font-size: 17px; + line-height: 20px; + overflow: hidden; + padding-bottom: 2px; + margin-bottom: -2px; + letter-spacing: 0; +} + +.teaser-large-simple .dark { + color: #262626; +} + +.teaser-large-simple .light h1, +.teaser-large-simple .light h2, +.teaser-large-simple .light h3, +.teaser-large-simple .light h4, +.teaser-large-simple .light h5 { + color: #fff !important; +} + +.teaser-large-simple .rebrushButton { + margin-bottom: 4px; + margin-right: 4px; +} + +.teaser-large-simple .rebrushButton.side-by-side { + float: left; +} + +.teaser-large-simple.style-bmw-i h1, +.teaser-large-simple.style-bmw-i h2, +.teaser-large-simple.style-bmw-i h3, +.teaser-large-simple.style-bmw-i h4, +.teaser-large-simple.style-bmw-i h5 { + font-family: BMWType_Light, Arial, sans-serif; + letter-spacing: 0; +} + +.teaser-large-simple.style-bmw-i h1 { + letter-spacing: 0.1px; +} + +.teaser-large-simple.style-bmw-i h2 { + font-size: 35px; + line-height: 35px; + margin-bottom: -3px; +} + +.teaser-large-simple h3.style-bmw-i { + font-size: 32px; + line-height: 32px; +} + +.teaser-large-simple.style-bmw-i h4 { + font-size: 29px; + line-height: 29px; + margin-bottom: -2px; +} + +.teaser-large-simple.style-bmw-i h5 { + font-size: 22px; + line-height: 22px; +} diff --git a/css/raw/dolcegabbana.css b/css/raw/dolcegabbana.css new file mode 100644 index 0000000..5ff5dff --- /dev/null +++ b/css/raw/dolcegabbana.css @@ -0,0 +1,6103 @@ +/*! + * Bootstrap v2.2.2 + * + * Copyright 2012 Twitter, Inc + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world @twitter by @mdo and @fat. + */ +.clearfix { + *zoom: 1; +} +.clearfix:before, +.clearfix:after { + display: table; + content: ""; + line-height: 0; +} +.clearfix:after { + clear: both; +} +.hide-text { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.input-block-level { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section { + display: block; +} +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} +audio:not([controls]) { + display: none; +} +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +a:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +a:hover, +a:active { + outline: 0; +} +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + /* Responsive images (ensure images don't scale beyond their parents) */ + + max-width: 100%; + /* Part 1: Set a maxium relative to the parent */ + + width: auto\9; + /* IE7-8 need help adjusting responsive images */ + + height: auto; + /* Part 2: Scale the height according to the width, otherwise you get stretching */ + + vertical-align: middle; + border: 0; + -ms-interpolation-mode: bicubic; +} +#map_canvas img, +.google-maps img { + max-width: none; +} +button, +input, +select, +textarea { + margin: 0; + font-size: 100%; + vertical-align: middle; +} +button, +input { + *overflow: visible; + line-height: normal; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + padding: 0; + border: 0; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +label, +select, +button, +input[type="button"], +input[type="reset"], +input[type="submit"], +input[type="radio"], +input[type="checkbox"] { + cursor: pointer; +} +input[type="search"] { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; +} +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; +} +textarea { + overflow: auto; + vertical-align: top; +} +@media print { + * { + text-shadow: none !important; + color: #000 !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} +body { + margin: 0; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 20px; + color: #333333; + background-color: #ffffff; +} +a { + color: #0088cc; + text-decoration: none; +} +a:hover { + color: #005580; + text-decoration: underline; +} +.img-rounded { + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.img-polaroid { + padding: 4px; + background-color: #fff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} +.img-circle { + -webkit-border-radius: 500px; + -moz-border-radius: 500px; + border-radius: 500px; +} +.row { + margin-left: -20px; + *zoom: 1; +} +.row:before, +.row:after { + display: table; + content: ""; + line-height: 0; +} +.row:after { + clear: both; +} +[class*="span"] { + float: left; + min-height: 1px; + margin-left: 20px; +} +.container, +.navbar-static-top .container, +.navbar-fixed-top .container, +.navbar-fixed-bottom .container { + width: 940px; +} +.span12 { + width: 940px; +} +.span11 { + width: 860px; +} +.span10 { + width: 780px; +} +.span9 { + width: 700px; +} +.span8 { + width: 620px; +} +.span7 { + width: 540px; +} +.span6 { + width: 460px; +} +.span5 { + width: 380px; +} +.span4 { + width: 300px; +} +.span3 { + width: 220px; +} +.span2 { + width: 140px; +} +.span1 { + width: 60px; +} +.offset12 { + margin-left: 980px; +} +.offset11 { + margin-left: 900px; +} +.offset10 { + margin-left: 820px; +} +.offset9 { + margin-left: 740px; +} +.offset8 { + margin-left: 660px; +} +.offset7 { + margin-left: 580px; +} +.offset6 { + margin-left: 500px; +} +.offset5 { + margin-left: 420px; +} +.offset4 { + margin-left: 340px; +} +.offset3 { + margin-left: 260px; +} +.offset2 { + margin-left: 180px; +} +.offset1 { + margin-left: 100px; +} +.row-fluid { + width: 100%; + *zoom: 1; +} +.row-fluid:before, +.row-fluid:after { + display: table; + content: ""; + line-height: 0; +} +.row-fluid:after { + clear: both; +} +.row-fluid [class*="span"] { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + float: left; + margin-left: 2.127659574468085%; + *margin-left: 2.074468085106383%; +} +.row-fluid [class*="span"]:first-child { + margin-left: 0; +} +.row-fluid .controls-row [class*="span"] + [class*="span"] { + margin-left: 2.127659574468085%; +} +.row-fluid .span12 { + width: 100%; + *width: 99.94680851063829%; +} +.row-fluid .span11 { + width: 91.48936170212765%; + *width: 91.43617021276594%; +} +.row-fluid .span10 { + width: 82.97872340425532%; + *width: 82.92553191489361%; +} +.row-fluid .span9 { + width: 74.46808510638297%; + *width: 74.41489361702126%; +} +.row-fluid .span8 { + width: 65.95744680851064%; + *width: 65.90425531914893%; +} +.row-fluid .span7 { + width: 57.44680851063829%; + *width: 57.39361702127659%; +} +.row-fluid .span6 { + width: 48.93617021276595%; + *width: 48.88297872340425%; +} +.row-fluid .span5 { + width: 40.42553191489362%; + *width: 40.37234042553192%; +} +.row-fluid .span4 { + width: 31.914893617021278%; + *width: 31.861702127659576%; +} +.row-fluid .span3 { + width: 23.404255319148934%; + *width: 23.351063829787233%; +} +.row-fluid .span2 { + width: 14.893617021276595%; + *width: 14.840425531914894%; +} +.row-fluid .span1 { + width: 6.382978723404255%; + *width: 6.329787234042553%; +} +.row-fluid .offset12 { + margin-left: 104.25531914893617%; + *margin-left: 104.14893617021275%; +} +.row-fluid .offset12:first-child { + margin-left: 102.12765957446808%; + *margin-left: 102.02127659574467%; +} +.row-fluid .offset11 { + margin-left: 95.74468085106382%; + *margin-left: 95.6382978723404%; +} +.row-fluid .offset11:first-child { + margin-left: 93.61702127659574%; + *margin-left: 93.51063829787232%; +} +.row-fluid .offset10 { + margin-left: 87.23404255319149%; + *margin-left: 87.12765957446807%; +} +.row-fluid .offset10:first-child { + margin-left: 85.1063829787234%; + *margin-left: 84.99999999999999%; +} +.row-fluid .offset9 { + margin-left: 78.72340425531914%; + *margin-left: 78.61702127659572%; +} +.row-fluid .offset9:first-child { + margin-left: 76.59574468085106%; + *margin-left: 76.48936170212764%; +} +.row-fluid .offset8 { + margin-left: 70.2127659574468%; + *margin-left: 70.10638297872339%; +} +.row-fluid .offset8:first-child { + margin-left: 68.08510638297872%; + *margin-left: 67.9787234042553%; +} +.row-fluid .offset7 { + margin-left: 61.70212765957446%; + *margin-left: 61.59574468085106%; +} +.row-fluid .offset7:first-child { + margin-left: 59.574468085106375%; + *margin-left: 59.46808510638297%; +} +.row-fluid .offset6 { + margin-left: 53.191489361702125%; + *margin-left: 53.085106382978715%; +} +.row-fluid .offset6:first-child { + margin-left: 51.063829787234035%; + *margin-left: 50.95744680851063%; +} +.row-fluid .offset5 { + margin-left: 44.68085106382979%; + *margin-left: 44.57446808510638%; +} +.row-fluid .offset5:first-child { + margin-left: 42.5531914893617%; + *margin-left: 42.4468085106383%; +} +.row-fluid .offset4 { + margin-left: 36.170212765957444%; + *margin-left: 36.06382978723405%; +} +.row-fluid .offset4:first-child { + margin-left: 34.04255319148936%; + *margin-left: 33.93617021276596%; +} +.row-fluid .offset3 { + margin-left: 27.659574468085104%; + *margin-left: 27.5531914893617%; +} +.row-fluid .offset3:first-child { + margin-left: 25.53191489361702%; + *margin-left: 25.425531914893618%; +} +.row-fluid .offset2 { + margin-left: 19.148936170212764%; + *margin-left: 19.04255319148936%; +} +.row-fluid .offset2:first-child { + margin-left: 17.02127659574468%; + *margin-left: 16.914893617021278%; +} +.row-fluid .offset1 { + margin-left: 10.638297872340425%; + *margin-left: 10.53191489361702%; +} +.row-fluid .offset1:first-child { + margin-left: 8.51063829787234%; + *margin-left: 8.404255319148938%; +} +[class*="span"].hide, +.row-fluid [class*="span"].hide { + display: none; +} +[class*="span"].pull-right, +.row-fluid [class*="span"].pull-right { + float: right; +} +.container { + margin-right: auto; + margin-left: auto; + *zoom: 1; +} +.container:before, +.container:after { + display: table; + content: ""; + line-height: 0; +} +.container:after { + clear: both; +} +.container-fluid { + padding-right: 20px; + padding-left: 20px; + *zoom: 1; +} +.container-fluid:before, +.container-fluid:after { + display: table; + content: ""; + line-height: 0; +} +.container-fluid:after { + clear: both; +} +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 21px; + font-weight: 200; + line-height: 30px; +} +small { + font-size: 85%; +} +strong { + font-weight: bold; +} +em { + font-style: italic; +} +cite { + font-style: normal; +} +.muted { + color: #999999; +} +a.muted:hover { + color: #808080; +} +.text-warning { + color: #c09853; +} +a.text-warning:hover { + color: #a47e3c; +} +.text-error { + color: #b94a48; +} +a.text-error:hover { + color: #953b39; +} +.text-info { + color: #3a87ad; +} +a.text-info:hover { + color: #2d6987; +} +.text-success { + color: #468847; +} +a.text-success:hover { + color: #356635; +} +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 10px 0; + font-family: inherit; + font-weight: bold; + line-height: 20px; + color: inherit; + text-rendering: optimizelegibility; +} +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small { + font-weight: normal; + line-height: 1; + color: #999999; +} +h1, +h2, +h3 { + line-height: 40px; +} +h1 { + font-size: 38.5px; +} +h2 { + font-size: 31.5px; +} +h3 { + font-size: 24.5px; +} +h4 { + font-size: 17.5px; +} +h5 { + font-size: 14px; +} +h6 { + font-size: 11.9px; +} +h1 small { + font-size: 24.5px; +} +h2 small { + font-size: 17.5px; +} +h3 small { + font-size: 14px; +} +h4 small { + font-size: 14px; +} +.page-header { + padding-bottom: 9px; + margin: 20px 0 30px; + border-bottom: 1px solid #eeeeee; +} +ul, +ol { + padding: 0; + margin: 0 0 10px 25px; +} +ul ul, +ul ol, +ol ol, +ol ul { + margin-bottom: 0; +} +li { + line-height: 20px; +} +ul.unstyled, +ol.unstyled { + margin-left: 0; + list-style: none; +} +ul.inline, +ol.inline { + margin-left: 0; + list-style: none; +} +ul.inline > li, +ol.inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; +} +dl { + margin-bottom: 20px; +} +dt, +dd { + line-height: 20px; +} +dt { + font-weight: bold; +} +dd { + margin-left: 10px; +} +.dl-horizontal { + *zoom: 1; +} +.dl-horizontal:before, +.dl-horizontal:after { + display: table; + content: ""; + line-height: 0; +} +.dl-horizontal:after { + clear: both; +} +.dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.dl-horizontal dd { + margin-left: 180px; +} +hr { + margin: 20px 0; + border: 0; + border-top: 1px solid #eeeeee; + border-bottom: 1px solid #ffffff; +} +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999999; +} +abbr.initialism { + font-size: 90%; + text-transform: uppercase; +} +blockquote { + padding: 0 0 0 15px; + margin: 0 0 20px; + border-left: 5px solid #eeeeee; +} +blockquote p { + margin-bottom: 0; + font-size: 16px; + font-weight: 300; + line-height: 25px; +} +blockquote small { + display: block; + line-height: 20px; + color: #999999; +} +blockquote small:before { + content: '\2014 \00A0'; +} +blockquote.pull-right { + float: right; + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; +} +blockquote.pull-right p, +blockquote.pull-right small { + text-align: right; +} +blockquote.pull-right small:before { + content: ''; +} +blockquote.pull-right small:after { + content: '\00A0 \2014'; +} +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} +address { + display: block; + margin-bottom: 20px; + font-style: normal; + line-height: 20px; +} +code, +pre { + padding: 0 3px 2px; + font-family: Monaco, Menlo, Consolas, "Courier New", monospace; + font-size: 12px; + color: #333333; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +code { + padding: 2px 4px; + color: #d14; + background-color: #f7f7f9; + border: 1px solid #e1e1e8; + white-space: nowrap; +} +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 20px; + word-break: break-all; + word-wrap: break-word; + white-space: pre; + white-space: pre-wrap; + background-color: #f5f5f5; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +pre.prettyprint { + margin-bottom: 20px; +} +pre code { + padding: 0; + color: inherit; + white-space: pre; + white-space: pre-wrap; + background-color: transparent; + border: 0; +} +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +.label, +.badge { + display: inline-block; + padding: 2px 4px; + font-size: 11.844px; + font-weight: bold; + line-height: 14px; + color: #ffffff; + vertical-align: baseline; + white-space: nowrap; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #999999; +} +.label { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.badge { + padding-left: 9px; + padding-right: 9px; + -webkit-border-radius: 9px; + -moz-border-radius: 9px; + border-radius: 9px; +} +.label:empty, +.badge:empty { + display: none; +} +a.label:hover, +a.badge:hover { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +.label-important, +.badge-important { + background-color: #b94a48; +} +.label-important[href], +.badge-important[href] { + background-color: #953b39; +} +.label-warning, +.badge-warning { + background-color: #f89406; +} +.label-warning[href], +.badge-warning[href] { + background-color: #c67605; +} +.label-success, +.badge-success { + background-color: #468847; +} +.label-success[href], +.badge-success[href] { + background-color: #356635; +} +.label-info, +.badge-info { + background-color: #3a87ad; +} +.label-info[href], +.badge-info[href] { + background-color: #2d6987; +} +.label-inverse, +.badge-inverse { + background-color: #333333; +} +.label-inverse[href], +.badge-inverse[href] { + background-color: #1a1a1a; +} +.btn .label, +.btn .badge { + position: relative; + top: -1px; +} +.btn-mini .label, +.btn-mini .badge { + top: 0; +} +table { + max-width: 100%; + background-color: transparent; + border-collapse: collapse; + border-spacing: 0; +} +.table { + width: 100%; + margin-bottom: 20px; +} +.table th, +.table td { + padding: 8px; + line-height: 20px; + text-align: left; + vertical-align: top; + border-top: 1px solid #dddddd; +} +.table th { + font-weight: bold; +} +.table thead th { + vertical-align: bottom; +} +.table caption + thead tr:first-child th, +.table caption + thead tr:first-child td, +.table colgroup + thead tr:first-child th, +.table colgroup + thead tr:first-child td, +.table thead:first-child tr:first-child th, +.table thead:first-child tr:first-child td { + border-top: 0; +} +.table tbody + tbody { + border-top: 2px solid #dddddd; +} +.table .table { + background-color: #ffffff; +} +.table-condensed th, +.table-condensed td { + padding: 4px 5px; +} +.table-bordered { + border: 1px solid #dddddd; + border-collapse: separate; + *border-collapse: collapse; + border-left: 0; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.table-bordered th, +.table-bordered td { + border-left: 1px solid #dddddd; +} +.table-bordered caption + thead tr:first-child th, +.table-bordered caption + tbody tr:first-child th, +.table-bordered caption + tbody tr:first-child td, +.table-bordered colgroup + thead tr:first-child th, +.table-bordered colgroup + tbody tr:first-child th, +.table-bordered colgroup + tbody tr:first-child td, +.table-bordered thead:first-child tr:first-child th, +.table-bordered tbody:first-child tr:first-child th, +.table-bordered tbody:first-child tr:first-child td { + border-top: 0; +} +.table-bordered thead:first-child tr:first-child > th:first-child, +.table-bordered tbody:first-child tr:first-child > td:first-child { + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; +} +.table-bordered thead:first-child tr:first-child > th:last-child, +.table-bordered tbody:first-child tr:first-child > td:last-child { + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; +} +.table-bordered thead:last-child tr:last-child > th:first-child, +.table-bordered tbody:last-child tr:last-child > td:first-child, +.table-bordered tfoot:last-child tr:last-child > td:first-child { + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; +} +.table-bordered thead:last-child tr:last-child > th:last-child, +.table-bordered tbody:last-child tr:last-child > td:last-child, +.table-bordered tfoot:last-child tr:last-child > td:last-child { + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; +} +.table-bordered tfoot + tbody:last-child tr:last-child td:first-child { + -webkit-border-bottom-left-radius: 0; + -moz-border-radius-bottomleft: 0; + border-bottom-left-radius: 0; +} +.table-bordered tfoot + tbody:last-child tr:last-child td:last-child { + -webkit-border-bottom-right-radius: 0; + -moz-border-radius-bottomright: 0; + border-bottom-right-radius: 0; +} +.table-bordered caption + thead tr:first-child th:first-child, +.table-bordered caption + tbody tr:first-child td:first-child, +.table-bordered colgroup + thead tr:first-child th:first-child, +.table-bordered colgroup + tbody tr:first-child td:first-child { + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; +} +.table-bordered caption + thead tr:first-child th:last-child, +.table-bordered caption + tbody tr:first-child td:last-child, +.table-bordered colgroup + thead tr:first-child th:last-child, +.table-bordered colgroup + tbody tr:first-child td:last-child { + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; +} +.table-striped tbody > tr:nth-child(odd) > td, +.table-striped tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; +} +.table-hover tbody tr:hover td, +.table-hover tbody tr:hover th { + background-color: #f5f5f5; +} +table td[class*="span"], +table th[class*="span"], +.row-fluid table td[class*="span"], +.row-fluid table th[class*="span"] { + display: table-cell; + float: none; + margin-left: 0; +} +.table td.span1, +.table th.span1 { + float: none; + width: 44px; + margin-left: 0; +} +.table td.span2, +.table th.span2 { + float: none; + width: 124px; + margin-left: 0; +} +.table td.span3, +.table th.span3 { + float: none; + width: 204px; + margin-left: 0; +} +.table td.span4, +.table th.span4 { + float: none; + width: 284px; + margin-left: 0; +} +.table td.span5, +.table th.span5 { + float: none; + width: 364px; + margin-left: 0; +} +.table td.span6, +.table th.span6 { + float: none; + width: 444px; + margin-left: 0; +} +.table td.span7, +.table th.span7 { + float: none; + width: 524px; + margin-left: 0; +} +.table td.span8, +.table th.span8 { + float: none; + width: 604px; + margin-left: 0; +} +.table td.span9, +.table th.span9 { + float: none; + width: 684px; + margin-left: 0; +} +.table td.span10, +.table th.span10 { + float: none; + width: 764px; + margin-left: 0; +} +.table td.span11, +.table th.span11 { + float: none; + width: 844px; + margin-left: 0; +} +.table td.span12, +.table th.span12 { + float: none; + width: 924px; + margin-left: 0; +} +.table tbody tr.success td { + background-color: #dff0d8; +} +.table tbody tr.error td { + background-color: #f2dede; +} +.table tbody tr.warning td { + background-color: #fcf8e3; +} +.table tbody tr.info td { + background-color: #d9edf7; +} +.table-hover tbody tr.success:hover td { + background-color: #d0e9c6; +} +.table-hover tbody tr.error:hover td { + background-color: #ebcccc; +} +.table-hover tbody tr.warning:hover td { + background-color: #faf2cc; +} +.table-hover tbody tr.info:hover td { + background-color: #c4e3f3; +} +form { + margin: 0 0 20px; +} +fieldset { + padding: 0; + margin: 0; + border: 0; +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: 40px; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} +legend small { + font-size: 15px; + color: #999999; +} +label, +input, +button, +select, +textarea { + font-size: 14px; + font-weight: normal; + line-height: 20px; +} +input, +button, +select, +textarea { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; +} +label { + display: block; + margin-bottom: 5px; +} +select, +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + display: inline-block; + height: 20px; + padding: 4px 6px; + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; + color: #555555; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + vertical-align: middle; +} +input, +textarea, +.uneditable-input { + width: 206px; +} +textarea { + height: auto; +} +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + background-color: #ffffff; + border: 1px solid #cccccc; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border linear .2s, box-shadow linear .2s; + -moz-transition: border linear .2s, box-shadow linear .2s; + -o-transition: border linear .2s, box-shadow linear .2s; + transition: border linear .2s, box-shadow linear .2s; +} +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus, +.uneditable-input:focus { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); +} +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + *margin-top: 0; + /* IE7 */ + + margin-top: 1px \9; + /* IE8-9 */ + + line-height: normal; +} +input[type="file"], +input[type="image"], +input[type="submit"], +input[type="reset"], +input[type="button"], +input[type="radio"], +input[type="checkbox"] { + width: auto; +} +select, +input[type="file"] { + height: 30px; + /* In IE7, the height of the select element cannot be changed by height, only font-size */ + + *margin-top: 4px; + /* For IE7, add top margin to align select with labels */ + + line-height: 30px; +} +select { + width: 220px; + border: 1px solid #cccccc; + background-color: #ffffff; +} +select[multiple], +select[size] { + height: auto; +} +select:focus, +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.uneditable-input, +.uneditable-textarea { + color: #999999; + background-color: #fcfcfc; + border-color: #cccccc; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + cursor: not-allowed; +} +.uneditable-input { + overflow: hidden; + white-space: nowrap; +} +.uneditable-textarea { + width: auto; + height: auto; +} +input:-moz-placeholder, +textarea:-moz-placeholder { + color: #999999; +} +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: #999999; +} +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: #999999; +} +.radio, +.checkbox { + min-height: 20px; + padding-left: 20px; +} +.radio input[type="radio"], +.checkbox input[type="checkbox"] { + float: left; + margin-left: -20px; +} +.controls > .radio:first-child, +.controls > .checkbox:first-child { + padding-top: 5px; +} +.radio.inline, +.checkbox.inline { + display: inline-block; + padding-top: 5px; + margin-bottom: 0; + vertical-align: middle; +} +.radio.inline + .radio.inline, +.checkbox.inline + .checkbox.inline { + margin-left: 10px; +} +.input-mini { + width: 60px; +} +.input-small { + width: 90px; +} +.input-medium { + width: 150px; +} +.input-large { + width: 210px; +} +.input-xlarge { + width: 270px; +} +.input-xxlarge { + width: 530px; +} +input[class*="span"], +select[class*="span"], +textarea[class*="span"], +.uneditable-input[class*="span"], +.row-fluid input[class*="span"], +.row-fluid select[class*="span"], +.row-fluid textarea[class*="span"], +.row-fluid .uneditable-input[class*="span"] { + float: none; + margin-left: 0; +} +.input-append input[class*="span"], +.input-append .uneditable-input[class*="span"], +.input-prepend input[class*="span"], +.input-prepend .uneditable-input[class*="span"], +.row-fluid input[class*="span"], +.row-fluid select[class*="span"], +.row-fluid textarea[class*="span"], +.row-fluid .uneditable-input[class*="span"], +.row-fluid .input-prepend [class*="span"], +.row-fluid .input-append [class*="span"] { + display: inline-block; +} +input, +textarea, +.uneditable-input { + margin-left: 0; +} +.controls-row [class*="span"] + [class*="span"] { + margin-left: 20px; +} +input.span12, textarea.span12, .uneditable-input.span12 { + width: 926px; +} +input.span11, textarea.span11, .uneditable-input.span11 { + width: 846px; +} +input.span10, textarea.span10, .uneditable-input.span10 { + width: 766px; +} +input.span9, textarea.span9, .uneditable-input.span9 { + width: 686px; +} +input.span8, textarea.span8, .uneditable-input.span8 { + width: 606px; +} +input.span7, textarea.span7, .uneditable-input.span7 { + width: 526px; +} +input.span6, textarea.span6, .uneditable-input.span6 { + width: 446px; +} +input.span5, textarea.span5, .uneditable-input.span5 { + width: 366px; +} +input.span4, textarea.span4, .uneditable-input.span4 { + width: 286px; +} +input.span3, textarea.span3, .uneditable-input.span3 { + width: 206px; +} +input.span2, textarea.span2, .uneditable-input.span2 { + width: 126px; +} +input.span1, textarea.span1, .uneditable-input.span1 { + width: 46px; +} +.controls-row { + *zoom: 1; +} +.controls-row:before, +.controls-row:after { + display: table; + content: ""; + line-height: 0; +} +.controls-row:after { + clear: both; +} +.controls-row [class*="span"], +.row-fluid .controls-row [class*="span"] { + float: left; +} +.controls-row .checkbox[class*="span"], +.controls-row .radio[class*="span"] { + padding-top: 5px; +} +input[disabled], +select[disabled], +textarea[disabled], +input[readonly], +select[readonly], +textarea[readonly] { + cursor: not-allowed; + background-color: #eeeeee; +} +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"][readonly], +input[type="checkbox"][readonly] { + background-color: transparent; +} +.control-group.warning .control-label, +.control-group.warning .help-block, +.control-group.warning .help-inline { + color: #c09853; +} +.control-group.warning .checkbox, +.control-group.warning .radio, +.control-group.warning input, +.control-group.warning select, +.control-group.warning textarea { + color: #c09853; +} +.control-group.warning input, +.control-group.warning select, +.control-group.warning textarea { + border-color: #c09853; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.control-group.warning input:focus, +.control-group.warning select:focus, +.control-group.warning textarea:focus { + border-color: #a47e3c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; +} +.control-group.warning .input-prepend .add-on, +.control-group.warning .input-append .add-on { + color: #c09853; + background-color: #fcf8e3; + border-color: #c09853; +} +.control-group.error .control-label, +.control-group.error .help-block, +.control-group.error .help-inline { + color: #b94a48; +} +.control-group.error .checkbox, +.control-group.error .radio, +.control-group.error input, +.control-group.error select, +.control-group.error textarea { + color: #b94a48; +} +.control-group.error input, +.control-group.error select, +.control-group.error textarea { + border-color: #b94a48; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.control-group.error input:focus, +.control-group.error select:focus, +.control-group.error textarea:focus { + border-color: #953b39; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; +} +.control-group.error .input-prepend .add-on, +.control-group.error .input-append .add-on { + color: #b94a48; + background-color: #f2dede; + border-color: #b94a48; +} +.control-group.success .control-label, +.control-group.success .help-block, +.control-group.success .help-inline { + color: #468847; +} +.control-group.success .checkbox, +.control-group.success .radio, +.control-group.success input, +.control-group.success select, +.control-group.success textarea { + color: #468847; +} +.control-group.success input, +.control-group.success select, +.control-group.success textarea { + border-color: #468847; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.control-group.success input:focus, +.control-group.success select:focus, +.control-group.success textarea:focus { + border-color: #356635; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; +} +.control-group.success .input-prepend .add-on, +.control-group.success .input-append .add-on { + color: #468847; + background-color: #dff0d8; + border-color: #468847; +} +.control-group.info .control-label, +.control-group.info .help-block, +.control-group.info .help-inline { + color: #3a87ad; +} +.control-group.info .checkbox, +.control-group.info .radio, +.control-group.info input, +.control-group.info select, +.control-group.info textarea { + color: #3a87ad; +} +.control-group.info input, +.control-group.info select, +.control-group.info textarea { + border-color: #3a87ad; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.control-group.info input:focus, +.control-group.info select:focus, +.control-group.info textarea:focus { + border-color: #2d6987; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; +} +.control-group.info .input-prepend .add-on, +.control-group.info .input-append .add-on { + color: #3a87ad; + background-color: #d9edf7; + border-color: #3a87ad; +} +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { + color: #b94a48; + border-color: #ee5f5b; +} +input:focus:invalid:focus, +textarea:focus:invalid:focus, +select:focus:invalid:focus { + border-color: #e9322d; + -webkit-box-shadow: 0 0 6px #f8b9b7; + -moz-box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; +} +.form-actions { + padding: 19px 20px 20px; + margin-top: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-top: 1px solid #e5e5e5; + *zoom: 1; +} +.form-actions:before, +.form-actions:after { + display: table; + content: ""; + line-height: 0; +} +.form-actions:after { + clear: both; +} +.help-block, +.help-inline { + color: #595959; +} +.help-block { + display: block; + margin-bottom: 10px; +} +.help-inline { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + vertical-align: middle; + padding-left: 5px; +} +.input-append, +.input-prepend { + margin-bottom: 5px; + font-size: 0; + white-space: nowrap; +} +.input-append input, +.input-prepend input, +.input-append select, +.input-prepend select, +.input-append .uneditable-input, +.input-prepend .uneditable-input, +.input-append .dropdown-menu, +.input-prepend .dropdown-menu { + font-size: 14px; +} +.input-append input, +.input-prepend input, +.input-append select, +.input-prepend select, +.input-append .uneditable-input, +.input-prepend .uneditable-input { + position: relative; + margin-bottom: 0; + *margin-left: 0; + vertical-align: top; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; +} +.input-append input:focus, +.input-prepend input:focus, +.input-append select:focus, +.input-prepend select:focus, +.input-append .uneditable-input:focus, +.input-prepend .uneditable-input:focus { + z-index: 2; +} +.input-append .add-on, +.input-prepend .add-on { + display: inline-block; + width: auto; + height: 20px; + min-width: 16px; + padding: 4px 5px; + font-size: 14px; + font-weight: normal; + line-height: 20px; + text-align: center; + text-shadow: 0 1px 0 #ffffff; + background-color: #eeeeee; + border: 1px solid #ccc; +} +.input-append .add-on, +.input-prepend .add-on, +.input-append .btn, +.input-prepend .btn, +.input-append .btn-group > .dropdown-toggle, +.input-prepend .btn-group > .dropdown-toggle { + vertical-align: top; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.input-append .active, +.input-prepend .active { + background-color: #a9dba9; + border-color: #46a546; +} +.input-prepend .add-on, +.input-prepend .btn { + margin-right: -1px; +} +.input-prepend .add-on:first-child, +.input-prepend .btn:first-child { + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; +} +.input-append input, +.input-append select, +.input-append .uneditable-input { + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; +} +.input-append input + .btn-group .btn:last-child, +.input-append select + .btn-group .btn:last-child, +.input-append .uneditable-input + .btn-group .btn:last-child { + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; +} +.input-append .add-on, +.input-append .btn, +.input-append .btn-group { + margin-left: -1px; +} +.input-append .add-on:last-child, +.input-append .btn:last-child, +.input-append .btn-group:last-child > .dropdown-toggle { + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; +} +.input-prepend.input-append input, +.input-prepend.input-append select, +.input-prepend.input-append .uneditable-input { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.input-prepend.input-append input + .btn-group .btn, +.input-prepend.input-append select + .btn-group .btn, +.input-prepend.input-append .uneditable-input + .btn-group .btn { + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; +} +.input-prepend.input-append .add-on:first-child, +.input-prepend.input-append .btn:first-child { + margin-right: -1px; + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; +} +.input-prepend.input-append .add-on:last-child, +.input-prepend.input-append .btn:last-child { + margin-left: -1px; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; +} +.input-prepend.input-append .btn-group:first-child { + margin-left: 0; +} +input.search-query { + padding-right: 14px; + padding-right: 4px \9; + padding-left: 14px; + padding-left: 4px \9; + /* IE7-8 doesn't have border-radius, so don't indent the padding */ + + margin-bottom: 0; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; +} +/* Allow for input prepend/append in search forms */ +.form-search .input-append .search-query, +.form-search .input-prepend .search-query { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.form-search .input-append .search-query { + -webkit-border-radius: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; +} +.form-search .input-append .btn { + -webkit-border-radius: 0 14px 14px 0; + -moz-border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; +} +.form-search .input-prepend .search-query { + -webkit-border-radius: 0 14px 14px 0; + -moz-border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; +} +.form-search .input-prepend .btn { + -webkit-border-radius: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; +} +.form-search input, +.form-inline input, +.form-horizontal input, +.form-search textarea, +.form-inline textarea, +.form-horizontal textarea, +.form-search select, +.form-inline select, +.form-horizontal select, +.form-search .help-inline, +.form-inline .help-inline, +.form-horizontal .help-inline, +.form-search .uneditable-input, +.form-inline .uneditable-input, +.form-horizontal .uneditable-input, +.form-search .input-prepend, +.form-inline .input-prepend, +.form-horizontal .input-prepend, +.form-search .input-append, +.form-inline .input-append, +.form-horizontal .input-append { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + margin-bottom: 0; + vertical-align: middle; +} +.form-search .hide, +.form-inline .hide, +.form-horizontal .hide { + display: none; +} +.form-search label, +.form-inline label, +.form-search .btn-group, +.form-inline .btn-group { + display: inline-block; +} +.form-search .input-append, +.form-inline .input-append, +.form-search .input-prepend, +.form-inline .input-prepend { + margin-bottom: 0; +} +.form-search .radio, +.form-search .checkbox, +.form-inline .radio, +.form-inline .checkbox { + padding-left: 0; + margin-bottom: 0; + vertical-align: middle; +} +.form-search .radio input[type="radio"], +.form-search .checkbox input[type="checkbox"], +.form-inline .radio input[type="radio"], +.form-inline .checkbox input[type="checkbox"] { + float: left; + margin-right: 3px; + margin-left: 0; +} +.control-group { + margin-bottom: 10px; +} +legend + .control-group { + margin-top: 20px; + -webkit-margin-top-collapse: separate; +} +.form-horizontal .control-group { + margin-bottom: 20px; + *zoom: 1; +} +.form-horizontal .control-group:before, +.form-horizontal .control-group:after { + display: table; + content: ""; + line-height: 0; +} +.form-horizontal .control-group:after { + clear: both; +} +.form-horizontal .control-label { + float: left; + width: 160px; + padding-top: 5px; + text-align: right; +} +.form-horizontal .controls { + *display: inline-block; + *padding-left: 20px; + margin-left: 180px; + *margin-left: 0; +} +.form-horizontal .controls:first-child { + *padding-left: 180px; +} +.form-horizontal .help-block { + margin-bottom: 0; +} +.form-horizontal input + .help-block, +.form-horizontal select + .help-block, +.form-horizontal textarea + .help-block, +.form-horizontal .uneditable-input + .help-block, +.form-horizontal .input-prepend + .help-block, +.form-horizontal .input-append + .help-block { + margin-top: 10px; +} +.form-horizontal .form-actions { + padding-left: 180px; +} +.btn { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + padding: 4px 12px; + margin-bottom: 0; + font-size: 14px; + line-height: 20px; + text-align: center; + vertical-align: middle; + cursor: pointer; + color: #333333; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + background-color: #f5f5f5; + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); + border-color: #e6e6e6 #e6e6e6 #bfbfbf; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #e6e6e6; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + border: 1px solid #bbbbbb; + *border: 0; + border-bottom-color: #a2a2a2; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + *margin-left: .3em; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); +} +.btn:hover, +.btn:active, +.btn.active, +.btn.disabled, +.btn[disabled] { + color: #333333; + background-color: #e6e6e6; + *background-color: #d9d9d9; +} +.btn:active, +.btn.active { + background-color: #cccccc \9; +} +.btn:first-child { + *margin-left: 0; +} +.btn:hover { + color: #333333; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} +.btn:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.btn.active, +.btn:active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); +} +.btn.disabled, +.btn[disabled] { + cursor: default; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.btn-large { + padding: 11px 19px; + font-size: 17.5px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.btn-large [class^="icon-"], +.btn-large [class*=" icon-"] { + margin-top: 4px; +} +.btn-small { + padding: 2px 10px; + font-size: 11.9px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.btn-small [class^="icon-"], +.btn-small [class*=" icon-"] { + margin-top: 0; +} +.btn-mini [class^="icon-"], +.btn-mini [class*=" icon-"] { + margin-top: -1px; +} +.btn-mini { + padding: 0 6px; + font-size: 10.5px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} +.btn-primary.active, +.btn-warning.active, +.btn-danger.active, +.btn-success.active, +.btn-info.active, +.btn-inverse.active { + color: rgba(255, 255, 255, 0.75); +} +.btn { + border-color: #c5c5c5; + border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); +} +.btn-primary { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); + background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); + background-image: -o-linear-gradient(top, #0088cc, #0044cc); + background-image: linear-gradient(to bottom, #0088cc, #0044cc); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); + border-color: #0044cc #0044cc #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #0044cc; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-primary:hover, +.btn-primary:active, +.btn-primary.active, +.btn-primary.disabled, +.btn-primary[disabled] { + color: #ffffff; + background-color: #0044cc; + *background-color: #003bb3; +} +.btn-primary:active, +.btn-primary.active { + background-color: #003399 \9; +} +.btn-warning { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #faa732; + background-image: -moz-linear-gradient(top, #fbb450, #f89406); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); + background-image: -webkit-linear-gradient(top, #fbb450, #f89406); + background-image: -o-linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); + border-color: #f89406 #f89406 #ad6704; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #f89406; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-warning:hover, +.btn-warning:active, +.btn-warning.active, +.btn-warning.disabled, +.btn-warning[disabled] { + color: #ffffff; + background-color: #f89406; + *background-color: #df8505; +} +.btn-warning:active, +.btn-warning.active { + background-color: #c67605 \9; +} +.btn-danger { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #da4f49; + background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); + background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); + background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); + background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); + border-color: #bd362f #bd362f #802420; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #bd362f; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-danger:hover, +.btn-danger:active, +.btn-danger.active, +.btn-danger.disabled, +.btn-danger[disabled] { + color: #ffffff; + background-color: #bd362f; + *background-color: #a9302a; +} +.btn-danger:active, +.btn-danger.active { + background-color: #942a25 \9; +} +.btn-success { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #5bb75b; + background-image: -moz-linear-gradient(top, #62c462, #51a351); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); + background-image: -webkit-linear-gradient(top, #62c462, #51a351); + background-image: -o-linear-gradient(top, #62c462, #51a351); + background-image: linear-gradient(to bottom, #62c462, #51a351); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); + border-color: #51a351 #51a351 #387038; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #51a351; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-success:hover, +.btn-success:active, +.btn-success.active, +.btn-success.disabled, +.btn-success[disabled] { + color: #ffffff; + background-color: #51a351; + *background-color: #499249; +} +.btn-success:active, +.btn-success.active { + background-color: #408140 \9; +} +.btn-info { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #49afcd; + background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); + background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); + background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); + background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); + border-color: #2f96b4 #2f96b4 #1f6377; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #2f96b4; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-info:hover, +.btn-info:active, +.btn-info.active, +.btn-info.disabled, +.btn-info[disabled] { + color: #ffffff; + background-color: #2f96b4; + *background-color: #2a85a0; +} +.btn-info:active, +.btn-info.active { + background-color: #24748c \9; +} +.btn-inverse { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #363636; + background-image: -moz-linear-gradient(top, #444444, #222222); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); + background-image: -webkit-linear-gradient(top, #444444, #222222); + background-image: -o-linear-gradient(top, #444444, #222222); + background-image: linear-gradient(to bottom, #444444, #222222); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); + border-color: #222222 #222222 #000000; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #222222; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-inverse:hover, +.btn-inverse:active, +.btn-inverse.active, +.btn-inverse.disabled, +.btn-inverse[disabled] { + color: #ffffff; + background-color: #222222; + *background-color: #151515; +} +.btn-inverse:active, +.btn-inverse.active { + background-color: #080808 \9; +} +button.btn, +input[type="submit"].btn { + *padding-top: 3px; + *padding-bottom: 3px; +} +button.btn::-moz-focus-inner, +input[type="submit"].btn::-moz-focus-inner { + padding: 0; + border: 0; +} +button.btn.btn-large, +input[type="submit"].btn.btn-large { + *padding-top: 7px; + *padding-bottom: 7px; +} +button.btn.btn-small, +input[type="submit"].btn.btn-small { + *padding-top: 3px; + *padding-bottom: 3px; +} +button.btn.btn-mini, +input[type="submit"].btn.btn-mini { + *padding-top: 1px; + *padding-bottom: 1px; +} +.btn-link, +.btn-link:active, +.btn-link[disabled] { + background-color: transparent; + background-image: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.btn-link { + border-color: transparent; + cursor: pointer; + color: #0088cc; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.btn-link:hover { + color: #005580; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover { + color: #333333; + text-decoration: none; +} +[class^="icon-"], +[class*=" icon-"] { + display: inline-block; + width: 14px; + height: 14px; + *margin-right: .3em; + line-height: 14px; + vertical-align: text-top; + background-image: url("../img/glyphicons-halflings.png"); + background-position: 14px 14px; + background-repeat: no-repeat; + margin-top: 1px; +} +/* White icons with optional class, or on hover/active states of certain elements */ +.icon-white, +.nav-pills > .active > a > [class^="icon-"], +.nav-pills > .active > a > [class*=" icon-"], +.nav-list > .active > a > [class^="icon-"], +.nav-list > .active > a > [class*=" icon-"], +.navbar-inverse .nav > .active > a > [class^="icon-"], +.navbar-inverse .nav > .active > a > [class*=" icon-"], +.dropdown-menu > li > a:hover > [class^="icon-"], +.dropdown-menu > li > a:hover > [class*=" icon-"], +.dropdown-menu > .active > a > [class^="icon-"], +.dropdown-menu > .active > a > [class*=" icon-"], +.dropdown-submenu:hover > a > [class^="icon-"], +.dropdown-submenu:hover > a > [class*=" icon-"] { + background-image: url("../img/glyphicons-halflings-white.png"); +} +.icon-glass { + background-position: 0 0; +} +.icon-music { + background-position: -24px 0; +} +.icon-search { + background-position: -48px 0; +} +.icon-envelope { + background-position: -72px 0; +} +.icon-heart { + background-position: -96px 0; +} +.icon-star { + background-position: -120px 0; +} +.icon-star-empty { + background-position: -144px 0; +} +.icon-user { + background-position: -168px 0; +} +.icon-film { + background-position: -192px 0; +} +.icon-th-large { + background-position: -216px 0; +} +.icon-th { + background-position: -240px 0; +} +.icon-th-list { + background-position: -264px 0; +} +.icon-ok { + background-position: -288px 0; +} +.icon-remove { + background-position: -312px 0; +} +.icon-zoom-in { + background-position: -336px 0; +} +.icon-zoom-out { + background-position: -360px 0; +} +.icon-off { + background-position: -384px 0; +} +.icon-signal { + background-position: -408px 0; +} +.icon-cog { + background-position: -432px 0; +} +.icon-trash { + background-position: -456px 0; +} +.icon-home { + background-position: 0 -24px; +} +.icon-file { + background-position: -24px -24px; +} +.icon-time { + background-position: -48px -24px; +} +.icon-road { + background-position: -72px -24px; +} +.icon-download-alt { + background-position: -96px -24px; +} +.icon-download { + background-position: -120px -24px; +} +.icon-upload { + background-position: -144px -24px; +} +.icon-inbox { + background-position: -168px -24px; +} +.icon-play-circle { + background-position: -192px -24px; +} +.icon-repeat { + background-position: -216px -24px; +} +.icon-refresh { + background-position: -240px -24px; +} +.icon-list-alt { + background-position: -264px -24px; +} +.icon-lock { + background-position: -287px -24px; +} +.icon-flag { + background-position: -312px -24px; +} +.icon-headphones { + background-position: -336px -24px; +} +.icon-volume-off { + background-position: -360px -24px; +} +.icon-volume-down { + background-position: -384px -24px; +} +.icon-volume-up { + background-position: -408px -24px; +} +.icon-qrcode { + background-position: -432px -24px; +} +.icon-barcode { + background-position: -456px -24px; +} +.icon-tag { + background-position: 0 -48px; +} +.icon-tags { + background-position: -25px -48px; +} +.icon-book { + background-position: -48px -48px; +} +.icon-bookmark { + background-position: -72px -48px; +} +.icon-print { + background-position: -96px -48px; +} +.icon-camera { + background-position: -120px -48px; +} +.icon-font { + background-position: -144px -48px; +} +.icon-bold { + background-position: -167px -48px; +} +.icon-italic { + background-position: -192px -48px; +} +.icon-text-height { + background-position: -216px -48px; +} +.icon-text-width { + background-position: -240px -48px; +} +.icon-align-left { + background-position: -264px -48px; +} +.icon-align-center { + background-position: -288px -48px; +} +.icon-align-right { + background-position: -312px -48px; +} +.icon-align-justify { + background-position: -336px -48px; +} +.icon-list { + background-position: -360px -48px; +} +.icon-indent-left { + background-position: -384px -48px; +} +.icon-indent-right { + background-position: -408px -48px; +} +.icon-facetime-video { + background-position: -432px -48px; +} +.icon-picture { + background-position: -456px -48px; +} +.icon-pencil { + background-position: 0 -72px; +} +.icon-map-marker { + background-position: -24px -72px; +} +.icon-adjust { + background-position: -48px -72px; +} +.icon-tint { + background-position: -72px -72px; +} +.icon-edit { + background-position: -96px -72px; +} +.icon-share { + background-position: -120px -72px; +} +.icon-check { + background-position: -144px -72px; +} +.icon-move { + background-position: -168px -72px; +} +.icon-step-backward { + background-position: -192px -72px; +} +.icon-fast-backward { + background-position: -216px -72px; +} +.icon-backward { + background-position: -240px -72px; +} +.icon-play { + background-position: -264px -72px; +} +.icon-pause { + background-position: -288px -72px; +} +.icon-stop { + background-position: -312px -72px; +} +.icon-forward { + background-position: -336px -72px; +} +.icon-fast-forward { + background-position: -360px -72px; +} +.icon-step-forward { + background-position: -384px -72px; +} +.icon-eject { + background-position: -408px -72px; +} +.icon-chevron-left { + background-position: -432px -72px; +} +.icon-chevron-right { + background-position: -456px -72px; +} +.icon-plus-sign { + background-position: 0 -96px; +} +.icon-minus-sign { + background-position: -24px -96px; +} +.icon-remove-sign { + background-position: -48px -96px; +} +.icon-ok-sign { + background-position: -72px -96px; +} +.icon-question-sign { + background-position: -96px -96px; +} +.icon-info-sign { + background-position: -120px -96px; +} +.icon-screenshot { + background-position: -144px -96px; +} +.icon-remove-circle { + background-position: -168px -96px; +} +.icon-ok-circle { + background-position: -192px -96px; +} +.icon-ban-circle { + background-position: -216px -96px; +} +.icon-arrow-left { + background-position: -240px -96px; +} +.icon-arrow-right { + background-position: -264px -96px; +} +.icon-arrow-up { + background-position: -289px -96px; +} +.icon-arrow-down { + background-position: -312px -96px; +} +.icon-share-alt { + background-position: -336px -96px; +} +.icon-resize-full { + background-position: -360px -96px; +} +.icon-resize-small { + background-position: -384px -96px; +} +.icon-plus { + background-position: -408px -96px; +} +.icon-minus { + background-position: -433px -96px; +} +.icon-asterisk { + background-position: -456px -96px; +} +.icon-exclamation-sign { + background-position: 0 -120px; +} +.icon-gift { + background-position: -24px -120px; +} +.icon-leaf { + background-position: -48px -120px; +} +.icon-fire { + background-position: -72px -120px; +} +.icon-eye-open { + background-position: -96px -120px; +} +.icon-eye-close { + background-position: -120px -120px; +} +.icon-warning-sign { + background-position: -144px -120px; +} +.icon-plane { + background-position: -168px -120px; +} +.icon-calendar { + background-position: -192px -120px; +} +.icon-random { + background-position: -216px -120px; + width: 16px; +} +.icon-comment { + background-position: -240px -120px; +} +.icon-magnet { + background-position: -264px -120px; +} +.icon-chevron-up { + background-position: -288px -120px; +} +.icon-chevron-down { + background-position: -313px -119px; +} +.icon-retweet { + background-position: -336px -120px; +} +.icon-shopping-cart { + background-position: -360px -120px; +} +.icon-folder-close { + background-position: -384px -120px; +} +.icon-folder-open { + background-position: -408px -120px; + width: 16px; +} +.icon-resize-vertical { + background-position: -432px -119px; +} +.icon-resize-horizontal { + background-position: -456px -118px; +} +.icon-hdd { + background-position: 0 -144px; +} +.icon-bullhorn { + background-position: -24px -144px; +} +.icon-bell { + background-position: -48px -144px; +} +.icon-certificate { + background-position: -72px -144px; +} +.icon-thumbs-up { + background-position: -96px -144px; +} +.icon-thumbs-down { + background-position: -120px -144px; +} +.icon-hand-right { + background-position: -144px -144px; +} +.icon-hand-left { + background-position: -168px -144px; +} +.icon-hand-up { + background-position: -192px -144px; +} +.icon-hand-down { + background-position: -216px -144px; +} +.icon-circle-arrow-right { + background-position: -240px -144px; +} +.icon-circle-arrow-left { + background-position: -264px -144px; +} +.icon-circle-arrow-up { + background-position: -288px -144px; +} +.icon-circle-arrow-down { + background-position: -312px -144px; +} +.icon-globe { + background-position: -336px -144px; +} +.icon-wrench { + background-position: -360px -144px; +} +.icon-tasks { + background-position: -384px -144px; +} +.icon-filter { + background-position: -408px -144px; +} +.icon-briefcase { + background-position: -432px -144px; +} +.icon-fullscreen { + background-position: -456px -144px; +} +.btn-group { + position: relative; + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + font-size: 0; + vertical-align: middle; + white-space: nowrap; + *margin-left: .3em; +} +.btn-group:first-child { + *margin-left: 0; +} +.btn-group + .btn-group { + margin-left: 5px; +} +.btn-toolbar { + font-size: 0; + margin-top: 10px; + margin-bottom: 10px; +} +.btn-toolbar > .btn + .btn, +.btn-toolbar > .btn-group + .btn, +.btn-toolbar > .btn + .btn-group { + margin-left: 5px; +} +.btn-group > .btn { + position: relative; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.btn-group > .btn + .btn { + margin-left: -1px; +} +.btn-group > .btn, +.btn-group > .dropdown-menu, +.btn-group > .popover { + font-size: 14px; +} +.btn-group > .btn-mini { + font-size: 10.5px; +} +.btn-group > .btn-small { + font-size: 11.9px; +} +.btn-group > .btn-large { + font-size: 17.5px; +} +.btn-group > .btn:first-child { + margin-left: 0; + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; +} +.btn-group > .btn:last-child, +.btn-group > .dropdown-toggle { + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; +} +.btn-group > .btn.large:first-child { + margin-left: 0; + -webkit-border-top-left-radius: 6px; + -moz-border-radius-topleft: 6px; + border-top-left-radius: 6px; + -webkit-border-bottom-left-radius: 6px; + -moz-border-radius-bottomleft: 6px; + border-bottom-left-radius: 6px; +} +.btn-group > .btn.large:last-child, +.btn-group > .large.dropdown-toggle { + -webkit-border-top-right-radius: 6px; + -moz-border-radius-topright: 6px; + border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + -moz-border-radius-bottomright: 6px; + border-bottom-right-radius: 6px; +} +.btn-group > .btn:hover, +.btn-group > .btn:focus, +.btn-group > .btn:active, +.btn-group > .btn.active { + z-index: 2; +} +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; + -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + *padding-top: 5px; + *padding-bottom: 5px; +} +.btn-group > .btn-mini + .dropdown-toggle { + padding-left: 5px; + padding-right: 5px; + *padding-top: 2px; + *padding-bottom: 2px; +} +.btn-group > .btn-small + .dropdown-toggle { + *padding-top: 5px; + *padding-bottom: 4px; +} +.btn-group > .btn-large + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; + *padding-top: 7px; + *padding-bottom: 7px; +} +.btn-group.open .dropdown-toggle { + background-image: none; + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); +} +.btn-group.open .btn.dropdown-toggle { + background-color: #e6e6e6; +} +.btn-group.open .btn-primary.dropdown-toggle { + background-color: #0044cc; +} +.btn-group.open .btn-warning.dropdown-toggle { + background-color: #f89406; +} +.btn-group.open .btn-danger.dropdown-toggle { + background-color: #bd362f; +} +.btn-group.open .btn-success.dropdown-toggle { + background-color: #51a351; +} +.btn-group.open .btn-info.dropdown-toggle { + background-color: #2f96b4; +} +.btn-group.open .btn-inverse.dropdown-toggle { + background-color: #222222; +} +.btn .caret { + margin-top: 8px; + margin-left: 0; +} +.btn-mini .caret, +.btn-small .caret, +.btn-large .caret { + margin-top: 6px; +} +.btn-large .caret { + border-left-width: 5px; + border-right-width: 5px; + border-top-width: 5px; +} +.dropup .btn-large .caret { + border-bottom-width: 5px; +} +.btn-primary .caret, +.btn-warning .caret, +.btn-danger .caret, +.btn-info .caret, +.btn-success .caret, +.btn-inverse .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.btn-group-vertical { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; +} +.btn-group-vertical > .btn { + display: block; + float: none; + max-width: 100%; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.btn-group-vertical > .btn + .btn { + margin-left: 0; + margin-top: -1px; +} +.btn-group-vertical > .btn:first-child { + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} +.btn-group-vertical > .btn:last-child { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} +.btn-group-vertical > .btn-large:first-child { + -webkit-border-radius: 6px 6px 0 0; + -moz-border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; +} +.btn-group-vertical > .btn-large:last-child { + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; +} +.nav { + margin-left: 0; + margin-bottom: 20px; + list-style: none; +} +.nav > li > a { + display: block; +} +.nav > li > a:hover { + text-decoration: none; + background-color: #eeeeee; +} +.nav > li > a > img { + max-width: none; +} +.nav > .pull-right { + float: right; +} +.nav-header { + display: block; + padding: 3px 15px; + font-size: 11px; + font-weight: bold; + line-height: 20px; + color: #999999; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + text-transform: uppercase; +} +.nav li + .nav-header { + margin-top: 9px; +} +.nav-list { + padding-left: 15px; + padding-right: 15px; + margin-bottom: 0; +} +.nav-list > li > a, +.nav-list .nav-header { + margin-left: -15px; + margin-right: -15px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); +} +.nav-list > li > a { + padding: 3px 15px; +} +.nav-list > .active > a, +.nav-list > .active > a:hover { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); + background-color: #0088cc; +} +.nav-list [class^="icon-"], +.nav-list [class*=" icon-"] { + margin-right: 2px; +} +.nav-list .divider { + *width: 100%; + height: 1px; + margin: 9px 1px; + *margin: -5px 0 5px; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} +.nav-tabs, +.nav-pills { + *zoom: 1; +} +.nav-tabs:before, +.nav-pills:before, +.nav-tabs:after, +.nav-pills:after { + display: table; + content: ""; + line-height: 0; +} +.nav-tabs:after, +.nav-pills:after { + clear: both; +} +.nav-tabs > li, +.nav-pills > li { + float: left; +} +.nav-tabs > li > a, +.nav-pills > li > a { + padding-right: 12px; + padding-left: 12px; + margin-right: 2px; + line-height: 14px; +} +.nav-tabs { + border-bottom: 1px solid #ddd; +} +.nav-tabs > li { + margin-bottom: -1px; +} +.nav-tabs > li > a { + padding-top: 8px; + padding-bottom: 8px; + line-height: 20px; + border: 1px solid transparent; + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #dddddd; +} +.nav-tabs > .active > a, +.nav-tabs > .active > a:hover { + color: #555555; + background-color: #ffffff; + border: 1px solid #ddd; + border-bottom-color: transparent; + cursor: default; +} +.nav-pills > li > a { + padding-top: 8px; + padding-bottom: 8px; + margin-top: 2px; + margin-bottom: 2px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.nav-pills > .active > a, +.nav-pills > .active > a:hover { + color: #ffffff; + background-color: #0088cc; +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li > a { + margin-right: 0; +} +.nav-tabs.nav-stacked { + border-bottom: 0; +} +.nav-tabs.nav-stacked > li > a { + border: 1px solid #ddd; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.nav-tabs.nav-stacked > li:first-child > a { + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; +} +.nav-tabs.nav-stacked > li:last-child > a { + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; +} +.nav-tabs.nav-stacked > li > a:hover { + border-color: #ddd; + z-index: 2; +} +.nav-pills.nav-stacked > li > a { + margin-bottom: 3px; +} +.nav-pills.nav-stacked > li:last-child > a { + margin-bottom: 1px; +} +.nav-tabs .dropdown-menu { + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; +} +.nav-pills .dropdown-menu { + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.nav .dropdown-toggle .caret { + border-top-color: #0088cc; + border-bottom-color: #0088cc; + margin-top: 6px; +} +.nav .dropdown-toggle:hover .caret { + border-top-color: #005580; + border-bottom-color: #005580; +} +/* move down carets for tabs */ +.nav-tabs .dropdown-toggle .caret { + margin-top: 8px; +} +.nav .active .dropdown-toggle .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} +.nav-tabs .active .dropdown-toggle .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} +.nav > .dropdown.active > a:hover { + cursor: pointer; +} +.nav-tabs .open .dropdown-toggle, +.nav-pills .open .dropdown-toggle, +.nav > li.dropdown.open.active > a:hover { + color: #ffffff; + background-color: #999999; + border-color: #999999; +} +.nav li.dropdown.open .caret, +.nav li.dropdown.open.active .caret, +.nav li.dropdown.open a:hover .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; + opacity: 1; + filter: alpha(opacity=100); +} +.tabs-stacked .open > a:hover { + border-color: #999999; +} +.tabbable { + *zoom: 1; +} +.tabbable:before, +.tabbable:after { + display: table; + content: ""; + line-height: 0; +} +.tabbable:after { + clear: both; +} +.tab-content { + overflow: auto; +} +.tabs-below > .nav-tabs, +.tabs-right > .nav-tabs, +.tabs-left > .nav-tabs { + border-bottom: 0; +} +.tab-content > .tab-pane, +.pill-content > .pill-pane { + display: none; +} +.tab-content > .active, +.pill-content > .active { + display: block; +} +.tabs-below > .nav-tabs { + border-top: 1px solid #ddd; +} +.tabs-below > .nav-tabs > li { + margin-top: -1px; + margin-bottom: 0; +} +.tabs-below > .nav-tabs > li > a { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} +.tabs-below > .nav-tabs > li > a:hover { + border-bottom-color: transparent; + border-top-color: #ddd; +} +.tabs-below > .nav-tabs > .active > a, +.tabs-below > .nav-tabs > .active > a:hover { + border-color: transparent #ddd #ddd #ddd; +} +.tabs-left > .nav-tabs > li, +.tabs-right > .nav-tabs > li { + float: none; +} +.tabs-left > .nav-tabs > li > a, +.tabs-right > .nav-tabs > li > a { + min-width: 74px; + margin-right: 0; + margin-bottom: 3px; +} +.tabs-left > .nav-tabs { + float: left; + margin-right: 19px; + border-right: 1px solid #ddd; +} +.tabs-left > .nav-tabs > li > a { + margin-right: -1px; + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; +} +.tabs-left > .nav-tabs > li > a:hover { + border-color: #eeeeee #dddddd #eeeeee #eeeeee; +} +.tabs-left > .nav-tabs .active > a, +.tabs-left > .nav-tabs .active > a:hover { + border-color: #ddd transparent #ddd #ddd; + *border-right-color: #ffffff; +} +.tabs-right > .nav-tabs { + float: right; + margin-left: 19px; + border-left: 1px solid #ddd; +} +.tabs-right > .nav-tabs > li > a { + margin-left: -1px; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; +} +.tabs-right > .nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #eeeeee #dddddd; +} +.tabs-right > .nav-tabs .active > a, +.tabs-right > .nav-tabs .active > a:hover { + border-color: #ddd #ddd #ddd transparent; + *border-left-color: #ffffff; +} +.nav > .disabled > a { + color: #999999; +} +.nav > .disabled > a:hover { + text-decoration: none; + background-color: transparent; + cursor: default; +} +.navbar { + overflow: visible; + margin-bottom: 20px; + *position: relative; + *z-index: 2; +} +.navbar-inner { + min-height: 40px; + padding-left: 20px; + padding-right: 20px; + background-color: #fafafa; + background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); + background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); + background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); + border: 1px solid #d4d4d4; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + *zoom: 1; +} +.navbar-inner:before, +.navbar-inner:after { + display: table; + content: ""; + line-height: 0; +} +.navbar-inner:after { + clear: both; +} +.navbar .container { + width: auto; +} +.nav-collapse.collapse { + height: auto; + overflow: visible; +} +.navbar .brand { + float: left; + display: block; + padding: 10px 20px 10px; + margin-left: -20px; + font-size: 20px; + font-weight: 200; + color: #777777; + text-shadow: 0 1px 0 #ffffff; +} +.navbar .brand:hover { + text-decoration: none; +} +.navbar-text { + margin-bottom: 0; + line-height: 40px; + color: #777777; +} +.navbar-link { + color: #777777; +} +.navbar-link:hover { + color: #333333; +} +.navbar .divider-vertical { + height: 40px; + margin: 0 9px; + border-left: 1px solid #f2f2f2; + border-right: 1px solid #ffffff; +} +.navbar .btn, +.navbar .btn-group { + margin-top: 5px; +} +.navbar .btn-group .btn, +.navbar .input-prepend .btn, +.navbar .input-append .btn { + margin-top: 0; +} +.navbar-form { + margin-bottom: 0; + *zoom: 1; +} +.navbar-form:before, +.navbar-form:after { + display: table; + content: ""; + line-height: 0; +} +.navbar-form:after { + clear: both; +} +.navbar-form input, +.navbar-form select, +.navbar-form .radio, +.navbar-form .checkbox { + margin-top: 5px; +} +.navbar-form input, +.navbar-form select, +.navbar-form .btn { + display: inline-block; + margin-bottom: 0; +} +.navbar-form input[type="image"], +.navbar-form input[type="checkbox"], +.navbar-form input[type="radio"] { + margin-top: 3px; +} +.navbar-form .input-append, +.navbar-form .input-prepend { + margin-top: 5px; + white-space: nowrap; +} +.navbar-form .input-append input, +.navbar-form .input-prepend input { + margin-top: 0; +} +.navbar-search { + position: relative; + float: left; + margin-top: 5px; + margin-bottom: 0; +} +.navbar-search .search-query { + margin-bottom: 0; + padding: 4px 14px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + font-weight: normal; + line-height: 1; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; +} +.navbar-static-top { + position: static; + margin-bottom: 0; +} +.navbar-static-top .navbar-inner { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + margin-bottom: 0; +} +.navbar-fixed-top .navbar-inner, +.navbar-static-top .navbar-inner { + border-width: 0 0 1px; +} +.navbar-fixed-bottom .navbar-inner { + border-width: 1px 0 0; +} +.navbar-fixed-top .navbar-inner, +.navbar-fixed-bottom .navbar-inner { + padding-left: 0; + padding-right: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.navbar-static-top .container, +.navbar-fixed-top .container, +.navbar-fixed-bottom .container { + width: 940px; +} +.navbar-fixed-top { + top: 0; +} +.navbar-fixed-top .navbar-inner, +.navbar-static-top .navbar-inner { + -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); + -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); + box-shadow: 0 1px 10px rgba(0,0,0,.1); +} +.navbar-fixed-bottom { + bottom: 0; +} +.navbar-fixed-bottom .navbar-inner { + -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1); + -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1); + box-shadow: 0 -1px 10px rgba(0,0,0,.1); +} +.navbar .nav { + position: relative; + left: 0; + display: block; + float: left; + margin: 0 10px 0 0; +} +.navbar .nav.pull-right { + float: right; + margin-right: 0; +} +.navbar .nav > li { + float: left; +} +.navbar .nav > li > a { + float: none; + padding: 10px 15px 10px; + color: #777777; + text-decoration: none; + text-shadow: 0 1px 0 #ffffff; +} +.navbar .nav .dropdown-toggle .caret { + margin-top: 8px; +} +.navbar .nav > li > a:focus, +.navbar .nav > li > a:hover { + background-color: transparent; + color: #333333; + text-decoration: none; +} +.navbar .nav > .active > a, +.navbar .nav > .active > a:hover, +.navbar .nav > .active > a:focus { + color: #555555; + text-decoration: none; + background-color: #e5e5e5; + -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); +} +.navbar .btn-navbar { + display: none; + float: right; + padding: 7px 10px; + margin-left: 5px; + margin-right: 5px; + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #ededed; + background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); + background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); + border-color: #e5e5e5 #e5e5e5 #bfbfbf; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #e5e5e5; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); + -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); + box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); +} +.navbar .btn-navbar:hover, +.navbar .btn-navbar:active, +.navbar .btn-navbar.active, +.navbar .btn-navbar.disabled, +.navbar .btn-navbar[disabled] { + color: #ffffff; + background-color: #e5e5e5; + *background-color: #d9d9d9; +} +.navbar .btn-navbar:active, +.navbar .btn-navbar.active { + background-color: #cccccc \9; +} +.navbar .btn-navbar .icon-bar { + display: block; + width: 18px; + height: 2px; + background-color: #f5f5f5; + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); +} +.btn-navbar .icon-bar + .icon-bar { + margin-top: 3px; +} +.navbar .nav > li > .dropdown-menu:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-bottom-color: rgba(0, 0, 0, 0.2); + position: absolute; + top: -7px; + left: 9px; +} +.navbar .nav > li > .dropdown-menu:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #ffffff; + position: absolute; + top: -6px; + left: 10px; +} +.navbar-fixed-bottom .nav > li > .dropdown-menu:before { + border-top: 7px solid #ccc; + border-top-color: rgba(0, 0, 0, 0.2); + border-bottom: 0; + bottom: -7px; + top: auto; +} +.navbar-fixed-bottom .nav > li > .dropdown-menu:after { + border-top: 6px solid #ffffff; + border-bottom: 0; + bottom: -6px; + top: auto; +} +.navbar .nav li.dropdown > a:hover .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} +.navbar .nav li.dropdown.open > .dropdown-toggle, +.navbar .nav li.dropdown.active > .dropdown-toggle, +.navbar .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #e5e5e5; + color: #555555; +} +.navbar .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #777777; + border-bottom-color: #777777; +} +.navbar .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} +.navbar .pull-right > li > .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right { + left: auto; + right: 0; +} +.navbar .pull-right > li > .dropdown-menu:before, +.navbar .nav > li > .dropdown-menu.pull-right:before { + left: auto; + right: 12px; +} +.navbar .pull-right > li > .dropdown-menu:after, +.navbar .nav > li > .dropdown-menu.pull-right:after { + left: auto; + right: 13px; +} +.navbar .pull-right > li > .dropdown-menu .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { + left: auto; + right: 100%; + margin-left: 0; + margin-right: -1px; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; +} +.navbar-inverse .navbar-inner { + background-color: #1b1b1b; + background-image: -moz-linear-gradient(top, #222222, #111111); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); + background-image: -webkit-linear-gradient(top, #222222, #111111); + background-image: -o-linear-gradient(top, #222222, #111111); + background-image: linear-gradient(to bottom, #222222, #111111); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); + border-color: #252525; +} +.navbar-inverse .brand, +.navbar-inverse .nav > li > a { + color: #999999; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.navbar-inverse .brand:hover, +.navbar-inverse .nav > li > a:hover { + color: #ffffff; +} +.navbar-inverse .brand { + color: #999999; +} +.navbar-inverse .navbar-text { + color: #999999; +} +.navbar-inverse .nav > li > a:focus, +.navbar-inverse .nav > li > a:hover { + background-color: transparent; + color: #ffffff; +} +.navbar-inverse .nav .active > a, +.navbar-inverse .nav .active > a:hover, +.navbar-inverse .nav .active > a:focus { + color: #ffffff; + background-color: #111111; +} +.navbar-inverse .navbar-link { + color: #999999; +} +.navbar-inverse .navbar-link:hover { + color: #ffffff; +} +.navbar-inverse .divider-vertical { + border-left-color: #111111; + border-right-color: #222222; +} +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #111111; + color: #ffffff; +} +.navbar-inverse .nav li.dropdown > a:hover .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #999999; + border-bottom-color: #999999; +} +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.navbar-inverse .navbar-search .search-query { + color: #ffffff; + background-color: #515151; + border-color: #111111; + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); + -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); + box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; +} +.navbar-inverse .navbar-search .search-query:-moz-placeholder { + color: #cccccc; +} +.navbar-inverse .navbar-search .search-query:-ms-input-placeholder { + color: #cccccc; +} +.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { + color: #cccccc; +} +.navbar-inverse .navbar-search .search-query:focus, +.navbar-inverse .navbar-search .search-query.focused { + padding: 5px 15px; + color: #333333; + text-shadow: 0 1px 0 #ffffff; + background-color: #ffffff; + border: 0; + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + outline: 0; +} +.navbar-inverse .btn-navbar { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #0e0e0e; + background-image: -moz-linear-gradient(top, #151515, #040404); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); + background-image: -webkit-linear-gradient(top, #151515, #040404); + background-image: -o-linear-gradient(top, #151515, #040404); + background-image: linear-gradient(to bottom, #151515, #040404); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); + border-color: #040404 #040404 #000000; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #040404; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.navbar-inverse .btn-navbar:hover, +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active, +.navbar-inverse .btn-navbar.disabled, +.navbar-inverse .btn-navbar[disabled] { + color: #ffffff; + background-color: #040404; + *background-color: #000000; +} +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active { + background-color: #000000 \9; +} +.breadcrumb { + padding: 8px 15px; + margin: 0 0 20px; + list-style: none; + background-color: #f5f5f5; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.breadcrumb > li { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + text-shadow: 0 1px 0 #ffffff; +} +.breadcrumb > li > .divider { + padding: 0 5px; + color: #ccc; +} +.breadcrumb > .active { + color: #999999; +} +.pagination { + margin: 20px 0; +} +.pagination ul { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + margin-left: 0; + margin-bottom: 0; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} +.pagination ul > li { + display: inline; +} +.pagination ul > li > a, +.pagination ul > li > span { + float: left; + padding: 4px 12px; + line-height: 20px; + text-decoration: none; + background-color: #ffffff; + border: 1px solid #dddddd; + border-left-width: 0; +} +.pagination ul > li > a:hover, +.pagination ul > .active > a, +.pagination ul > .active > span { + background-color: #f5f5f5; +} +.pagination ul > .active > a, +.pagination ul > .active > span { + color: #999999; + cursor: default; +} +.pagination ul > .disabled > span, +.pagination ul > .disabled > a, +.pagination ul > .disabled > a:hover { + color: #999999; + background-color: transparent; + cursor: default; +} +.pagination ul > li:first-child > a, +.pagination ul > li:first-child > span { + border-left-width: 1px; + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; +} +.pagination ul > li:last-child > a, +.pagination ul > li:last-child > span { + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; +} +.pagination-centered { + text-align: center; +} +.pagination-right { + text-align: right; +} +.pagination-large ul > li > a, +.pagination-large ul > li > span { + padding: 11px 19px; + font-size: 17.5px; +} +.pagination-large ul > li:first-child > a, +.pagination-large ul > li:first-child > span { + -webkit-border-top-left-radius: 6px; + -moz-border-radius-topleft: 6px; + border-top-left-radius: 6px; + -webkit-border-bottom-left-radius: 6px; + -moz-border-radius-bottomleft: 6px; + border-bottom-left-radius: 6px; +} +.pagination-large ul > li:last-child > a, +.pagination-large ul > li:last-child > span { + -webkit-border-top-right-radius: 6px; + -moz-border-radius-topright: 6px; + border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + -moz-border-radius-bottomright: 6px; + border-bottom-right-radius: 6px; +} +.pagination-mini ul > li:first-child > a, +.pagination-small ul > li:first-child > a, +.pagination-mini ul > li:first-child > span, +.pagination-small ul > li:first-child > span { + -webkit-border-top-left-radius: 3px; + -moz-border-radius-topleft: 3px; + border-top-left-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + border-bottom-left-radius: 3px; +} +.pagination-mini ul > li:last-child > a, +.pagination-small ul > li:last-child > a, +.pagination-mini ul > li:last-child > span, +.pagination-small ul > li:last-child > span { + -webkit-border-top-right-radius: 3px; + -moz-border-radius-topright: 3px; + border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + border-bottom-right-radius: 3px; +} +.pagination-small ul > li > a, +.pagination-small ul > li > span { + padding: 2px 10px; + font-size: 11.9px; +} +.pagination-mini ul > li > a, +.pagination-mini ul > li > span { + padding: 0 6px; + font-size: 10.5px; +} +.pager { + margin: 20px 0; + list-style: none; + text-align: center; + *zoom: 1; +} +.pager:before, +.pager:after { + display: table; + content: ""; + line-height: 0; +} +.pager:after { + clear: both; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; +} +.pager li > a:hover { + text-decoration: none; + background-color: #f5f5f5; +} +.pager .next > a, +.pager .next > span { + float: right; +} +.pager .previous > a, +.pager .previous > span { + float: left; +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > span { + color: #999999; + background-color: #fff; + cursor: default; +} +.thumbnails { + margin-left: -20px; + list-style: none; + *zoom: 1; +} +.thumbnails:before, +.thumbnails:after { + display: table; + content: ""; + line-height: 0; +} +.thumbnails:after { + clear: both; +} +.row-fluid .thumbnails { + margin-left: 0; +} +.thumbnails > li { + float: left; + margin-bottom: 20px; + margin-left: 20px; +} +.thumbnail { + display: block; + padding: 4px; + line-height: 20px; + border: 1px solid #ddd; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +a.thumbnail:hover { + border-color: #0088cc; + -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); + -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); + box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); +} +.thumbnail > img { + display: block; + max-width: 100%; + margin-left: auto; + margin-right: auto; +} +.thumbnail .caption { + padding: 9px; + color: #555555; +} +.alert { + padding: 8px 35px 8px 14px; + margin-bottom: 20px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + background-color: #fcf8e3; + border: 1px solid #fbeed5; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.alert, +.alert h4 { + color: #c09853; +} +.alert h4 { + margin: 0; +} +.alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 20px; +} +.alert-success { + background-color: #dff0d8; + border-color: #d6e9c6; + color: #468847; +} +.alert-success h4 { + color: #468847; +} +.alert-danger, +.alert-error { + background-color: #f2dede; + border-color: #eed3d7; + color: #b94a48; +} +.alert-danger h4, +.alert-error h4 { + color: #b94a48; +} +.alert-info { + background-color: #d9edf7; + border-color: #bce8f1; + color: #3a87ad; +} +.alert-info h4 { + color: #3a87ad; +} +.alert-block { + padding-top: 14px; + padding-bottom: 14px; +} +.alert-block > p, +.alert-block > ul { + margin-bottom: 0; +} +.alert-block p + p { + margin-top: 5px; +} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +@-moz-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +@-ms-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +@-o-keyframes progress-bar-stripes { + from { + background-position: 0 0; + } + to { + background-position: 40px 0; + } +} +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +.progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-color: #f7f7f7; + background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); + background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.progress .bar { + width: 0%; + height: 100%; + color: #ffffff; + float: left; + font-size: 12px; + text-align: center; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #0e90d2; + background-image: -moz-linear-gradient(top, #149bdf, #0480be); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); + background-image: -webkit-linear-gradient(top, #149bdf, #0480be); + background-image: -o-linear-gradient(top, #149bdf, #0480be); + background-image: linear-gradient(to bottom, #149bdf, #0480be); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; +} +.progress .bar + .bar { + -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); +} +.progress-striped .bar { + background-color: #149bdf; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + -webkit-background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; +} +.progress.active .bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +.progress-danger .bar, +.progress .bar-danger { + background-color: #dd514c; + background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); + background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); + background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); +} +.progress-danger.progress-striped .bar, +.progress-striped .bar-danger { + background-color: #ee5f5b; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-success .bar, +.progress .bar-success { + background-color: #5eb95e; + background-image: -moz-linear-gradient(top, #62c462, #57a957); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); + background-image: -webkit-linear-gradient(top, #62c462, #57a957); + background-image: -o-linear-gradient(top, #62c462, #57a957); + background-image: linear-gradient(to bottom, #62c462, #57a957); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); +} +.progress-success.progress-striped .bar, +.progress-striped .bar-success { + background-color: #62c462; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-info .bar, +.progress .bar-info { + background-color: #4bb1cf; + background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); + background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); + background-image: -o-linear-gradient(top, #5bc0de, #339bb9); + background-image: linear-gradient(to bottom, #5bc0de, #339bb9); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); +} +.progress-info.progress-striped .bar, +.progress-striped .bar-info { + background-color: #5bc0de; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-warning .bar, +.progress .bar-warning { + background-color: #faa732; + background-image: -moz-linear-gradient(top, #fbb450, #f89406); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); + background-image: -webkit-linear-gradient(top, #fbb450, #f89406); + background-image: -o-linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); +} +.progress-warning.progress-striped .bar, +.progress-striped .bar-warning { + background-color: #fbb450; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.hero-unit { + padding: 60px; + margin-bottom: 30px; + font-size: 18px; + font-weight: 200; + line-height: 30px; + color: inherit; + background-color: #eeeeee; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.hero-unit h1 { + margin-bottom: 0; + font-size: 60px; + line-height: 1; + color: inherit; + letter-spacing: -1px; +} +.hero-unit li { + line-height: 30px; +} +.media, +.media-body { + overflow: hidden; + *overflow: visible; + zoom: 1; +} +.media, +.media .media { + margin-top: 15px; +} +.media:first-child { + margin-top: 0; +} +.media-object { + display: block; +} +.media-heading { + margin: 0 0 5px; +} +.media .pull-left { + margin-right: 10px; +} +.media .pull-right { + margin-left: 10px; +} +.media-list { + margin-left: 0; + list-style: none; +} +.tooltip { + position: absolute; + z-index: 1030; + display: block; + visibility: visible; + padding: 5px; + font-size: 11px; + opacity: 0; + filter: alpha(opacity=0); +} +.tooltip.in { + opacity: 0.8; + filter: alpha(opacity=80); +} +.tooltip.top { + margin-top: -3px; +} +.tooltip.right { + margin-left: 3px; +} +.tooltip.bottom { + margin-top: 3px; +} +.tooltip.left { + margin-left: -3px; +} +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: #000000; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000000; +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000000; +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000000; +} +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + width: 236px; + padding: 1px; + text-align: left; + background-color: #ffffff; + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + white-space: normal; +} +.popover.top { + margin-top: -10px; +} +.popover.right { + margin-left: 10px; +} +.popover.bottom { + margin-top: 10px; +} +.popover.left { + margin-left: -10px; +} +.popover-title { + margin: 0; + padding: 8px 14px; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; +} +.popover-content { + padding: 9px 14px; +} +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.popover .arrow { + border-width: 11px; +} +.popover .arrow:after { + border-width: 10px; + content: ""; +} +.popover.top .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px; +} +.popover.top .arrow:after { + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #ffffff; +} +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, 0.25); +} +.popover.right .arrow:after { + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #ffffff; +} +.popover.bottom .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px; +} +.popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #ffffff; +} +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, 0.25); +} +.popover.left .arrow:after { + right: 1px; + border-right-width: 0; + border-left-color: #ffffff; + bottom: -10px; +} +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000000; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop, +.modal-backdrop.fade.in { + opacity: 0.8; + filter: alpha(opacity=80); +} +.modal { + position: fixed; + top: 10%; + left: 50%; + z-index: 1050; + width: 560px; + margin-left: -280px; + background-color: #ffffff; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, 0.3); + *border: 1px solid #999; + /* IE6-7 */ + + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; + outline: none; +} +.modal.fade { + -webkit-transition: opacity .3s linear, top .3s ease-out; + -moz-transition: opacity .3s linear, top .3s ease-out; + -o-transition: opacity .3s linear, top .3s ease-out; + transition: opacity .3s linear, top .3s ease-out; + top: -25%; +} +.modal.fade.in { + top: 10%; +} +.modal-header { + padding: 9px 15px; + border-bottom: 1px solid #eee; +} +.modal-header .close { + margin-top: 2px; +} +.modal-header h3 { + margin: 0; + line-height: 30px; +} +.modal-body { + position: relative; + overflow-y: auto; + max-height: 400px; + padding: 15px; +} +.modal-form { + margin-bottom: 0; +} +.modal-footer { + padding: 14px 15px 15px; + margin-bottom: 0; + text-align: right; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; + -webkit-box-shadow: inset 0 1px 0 #ffffff; + -moz-box-shadow: inset 0 1px 0 #ffffff; + box-shadow: inset 0 1px 0 #ffffff; + *zoom: 1; +} +.modal-footer:before, +.modal-footer:after { + display: table; + content: ""; + line-height: 0; +} +.modal-footer:after { + clear: both; +} +.modal-footer .btn + .btn { + margin-left: 5px; + margin-bottom: 0; +} +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} +.dropup, +.dropdown { + position: relative; +} +.dropdown-toggle { + *margin-bottom: -3px; +} +.dropdown-toggle:active, +.open .dropdown-toggle { + outline: 0; +} +.caret { + display: inline-block; + width: 0; + height: 0; + vertical-align: top; + border-top: 4px solid #000000; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + content: ""; +} +.dropdown .caret { + margin-top: 8px; + margin-left: 2px; +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + background-color: #ffffff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + *border-right-width: 2px; + *border-bottom-width: 2px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + *width: 100%; + height: 1px; + margin: 9px 1px; + *margin: -5px 0 5px; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} +.dropdown-menu li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 20px; + color: #333333; + white-space: nowrap; +} +.dropdown-menu li > a:hover, +.dropdown-menu li > a:focus, +.dropdown-submenu:hover > a { + text-decoration: none; + color: #ffffff; + background-color: #0081c2; + background-image: -moz-linear-gradient(top, #0088cc, #0077b3); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); + background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); + background-image: -o-linear-gradient(top, #0088cc, #0077b3); + background-image: linear-gradient(to bottom, #0088cc, #0077b3); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); +} +.dropdown-menu .active > a, +.dropdown-menu .active > a:hover { + color: #ffffff; + text-decoration: none; + outline: 0; + background-color: #0081c2; + background-image: -moz-linear-gradient(top, #0088cc, #0077b3); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); + background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); + background-image: -o-linear-gradient(top, #0088cc, #0077b3); + background-image: linear-gradient(to bottom, #0088cc, #0077b3); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); +} +.dropdown-menu .disabled > a, +.dropdown-menu .disabled > a:hover { + color: #999999; +} +.dropdown-menu .disabled > a:hover { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: default; +} +.open { + *z-index: 1000; +} +.open > .dropdown-menu { + display: block; +} +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid #000000; + content: ""; +} +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} +.dropdown-submenu { + position: relative; +} +.dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + -webkit-border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px 6px; + border-radius: 0 6px 6px 6px; +} +.dropdown-submenu:hover > .dropdown-menu { + display: block; +} +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; + -webkit-border-radius: 5px 5px 5px 0; + -moz-border-radius: 5px 5px 5px 0; + border-radius: 5px 5px 5px 0; +} +.dropdown-submenu > a:after { + display: block; + content: " "; + float: right; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 5px 0 5px 5px; + border-left-color: #cccccc; + margin-top: 5px; + margin-right: -10px; +} +.dropdown-submenu:hover > a:after { + border-left-color: #ffffff; +} +.dropdown-submenu.pull-left { + float: none; +} +.dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; +} +.dropdown .dropdown-menu .nav-header { + padding-left: 20px; + padding-right: 20px; +} +.typeahead { + z-index: 1051; + margin-top: 2px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.accordion { + margin-bottom: 20px; +} +.accordion-group { + margin-bottom: 2px; + border: 1px solid #e5e5e5; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.accordion-heading { + border-bottom: 0; +} +.accordion-heading .accordion-toggle { + display: block; + padding: 8px 15px; +} +.accordion-toggle { + cursor: pointer; +} +.accordion-inner { + padding: 9px 15px; + border-top: 1px solid #e5e5e5; +} +.carousel { + position: relative; + margin-bottom: 20px; + line-height: 1; +} +.carousel-inner { + overflow: hidden; + width: 100%; + position: relative; +} +.carousel-inner > .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} +.carousel-inner > .item > img { + display: block; + line-height: 1; +} +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} +.carousel-inner > .active { + left: 0; +} +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} +.carousel-inner > .next { + left: 100%; +} +.carousel-inner > .prev { + left: -100%; +} +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} +.carousel-inner > .active.left { + left: -100%; +} +.carousel-inner > .active.right { + left: 100%; +} +.carousel-control { + position: absolute; + top: 40%; + left: 15px; + width: 40px; + height: 40px; + margin-top: -20px; + font-size: 60px; + font-weight: 100; + line-height: 30px; + color: #ffffff; + text-align: center; + background: #222222; + border: 3px solid #ffffff; + -webkit-border-radius: 23px; + -moz-border-radius: 23px; + border-radius: 23px; + opacity: 0.5; + filter: alpha(opacity=50); +} +.carousel-control.right { + left: auto; + right: 15px; +} +.carousel-control:hover { + color: #ffffff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} +.carousel-caption { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding: 15px; + background: #333333; + background: rgba(0, 0, 0, 0.75); +} +.carousel-caption h4, +.carousel-caption p { + color: #ffffff; + line-height: 20px; +} +.carousel-caption h4 { + margin: 0 0 5px; +} +.carousel-caption p { + margin-bottom: 0; +} +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} +.well-large { + padding: 24px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.well-small { + padding: 9px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.close { + float: right; + font-size: 20px; + font-weight: bold; + line-height: 20px; + color: #000000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} +.close:hover { + color: #000000; + text-decoration: none; + cursor: pointer; + opacity: 0.4; + filter: alpha(opacity=40); +} +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.hide { + display: none; +} +.show { + display: block; +} +.invisible { + visibility: hidden; +} +.affix { + position: fixed; +} +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.fade.in { + opacity: 1; +} +.collapse { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; +} +.collapse.in { + height: auto; +} +.hidden { + display: none; + visibility: hidden; +} +.visible-phone { + display: none !important; +} +.visible-tablet { + display: none !important; +} +.hidden-desktop { + display: none !important; +} +.visible-desktop { + display: inherit !important; +} +@media (min-width: 768px) and (max-width: 979px) { + .hidden-desktop { + display: inherit !important; + } + .visible-desktop { + display: none !important ; + } + .visible-tablet { + display: inherit !important; + } + .hidden-tablet { + display: none !important; + } +} +@media (max-width: 767px) { + .hidden-desktop { + display: inherit !important; + } + .visible-desktop { + display: none !important; + } + .visible-phone { + display: inherit !important; + } + .hidden-phone { + display: none !important; + } +} +@media (max-width: 767px) { + body { + padding-left: 20px; + padding-right: 20px; + } + .navbar-fixed-top, + .navbar-fixed-bottom, + .navbar-static-top { + margin-left: -20px; + margin-right: -20px; + } + .container-fluid { + padding: 0; + } + .dl-horizontal dt { + float: none; + clear: none; + width: auto; + text-align: left; + } + .dl-horizontal dd { + margin-left: 0; + } + .container { + width: auto; + } + .row-fluid { + width: 100%; + } + .row, + .thumbnails { + margin-left: 0; + } + .thumbnails > li { + float: none; + margin-left: 0; + } + [class*="span"], + .uneditable-input[class*="span"], + .row-fluid [class*="span"] { + float: none; + display: block; + width: 100%; + margin-left: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .span12, + .row-fluid .span12 { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .row-fluid [class*="offset"]:first-child { + margin-left: 0; + } + .input-large, + .input-xlarge, + .input-xxlarge, + input[class*="span"], + select[class*="span"], + textarea[class*="span"], + .uneditable-input { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .input-prepend input, + .input-append input, + .input-prepend input[class*="span"], + .input-append input[class*="span"] { + display: inline-block; + width: auto; + } + .controls-row [class*="span"] + [class*="span"] { + margin-left: 0; + } + .modal { + position: fixed; + top: 20px; + left: 20px; + right: 20px; + width: auto; + margin: 0; + } + .modal.fade { + top: -100px; + } + .modal.fade.in { + top: 20px; + } +} +@media (max-width: 480px) { + .nav-collapse { + -webkit-transform: translate3d(0, 0, 0); + } + .page-header h1 small { + display: block; + line-height: 20px; + } + input[type="checkbox"], + input[type="radio"] { + border: 1px solid #ccc; + } + .form-horizontal .control-label { + float: none; + width: auto; + padding-top: 0; + text-align: left; + } + .form-horizontal .controls { + margin-left: 0; + } + .form-horizontal .control-list { + padding-top: 0; + } + .form-horizontal .form-actions { + padding-left: 10px; + padding-right: 10px; + } + .media .pull-left, + .media .pull-right { + float: none; + display: block; + margin-bottom: 10px; + } + .media-object { + margin-right: 0; + margin-left: 0; + } + .modal { + top: 10px; + left: 10px; + right: 10px; + } + .modal-header .close { + padding: 10px; + margin: -10px; + } + .carousel-caption { + position: static; + } +} +@media (min-width: 768px) and (max-width: 979px) { + .row { + margin-left: -20px; + *zoom: 1; + } + .row:before, + .row:after { + display: table; + content: ""; + line-height: 0; + } + .row:after { + clear: both; + } + [class*="span"] { + float: left; + min-height: 1px; + margin-left: 20px; + } + .container, + .navbar-static-top .container, + .navbar-fixed-top .container, + .navbar-fixed-bottom .container { + width: 724px; + } + .span12 { + width: 724px; + } + .span11 { + width: 662px; + } + .span10 { + width: 600px; + } + .span9 { + width: 538px; + } + .span8 { + width: 476px; + } + .span7 { + width: 414px; + } + .span6 { + width: 352px; + } + .span5 { + width: 290px; + } + .span4 { + width: 228px; + } + .span3 { + width: 166px; + } + .span2 { + width: 104px; + } + .span1 { + width: 42px; + } + .offset12 { + margin-left: 764px; + } + .offset11 { + margin-left: 702px; + } + .offset10 { + margin-left: 640px; + } + .offset9 { + margin-left: 578px; + } + .offset8 { + margin-left: 516px; + } + .offset7 { + margin-left: 454px; + } + .offset6 { + margin-left: 392px; + } + .offset5 { + margin-left: 330px; + } + .offset4 { + margin-left: 268px; + } + .offset3 { + margin-left: 206px; + } + .offset2 { + margin-left: 144px; + } + .offset1 { + margin-left: 82px; + } + .row-fluid { + width: 100%; + *zoom: 1; + } + .row-fluid:before, + .row-fluid:after { + display: table; + content: ""; + line-height: 0; + } + .row-fluid:after { + clear: both; + } + .row-fluid [class*="span"] { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + float: left; + margin-left: 2.7624309392265194%; + *margin-left: 2.709239449864817%; + } + .row-fluid [class*="span"]:first-child { + margin-left: 0; + } + .row-fluid .controls-row [class*="span"] + [class*="span"] { + margin-left: 2.7624309392265194%; + } + .row-fluid .span12 { + width: 100%; + *width: 99.94680851063829%; + } + .row-fluid .span11 { + width: 91.43646408839778%; + *width: 91.38327259903608%; + } + .row-fluid .span10 { + width: 82.87292817679558%; + *width: 82.81973668743387%; + } + .row-fluid .span9 { + width: 74.30939226519337%; + *width: 74.25620077583166%; + } + .row-fluid .span8 { + width: 65.74585635359117%; + *width: 65.69266486422946%; + } + .row-fluid .span7 { + width: 57.18232044198895%; + *width: 57.12912895262725%; + } + .row-fluid .span6 { + width: 48.61878453038674%; + *width: 48.56559304102504%; + } + .row-fluid .span5 { + width: 40.05524861878453%; + *width: 40.00205712942283%; + } + .row-fluid .span4 { + width: 31.491712707182323%; + *width: 31.43852121782062%; + } + .row-fluid .span3 { + width: 22.92817679558011%; + *width: 22.87498530621841%; + } + .row-fluid .span2 { + width: 14.3646408839779%; + *width: 14.311449394616199%; + } + .row-fluid .span1 { + width: 5.801104972375691%; + *width: 5.747913483013988%; + } + .row-fluid .offset12 { + margin-left: 105.52486187845304%; + *margin-left: 105.41847889972962%; + } + .row-fluid .offset12:first-child { + margin-left: 102.76243093922652%; + *margin-left: 102.6560479605031%; + } + .row-fluid .offset11 { + margin-left: 96.96132596685082%; + *margin-left: 96.8549429881274%; + } + .row-fluid .offset11:first-child { + margin-left: 94.1988950276243%; + *margin-left: 94.09251204890089%; + } + .row-fluid .offset10 { + margin-left: 88.39779005524862%; + *margin-left: 88.2914070765252%; + } + .row-fluid .offset10:first-child { + margin-left: 85.6353591160221%; + *margin-left: 85.52897613729868%; + } + .row-fluid .offset9 { + margin-left: 79.8342541436464%; + *margin-left: 79.72787116492299%; + } + .row-fluid .offset9:first-child { + margin-left: 77.07182320441989%; + *margin-left: 76.96544022569647%; + } + .row-fluid .offset8 { + margin-left: 71.2707182320442%; + *margin-left: 71.16433525332079%; + } + .row-fluid .offset8:first-child { + margin-left: 68.50828729281768%; + *margin-left: 68.40190431409427%; + } + .row-fluid .offset7 { + margin-left: 62.70718232044199%; + *margin-left: 62.600799341718584%; + } + .row-fluid .offset7:first-child { + margin-left: 59.94475138121547%; + *margin-left: 59.838368402492065%; + } + .row-fluid .offset6 { + margin-left: 54.14364640883978%; + *margin-left: 54.037263430116376%; + } + .row-fluid .offset6:first-child { + margin-left: 51.38121546961326%; + *margin-left: 51.27483249088986%; + } + .row-fluid .offset5 { + margin-left: 45.58011049723757%; + *margin-left: 45.47372751851417%; + } + .row-fluid .offset5:first-child { + margin-left: 42.81767955801105%; + *margin-left: 42.71129657928765%; + } + .row-fluid .offset4 { + margin-left: 37.01657458563536%; + *margin-left: 36.91019160691196%; + } + .row-fluid .offset4:first-child { + margin-left: 34.25414364640884%; + *margin-left: 34.14776066768544%; + } + .row-fluid .offset3 { + margin-left: 28.45303867403315%; + *margin-left: 28.346655695309746%; + } + .row-fluid .offset3:first-child { + margin-left: 25.69060773480663%; + *margin-left: 25.584224756083227%; + } + .row-fluid .offset2 { + margin-left: 19.88950276243094%; + *margin-left: 19.783119783707537%; + } + .row-fluid .offset2:first-child { + margin-left: 17.12707182320442%; + *margin-left: 17.02068884448102%; + } + .row-fluid .offset1 { + margin-left: 11.32596685082873%; + *margin-left: 11.219583872105325%; + } + .row-fluid .offset1:first-child { + margin-left: 8.56353591160221%; + *margin-left: 8.457152932878806%; + } + input, + textarea, + .uneditable-input { + margin-left: 0; + } + .controls-row [class*="span"] + [class*="span"] { + margin-left: 20px; + } + input.span12, textarea.span12, .uneditable-input.span12 { + width: 710px; + } + input.span11, textarea.span11, .uneditable-input.span11 { + width: 648px; + } + input.span10, textarea.span10, .uneditable-input.span10 { + width: 586px; + } + input.span9, textarea.span9, .uneditable-input.span9 { + width: 524px; + } + input.span8, textarea.span8, .uneditable-input.span8 { + width: 462px; + } + input.span7, textarea.span7, .uneditable-input.span7 { + width: 400px; + } + input.span6, textarea.span6, .uneditable-input.span6 { + width: 338px; + } + input.span5, textarea.span5, .uneditable-input.span5 { + width: 276px; + } + input.span4, textarea.span4, .uneditable-input.span4 { + width: 214px; + } + input.span3, textarea.span3, .uneditable-input.span3 { + width: 152px; + } + input.span2, textarea.span2, .uneditable-input.span2 { + width: 90px; + } + input.span1, textarea.span1, .uneditable-input.span1 { + width: 28px; + } +} +@media (min-width: 1200px) { + .row { + margin-left: -30px; + *zoom: 1; + } + .row:before, + .row:after { + display: table; + content: ""; + line-height: 0; + } + .row:after { + clear: both; + } + [class*="span"] { + float: left; + min-height: 1px; + margin-left: 30px; + } + .container, + .navbar-static-top .container, + .navbar-fixed-top .container, + .navbar-fixed-bottom .container { + width: 1170px; + } + .span12 { + width: 1170px; + } + .span11 { + width: 1070px; + } + .span10 { + width: 970px; + } + .span9 { + width: 870px; + } + .span8 { + width: 770px; + } + .span7 { + width: 670px; + } + .span6 { + width: 570px; + } + .span5 { + width: 470px; + } + .span4 { + width: 370px; + } + .span3 { + width: 270px; + } + .span2 { + width: 170px; + } + .span1 { + width: 70px; + } + .offset12 { + margin-left: 1230px; + } + .offset11 { + margin-left: 1130px; + } + .offset10 { + margin-left: 1030px; + } + .offset9 { + margin-left: 930px; + } + .offset8 { + margin-left: 830px; + } + .offset7 { + margin-left: 730px; + } + .offset6 { + margin-left: 630px; + } + .offset5 { + margin-left: 530px; + } + .offset4 { + margin-left: 430px; + } + .offset3 { + margin-left: 330px; + } + .offset2 { + margin-left: 230px; + } + .offset1 { + margin-left: 130px; + } + .row-fluid { + width: 100%; + *zoom: 1; + } + .row-fluid:before, + .row-fluid:after { + display: table; + content: ""; + line-height: 0; + } + .row-fluid:after { + clear: both; + } + .row-fluid [class*="span"] { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + float: left; + margin-left: 2.564102564102564%; + *margin-left: 2.5109110747408616%; + } + .row-fluid [class*="span"]:first-child { + margin-left: 0; + } + .row-fluid .controls-row [class*="span"] + [class*="span"] { + margin-left: 2.564102564102564%; + } + .row-fluid .span12 { + width: 100%; + *width: 99.94680851063829%; + } + .row-fluid .span11 { + width: 91.45299145299145%; + *width: 91.39979996362975%; + } + .row-fluid .span10 { + width: 82.90598290598291%; + *width: 82.8527914166212%; + } + .row-fluid .span9 { + width: 74.35897435897436%; + *width: 74.30578286961266%; + } + .row-fluid .span8 { + width: 65.81196581196582%; + *width: 65.75877432260411%; + } + .row-fluid .span7 { + width: 57.26495726495726%; + *width: 57.21176577559556%; + } + .row-fluid .span6 { + width: 48.717948717948715%; + *width: 48.664757228587014%; + } + .row-fluid .span5 { + width: 40.17094017094017%; + *width: 40.11774868157847%; + } + .row-fluid .span4 { + width: 31.623931623931625%; + *width: 31.570740134569924%; + } + .row-fluid .span3 { + width: 23.076923076923077%; + *width: 23.023731587561375%; + } + .row-fluid .span2 { + width: 14.52991452991453%; + *width: 14.476723040552828%; + } + .row-fluid .span1 { + width: 5.982905982905983%; + *width: 5.929714493544281%; + } + .row-fluid .offset12 { + margin-left: 105.12820512820512%; + *margin-left: 105.02182214948171%; + } + .row-fluid .offset12:first-child { + margin-left: 102.56410256410257%; + *margin-left: 102.45771958537915%; + } + .row-fluid .offset11 { + margin-left: 96.58119658119658%; + *margin-left: 96.47481360247316%; + } + .row-fluid .offset11:first-child { + margin-left: 94.01709401709402%; + *margin-left: 93.91071103837061%; + } + .row-fluid .offset10 { + margin-left: 88.03418803418803%; + *margin-left: 87.92780505546462%; + } + .row-fluid .offset10:first-child { + margin-left: 85.47008547008548%; + *margin-left: 85.36370249136206%; + } + .row-fluid .offset9 { + margin-left: 79.48717948717949%; + *margin-left: 79.38079650845607%; + } + .row-fluid .offset9:first-child { + margin-left: 76.92307692307693%; + *margin-left: 76.81669394435352%; + } + .row-fluid .offset8 { + margin-left: 70.94017094017094%; + *margin-left: 70.83378796144753%; + } + .row-fluid .offset8:first-child { + margin-left: 68.37606837606839%; + *margin-left: 68.26968539734497%; + } + .row-fluid .offset7 { + margin-left: 62.393162393162385%; + *margin-left: 62.28677941443899%; + } + .row-fluid .offset7:first-child { + margin-left: 59.82905982905982%; + *margin-left: 59.72267685033642%; + } + .row-fluid .offset6 { + margin-left: 53.84615384615384%; + *margin-left: 53.739770867430444%; + } + .row-fluid .offset6:first-child { + margin-left: 51.28205128205128%; + *margin-left: 51.175668303327875%; + } + .row-fluid .offset5 { + margin-left: 45.299145299145295%; + *margin-left: 45.1927623204219%; + } + .row-fluid .offset5:first-child { + margin-left: 42.73504273504273%; + *margin-left: 42.62865975631933%; + } + .row-fluid .offset4 { + margin-left: 36.75213675213675%; + *margin-left: 36.645753773413354%; + } + .row-fluid .offset4:first-child { + margin-left: 34.18803418803419%; + *margin-left: 34.081651209310785%; + } + .row-fluid .offset3 { + margin-left: 28.205128205128204%; + *margin-left: 28.0987452264048%; + } + .row-fluid .offset3:first-child { + margin-left: 25.641025641025642%; + *margin-left: 25.53464266230224%; + } + .row-fluid .offset2 { + margin-left: 19.65811965811966%; + *margin-left: 19.551736679396257%; + } + .row-fluid .offset2:first-child { + margin-left: 17.094017094017094%; + *margin-left: 16.98763411529369%; + } + .row-fluid .offset1 { + margin-left: 11.11111111111111%; + *margin-left: 11.004728132387708%; + } + .row-fluid .offset1:first-child { + margin-left: 8.547008547008547%; + *margin-left: 8.440625568285142%; + } + input, + textarea, + .uneditable-input { + margin-left: 0; + } + .controls-row [class*="span"] + [class*="span"] { + margin-left: 30px; + } + input.span12, textarea.span12, .uneditable-input.span12 { + width: 1156px; + } + input.span11, textarea.span11, .uneditable-input.span11 { + width: 1056px; + } + input.span10, textarea.span10, .uneditable-input.span10 { + width: 956px; + } + input.span9, textarea.span9, .uneditable-input.span9 { + width: 856px; + } + input.span8, textarea.span8, .uneditable-input.span8 { + width: 756px; + } + input.span7, textarea.span7, .uneditable-input.span7 { + width: 656px; + } + input.span6, textarea.span6, .uneditable-input.span6 { + width: 556px; + } + input.span5, textarea.span5, .uneditable-input.span5 { + width: 456px; + } + input.span4, textarea.span4, .uneditable-input.span4 { + width: 356px; + } + input.span3, textarea.span3, .uneditable-input.span3 { + width: 256px; + } + input.span2, textarea.span2, .uneditable-input.span2 { + width: 156px; + } + input.span1, textarea.span1, .uneditable-input.span1 { + width: 56px; + } + .thumbnails { + margin-left: -30px; + } + .thumbnails > li { + margin-left: 30px; + } + .row-fluid .thumbnails { + margin-left: 0; + } +} +@media (max-width: 979px) { + body { + padding-top: 0; + } + .navbar-fixed-top, + .navbar-fixed-bottom { + position: static; + } + .navbar-fixed-top { + margin-bottom: 20px; + } + .navbar-fixed-bottom { + margin-top: 20px; + } + .navbar-fixed-top .navbar-inner, + .navbar-fixed-bottom .navbar-inner { + padding: 5px; + } + .navbar .container { + width: auto; + padding: 0; + } + .navbar .brand { + padding-left: 10px; + padding-right: 10px; + margin: 0 0 0 -5px; + } + .nav-collapse { + clear: both; + } + .nav-collapse .nav { + float: none; + margin: 0 0 10px; + } + .nav-collapse .nav > li { + float: none; + } + .nav-collapse .nav > li > a { + margin-bottom: 2px; + } + .nav-collapse .nav > .divider-vertical { + display: none; + } + .nav-collapse .nav .nav-header { + color: #777777; + text-shadow: none; + } + .nav-collapse .nav > li > a, + .nav-collapse .dropdown-menu a { + padding: 9px 15px; + font-weight: bold; + color: #777777; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + } + .nav-collapse .btn { + padding: 4px 10px 4px; + font-weight: normal; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + } + .nav-collapse .dropdown-menu li + li a { + margin-bottom: 2px; + } + .nav-collapse .nav > li > a:hover, + .nav-collapse .dropdown-menu a:hover { + background-color: #f2f2f2; + } + .navbar-inverse .nav-collapse .nav > li > a, + .navbar-inverse .nav-collapse .dropdown-menu a { + color: #999999; + } + .navbar-inverse .nav-collapse .nav > li > a:hover, + .navbar-inverse .nav-collapse .dropdown-menu a:hover { + background-color: #111111; + } + .nav-collapse.in .btn-group { + margin-top: 5px; + padding: 0; + } + .nav-collapse .dropdown-menu { + position: static; + top: auto; + left: auto; + float: none; + display: none; + max-width: none; + margin: 0 15px; + padding: 0; + background-color: transparent; + border: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + } + .nav-collapse .open > .dropdown-menu { + display: block; + } + .nav-collapse .dropdown-menu:before, + .nav-collapse .dropdown-menu:after { + display: none; + } + .nav-collapse .dropdown-menu .divider { + display: none; + } + .nav-collapse .nav > li > .dropdown-menu:before, + .nav-collapse .nav > li > .dropdown-menu:after { + display: none; + } + .nav-collapse .navbar-form, + .nav-collapse .navbar-search { + float: none; + padding: 10px 15px; + margin: 10px 0; + border-top: 1px solid #f2f2f2; + border-bottom: 1px solid #f2f2f2; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); + -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); + box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); + } + .navbar-inverse .nav-collapse .navbar-form, + .navbar-inverse .nav-collapse .navbar-search { + border-top-color: #111111; + border-bottom-color: #111111; + } + .navbar .nav-collapse .nav.pull-right { + float: none; + margin-left: 0; + } + .nav-collapse, + .nav-collapse.collapse { + overflow: hidden; + height: 0; + } + .navbar .btn-navbar { + display: block; + } + .navbar-static .navbar-inner { + padding-left: 10px; + padding-right: 10px; + } +} +@media (min-width: 980px) { + .nav-collapse.collapse { + height: auto !important; + overflow: visible !important; + } +} diff --git a/css/raw/realmadrid.css b/css/raw/realmadrid.css new file mode 100644 index 0000000..9f32301 --- /dev/null +++ b/css/raw/realmadrid.css @@ -0,0 +1,28701 @@ +@charset "UTF-8"; +.wrapper { + margin: 0 auto; + max-width: 960px; +} + +[data-header-schedule-carousel]:before, .m_slider_viewport:before, .m_images_slider_viewport:before, .vip_layout .spaces_row:before, .madridistas_layout .highlights_row_2columns:before, .club_info_layout .multiple_row:before, .tickets_layout .multiple_row:before, .fundacion_layout .multiple_row:before, .footer_copyright .wrapper:before, .fans_one_column .highlights_row_3colums:before, .vip_layout .sections_row:before, .fans_layout .highlights_row:before, .partner_layout .highlights_row:before, .madridistas_layout .highlights_row_3columns:before, .register_layout .options_row ul:before, .club_info_layout .members_row:before, .club_info_layout .silver_sponsors_row:before, .pre_footer_row:before, .fans_one_column .highlights_row_4colums:before, .club_info_layout .members_row_expanded:before, .club_info_layout .bronze_sponsors_row:before, .fans_layout .apps_row:before, +.fans_layout .highlight_club_row:before, .search_layout .highlights_row ul:before, .rm_section_row:before, .fundacion_layout .highlight_fundacion_row:before, .m_search_results_content > ul:before, .footer_sitemap .wrapper:before, .sports_layout .players_row ul:before, .fans_layout .fans_row:before, .master-layout:before, .fans_two_columns .banner_row:before, .club_info_layout .banner_row:before, .tickets_layout .banner_row:before, .sports_layout .banner_row:before, .news_layout .banner_row:before, .partner_layout .banner_row:before, .madridistas_layout .banner_row:before, .fundacion_layout .banner_row:before, .fans_two_columns .header_row:before, .club_info_layout .header_row:before, .tickets_layout .header_row:before, .sports_layout .header_row:before, .news_layout .header_row:before, .partner_layout .header_row:before, .madridistas_layout .header_row:before, .fundacion_layout .header_row:before, .fans_two_columns .actions_row:before, .club_info_layout .actions_row:before, .tickets_layout .actions_row:before, .sports_layout .actions_row:before, .news_layout .actions_row:before, .partner_layout .actions_row:before, .madridistas_layout .actions_row:before, .fundacion_layout .actions_row:before, .home_layout .banner_row:before, .home_layout .header_row:before, .home_layout .actions_row:before, .fans_one_column .banner_row:before, .fans_one_column .content_row:before, .notices_layout .main_row:before, .notices_layout .club_info_layout .overlapping_main_row:before, .club_info_layout .notices_layout .overlapping_main_row:before, .notices_layout .details_row:before, .fans_two_columns .main_row:before, .club_info_layout .main_row:before, .tickets_layout .main_row:before, .sports_layout .main_row:before, .news_layout .main_row:before, .partner_layout .main_row:before, .madridistas_layout .main_row:before, .fundacion_layout .main_row:before, .club_info_layout .overlapping_main_row:before, .home_layout .main_row:before, .sports_layout .match_info_row:before, .specials_layout .main_row:before, .vip_layout .main_row:before, .fans_layout .main_row:before, .register_layout .main_row:before, .club_info_layout .practical_info_row:before, .vip_layout .practical_info_row:before, .partner_layout .card_row:before, .fans_two_columns .content_row:before, .club_info_layout .content_row:before, .tickets_layout .content_row:before, .sports_layout .content_row:before, .news_layout .content_row:before, .partner_layout .content_row:before, .madridistas_layout .content_row:before, .fundacion_layout .content_row:before, .home_layout .content_row:before, .row:before, .error_layout .main_row:before, .error_layout .club_info_layout .overlapping_main_row:before, .club_info_layout .error_layout .overlapping_main_row:before, .news_report_layout .medical_report:before, .player_layout .text_row:before, .navigation_list:before, [role=banner].sticky .navigation_dropdown_content_list:before, .navigation_dropdown_content_list:before, .navigation_sub_nav_advertisement:before, .pre_footer:before, .header_info .wrapper:before, .form_checkbox_field:before, .form_telephone_field:before, .fundacion_layout .fundacion_header:before, .m_chronicle li:before, .m_cups_wrapper:before, .m_image_map:before, .m_matches:before, .m_matches_calendar:before, .m_highlighted_direct_game_actions:before, .m_highlighted_summary_game_actions:before, .m_poll_selection:before, .m_poll_results:before, .m_poll_results_list:before, .m_direct_info_match:before, .m_cronica_partido:before, .m_video_gallery_current:before, .m_video_gallery_current_actions:before, .m_info_club:before, .m_info_club_content:before, .m_bio_strip:before, .m_list_contest li:before, .m_winners:before, [data-header-schedule-carousel]:after, .m_slider_viewport:after, .m_images_slider_viewport:after, .vip_layout .spaces_row:after, .madridistas_layout .highlights_row_2columns:after, .club_info_layout .multiple_row:after, .tickets_layout .multiple_row:after, .fundacion_layout .multiple_row:after, .footer_copyright .wrapper:after, .fans_one_column .highlights_row_3colums:after, .vip_layout .sections_row:after, .fans_layout .highlights_row:after, .partner_layout .highlights_row:after, .madridistas_layout .highlights_row_3columns:after, .register_layout .options_row ul:after, .club_info_layout .members_row:after, .club_info_layout .silver_sponsors_row:after, .pre_footer_row:after, .fans_one_column .highlights_row_4colums:after, .club_info_layout .members_row_expanded:after, .club_info_layout .bronze_sponsors_row:after, .fans_layout .apps_row:after, +.fans_layout .highlight_club_row:after, .search_layout .highlights_row ul:after, .rm_section_row:after, .fundacion_layout .highlight_fundacion_row:after, .m_search_results_content > ul:after, .footer_sitemap .wrapper:after, .sports_layout .players_row ul:after, .fans_layout .fans_row:after, .master-layout:after, .fans_two_columns .banner_row:after, .club_info_layout .banner_row:after, .tickets_layout .banner_row:after, .sports_layout .banner_row:after, .news_layout .banner_row:after, .partner_layout .banner_row:after, .madridistas_layout .banner_row:after, .fundacion_layout .banner_row:after, .fans_two_columns .header_row:after, .club_info_layout .header_row:after, .tickets_layout .header_row:after, .sports_layout .header_row:after, .news_layout .header_row:after, .partner_layout .header_row:after, .madridistas_layout .header_row:after, .fundacion_layout .header_row:after, .fans_two_columns .actions_row:after, .club_info_layout .actions_row:after, .tickets_layout .actions_row:after, .sports_layout .actions_row:after, .news_layout .actions_row:after, .partner_layout .actions_row:after, .madridistas_layout .actions_row:after, .fundacion_layout .actions_row:after, .home_layout .banner_row:after, .home_layout .header_row:after, .home_layout .actions_row:after, .fans_one_column .banner_row:after, .fans_one_column .content_row:after, .notices_layout .main_row:after, .notices_layout .club_info_layout .overlapping_main_row:after, .club_info_layout .notices_layout .overlapping_main_row:after, .notices_layout .details_row:after, .fans_two_columns .main_row:after, .club_info_layout .main_row:after, .tickets_layout .main_row:after, .sports_layout .main_row:after, .news_layout .main_row:after, .partner_layout .main_row:after, .madridistas_layout .main_row:after, .fundacion_layout .main_row:after, .club_info_layout .overlapping_main_row:after, .home_layout .main_row:after, .sports_layout .match_info_row:after, .specials_layout .main_row:after, .vip_layout .main_row:after, .fans_layout .main_row:after, .register_layout .main_row:after, .club_info_layout .practical_info_row:after, .vip_layout .practical_info_row:after, .partner_layout .card_row:after, .fans_two_columns .content_row:after, .club_info_layout .content_row:after, .tickets_layout .content_row:after, .sports_layout .content_row:after, .news_layout .content_row:after, .partner_layout .content_row:after, .madridistas_layout .content_row:after, .fundacion_layout .content_row:after, .home_layout .content_row:after, .row:after, .error_layout .main_row:after, .error_layout .club_info_layout .overlapping_main_row:after, .club_info_layout .error_layout .overlapping_main_row:after, .news_report_layout .medical_report:after, .player_layout .text_row:after, .navigation_list:after, [role=banner].sticky .navigation_dropdown_content_list:after, .navigation_dropdown_content_list:after, .navigation_sub_nav_advertisement:after, .pre_footer:after, .header_info .wrapper:after, .form_checkbox_field:after, .form_telephone_field:after, .fundacion_layout .fundacion_header:after, .m_chronicle li:after, .m_cups_wrapper:after, .m_image_map:after, .m_matches:after, .m_matches_calendar:after, .m_highlighted_direct_game_actions:after, .m_highlighted_summary_game_actions:after, .m_poll_selection:after, .m_poll_results:after, .m_poll_results_list:after, .m_direct_info_match:after, .m_cronica_partido:after, .m_video_gallery_current:after, .m_video_gallery_current_actions:after, .m_info_club:after, .m_info_club_content:after, .m_bio_strip:after, .m_list_contest li:after, .m_winners:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +[data-header-schedule-carousel]:after, .m_slider_viewport:after, .m_images_slider_viewport:after, .vip_layout .spaces_row:after, .madridistas_layout .highlights_row_2columns:after, .club_info_layout .multiple_row:after, .tickets_layout .multiple_row:after, .fundacion_layout .multiple_row:after, .footer_copyright .wrapper:after, .fans_one_column .highlights_row_3colums:after, .vip_layout .sections_row:after, .fans_layout .highlights_row:after, .partner_layout .highlights_row:after, .madridistas_layout .highlights_row_3columns:after, .register_layout .options_row ul:after, .club_info_layout .members_row:after, .club_info_layout .silver_sponsors_row:after, .pre_footer_row:after, .fans_one_column .highlights_row_4colums:after, .club_info_layout .members_row_expanded:after, .club_info_layout .bronze_sponsors_row:after, .fans_layout .apps_row:after, +.fans_layout .highlight_club_row:after, .search_layout .highlights_row ul:after, .rm_section_row:after, .fundacion_layout .highlight_fundacion_row:after, .m_search_results_content > ul:after, .footer_sitemap .wrapper:after, .sports_layout .players_row ul:after, .fans_layout .fans_row:after, .master-layout:after, .fans_two_columns .banner_row:after, .club_info_layout .banner_row:after, .tickets_layout .banner_row:after, .sports_layout .banner_row:after, .news_layout .banner_row:after, .partner_layout .banner_row:after, .madridistas_layout .banner_row:after, .fundacion_layout .banner_row:after, .fans_two_columns .header_row:after, .club_info_layout .header_row:after, .tickets_layout .header_row:after, .sports_layout .header_row:after, .news_layout .header_row:after, .partner_layout .header_row:after, .madridistas_layout .header_row:after, .fundacion_layout .header_row:after, .fans_two_columns .actions_row:after, .club_info_layout .actions_row:after, .tickets_layout .actions_row:after, .sports_layout .actions_row:after, .news_layout .actions_row:after, .partner_layout .actions_row:after, .madridistas_layout .actions_row:after, .fundacion_layout .actions_row:after, .home_layout .banner_row:after, .home_layout .header_row:after, .home_layout .actions_row:after, .fans_one_column .banner_row:after, .fans_one_column .content_row:after, .notices_layout .main_row:after, .notices_layout .club_info_layout .overlapping_main_row:after, .club_info_layout .notices_layout .overlapping_main_row:after, .notices_layout .details_row:after, .fans_two_columns .main_row:after, .club_info_layout .main_row:after, .tickets_layout .main_row:after, .sports_layout .main_row:after, .news_layout .main_row:after, .partner_layout .main_row:after, .madridistas_layout .main_row:after, .fundacion_layout .main_row:after, .club_info_layout .overlapping_main_row:after, .home_layout .main_row:after, .sports_layout .match_info_row:after, .specials_layout .main_row:after, .vip_layout .main_row:after, .fans_layout .main_row:after, .register_layout .main_row:after, .club_info_layout .practical_info_row:after, .vip_layout .practical_info_row:after, .partner_layout .card_row:after, .fans_two_columns .content_row:after, .club_info_layout .content_row:after, .tickets_layout .content_row:after, .sports_layout .content_row:after, .news_layout .content_row:after, .partner_layout .content_row:after, .madridistas_layout .content_row:after, .fundacion_layout .content_row:after, .home_layout .content_row:after, .row:after, .error_layout .main_row:after, .error_layout .club_info_layout .overlapping_main_row:after, .club_info_layout .error_layout .overlapping_main_row:after, .news_report_layout .medical_report:after, .player_layout .text_row:after, .navigation_list:after, [role=banner].sticky .navigation_dropdown_content_list:after, .navigation_dropdown_content_list:after, .navigation_sub_nav_advertisement:after, .pre_footer:after, .header_info .wrapper:after, .form_checkbox_field:after, .form_telephone_field:after, .fundacion_layout .fundacion_header:after, .m_chronicle li:after, .m_cups_wrapper:after, .m_image_map:after, .m_matches:after, .m_matches_calendar:after, .m_highlighted_direct_game_actions:after, .m_highlighted_summary_game_actions:after, .m_poll_selection:after, .m_poll_results:after, .m_poll_results_list:after, .m_direct_info_match:after, .m_cronica_partido:after, .m_video_gallery_current:after, .m_video_gallery_current_actions:after, .m_info_club:after, .m_info_club_content:after, .m_bio_strip:after, .m_list_contest li:after, .m_winners:after { + clear: both; +} +[data-header-schedule-carousel], .m_slider_viewport, .m_images_slider_viewport, .vip_layout .spaces_row, .madridistas_layout .highlights_row_2columns, .club_info_layout .multiple_row, .tickets_layout .multiple_row, .fundacion_layout .multiple_row, .footer_copyright .wrapper, .fans_one_column .highlights_row_3colums, .vip_layout .sections_row, .fans_layout .highlights_row, .partner_layout .highlights_row, .madridistas_layout .highlights_row_3columns, .register_layout .options_row ul, .club_info_layout .members_row, .club_info_layout .silver_sponsors_row, .pre_footer_row, .fans_one_column .highlights_row_4colums, .club_info_layout .members_row_expanded, .club_info_layout .bronze_sponsors_row, .fans_layout .apps_row, +.fans_layout .highlight_club_row, .search_layout .highlights_row ul, .rm_section_row, .fundacion_layout .highlight_fundacion_row, .m_search_results_content > ul, .footer_sitemap .wrapper, .sports_layout .players_row ul, .fans_layout .fans_row, .master-layout, .fans_two_columns .banner_row, .club_info_layout .banner_row, .tickets_layout .banner_row, .sports_layout .banner_row, .news_layout .banner_row, .partner_layout .banner_row, .madridistas_layout .banner_row, .fundacion_layout .banner_row, .fans_two_columns .header_row, .club_info_layout .header_row, .tickets_layout .header_row, .sports_layout .header_row, .news_layout .header_row, .partner_layout .header_row, .madridistas_layout .header_row, .fundacion_layout .header_row, .fans_two_columns .actions_row, .club_info_layout .actions_row, .tickets_layout .actions_row, .sports_layout .actions_row, .news_layout .actions_row, .partner_layout .actions_row, .madridistas_layout .actions_row, .fundacion_layout .actions_row, .home_layout .banner_row, .home_layout .header_row, .home_layout .actions_row, .fans_one_column .banner_row, .fans_one_column .content_row, .notices_layout .main_row, .notices_layout .club_info_layout .overlapping_main_row, .club_info_layout .notices_layout .overlapping_main_row, .notices_layout .details_row, .fans_two_columns .main_row, .club_info_layout .main_row, .tickets_layout .main_row, .sports_layout .main_row, .news_layout .main_row, .partner_layout .main_row, .madridistas_layout .main_row, .fundacion_layout .main_row, .club_info_layout .overlapping_main_row, .home_layout .main_row, .sports_layout .match_info_row, .specials_layout .main_row, .vip_layout .main_row, .fans_layout .main_row, .register_layout .main_row, .club_info_layout .practical_info_row, .vip_layout .practical_info_row, .partner_layout .card_row, .fans_two_columns .content_row, .club_info_layout .content_row, .tickets_layout .content_row, .sports_layout .content_row, .news_layout .content_row, .partner_layout .content_row, .madridistas_layout .content_row, .fundacion_layout .content_row, .home_layout .content_row, .row, .error_layout .main_row, .error_layout .club_info_layout .overlapping_main_row, .club_info_layout .error_layout .overlapping_main_row, .news_report_layout .medical_report, .player_layout .text_row, .navigation_list, [role=banner].sticky .navigation_dropdown_content_list, .navigation_dropdown_content_list, .navigation_sub_nav_advertisement, .pre_footer, .header_info .wrapper, .form_checkbox_field, .form_telephone_field, .fundacion_layout .fundacion_header, .m_chronicle li, .m_cups_wrapper, .m_image_map, .m_matches, .m_matches_calendar, .m_highlighted_direct_game_actions, .m_highlighted_summary_game_actions, .m_poll_selection, .m_poll_results, .m_poll_results_list, .m_direct_info_match, .m_cronica_partido, .m_video_gallery_current, .m_video_gallery_current_actions, .m_info_club, .m_info_club_content, .m_bio_strip, .m_list_contest li, .m_winners { + zoom: 1; +} + +.social_facebook_btn, .social_twitter_btn, .social_google_plus_btn, .social_youtube_btn, .social_flickr_btn, .social_rss_btn, .social_renren_btn, .social_sinaweibo_btn, .social_tencent_btn, .social_wechat_btn, .social_youku_btn, [data-header-schedule-carousel] ol > *, .m_slider_list > *, .m_images_slider_wrapper > *, .ico_arrow_down, .btn_show:after, .m_link_nav_content_sublevel > a:after, .ico_arrow_up, .m_link_nav_content_sublevel.active > a:after, .ico_arrow_down_big, .m_teams_stats_action .btn_show:after, .ico_arrow_down_small, .ico_arrow_select, .ico_dropdown_arrow, .m_link_dropdown_list:before, .navigation_dropdown_content:before, +[role=banner].sticky .navigation_dropdown_content:before, .navlist_item_active .with_dropdown:hover:after, .ico_search, .ico_search_black, .ico_search_white, .ico_goto, .ico_schedule, .ico_arrow_prev, .m_pagination_prev:before, .ico_arrow_next, .btn_next_text:after, .m_pagination_next:before, .ico_arrow_prev_white, .ico_arrow_next_white, .ico_download, .m_matches_actions .download, .ico_read_later, .btn_read_later:after, +.btn_read_later_active:after, .ico_read_later_active, .ico_arrow_btn_next, .btn_next:after, .ico_arrow_btn_prev, .btn_prev:after, .ico_rm_footer_logo, .ico_dashboard_btn, .ico_notice_logo, .ico_share, .m_matches_actions .share, .ico_share_white, .ico_search_bar_close, .search_bar_close, +.search_bar_error_close, .ico_clock, .ico_close_white, .ico_close_grey, .ico_bullet_news, .ico_register_partner, .m_register_title:after, .ico_register_card, .m_register_card .m_register_title:after, .ico_register_no_partner, .m_register_no_partner .m_register_title:after, .ico_register_partner_mob, .ico_no_register_mob, .ico_m_advantages_check, .ico_newsletter, .m_advantages:after, .ico_circular, .m_advantages_circular:after, .ico_widget, .m_advantages_widget:after, .ico_cam, .ico_background_desk, .m_advantages_background:after, .ico_logo_m_section, .ico_rss, .m_matches_actions .rss, .ico_filter_grid, .ico_filter_list, .ico_payment_details, .ico_fb_silhouette, .ico_twitter_silhouette, .ico_gplus_silhouette, .ico_facebook_connect, .ico_twitter_connect, .ico_google_connect, .ico_youtube_connect, .ico_flickr_connect, .ico_words_add, .ico_words_close, .ico_photo, .ico_blockquote_player, .ico_inspect, .ico_big_arrow_left, .m_player_history_slider .slider_btn_prev, .m_players_slider .slider_btn_prev, .ico_big_arrow_right, .m_player_history_slider .slider_btn_next, .m_players_slider .slider_btn_next, .ico_big_arrow_left_white, .ico_big_arrow_right_white, .ico_share_facebook, .ico_share_twitter, .ico_share_g_plus, .ico_share_pinterest, .ico_social_facebook, .ico_social_flickr, .ico_social_rss, .ico_social_twitter, .ico_social_youtube, .ico_social_g_plus, .ico_social_rss_black, .ico_social_renren, .ico_social_sinaweibo, .ico_social_tencent, .ico_social_wechat, .ico_social_youku, .ico_popups_close, .ico_social_twitter_black, .ico_social_facebook_black, .ico_social_g_plus_black, .ico_btn_social_facebook, .ico_btn_social_twitter, .ico_facebook_white, .ico_social_profile_facebook, .ico_social_profile_twitter, .ico_social_profile_google, .ico_social_profile_instagram, .ico_news_banner_video, .ico_news_banner_picture, .ico_news_banner_video2, .ico_news_banner_picture2, .ico_news_banner_video_az, .ico_highlight_tweet, .ico_paginator_arrow_prev, .ico_paginator_arrow_next, .ico_m_player_checked, .ico_m_player_uncheck, .ico_grey_close, .ico_med_video_icon, .ico_med_video_icon_blue, .ico_private, .ico_star, .ico_inspect_blue, .ico_award, .ico_expert, .ico_question, .ico_m_cite, .ico_novelty, .ico_open_link, .ico_photo_small, .ico_custom_radio, .ico_custom_checkbox, .ico_weather_partially_cloudy, .checkbox, .radio, input[type="checkbox"], input[type="radio"], +.select, .select .select_button, .file, .file_button, .file .file_button span, .club_info_layout .gold_sponsors_row > *, .tickets_layout .gallery_row > *, .club_info_layout .silver_sponsors_row > *, .club_info_layout .bronze_sponsors_row > *, .fans_layout .m_photos .col, .fans_layout .m_photos .m_poll_current, .fans_layout .m_photos .m_poll_related, .fans_layout .channel_row > *, .fans_layout .mobile_row .m_highlight_mobile, .fans_layout .wallpapers_content_row .m_wallpaper, .header_corp_nav li, .header_corp_nav_logged .header_corp_nav_login small, .header_corp_nav_logged .header_corp_nav_login img, .navigation_tools .navlist_item > a, .navigation_tools .navigation_search_btn, .navigation_tools a.navigation_search_btn, .footer_sponsors a, .header_summary_description time, .header_summary_description em, .header_info_summary time, +.header_info_teams, .header_info_teams img, .header_info_more, .header_info_buy, .header_info_sponsor > *, .header_info_sponsor, .header_description_teams > *, .header_description_teams .team img, .form_time_field div, .form_time_field small, .row_form > *, .m_widget_footer a, .m_widget_teams div, .m_widget_teams > a, .m_schecdule_header > *, .m_schedule_actions a, .m_next_match_carousel li, .m_next_match_carousel_prev, +.m_next_match_carousel_next, .m_next_match_teams_content span, +.m_next_match_teams_content small, .m_result ul li, .btn, .btn_download, .btn_download:after, .btn_read_later, +.btn_read_later_active, .btn_read_later:before, +.btn_read_later_active:before, .btn_prev_text, +.btn_next_text, .btn_prev, +.btn_next, .btn_show, .btn_social_facebook, +.btn_social_twitter, .m_share, .m_share_action, .m_pagination a, .m_share_inline .m_share_facebook, +.m_share_inline .m_share_twitter, +.m_share_inline .m_share_g_plus, +.m_share_inline .m_share_pinterest, .m_share_inline .m_share_facebook a, +.m_share_inline .m_share_twitter a, +.m_share_inline .m_share_g_plus a, +.m_share_inline .m_share_pinterest a, .m_advantages, .m_advantages span, .m_steps li, .m_steps li:after, .m_social_profile_btn, .m_cup div:after, .m_cup img, .m_cups_wrapper .m_cup, .m_inner_nav > *, .m_inner_nav li, .m_media, .m_media_slide_wrapper .m_media, .m_tabs_navigation a, .m_highlights_banner_container > *, .m_highlights_banner_iconos_picture, +.m_highlights_banner_iconos_video, .m_articles_col, .m_header_links .links a, .m_login > *, .m_facebook_connect, .m_facebook_connect:before, .m_breadcrumb_items > *, .m_download_list span:after, ul.m_download_list span:after, .btn_video, .btn_video:before, .m_rm_strip_teams span, .m_download_file:before, .m_aditional_info_link, .news_banner .news_banner_picture, +.news_banner .news_banner_video, .m_full_header_banner_info .news_banner_picture, +.m_full_header_banner_info .news_banner_video, .news_banner_iconos_picture, +.news_banner_iconos_video, .m_matches_competition > *, .m_matches_competition .responsive_select, .m_matches_actions > *, .m_matches_calendar a, .m_matches_calendar label, .m_match_date p, .m_match_date strong, .m_match_date small, td.m_match_teams > *, .m_match_teams span, .m_match_teams p, .m_match_teams img, .m_match_teams_results, .m_match_teams_small_name, .m_match_actions_tickets, .m_match_header_logos img, .m_match_header_teams img, .m_highlighted > *, .m_highlighted_aside_section_title > *, .m_highlighted_next_game_header p > * + *:before, .m_highlighted_summary_game_header p > * + *:before, .m_highlighted_finish_game_header p > * + *:before, .m_highlighted_next_game_team:before, .m_weather, .m_weather_icon, th.m_results_table_team_header img, td.m_results_table_team img, .m_calendar_reduced_table img, .m_teams_stats_filter_actions > *, .m_tickets_map_info ul:after, .m_tickets_map_info li, .m_search_results_header p, .m_search_results_actions a, .m_search_results_filter p, .m_search_results_filter label, .m_search_results_filter span, .m_player_bio_social small, .m_player_bio_social_accounts, .m_tv_schedule_header li, .m_social_connect li, .m_highlights_upload_header_btn > *, .m_highlights_upload_content img, .m_highlights_upload_content .slider_btn_next, +.m_highlights_upload_content .slider_btn_prev, .m_filter_videos_content fieldset, .m_filter_offers_content fieldset, .m_filter_videos_content p > *, .m_filter_offers_content p > *, .m_filter_keywords_box > *, .m_current_videos li, .m_search_club_form p, .m_search_club_title span, .m_search_club_content_list_action > *, .m_filter_simple .select, .m_filter_simple button, .m_footer_pagination_next:after, +.m_footer_pagination_prev:before, .m_action_link, .m_highlighted_finish_game_teams > *, .m_line_up_header p, .m_line_up_header p > *, .m_cookie_btn { + display: -moz-inline-stack; + display: inline-block; + *display: inline; + zoom: 1; + letter-spacing: 0; + word-spacing: 0; +} + +.m_steps, .m_highlighted_finish_game_teams { + letter-spacing: -.31em; + word-spacing: -.43em; +} + +.image_replaced, .mfp-close, .search_bar_close, +.search_bar_error_close, .btn_social_facebook, +.btn_social_twitter, .m_media_slide_next, +.m_media_slide_prev, .m_video_item_icon_small, .m_social_connect_facebook a, +.m_social_connect_twitter a, +.m_social_connect_google a, +.m_social_connect_youtube a, +.m_social_connect_flickr a, .m_filter_keywords_box_add, .m_player_bio_date_current, .m_special_banner_link { + text-indent: 100%; + word-spacing: nowrap; + overflow: hidden; +} + +.navigation_list, .navlist_item_active .navigation_dropdown_content_list { + list-style: none; + text-transform: uppercase; + font-size: x-small; +} +.navigation_list > li:first-child, .navlist_item_active .navigation_dropdown_content_list > li:first-child { + margin-left: 0; +} +.navigation_list > li, .navlist_item_active .navigation_dropdown_content_list > li { + float: left; + margin-left: 18px; +} + +.m_link_dropdown_list, .navigation_dropdown_content, +[role=banner].sticky .navigation_dropdown_content, .navigation_sub_nav_wrapper { + border: 1px solid #D0D0D0; + border-top-color: black; + background-color: white; + position: relative; +} + +[role=banner].sticky .navigation_dropdown_content_list, .navigation_dropdown_content_list, .navigation_sub_nav_list { + list-style: none; + min-width: 214px; +} +[role=banner].sticky .navigation_dropdown_content_list li, .navigation_dropdown_content_list li, .navigation_sub_nav_list li { + border-top: 1px solid #e6e6e6; + -webkit-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); +} +[role=banner].sticky .navigation_dropdown_content_list li:hover, .navigation_dropdown_content_list li:hover, .navigation_sub_nav_list li:hover { + background-color: #EEEEEE; + color: #666666; +} +[role=banner].sticky .navigation_dropdown_content_list a, .navigation_dropdown_content_list a, .navigation_sub_nav_list a { + color: #888; + display: block; + padding: 15px 19px 13px; + text-decoration: none; +} +[role=banner].sticky .navigation_dropdown_content_list a:hover, .navigation_dropdown_content_list a:hover, .navigation_sub_nav_list a:hover { + color: #666; +} + +.header_main_wrapper, .navigation_list, .navlist_item_active .navigation_dropdown_content { + max-width: 940px; + padding-left: 10px; + padding-right: 10px; + margin: 0 auto; +} + +.silent, .navigation_goto_subnav { + speak: none; +} + +.social_facebook_btn, .social_twitter_btn, .social_google_plus_btn, .social_youtube_btn, .social_flickr_btn, .social_rss_btn, .social_renren_btn, .social_sinaweibo_btn, .social_tencent_btn, .social_wechat_btn, .social_youku_btn { + -webkit-transition: background-color 250ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: background-color 250ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: background-color 250ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: background-color 250ms cubic-bezier(0.19, 1, 0.22, 1); + transition: background-color 250ms cubic-bezier(0.19, 1, 0.22, 1); + width: 35px; + height: 35px; + font-size: 0; + line-height: 0; + white-space: nowrap; + text-indent: 100%; + overflow: hidden; + background-color: #c2c2c2; + border-radius: 50%; + background-repeat: no-repeat; + background-position: center center; +} +.social_facebook_btn:hover, .social_twitter_btn:hover, .social_google_plus_btn:hover, .social_youtube_btn:hover, .social_flickr_btn:hover, .social_rss_btn:hover, .social_renren_btn:hover, .social_sinaweibo_btn:hover, .social_tencent_btn:hover, .social_wechat_btn:hover, .social_youku_btn:hover { + background-color: #9d9d9d; +} + +.no-borderradius.no-svg .social_facebook_btn, .no-borderradius.no-svg .social_twitter_btn, .no-borderradius.no-svg .social_google_plus_btn, .no-borderradius.no-svg .social_youtube_btn, .no-borderradius.no-svg .social_flickr_btn, .no-borderradius.no-svg .social_rss_btn, .no-borderradius.no-svg .social_renren_btn, .no-borderradius.no-svg .social_sinaweibo_btn, .no-borderradius.no-svg .social_tencent_btn, .no-borderradius.no-svg .social_wechat_btn, .no-borderradius.no-svg .social_youku_btn { + position: relative; + background-color: transparent; + background-image: url("../images/backgrounds/no_br_social_btn_bg.png"); + background-position: left top; +} +.no-borderradius.no-svg .social_facebook_btn:hover, .no-borderradius.no-svg .social_twitter_btn:hover, .no-borderradius.no-svg .social_google_plus_btn:hover, .no-borderradius.no-svg .social_youtube_btn:hover, .no-borderradius.no-svg .social_flickr_btn:hover, .no-borderradius.no-svg .social_rss_btn:hover, .no-borderradius.no-svg .social_renren_btn:hover, .no-borderradius.no-svg .social_sinaweibo_btn:hover, .no-borderradius.no-svg .social_tencent_btn:hover, .no-borderradius.no-svg .social_wechat_btn:hover, .no-borderradius.no-svg .social_youku_btn:hover { + background-position: -36px; +} +.no-borderradius.no-svg .social_facebook_btn:before, .no-borderradius.no-svg .social_twitter_btn:before, .no-borderradius.no-svg .social_google_plus_btn:before, .no-borderradius.no-svg .social_youtube_btn:before, .no-borderradius.no-svg .social_flickr_btn:before, .no-borderradius.no-svg .social_rss_btn:before, .no-borderradius.no-svg .social_renren_btn:before, .no-borderradius.no-svg .social_sinaweibo_btn:before, .no-borderradius.no-svg .social_tencent_btn:before, .no-borderradius.no-svg .social_wechat_btn:before, .no-borderradius.no-svg .social_youku_btn:before { + content: ""; + display: block; + position: absolute; + background-position: center center; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-repeat: no-repeat; +} + +.header_corp_nav > li > a, .navlist_item_active .navigation_dropdown .navigation_dropdown_content_list > li > a, .navigation_tools .navlist_item > a { + -webkit-transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1); +} +.header_corp_nav > li > a:hover, .navlist_item_active .navigation_dropdown .navigation_dropdown_content_list > li > a:hover, .navigation_tools .navlist_item > a:hover { + color: black; +} + +.lowercase { + text-transform: lowercase; +} + +[data-header-schedule-carousel] ol, .m_cups_wrapper, .m_media_slide_wrapper, .m_slider_list, .m_images_slider_wrapper { + -webkit-transition-property: -webkit-transform, left, top; + -webkit-transition-duration: 0s; + -webkit-transform: translate3d(0px, 0, 0); + -webkit-transition-timing-function: ease; + -moz-transition-property: -moz-transform, left, top; + -moz-transition-duration: 0s; + -moz-transform: translate3d(0px, 0, 0); + -moz-transition-timing-function: ease; + -o-transition-property: -o-transform, left, top; + -o-transition-duration: 0s; + -o-transform: translate3d(0px, 0, 0); + -o-transition-timing-function: ease; + -o-transform: translate(0px, 0px); + -ms-transition-property: -ms-transform, left, top; + -ms-transition-duration: 0s; + -ms-transform: translate3d(0px, 0, 0); + -ms-transition-timing-function: ease; + transition-property: transform, left, top; + transition-duration: 0s; + transform: translate3d(0px, 0, 0); + transition-timing-function: ease; +} + +[data-header-schedule-carousel], .m_slider_viewport, .m_images_slider_viewport { + margin: 0 auto; + overflow: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + -o-backface-visibility: hidden; + backface-visibility: hidden; +} + +[data-header-schedule-carousel] ol, .m_slider_list, .m_images_slider_wrapper { + font-size: 0; + float: left; + white-space: nowrap; +} +[data-header-schedule-carousel] ol > *, .m_slider_list > *, .m_images_slider_wrapper > * { + font-size: x-small; +} + +.m_colaborate_info_row, .m_project_location .m_project_row, .m_highlight_project_info { + display: table; +} +.m_colaborate_info_row .col, .m_project_location .m_project_row .col, .m_highlight_project_info .col, .m_colaborate_info_row .m_poll_current, .m_project_location .m_project_row .m_poll_current, .m_highlight_project_info .m_poll_current, .m_colaborate_info_row .m_poll_related, .m_project_location .m_project_row .m_poll_related, .m_highlight_project_info .m_poll_related { + float: none; + display: table-cell; +} +.m_colaborate_info_row .col + .col, .m_project_location .m_project_row .col + .col, .m_highlight_project_info .col + .col, .m_colaborate_info_row .m_poll_current + .col, .m_project_location .m_project_row .m_poll_current + .col, .m_highlight_project_info .m_poll_current + .col, .m_colaborate_info_row .m_poll_related + .col, .m_project_location .m_project_row .m_poll_related + .col, .m_highlight_project_info .m_poll_related + .col, .m_colaborate_info_row .col + .m_poll_current, .m_project_location .m_project_row .col + .m_poll_current, .m_highlight_project_info .col + .m_poll_current, .m_colaborate_info_row .m_poll_current + .m_poll_current, .m_project_location .m_project_row .m_poll_current + .m_poll_current, .m_highlight_project_info .m_poll_current + .m_poll_current, .m_colaborate_info_row .m_poll_related + .m_poll_current, .m_project_location .m_project_row .m_poll_related + .m_poll_current, .m_highlight_project_info .m_poll_related + .m_poll_current, .m_colaborate_info_row .col + .m_poll_related, .m_project_location .m_project_row .col + .m_poll_related, .m_highlight_project_info .col + .m_poll_related, .m_colaborate_info_row .m_poll_current + .m_poll_related, .m_project_location .m_project_row .m_poll_current + .m_poll_related, .m_highlight_project_info .m_poll_current + .m_poll_related, .m_colaborate_info_row .m_poll_related + .m_poll_related, .m_project_location .m_project_row .m_poll_related + .m_poll_related, .m_highlight_project_info .m_poll_related + .m_poll_related { + border-left: 1px solid #d4d4d4; +} + +.m_text table, .m_info_table { + width: 100%; + border-collapse: collapse; + border: 1px solid #D9D9D9; + border-top: none; +} +.m_text table th, .m_info_table th { + text-align: left; + width: 80px; + padding: 10px; + font-size: 1.2em; + font-weight: bold; + text-transform: uppercase; + border-right: #D9D9D9; + color: #999999; + background-color: #F6F6F6; + border-right: 1px solid #D9D9D9; + border-top: 1px solid #D9D9D9; + vertical-align: top; +} +.m_text table td, .m_info_table td { + padding: 10px; + font-size: 1.3em; + color: #666666; + line-height: 18px; + border-top: 1px solid #D9D9D9; +} +.m_text table td strong, .m_info_table td strong { + font-size: 1.3em; +} + +.vip_layout .spaces_row > .col, .madridistas_layout .highlights_row_2columns > .col, .club_info_layout .multiple_row > .col, .tickets_layout .multiple_row > .col, .fundacion_layout .multiple_row > .col, .footer_copyright .wrapper > .col, .vip_layout .spaces_row > .m_poll_current, .madridistas_layout .highlights_row_2columns > .m_poll_current, .club_info_layout .multiple_row > .m_poll_current, .tickets_layout .multiple_row > .m_poll_current, .fundacion_layout .multiple_row > .m_poll_current, .footer_copyright .wrapper > .m_poll_current, .vip_layout .spaces_row > .m_poll_related, .madridistas_layout .highlights_row_2columns > .m_poll_related, .club_info_layout .multiple_row > .m_poll_related, .tickets_layout .multiple_row > .m_poll_related, .fundacion_layout .multiple_row > .m_poll_related, .footer_copyright .wrapper > .m_poll_related { + width: 50%; + *width: 49.999%; +} + +.fans_one_column .highlights_row_3colums > .col, .vip_layout .sections_row > .col, .fans_layout .highlights_row > .col, .partner_layout .highlights_row > .col, .madridistas_layout .highlights_row_3columns > .col, .register_layout .options_row ul > .col, .club_info_layout .members_row > .col, .club_info_layout .silver_sponsors_row > .col, .pre_footer_row > .col, .fans_one_column .highlights_row_3colums > .m_poll_current, .vip_layout .sections_row > .m_poll_current, .fans_layout .highlights_row > .m_poll_current, .partner_layout .highlights_row > .m_poll_current, .madridistas_layout .highlights_row_3columns > .m_poll_current, .register_layout .options_row ul > .m_poll_current, .club_info_layout .members_row > .m_poll_current, .club_info_layout .silver_sponsors_row > .m_poll_current, .pre_footer_row > .m_poll_current, .fans_one_column .highlights_row_3colums > .m_poll_related, .vip_layout .sections_row > .m_poll_related, .fans_layout .highlights_row > .m_poll_related, .partner_layout .highlights_row > .m_poll_related, .madridistas_layout .highlights_row_3columns > .m_poll_related, .register_layout .options_row ul > .m_poll_related, .club_info_layout .members_row > .m_poll_related, .club_info_layout .silver_sponsors_row > .m_poll_related, .pre_footer_row > .m_poll_related { + width: 33.33333%; + *width: 33.33233%; +} + +.fans_one_column .highlights_row_4colums > .col, .club_info_layout .members_row_expanded > .col, .club_info_layout .bronze_sponsors_row > .col, .fans_layout .apps_row > .col, +.fans_layout .highlight_club_row > .col, .search_layout .highlights_row ul > .col, .rm_section_row > .col, .fundacion_layout .highlight_fundacion_row > .col, .m_search_results_content > ul > .col, .fans_one_column .highlights_row_4colums > .m_poll_current, .club_info_layout .members_row_expanded > .m_poll_current, .club_info_layout .bronze_sponsors_row > .m_poll_current, .fans_layout .apps_row > .m_poll_current, +.fans_layout .highlight_club_row > .m_poll_current, .search_layout .highlights_row ul > .m_poll_current, .rm_section_row > .m_poll_current, .fundacion_layout .highlight_fundacion_row > .m_poll_current, .m_search_results_content > ul > .m_poll_current, .fans_one_column .highlights_row_4colums > .m_poll_related, .club_info_layout .members_row_expanded > .m_poll_related, .club_info_layout .bronze_sponsors_row > .m_poll_related, .fans_layout .apps_row > .m_poll_related, +.fans_layout .highlight_club_row > .m_poll_related, .search_layout .highlights_row ul > .m_poll_related, .rm_section_row > .m_poll_related, .fundacion_layout .highlight_fundacion_row > .m_poll_related, .m_search_results_content > ul > .m_poll_related { + width: 25%; + *width: 24.999%; +} + +.footer_sitemap .wrapper > .col, .footer_sitemap .wrapper > .m_poll_current, .footer_sitemap .wrapper > .m_poll_related { + width: 16.66667%; + *width: 16.66567%; +} + +.club_info_layout .multiple_row, .tickets_layout .multiple_row, .fundacion_layout .multiple_row, .club_info_layout .members_row, .sports_layout .players_row ul, .fans_layout .fans_row { + font-size: 0; +} +.club_info_layout .multiple_row > .col, .tickets_layout .multiple_row > .col, .fundacion_layout .multiple_row > .col, .club_info_layout .members_row > .col, .sports_layout .players_row ul > .col, .fans_layout .fans_row > .col, .club_info_layout .multiple_row > .m_poll_current, .tickets_layout .multiple_row > .m_poll_current, .fundacion_layout .multiple_row > .m_poll_current, .club_info_layout .members_row > .m_poll_current, .sports_layout .players_row ul > .m_poll_current, .fans_layout .fans_row > .m_poll_current, .club_info_layout .multiple_row > .m_poll_related, .tickets_layout .multiple_row > .m_poll_related, .fundacion_layout .multiple_row > .m_poll_related, .club_info_layout .members_row > .m_poll_related, .sports_layout .players_row ul > .m_poll_related, .fans_layout .fans_row > .m_poll_related { + display: inline-block; + font-size: x-small; + float: none; + vertical-align: top; +} + +.master-layout > .section, .master-layout > .m_poll_results { + max-width: 960px; + margin: 0 auto; +} +.master-layout > .full_section { + max-width: 100%; +} + +.fans_two_columns .banner_row > *, .club_info_layout .banner_row > *, .tickets_layout .banner_row > *, .sports_layout .banner_row > *, .news_layout .banner_row > *, .partner_layout .banner_row > *, .madridistas_layout .banner_row > *, .fundacion_layout .banner_row > *, .fans_two_columns .header_row > *, .club_info_layout .header_row > *, .tickets_layout .header_row > *, .sports_layout .header_row > *, .news_layout .header_row > *, .partner_layout .header_row > *, .madridistas_layout .header_row > *, .fundacion_layout .header_row > *, .fans_two_columns .actions_row > *, .club_info_layout .actions_row > *, .tickets_layout .actions_row > *, .sports_layout .actions_row > *, .news_layout .actions_row > *, .partner_layout .actions_row > *, .madridistas_layout .actions_row > *, .fundacion_layout .actions_row > *, .home_layout .banner_row > *, .home_layout .header_row > *, .home_layout .actions_row > *, .fans_one_column .banner_row > *, .fans_one_column .content_row > *, .club_info_layout .members_row > *, .notices_layout .main_row > *, .notices_layout .club_info_layout .overlapping_main_row > *, .club_info_layout .notices_layout .overlapping_main_row > * { + width: 100%; + *width: 99.999%; +} + +.notices_layout .details_row > * { + width: 66.66667%; + *width: 66.66567%; +} + +.fans_two_columns .main_row > .col, .club_info_layout .main_row > .col, .tickets_layout .main_row > .col, .sports_layout .main_row > .col, .news_layout .main_row > .col, .partner_layout .main_row > .col, .madridistas_layout .main_row > .col, .fundacion_layout .main_row > .col, .club_info_layout .overlapping_main_row > .col, .home_layout .main_row > .col, .sports_layout .match_info_row > .col, .specials_layout .main_row > .col, .vip_layout .main_row > .col, .fans_layout .main_row > .col, .register_layout .main_row > .col, .club_info_layout .practical_info_row > .col, .vip_layout .practical_info_row > .col, .fans_two_columns .main_row > .m_poll_current, .club_info_layout .main_row > .m_poll_current, .tickets_layout .main_row > .m_poll_current, .sports_layout .main_row > .m_poll_current, .news_layout .main_row > .m_poll_current, .partner_layout .main_row > .m_poll_current, .madridistas_layout .main_row > .m_poll_current, .fundacion_layout .main_row > .m_poll_current, .club_info_layout .overlapping_main_row > .m_poll_current, .home_layout .main_row > .m_poll_current, .sports_layout .match_info_row > .m_poll_current, .specials_layout .main_row > .m_poll_current, .vip_layout .main_row > .m_poll_current, .fans_layout .main_row > .m_poll_current, .register_layout .main_row > .m_poll_current, .club_info_layout .practical_info_row > .m_poll_current, .vip_layout .practical_info_row > .m_poll_current, .fans_two_columns .main_row > .m_poll_related, .club_info_layout .main_row > .m_poll_related, .tickets_layout .main_row > .m_poll_related, .sports_layout .main_row > .m_poll_related, .news_layout .main_row > .m_poll_related, .partner_layout .main_row > .m_poll_related, .madridistas_layout .main_row > .m_poll_related, .fundacion_layout .main_row > .m_poll_related, .club_info_layout .overlapping_main_row > .m_poll_related, .home_layout .main_row > .m_poll_related, .sports_layout .match_info_row > .m_poll_related, .specials_layout .main_row > .m_poll_related, .vip_layout .main_row > .m_poll_related, .fans_layout .main_row > .m_poll_related, .register_layout .main_row > .m_poll_related, .club_info_layout .practical_info_row > .m_poll_related, .vip_layout .practical_info_row > .m_poll_related { + width: 33.33333%; + *width: 33.33233%; +} +.fans_two_columns .main_row > .important, .club_info_layout .main_row > .important, .tickets_layout .main_row > .important, .sports_layout .main_row > .important, .news_layout .main_row > .important, .partner_layout .main_row > .important, .madridistas_layout .main_row > .important, .fundacion_layout .main_row > .important, .club_info_layout .overlapping_main_row > .important, .home_layout .main_row > .important, .sports_layout .match_info_row > .important, .specials_layout .main_row > .important, .vip_layout .main_row > .important, .fans_layout .main_row > .important, .register_layout .main_row > .important, .club_info_layout .practical_info_row > .important, .vip_layout .practical_info_row > .important { + width: 66.66667%; + *width: 66.66567%; +} + +.partner_layout .card_row > .aditional_content { + width: 16.66667%; + *width: 16.66567%; +} +.partner_layout .card_row > .aside { + width: 33.33333%; + *width: 33.33233%; +} +.partner_layout .card_row > .content { + width: 50%; + *width: 49.999%; +} + +.fans_two_columns .content_row > .col, .club_info_layout .content_row > .col, .tickets_layout .content_row > .col, .sports_layout .content_row > .col, .news_layout .content_row > .col, .partner_layout .content_row > .col, .madridistas_layout .content_row > .col, .fundacion_layout .content_row > .col, .home_layout .content_row > .col, .fans_two_columns .content_row > .m_poll_current, .club_info_layout .content_row > .m_poll_current, .tickets_layout .content_row > .m_poll_current, .sports_layout .content_row > .m_poll_current, .news_layout .content_row > .m_poll_current, .partner_layout .content_row > .m_poll_current, .madridistas_layout .content_row > .m_poll_current, .fundacion_layout .content_row > .m_poll_current, .home_layout .content_row > .m_poll_current, .fans_two_columns .content_row > .m_poll_related, .club_info_layout .content_row > .m_poll_related, .tickets_layout .content_row > .m_poll_related, .sports_layout .content_row > .m_poll_related, .news_layout .content_row > .m_poll_related, .partner_layout .content_row > .m_poll_related, .madridistas_layout .content_row > .m_poll_related, .fundacion_layout .content_row > .m_poll_related, .home_layout .content_row > .m_poll_related { + width: 25%; +} +.fans_two_columns .content_row > .important, .club_info_layout .content_row > .important, .tickets_layout .content_row > .important, .sports_layout .content_row > .important, .news_layout .content_row > .important, .partner_layout .content_row > .important, .madridistas_layout .content_row > .important, .fundacion_layout .content_row > .important, .home_layout .content_row > .important { + width: 75%; +} + +.no-svg .ico_arrow_down, .no-svg .btn_show:after, .no-svg .m_link_nav_content_sublevel > a:after, .no-svg .m_link_dropdown { + background-image: url("../images/icons/png/arrow_down.png"); +} + +.ico_arrow_down, .btn_show:after, .m_link_nav_content_sublevel > a:after, .m_link_dropdown { + background-image: url("../images/icons/svg/arrow_down.svg"); +} + +.ico_arrow_down, .btn_show:after, .m_link_nav_content_sublevel > a:after { + background-repeat: no-repeat; + width: 13px; + height: 7px; +} + +.no-svg .ico_arrow_up, .no-svg .m_link_nav_content_sublevel.active > a:after { + background-image: url("../images/icons/png/arrow_up.png"); +} + +.ico_arrow_up, .m_link_nav_content_sublevel.active > a:after { + background-image: url("../images/icons/svg/arrow_up.svg"); +} + +.ico_arrow_up, .m_link_nav_content_sublevel.active > a:after { + background-repeat: no-repeat; + width: 13px; + height: 7px; +} + +.no-svg .ico_arrow_down_big, .no-svg .m_teams_stats_action .btn_show:after, .m_teams_stats_action .no-svg .btn_show:after, .no-svg .m_link_nav_action:after { + background-image: url("../images/icons/png/arrow_down_big.png"); +} + +.ico_arrow_down_big, .m_teams_stats_action .btn_show:after, .m_link_nav_action:after { + background-image: url("../images/icons/svg/arrow_down_big.svg"); +} + +.ico_arrow_down_big, .m_teams_stats_action .btn_show:after { + background-repeat: no-repeat; + width: 17px; + height: 11px; +} + +.no-svg .ico_arrow_down_small, .no-svg .select_button, .no-svg .navlist_item_with_dropdown > a:after, +.no-svg .navlist_item_active .with_dropdown > a:after, +.navlist_item_active .no-svg .with_dropdown > a:after, +.no-svg [role=banner].sticky .navlist_item_with_dropdown > a:after, +[role=banner].sticky .no-svg .navlist_item_with_dropdown > a:after { + background-image: url("../images/icons/png/arrow_down_small.png"); +} + +.ico_arrow_down_small, .select_button, .navlist_item_with_dropdown > a:after, +.navlist_item_active .with_dropdown > a:after, +[role=banner].sticky .navlist_item_with_dropdown > a:after { + background-image: url("../images/icons/svg/arrow_down_small.svg"); +} + +.ico_arrow_down_small { + background-repeat: no-repeat; + width: 9px; + height: 5px; +} + +.no-svg .ico_arrow_select { + background-image: url("../images/icons/png/arrow_select.png"); +} + +.ico_arrow_select { + background-image: url("../images/icons/svg/arrow_select.svg"); +} + +.ico_arrow_select { + background-repeat: no-repeat; +} + +.no-svg .ico_dropdown_arrow, .no-svg .m_link_dropdown_list:before, .no-svg .navigation_dropdown_content:before, +.no-svg [role=banner].sticky .navigation_dropdown_content:before, +[role=banner].sticky .no-svg .navigation_dropdown_content:before, .no-svg .navlist_item_active .with_dropdown:hover:after, .navlist_item_active .no-svg .with_dropdown:hover:after { + background-image: url("../images/icons/png/dropdown_arrow.png"); +} + +.ico_dropdown_arrow, .m_link_dropdown_list:before, .navigation_dropdown_content:before, +[role=banner].sticky .navigation_dropdown_content:before, .navlist_item_active .with_dropdown:hover:after { + background-image: url("../images/icons/svg/dropdown_arrow.svg"); +} + +.ico_dropdown_arrow, .m_link_dropdown_list:before, .navigation_dropdown_content:before, +[role=banner].sticky .navigation_dropdown_content:before, .navlist_item_active .with_dropdown:hover:after { + background-repeat: no-repeat; + width: 10px; + height: 6px; +} + +.no-svg .ico_search, .no-svg .navigation_tools .navigation_search_btn, .navigation_tools .no-svg .navigation_search_btn { + background-image: url("../images/icons/png/search.png"); +} + +.ico_search, .navigation_tools .navigation_search_btn, .navigation_tools a.navigation_search_btn { + background-image: url("../images/icons/svg/search.svg"); +} + +.ico_search { + background-repeat: no-repeat; + width: 16px; + height: 16px; +} + +.no-svg .ico_search_black, .no-svg .navigation_tools .navigation_search_btn_active, .navigation_tools .no-svg .navigation_search_btn_active { + background-image: url("../images/icons/png/search_black.png"); +} + +.ico_search_black, .navigation_tools .navigation_search_btn_active, .navigation_tools a.navigation_search_btn_active { + background-image: url("../images/icons/svg/search_black.svg"); +} + +.ico_search_black { + background-repeat: no-repeat; + width: 16px; + height: 16px; +} + +.no-svg .ico_search_white, .no-svg .m_search_box button, .m_search_box .no-svg button { + background-image: url("../images/icons/png/search_white.png"); +} + +.ico_search_white, .m_search_box button { + background-image: url("../images/icons/svg/search_white.svg"); +} + +.ico_search_white { + background-repeat: no-repeat; + width: 16px; + height: 16px; +} + +.no-svg .ico_goto, .no-svg [data-header-schedule-carousel] [data-prev], [data-header-schedule-carousel] .no-svg [data-prev], +.no-svg [data-header-schedule-carousel] [data-next], +[data-header-schedule-carousel] .no-svg [data-next] { + background-image: url("../images/icons/png/goto.png"); +} + +.ico_goto, [data-header-schedule-carousel] [data-prev], +[data-header-schedule-carousel] [data-next] { + background-image: url("../images/icons/svg/goto.svg"); +} + +.ico_goto { + background-repeat: no-repeat; + width: 11px; + height: 19px; +} + +.no-svg .ico_schedule, .no-svg .m_schedule .m_widget_title, .m_schedule .no-svg .m_widget_title, .no-svg .m_schedule_widget_title { + background-image: url("../images/icons/png/schedule.png"); +} + +.ico_schedule, .m_schedule .m_widget_title, .m_schedule_widget_title { + background-image: url("../images/icons/svg/schedule.svg"); +} + +.ico_schedule { + background-repeat: no-repeat; + width: 23px; + height: 22px; +} + +.no-svg .ico_arrow_prev, .no-svg .m_pagination_prev:before, .no-svg .m_next_match_carousel_prev, .no-svg .btn_prev_text, .no-svg .m_video_image_slider .slider_btn_prev, .m_video_image_slider .no-svg .slider_btn_prev, .no-svg .m_partner_slider .slider_btn_prev, .m_partner_slider .no-svg .slider_btn_prev { + background-image: url("../images/icons/png/arrow_prev.png"); +} + +.ico_arrow_prev, .m_pagination_prev:before, .m_next_match_carousel_prev, .btn_prev_text, .m_video_image_slider .slider_btn_prev, .m_partner_slider .slider_btn_prev { + background-image: url("../images/icons/svg/arrow_prev.svg"); +} + +.ico_arrow_prev, .m_pagination_prev:before { + background-repeat: no-repeat; + width: 11px; + height: 20px; +} + +.no-svg .ico_arrow_next, .no-svg .btn_next_text:after, .no-svg .m_pagination_next:before, .no-svg .m_next_match_carousel_next, .no-svg .m_link_nav_subcontent a, .m_link_nav_subcontent .no-svg a, .no-svg .m_highlight_footer a, .m_highlight_footer .no-svg a, .no-svg .m_video_image_slider .slider_btn_next, .m_video_image_slider .no-svg .slider_btn_next, .no-svg .m_rm_strip > span:after, .no-svg .m_transfers_sec1 .m_ver_ficha_strip > span:after, .m_transfers_sec1 .no-svg .m_ver_ficha_strip > span:after, .no-svg .m_transfers_sec_2 .m_ver_ficha_strip > span:after, .m_transfers_sec_2 .no-svg .m_ver_ficha_strip > span:after, .no-svg .m_player_bio_date_current, .no-svg .m_partner_slider .slider_btn_next, .m_partner_slider .no-svg .slider_btn_next { + background-image: url("../images/icons/png/arrow_next.png"); +} + +.ico_arrow_next, .btn_next_text:after, .m_pagination_next:before, .m_next_match_carousel_next, .m_link_nav_subcontent a, .m_highlight_footer a, .m_video_image_slider .slider_btn_next, .m_rm_strip > span:after, .m_transfers_sec1 .m_ver_ficha_strip > span:after, .m_transfers_sec_2 .m_ver_ficha_strip > span:after, .m_player_bio_date_current, .m_partner_slider .slider_btn_next { + background-image: url("../images/icons/svg/arrow_next.svg"); +} + +.ico_arrow_next, .btn_next_text:after, .m_pagination_next:before { + background-repeat: no-repeat; + width: 11px; + height: 20px; +} + +.no-svg .ico_arrow_prev_white, .no-svg .m_cup_legend .m_cup_legend_gallery .m_slider .slider_btn_prev, .m_cup_legend .m_cup_legend_gallery .m_slider .no-svg .slider_btn_prev { + background-image: url("../images/icons/png/arrow_prev_white.png"); +} + +.ico_arrow_prev_white, .m_cup_legend .m_cup_legend_gallery .m_slider .slider_btn_prev { + background-image: url("../images/icons/svg/arrow_prev_white.svg"); +} + +.ico_arrow_prev_white { + background-repeat: no-repeat; + width: 11px; + height: 20px; +} + +.no-svg .ico_arrow_next_white, .no-svg .m_cup_legend .m_cup_legend_gallery .m_slider .slider_btn_next, .m_cup_legend .m_cup_legend_gallery .m_slider .no-svg .slider_btn_next { + background-image: url("../images/icons/png/arrow_next_white.png"); +} + +.ico_arrow_next_white, .m_cup_legend .m_cup_legend_gallery .m_slider .slider_btn_next { + background-image: url("../images/icons/svg/arrow_next_white.svg"); +} + +.ico_arrow_next_white { + background-repeat: no-repeat; + width: 11px; + height: 20px; +} + +.no-svg .ico_download, .no-svg .m_matches_actions .download, .m_matches_actions .no-svg .download, .no-svg .btn_download:after { + background-image: url("../images/icons/png/download.png"); +} + +.ico_download, .m_matches_actions .download, .btn_download:after { + background-image: url("../images/icons/svg/download.svg"); +} + +.ico_download, .m_matches_actions .download { + background-repeat: no-repeat; + width: 23px; + height: 21px; +} + +.no-svg .ico_read_later, .no-svg .btn_read_later:after, +.no-svg .btn_read_later_active:after { + background-image: url("../images/icons/png/read_later.png"); +} + +.ico_read_later, .btn_read_later:after, +.btn_read_later_active:after { + background-image: url("../images/icons/svg/read_later.svg"); +} + +.ico_read_later, .btn_read_later:after, +.btn_read_later_active:after { + background-repeat: no-repeat; + width: 10px; + height: 18px; +} + +.no-svg .ico_read_later_active, .no-svg .btn_read_later_active:after { + background-image: url("../images/icons/png/read_later_active.png"); +} + +.ico_read_later_active, .btn_read_later_active:after { + background-image: url("../images/icons/svg/read_later_active.svg"); +} + +.ico_read_later_active, .btn_read_later_active:after { + background-repeat: no-repeat; + width: 10px; + height: 18px; +} + +.no-svg .ico_arrow_btn_next, .no-svg .btn_next:after, .no-svg .m_media_slide_next, .no-svg .m_years_slider .slider_btn_next, .m_years_slider .no-svg .slider_btn_next, .no-svg .m_history_slider .slider_btn_next, .m_history_slider .no-svg .slider_btn_next, .no-svg .m_history_slider_year_link:after, .no-svg .m_history_facebook:after, .no-svg .m_related_gallery_actions .next, .m_related_gallery_actions .no-svg .next { + background-image: url("../images/icons/png/arrow_btn_next.png"); +} + +.ico_arrow_btn_next, .btn_next:after, .m_media_slide_next, .m_years_slider .slider_btn_next, .m_history_slider .slider_btn_next, .m_history_slider_year_link:after, .m_history_facebook:after, .m_related_gallery_actions .next { + background-image: url("../images/icons/svg/arrow_btn_next.svg"); +} + +.ico_arrow_btn_next, .btn_next:after { + background-repeat: no-repeat; + width: 7px; + height: 12px; +} + +.no-svg .ico_arrow_btn_prev, .no-svg .btn_prev:after, .no-svg .m_media_slide_prev, .no-svg .m_years_slider .slider_btn_prev, .m_years_slider .no-svg .slider_btn_prev, .no-svg .m_history_slider .slider_btn_prev, .m_history_slider .no-svg .slider_btn_prev, .no-svg .m_related_gallery_actions .prev, .m_related_gallery_actions .no-svg .prev { + background-image: url("../images/icons/png/arrow_btn_prev.png"); +} + +.ico_arrow_btn_prev, .btn_prev:after, .m_media_slide_prev, .m_years_slider .slider_btn_prev, .m_history_slider .slider_btn_prev, .m_related_gallery_actions .prev { + background-image: url("../images/icons/svg/arrow_btn_prev.svg"); +} + +.ico_arrow_btn_prev, .btn_prev:after { + background-repeat: no-repeat; + width: 7px; + height: 12px; +} + +.no-svg .ico_rm_footer_logo, .no-svg .footer_sponsors:after, .no-svg .m_history_slider_item_description { + background-image: url("../images/icons/png/rm_vect_logo.png"); +} + +.ico_rm_footer_logo, .footer_sponsors:after, .m_history_slider_item_description { + background-image: url("../images/icons/svg/rm_vect_logo.svg"); +} + +.ico_rm_footer_logo { + background-repeat: no-repeat; + width: 32px; + height: 43px; +} + +.no-svg .ico_dashboard_btn, .no-svg .dashboard_btn:before { + background-image: url("../images/icons/png/dashboard_btn.png"); +} + +.ico_dashboard_btn, .dashboard_btn:before { + background-image: url("../images/icons/svg/dashboard_btn.svg"); +} + +.ico_dashboard_btn { + background-repeat: no-repeat; +} + +.no-svg .ico_notice_logo, .no-svg .m_action_notice_wrapper:after { + background-image: url("../images/icons/png/notice_logo.png"); +} + +.ico_notice_logo, .m_action_notice_wrapper:after { + background-image: url("../images/icons/svg/notice_logo.svg"); +} + +.ico_notice_logo { + background-repeat: no-repeat; +} + +.no-svg .ico_share, .no-svg .m_matches_actions .share, .m_matches_actions .no-svg .share, .no-svg .m_share_action:after { + background-image: url("../images/icons/png/share.png"); +} + +.ico_share, .m_matches_actions .share, .m_share_action:after { + background-image: url("../images/icons/svg/share.svg"); +} + +.ico_share, .m_matches_actions .share { + background-repeat: no-repeat; + width: 18px; + height: 17px; +} + +.no-svg .ico_share_white, .no-svg .m_photo_gallery_slide .slides > li .description .m_share_action:after, .m_photo_gallery_slide .slides > li .description .no-svg .m_share_action:after { + background-image: url("../images/icons/png/share_white.png"); +} + +.ico_share_white, .m_photo_gallery_slide .slides > li .description .m_share_action:after { + background-image: url("../images/icons/svg/share_white.svg"); +} + +.ico_share_white { + background-repeat: no-repeat; + width: 18px; + height: 17px; +} + +.no-svg .ico_search_bar_close, .no-svg .search_bar_close, +.no-svg .search_bar_error_close { + background-image: url("../images/icons/png/search_bar_close.png"); +} + +.ico_search_bar_close, .search_bar_close, +.search_bar_error_close { + background-image: url("../images/icons/svg/search_bar_close.svg"); +} + +.ico_search_bar_close, .search_bar_close, +.search_bar_error_close { + background-repeat: no-repeat; + width: 20px; + height: 20px; +} + +.no-svg .ico_clock, .no-svg .header_change_time { + background-image: url("../images/icons/png/clock.png"); +} + +.ico_clock, .header_change_time { + background-image: url("../images/icons/svg/clock.svg"); +} + +.ico_clock { + background-repeat: no-repeat; + width: 15px; + height: 17px; +} + +.no-svg .ico_close_white, .no-svg .header_info_content [data-close], .header_info_content .no-svg [data-close] { + background-image: url("../images/icons/png/close_white.png"); +} + +.ico_close_white, .header_info_content [data-close] { + background-image: url("../images/icons/svg/close_white.svg"); +} + +.ico_close_white { + background-repeat: no-repeat; + width: 21px; + height: 21px; +} + +.no-svg .ico_close_grey { + background-image: url("../images/icons/png/close_grey.png"); +} + +.ico_close_grey { + background-image: url("../images/icons/svg/close_grey.svg"); +} + +.ico_close_grey { + background-repeat: no-repeat; + width: 21px; + height: 21px; +} + +.no-svg .ico_bullet_news, .no-svg .m_news { + background-image: url("../images/icons/png/bullet_news.png"); +} + +.ico_bullet_news, .m_news { + background-image: url("../images/icons/svg/bullet_news.svg"); +} + +.ico_bullet_news { + background-repeat: no-repeat; + width: 55px; + height: 35px; +} + +.no-svg .ico_register_partner, .no-svg .m_register_title:after { + background-image: url("../images/icons/png/register_partner.png"); +} + +.ico_register_partner, .m_register_title:after { + background-image: url("../images/icons/svg/register_partner.svg"); +} + +.ico_register_partner, .m_register_title:after { + background-repeat: no-repeat; + width: 116px; + height: 116px; +} + +.no-svg .ico_register_card, .no-svg .m_register_card .m_register_title:after, .m_register_card .no-svg .m_register_title:after { + background-image: url("../images/icons/png/register_card.png"); +} + +.ico_register_card, .m_register_card .m_register_title:after { + background-image: url("../images/icons/svg/register_card.svg"); +} + +.ico_register_card, .m_register_card .m_register_title:after { + background-repeat: no-repeat; + width: 116px; + height: 116px; +} + +.no-svg .ico_register_no_partner, .no-svg .m_register_no_partner .m_register_title:after, .m_register_no_partner .no-svg .m_register_title:after { + background-image: url("../images/icons/png/register_no_partner.png"); +} + +.ico_register_no_partner, .m_register_no_partner .m_register_title:after { + background-image: url("../images/icons/svg/register_no_partner.svg"); +} + +.ico_register_no_partner, .m_register_no_partner .m_register_title:after { + background-repeat: no-repeat; + width: 116px; + height: 116px; +} + +.no-svg .ico_register_partner_mob { + background-image: url("../images/icons/png/register_partner_mob.png"); +} + +.ico_register_partner_mob { + background-image: url("../images/icons/svg/register_partner_mob.svg"); +} + +.ico_register_partner_mob { + background-repeat: no-repeat; + width: 116px; + height: 116px; +} + +.no-svg .ico_no_register_mob { + background-image: url("../images/icons/png/no_register_mob.png"); +} + +.ico_no_register_mob { + background-image: url("../images/icons/svg/no_register_mob.svg"); +} + +.ico_no_register_mob { + background-repeat: no-repeat; + width: 116px; + height: 116px; +} + +.no-svg .ico_m_advantages_check, .no-svg .m_advantage_check { + background-image: url("../images/icons/png/m_advantages_check.png"); +} + +.ico_m_advantages_check, .m_advantage_check { + background-image: url("../images/icons/svg/m_advantages_check.svg"); +} + +.ico_m_advantages_check { + background-repeat: no-repeat; +} + +.no-svg .ico_newsletter, .no-svg .m_advantages:after { + background-image: url("../images/icons/png/newsletter.png"); +} + +.ico_newsletter, .m_advantages:after { + background-image: url("../images/icons/svg/newsletter.svg"); +} + +.ico_newsletter, .m_advantages:after { + background-repeat: no-repeat; + width: 44px; + height: 39px; +} + +.no-svg .ico_circular, .no-svg .m_advantages_circular:after { + background-image: url("../images/icons/png/circular.png"); +} + +.ico_circular, .m_advantages_circular:after { + background-image: url("../images/icons/svg/circular.svg"); +} + +.ico_circular, .m_advantages_circular:after { + background-repeat: no-repeat; + width: 35px; + height: 44px; +} + +.no-svg .ico_widget, .no-svg .m_advantages_widget:after { + background-image: url("../images/icons/png/widget.png"); +} + +.ico_widget, .m_advantages_widget:after { + background-image: url("../images/icons/svg/widget.svg"); +} + +.ico_widget, .m_advantages_widget:after { + background-repeat: no-repeat; + width: 44px; + height: 43px; +} + +.no-svg .ico_cam, .no-svg .m_image_item_picture { + background-image: url("../images/icons/png/cam.png"); +} + +.ico_cam, .m_image_item_picture { + background-image: url("../images/icons/svg/cam.svg"); +} + +.ico_cam { + background-repeat: no-repeat; +} + +.no-svg .ico_background_desk, .no-svg .m_advantages_background:after { + background-image: url("../images/icons/png/background_desk.png"); +} + +.ico_background_desk, .m_advantages_background:after { + background-image: url("../images/icons/svg/background_desk.svg"); +} + +.ico_background_desk, .m_advantages_background:after { + background-repeat: no-repeat; + width: 43px; + height: 34px; +} + +.no-svg .ico_logo_m_section, .no-svg .m_section div:after, .m_section .no-svg div:after, .no-svg .m_highlights_banner_rm_logo { + background-image: url("../images/icons/png/logo_m_section.png"); +} + +.ico_logo_m_section, .m_section div:after, .m_highlights_banner_rm_logo { + background-image: url("../images/icons/svg/logo_m_section.svg"); +} + +.ico_logo_m_section { + background-repeat: no-repeat; + width: 31px; + height: 43px; +} + +.no-svg .ico_rss, .no-svg .m_matches_actions .rss, .m_matches_actions .no-svg .rss { + background-image: url("../images/icons/png/rss.png"); +} + +.ico_rss, .m_matches_actions .rss { + background-image: url("../images/icons/svg/rss.svg"); +} + +.ico_rss, .m_matches_actions .rss { + background-repeat: no-repeat; + width: 17px; + height: 17px; +} + +.no-svg .ico_filter_grid, .no-svg .m_search_results_actions .m_search_results_actions_grid, .m_search_results_actions .no-svg .m_search_results_actions_grid { + background-image: url("../images/icons/png/filter_grid.png"); +} + +.ico_filter_grid, .m_search_results_actions .m_search_results_actions_grid { + background-image: url("../images/icons/svg/filter_grid.svg"); +} + +.ico_filter_grid { + background-repeat: no-repeat; +} + +.no-svg .ico_filter_list, .no-svg .m_search_results_actions .m_search_results_actions_list, .m_search_results_actions .no-svg .m_search_results_actions_list { + background-image: url("../images/icons/png/filter_list.png"); +} + +.ico_filter_list, .m_search_results_actions .m_search_results_actions_list { + background-image: url("../images/icons/svg/filter_list.svg"); +} + +.ico_filter_list { + background-repeat: no-repeat; +} + +.no-svg .ico_payment_details, .no-svg .form_payment_details .form_legend span, .form_payment_details .form_legend .no-svg span { + background-image: url("../images/icons/png/payment_details.png"); +} + +.ico_payment_details, .form_payment_details .form_legend span { + background-image: url("../images/icons/svg/payment_details.svg"); +} + +.ico_payment_details { + background-repeat: no-repeat; +} + +.no-svg .ico_fb_silhouette, .no-svg .m_highlight_social_fb .m_highlight_header .m_highlight_cover:after, .m_highlight_social_fb .m_highlight_header .no-svg .m_highlight_cover:after, .no-svg .m_highlight_social_fb .m_store_header .m_highlight_cover:after, .m_highlight_social_fb .m_store_header .no-svg .m_highlight_cover:after { + background-image: url("../images/icons/png/fb_silhouette.png"); +} + +.ico_fb_silhouette, .m_highlight_social_fb .m_highlight_header .m_highlight_cover:after, .m_highlight_social_fb .m_store_header .m_highlight_cover:after { + background-image: url("../images/icons/svg/fb_silhouette.svg"); +} + +.ico_fb_silhouette { + background-repeat: no-repeat; +} + +.no-svg .ico_twitter_silhouette, .no-svg .m_highlight_social_twitter .m_highlight_header .m_highlight_cover:after, .m_highlight_social_twitter .m_highlight_header .no-svg .m_highlight_cover:after, .no-svg .m_highlight_social_twitter .m_store_header .m_highlight_cover:after, .m_highlight_social_twitter .m_store_header .no-svg .m_highlight_cover:after { + background-image: url("../images/icons/png/twitter_silhouette.png"); +} + +.ico_twitter_silhouette, .m_highlight_social_twitter .m_highlight_header .m_highlight_cover:after, .m_highlight_social_twitter .m_store_header .m_highlight_cover:after { + background-image: url("../images/icons/svg/twitter_silhouette.svg"); +} + +.ico_twitter_silhouette { + background-repeat: no-repeat; +} + +.no-svg .ico_gplus_silhouette, .no-svg .m_highlight_social_google .m_highlight_header .m_highlight_cover:after, .m_highlight_social_google .m_highlight_header .no-svg .m_highlight_cover:after, .no-svg .m_highlight_social_google .m_store_header .m_highlight_cover:after, .m_highlight_social_google .m_store_header .no-svg .m_highlight_cover:after { + background-image: url("../images/icons/png/gplus_silhouette.png"); +} + +.ico_gplus_silhouette, .m_highlight_social_google .m_highlight_header .m_highlight_cover:after, .m_highlight_social_google .m_store_header .m_highlight_cover:after { + background-image: url("../images/icons/svg/gplus_silhouette.svg"); +} + +.ico_gplus_silhouette { + background-repeat: no-repeat; +} + +.no-svg .ico_facebook_connect, .no-svg .m_social_connect_facebook a, .m_social_connect_facebook .no-svg a { + background-image: url("../images/icons/png/facebook_connect.png"); +} + +.ico_facebook_connect, .m_social_connect_facebook a { + background-image: url("../images/icons/svg/facebook_connect.svg"); +} + +.ico_facebook_connect { + background-repeat: no-repeat; +} + +.no-svg .ico_twitter_connect, .no-svg .m_social_connect_twitter a, .m_social_connect_twitter .no-svg a { + background-image: url("../images/icons/png/twitter_connect.png"); +} + +.ico_twitter_connect, .m_social_connect_twitter a { + background-image: url("../images/icons/svg/twitter_connect.svg"); +} + +.ico_twitter_connect { + background-repeat: no-repeat; +} + +.no-svg .ico_google_connect, .no-svg .m_social_connect_google a, .m_social_connect_google .no-svg a { + background-image: url("../images/icons/png/google_connect.png"); +} + +.ico_google_connect, .m_social_connect_google a { + background-image: url("../images/icons/svg/google_connect.svg"); +} + +.ico_google_connect { + background-repeat: no-repeat; +} + +.no-svg .ico_youtube_connect, .no-svg .m_social_connect_youtube a, .m_social_connect_youtube .no-svg a { + background-image: url("../images/icons/png/youtube_connect.png"); +} + +.ico_youtube_connect, .m_social_connect_youtube a { + background-image: url("../images/icons/svg/youtube_connect.svg"); +} + +.ico_youtube_connect { + background-repeat: no-repeat; +} + +.no-svg .ico_flickr_connect, .no-svg .m_social_connect_flickr a, .m_social_connect_flickr .no-svg a { + background-image: url("../images/icons/png/flickr_connect.png"); +} + +.ico_flickr_connect, .m_social_connect_flickr a { + background-image: url("../images/icons/svg/flickr_connect.svg"); +} + +.ico_flickr_connect { + background-repeat: no-repeat; +} + +.no-svg .ico_words_add, .no-svg .m_filter_keywords_box_add { + background-image: url("../images/icons/png/words_add.png"); +} + +.ico_words_add, .m_filter_keywords_box_add { + background-image: url("../images/icons/svg/words_add.svg"); +} + +.ico_words_add { + background-repeat: no-repeat; +} + +.no-svg .ico_words_close, .no-svg .m_highlight_delete, .no-svg .m_filter_keywords_box span:after, .m_filter_keywords_box .no-svg span:after { + background-image: url("../images/icons/png/words_close.png"); +} + +.ico_words_close, .m_highlight_delete, .m_filter_keywords_box span:after { + background-image: url("../images/icons/svg/words_close.svg"); +} + +.ico_words_close { + background-repeat: no-repeat; +} + +.no-svg .ico_photo, .no-svg .m_photo_content:before { + background-image: url("../images/icons/png/photo.png"); +} + +.ico_photo, .m_photo_content:before { + background-image: url("../images/icons/svg/photo.svg"); +} + +.ico_photo { + background-repeat: no-repeat; +} + +.no-svg .ico_blockquote_player, .no-svg .m_bio_strip_quote blockquote:before, .m_bio_strip_quote .no-svg blockquote:before, .no-svg .m_bio_quote blockquote:before, .m_bio_quote .no-svg blockquote:before { + background-image: url("../images/icons/png/blockquote_player.png"); +} + +.ico_blockquote_player, .m_bio_strip_quote blockquote:before, .m_bio_quote blockquote:before { + background-image: url("../images/icons/svg/blockquote_player.svg"); +} + +.ico_blockquote_player { + background-repeat: no-repeat; +} + +.no-svg .ico_inspect, .no-svg .m_advice:before, .no-svg .m_rm_strip > span:before, .no-svg .m_transfers_sec1 .m_ver_ficha_strip > span:before, .m_transfers_sec1 .no-svg .m_ver_ficha_strip > span:before, .no-svg .m_transfers_sec_2 .m_ver_ficha_strip > span:before, .m_transfers_sec_2 .no-svg .m_ver_ficha_strip > span:before { + background-image: url("../images/icons/png/inspect.png"); +} + +.ico_inspect, .m_advice:before, .m_rm_strip > span:before, .m_transfers_sec1 .m_ver_ficha_strip > span:before, .m_transfers_sec_2 .m_ver_ficha_strip > span:before { + background-image: url("../images/icons/svg/inspect.svg"); +} + +.ico_inspect { + background-repeat: no-repeat; + width: 31px; + height: 43px; +} + +.no-svg .ico_big_arrow_left, .no-svg .m_player_history_slider .slider_btn_prev, .m_player_history_slider .no-svg .slider_btn_prev, .no-svg .m_players_slider .slider_btn_prev, .m_players_slider .no-svg .slider_btn_prev, .no-svg .m_highlights_upload_content .slider_btn_prev, .m_highlights_upload_content .no-svg .slider_btn_prev { + background-image: url("../images/icons/png/big_arrow_left.png"); +} + +.ico_big_arrow_left, .m_player_history_slider .slider_btn_prev, .m_players_slider .slider_btn_prev, .m_highlights_upload_content .slider_btn_prev { + background-image: url("../images/icons/svg/big_arrow_left.svg"); +} + +.ico_big_arrow_left, .m_player_history_slider .slider_btn_prev, .m_players_slider .slider_btn_prev { + background-repeat: no-repeat; + width: 22px; + height: 42px; +} + +.no-svg .ico_big_arrow_right, .no-svg .m_player_history_slider .slider_btn_next, .m_player_history_slider .no-svg .slider_btn_next, .no-svg .m_players_slider .slider_btn_next, .m_players_slider .no-svg .slider_btn_next, .no-svg .m_highlights_upload_content .slider_btn_next, .m_highlights_upload_content .no-svg .slider_btn_next { + background-image: url("../images/icons/png/big_arrow_right.png"); +} + +.ico_big_arrow_right, .m_player_history_slider .slider_btn_next, .m_players_slider .slider_btn_next, .m_highlights_upload_content .slider_btn_next { + background-image: url("../images/icons/svg/big_arrow_right.svg"); +} + +.ico_big_arrow_right, .m_player_history_slider .slider_btn_next, .m_players_slider .slider_btn_next { + background-repeat: no-repeat; + width: 22px; + height: 42px; +} + +.no-svg .ico_big_arrow_left_white, .no-svg .m_photo_gallery_slide .flex-prev, .m_photo_gallery_slide .no-svg .flex-prev { + background-image: url("../images/icons/png/big_arrow_left_white.png"); +} + +.ico_big_arrow_left_white, .m_photo_gallery_slide .flex-prev { + background-image: url("../images/icons/svg/big_arrow_left_white.svg"); +} + +.ico_big_arrow_left_white { + background-repeat: no-repeat; + width: 22px; + height: 42px; +} + +.no-svg .ico_big_arrow_right_white, .no-svg .m_photo_gallery_slide .flex-next, .m_photo_gallery_slide .no-svg .flex-next { + background-image: url("../images/icons/png/big_arrow_right_white.png"); +} + +.ico_big_arrow_right_white, .m_photo_gallery_slide .flex-next { + background-image: url("../images/icons/svg/big_arrow_right_white.svg"); +} + +.ico_big_arrow_right_white { + background-repeat: no-repeat; + width: 22px; + height: 42px; +} + +.no-svg .ico_share_facebook, .no-svg .m_share_facebook { + background-image: url("../images/icons/png/share_facebook.png"); +} + +.ico_share_facebook, .m_share_facebook { + background-image: url("../images/icons/svg/share_facebook.svg"); +} + +.ico_share_facebook { + background-repeat: no-repeat; +} + +.no-svg .ico_share_twitter, .no-svg .m_share_twitter { + background-image: url("../images/icons/png/share_twitter.png"); +} + +.ico_share_twitter, .m_share_twitter { + background-image: url("../images/icons/svg/share_twitter.svg"); +} + +.ico_share_twitter { + background-repeat: no-repeat; +} + +.no-svg .ico_share_g_plus, .no-svg .m_share_g_plus { + background-image: url("../images/icons/png/share_g_plus.png"); +} + +.ico_share_g_plus, .m_share_g_plus { + background-image: url("../images/icons/svg/share_g_plus.svg"); +} + +.ico_share_g_plus { + background-repeat: no-repeat; +} + +.no-svg .ico_share_pinterest, .no-svg .m_share_pinterest { + background-image: url("../images/icons/png/share_pinterest.png"); +} + +.ico_share_pinterest, .m_share_pinterest { + background-image: url("../images/icons/svg/share_pinterest.svg"); +} + +.ico_share_pinterest { + background-repeat: no-repeat; +} + +.no-svg .ico_social_facebook, .no-svg .social_facebook_btn, .no-borderradius.no-svg .social_facebook_btn:before { + background-image: url("../images/icons/png/social_facebook.png"); +} + +.ico_social_facebook, .social_facebook_btn { + background-image: url("../images/icons/svg/social_facebook.svg"); +} + +.ico_social_facebook { + background-repeat: no-repeat; + width: 11px; + height: 23px; +} + +.no-svg .ico_social_flickr, .no-svg .social_flickr_btn, .no-borderradius.no-svg .social_flickr_btn:before { + background-image: url("../images/icons/png/social_flickr.png"); +} + +.ico_social_flickr, .social_flickr_btn { + background-image: url("../images/icons/svg/social_flickr.svg"); +} + +.ico_social_flickr { + background-repeat: no-repeat; + width: 35px; + height: 35px; +} + +.no-svg .ico_social_rss, .no-svg .social_rss_btn, .no-borderradius.no-svg .social_rss_btn:before { + background-image: url("../images/icons/png/social_rss.png"); +} + +.ico_social_rss, .social_rss_btn { + background-image: url("../images/icons/svg/social_rss.svg"); +} + +.ico_social_rss { + background-repeat: no-repeat; + width: 35px; + height: 35px; +} + +.no-svg .ico_social_twitter, .no-svg .social_twitter_btn, .no-borderradius.no-svg .social_twitter_btn:before { + background-image: url("../images/icons/png/social_twitter.png"); +} + +.ico_social_twitter, .social_twitter_btn { + background-image: url("../images/icons/svg/social_twitter.svg"); +} + +.ico_social_twitter { + background-repeat: no-repeat; + width: 35px; + height: 35px; +} + +.no-svg .ico_social_youtube, .no-svg .social_youtube_btn, .no-borderradius.no-svg .social_youtube_btn:before { + background-image: url("../images/icons/png/social_youtube.png"); +} + +.ico_social_youtube, .social_youtube_btn { + background-image: url("../images/icons/svg/social_youtube.svg"); +} + +.ico_social_youtube { + background-repeat: no-repeat; + width: 35px; + height: 35px; +} + +.no-svg .ico_social_g_plus, .no-svg .social_google_plus_btn, .no-borderradius.no-svg .social_google_plus_btn:before { + background-image: url("../images/icons/png/social_g_plus.png"); +} + +.ico_social_g_plus, .social_google_plus_btn { + background-image: url("../images/icons/svg/social_g_plus.svg"); +} + +.ico_social_g_plus { + background-repeat: no-repeat; + width: 35px; + height: 35px; +} + +.ico_social_rss_black { + background-image: url("../images/icons/svg/social_rss_black.svg"); +} + +.ico_social_rss_black { + background-repeat: no-repeat; + width: 35px; + height: 35px; +} + +.no-svg .ico_social_renren, .no-svg .social_renren_btn, .no-borderradius.no-svg .social_renren_btn:before { + background-image: url("../images/icons/png/social_renren.png"); +} + +.ico_social_renren, .social_renren_btn { + background-image: url("../images/icons/svg/social_renren.svg"); +} + +.ico_social_renren { + background-repeat: no-repeat; +} + +.no-svg .ico_social_sinaweibo, .no-svg .social_sinaweibo_btn, .no-borderradius.no-svg .social_sinaweibo_btn:before { + background-image: url("../images/icons/png/social_sinaweibo.png"); +} + +.ico_social_sinaweibo, .social_sinaweibo_btn { + background-image: url("../images/icons/svg/social_sinaweibo.svg"); +} + +.ico_social_sinaweibo { + background-repeat: no-repeat; +} + +.no-svg .ico_social_tencent, .no-svg .social_tencent_btn, .no-borderradius.no-svg .social_tencent_btn:before { + background-image: url("../images/icons/png/social_tencent.png"); +} + +.ico_social_tencent, .social_tencent_btn { + background-image: url("../images/icons/svg/social_tencent.svg"); +} + +.ico_social_tencent { + background-repeat: no-repeat; +} + +.no-svg .ico_social_wechat, .no-svg .social_wechat_btn, .no-borderradius.no-svg .social_wechat_btn:before { + background-image: url("../images/icons/png/social_wechat.png"); +} + +.ico_social_wechat, .social_wechat_btn { + background-image: url("../images/icons/svg/social_wechat.svg"); +} + +.ico_social_wechat { + background-repeat: no-repeat; +} + +.no-svg .ico_social_youku, .no-svg .social_youku_btn, .no-borderradius.no-svg .social_youku_btn:before { + background-image: url("../images/icons/png/social_youku.png"); +} + +.ico_social_youku, .social_youku_btn { + background-image: url("../images/icons/svg/social_youku.svg"); +} + +.ico_social_youku { + background-repeat: no-repeat; +} + +.no-svg .ico_social_facebook, .no-svg .social_facebook_btn, .no-borderradius.no-svg .social_facebook_btn:before { + background-image: url("../images/icons/png/social_facebook.png"); +} + +.ico_social_facebook, .social_facebook_btn { + background-image: url("../images/icons/svg/social_facebook.svg"); +} + +.ico_social_facebook { + background-repeat: no-repeat; +} + +.no-svg .ico_popups_close, .no-svg .mfp-close { + background-image: url("../images/icons/png/popups_close.png"); +} + +.ico_popups_close, .mfp-close { + background-image: url("../images/icons/svg/popups_close.svg"); +} + +.ico_popups_close { + background-repeat: no-repeat; +} + +.no-svg .ico_social_twitter_black, .no-svg .share_it_on_twitter:before { + background-image: url("../images/icons/png/social_twitter_black.png"); +} + +.ico_social_twitter_black, .share_it_on_twitter:before { + background-image: url("../images/icons/svg/social_twitter_black.svg"); +} + +.ico_social_twitter_black { + background-repeat: no-repeat; + width: 14px; + height: 12px; +} + +.no-svg .ico_social_facebook_black, .no-svg .share_it_on_facebook:before { + background-image: url("../images/icons/png/social_facebook_black.png"); +} + +.ico_social_facebook_black, .share_it_on_facebook:before { + background-image: url("../images/icons/svg/social_facebook_black.svg"); +} + +.ico_social_facebook_black { + background-repeat: no-repeat; + width: 7px; + height: 14px; +} + +.no-svg .ico_social_g_plus_black, .no-svg .share_it_on_gplus:before { + background-image: url("../images/icons/png/social_g_plus_black.png"); +} + +.ico_social_g_plus_black, .share_it_on_gplus:before { + background-image: url("../images/icons/svg/social_g_plus_black.svg"); +} + +.ico_social_g_plus_black { + background-repeat: no-repeat; + width: 23px; + height: 23px; +} + +.no-svg .ico_btn_social_facebook, .no-svg .btn_social_facebook { + background-image: url("../images/icons/png/btn_social_facebook.png"); +} + +.ico_btn_social_facebook, .btn_social_facebook { + background-image: url("../images/icons/svg/btn_social_facebook.svg"); +} + +.ico_btn_social_facebook { + background-repeat: no-repeat; +} + +.no-svg .ico_btn_social_twitter, .no-svg .btn_social_twitter, .no-svg .m_highlighted_twit_title:after, .no-svg .m_highlighted_tweets_title:after { + background-image: url("../images/icons/png/btn_social_twitter.png"); +} + +.ico_btn_social_twitter, .btn_social_twitter, .m_highlighted_twit_title:after, .m_highlighted_tweets_title:after { + background-image: url("../images/icons/svg/btn_social_twitter.svg"); +} + +.ico_btn_social_twitter { + background-repeat: no-repeat; +} + +.no-svg .ico_facebook_white, .no-svg .m_facebook_connect:before { + background-image: url("../images/icons/png/facebook_white.png"); +} + +.ico_facebook_white, .m_facebook_connect:before { + background-image: url("../images/icons/svg/facebook_white.svg"); +} + +.ico_facebook_white { + background-repeat: no-repeat; +} + +.no-svg .ico_social_profile_facebook, .no-svg .m_social_profile_btn .facebook, .m_social_profile_btn .no-svg .facebook, .no-svg .m_social_profile_btn.facebook { + background-image: url("../images/icons/png/social_profile_facebook.png"); +} + +.ico_social_profile_facebook, .m_social_profile_btn .facebook, .m_social_profile_btn.facebook { + background-image: url("../images/icons/svg/social_profile_facebook.svg"); +} + +.ico_social_profile_facebook { + background-repeat: no-repeat; +} + +.no-svg .ico_social_profile_twitter, .no-svg .m_social_profile_btn .twitter, .m_social_profile_btn .no-svg .twitter, .no-svg .m_social_profile_btn.twitter { + background-image: url("../images/icons/png/social_profile_twitter.png"); +} + +.ico_social_profile_twitter, .m_social_profile_btn .twitter, .m_social_profile_btn.twitter { + background-image: url("../images/icons/svg/social_profile_twitter.svg"); +} + +.ico_social_profile_twitter { + background-repeat: no-repeat; +} + +.no-svg .ico_social_profile_google, .no-svg .m_social_profile_btn .google_plus, .m_social_profile_btn .no-svg .google_plus, .no-svg .m_social_profile_btn.google_plus { + background-image: url("../images/icons/png/social_profile_google.png"); +} + +.ico_social_profile_google, .m_social_profile_btn .google_plus, .m_social_profile_btn.google_plus { + background-image: url("../images/icons/svg/social_profile_google.svg"); +} + +.ico_social_profile_google { + background-repeat: no-repeat; +} + +.no-svg .ico_social_profile_instagram, .no-svg .m_social_profile_btn .instagram, .m_social_profile_btn .no-svg .instagram, .no-svg .m_social_profile_btn.instagram { + background-image: url("../images/icons/png/social_profile_instagram.png"); +} + +.ico_social_profile_instagram, .m_social_profile_btn .instagram, .m_social_profile_btn.instagram { + background-image: url("../images/icons/svg/social_profile_instagram.svg"); +} + +.ico_social_profile_instagram { + background-repeat: no-repeat; +} + +.no-svg .ico_news_banner_video, .no-svg .m_highlights_banner_iconos_video, .no-svg .btn_video, .no-svg .m_full_header_banner_info .news_banner_video, .m_full_header_banner_info .no-svg .news_banner_video, .no-svg .m_video_gallery_info, .no-svg .m_video_gallery_list span, .m_video_gallery_list .no-svg span, .no-svg .m_widget_gallery_info { + background-image: url("../images/icons/png/news_banner_video.png"); +} + +.ico_news_banner_video, .m_highlights_banner_iconos_video, .btn_video, .m_full_header_banner_info .news_banner_video, .m_video_gallery_info, .m_video_gallery_list span, .m_widget_gallery_info { + background-image: url("../images/icons/svg/news_banner_video.svg"); +} + +.ico_news_banner_video { + background-repeat: no-repeat; +} + +.no-svg .ico_news_banner_picture, .no-svg .m_highlights_banner_iconos_picture, .no-svg .m_full_header_banner_info .news_banner_picture, .m_full_header_banner_info .no-svg .news_banner_picture { + background-image: url("../images/icons/png/news_banner_picture.png"); +} + +.ico_news_banner_picture, .m_highlights_banner_iconos_picture, .m_full_header_banner_info .news_banner_picture { + background-image: url("../images/icons/svg/news_banner_picture.svg"); +} + +.ico_news_banner_picture { + background-repeat: no-repeat; +} + +.no-svg .ico_news_banner_video2, .no-svg .news_banner .news_banner_video, .news_banner .no-svg .news_banner_video { + background-image: url("../images/icons/png/news_banner_video2.png"); +} + +.ico_news_banner_video2, .news_banner .news_banner_video { + background-image: url("../images/icons/svg/news_banner_video2.svg"); +} + +.ico_news_banner_video2 { + background-repeat: no-repeat; +} + +.no-svg .ico_news_banner_picture2, .no-svg .news_banner .news_banner_picture, .news_banner .no-svg .news_banner_picture { + background-image: url("../images/icons/png/news_banner_picture2.png"); +} + +.ico_news_banner_picture2, .news_banner .news_banner_picture { + background-image: url("../images/icons/svg/news_banner_picture2.svg"); +} + +.ico_news_banner_picture2 { + background-repeat: no-repeat; +} + +.no-svg .ico_news_banner_video_az, .no-svg .m_ds_link_video { + background-image: url("../images/icons/png/news_banner_video_az.png"); +} + +.ico_news_banner_video_az, .m_ds_link_video { + background-image: url("../images/icons/svg/news_banner_video_az.svg"); +} + +.ico_news_banner_video_az { + background-repeat: no-repeat; +} + +.no-svg .ico_highlight_tweet, .no-svg .m_highlight_tweet_content:after { + background-image: url("../images/icons/png/highlight_tweet.png"); +} + +.ico_highlight_tweet, .m_highlight_tweet_content:after { + background-image: url("../images/icons/svg/highlight_tweet.svg"); +} + +.ico_highlight_tweet { + background-repeat: no-repeat; +} + +.no-svg .ico_paginator_arrow_prev, .no-svg .m_paginator a.m_paginator_prev, .m_paginator .no-svg a.m_paginator_prev, .no-svg .m_footer_pagination_prev:before, .no-svg .m_schedule_calendar_prev:before { + background-image: url("../images/icons/png/paginator_arrow_prev.png"); +} + +.ico_paginator_arrow_prev, .m_paginator a.m_paginator_prev, .m_footer_pagination_prev:before, .m_schedule_calendar_prev:before { + background-image: url("../images/icons/svg/paginator_arrow_prev.svg"); +} + +.ico_paginator_arrow_prev { + background-repeat: no-repeat; +} + +.no-svg .ico_paginator_arrow_next, .no-svg .back_to_site_btn, .no-svg .m_paginator a.m_paginator_next, .m_paginator .no-svg a.m_paginator_next, .no-svg .m_footer_pagination_next:after, .no-svg .m_schedule_calendar_next:before, .no-svg .pf_newsletter .form_text_field:before, .pf_newsletter .no-svg .form_text_field:before { + background-image: url("../images/icons/png/paginator_arrow_next.png"); +} + +.ico_paginator_arrow_next, .back_to_site_btn, .m_paginator a.m_paginator_next, .m_footer_pagination_next:after, .m_schedule_calendar_next:before, .pf_newsletter .form_text_field:before { + background-image: url("../images/icons/svg/paginator_arrow_next.svg"); +} + +.ico_paginator_arrow_next { + background-repeat: no-repeat; +} + +.no-svg .ico_m_player_checked, .no-svg .m_player_overlay:before { + background-image: url("../images/icons/png/m_player_checked.png"); +} + +.ico_m_player_checked, .m_player_overlay:before { + background-image: url("../images/icons/svg/m_player_checked.svg"); +} + +.ico_m_player_checked { + background-repeat: no-repeat; +} + +.no-svg .ico_m_player_uncheck, .no-svg .m_player_overlay:after { + background-image: url("../images/icons/png/m_player_uncheck.png"); +} + +.ico_m_player_uncheck, .m_player_overlay:after { + background-image: url("../images/icons/svg/m_player_uncheck.svg"); +} + +.ico_m_player_uncheck { + background-repeat: no-repeat; +} + +.no-svg .ico_grey_close, .no-svg .m_poll_selected label, .m_poll_selected .no-svg label { + background-image: url("../images/icons/png/grey_close.png"); +} + +.ico_grey_close, .m_poll_selected label { + background-image: url("../images/icons/svg/grey_close.svg"); +} + +.ico_grey_close { + background-repeat: no-repeat; +} + +.no-svg .ico_med_video_icon, .no-svg .m_video_item_icon_small { + background-image: url("../images/icons/png/med_video_icon.png"); +} + +.ico_med_video_icon, .m_video_item_icon_small { + background-image: url("../images/icons/svg/med_video_icon.svg"); +} + +.ico_med_video_icon { + background-repeat: no-repeat; +} + +.no-svg .ico_med_video_icon_blue, .no-svg .m_play_video_slider .play, .m_play_video_slider .no-svg .play { + background-image: url("../images/icons/png/med_video_icon_blue.png"); +} + +.ico_med_video_icon_blue, .m_play_video_slider .play { + background-image: url("../images/icons/svg/med_video_icon_blue.svg"); +} + +.ico_med_video_icon_blue { + background-repeat: no-repeat; +} + +.no-svg .ico_private, .no-svg .m_highlight_private .m_widget_title, .m_highlight_private .no-svg .m_widget_title { + background-image: url("../images/icons/png/private.png"); +} + +.ico_private, .m_highlight_private .m_widget_title { + background-image: url("../images/icons/svg/private.svg"); +} + +.ico_private { + background-repeat: no-repeat; +} + +.no-svg .ico_star { + background-image: url("../images/icons/png/star.png"); +} + +.ico_star { + background-image: url("../images/icons/svg/star.svg"); +} + +.ico_star { + background-repeat: no-repeat; + width: 43px; + height: 41px; +} + +.no-svg .ico_inspect_blue { + background-image: url("../images/icons/png/inspect_blue.png"); +} + +.ico_inspect_blue { + background-image: url("../images/icons/svg/inspect_blue.svg"); +} + +.ico_inspect_blue { + background-repeat: no-repeat; + width: 46px; + height: 31px; +} + +.no-svg .ico_award { + background-image: url("../images/icons/png/award.png"); +} + +.ico_award { + background-image: url("../images/icons/svg/award.svg"); +} + +.ico_award { + background-repeat: no-repeat; + width: 46px; + height: 51px; +} + +.no-svg .ico_expert { + background-image: url("../images/icons/png/expert.png"); +} + +.ico_expert { + background-image: url("../images/icons/svg/expert.svg"); +} + +.ico_expert { + background-repeat: no-repeat; + width: 46px; + height: 44px; +} + +.no-svg .ico_question { + background-image: url("../images/icons/png/question.png"); +} + +.ico_question { + background-image: url("../images/icons/svg/question.svg"); +} + +.ico_question { + background-repeat: no-repeat; + width: 24px; + height: 35px; +} + +.no-svg .ico_m_cite, .no-svg .m_cite:after { + background-image: url("../images/icons/png/m_cite.png"); +} + +.ico_m_cite, .m_cite:after { + background-image: url("../images/icons/svg/m_cite.svg"); +} + +.ico_m_cite { + background-repeat: no-repeat; + width: 77px; + height: 49px; +} + +.no-svg .ico_novelty, .no-svg .fundacion_layout .search_club_row .m_search_club_new, .fundacion_layout .search_club_row .no-svg .m_search_club_new { + background-image: url("../images/icons/png/novelty.png"); +} + +.ico_novelty, .fundacion_layout .search_club_row .m_search_club_new { + background-image: url("../images/icons/svg/novelty.svg"); +} + +.ico_novelty { + background-repeat: no-repeat; + width: 18px; + height: 18px; +} + +.no-svg .ico_open_link, .no-svg .m_slider_item_footer { + background-image: url("../images/icons/png/open_link.png"); +} + +.ico_open_link, .m_slider_item_footer { + background-image: url("../images/icons/svg/open_link.svg"); +} + +.ico_open_link { + background-repeat: no-repeat; +} + +.no-svg .ico_photo_small { + background-image: url("../images/icons/png/photo_small.png"); +} + +.ico_photo_small { + background-image: url("../images/icons/svg/photo_small.svg"); +} + +.ico_photo_small { + background-repeat: no-repeat; + width: 19px; + height: 15px; +} + +.no-svg .ico_custom_radio, .no-svg .radio { + background-image: url("../images/icons/png/custom_radio.png"); +} + +.ico_custom_radio, .radio { + background-image: url("../images/icons/svg/custom_radio.svg"); +} + +.ico_custom_radio { + background-repeat: no-repeat; +} + +.no-svg .ico_custom_checkbox, .no-svg .checkbox { + background-image: url("../images/icons/png/custom_checkbox.png"); +} + +.ico_custom_checkbox, .checkbox { + background-image: url("../images/icons/svg/custom_checkbox.svg"); +} + +.ico_custom_checkbox { + background-repeat: no-repeat; +} + +.no-svg .ico_weather_partially_cloudy, .no-svg .m_weather_partially_cloudy .m_weather_icon, .m_weather_partially_cloudy .no-svg .m_weather_icon { + background-image: url("../images/icons/png/weather/partially-cloudy.png"); +} + +.ico_weather_partially_cloudy, .m_weather_partially_cloudy .m_weather_icon { + background-image: url("../images/icons/svg/weather/partially-cloudy.svg"); +} + +.ico_weather_partially_cloudy { + background-repeat: no-repeat; +} + +/* ========== */ +/* = RESETS = */ +/* ========== */ +* { + margin: 0; + padding: 0; +} + +html { + position: relative; +} + +article, aside, canvas, figure, figure img, figcaption, hgroup, +footer, header, nav, section, audio, video { + display: block; +} + +a img, fieldset { + border: 0; +} + +body { + font-size: x-small; + font-family: Arial, Helvetica, sans-serif; +} + +img { + -moz-user-select: -moz-none; + -khtml-user-select: none; + -webkit-user-select: none; + user-select: none; +} + +.accessible { + display: none; +} + +button, +label { + cursor: pointer; +} + +textarea, +input, +button, +legend { + outline: none; + font-family: Arial, Helvetica, sans-serif; +} + +input, +textarea { + -webkit-appearance: none; +} + +input::-ms-clear { + display: none; +} + +legend { + display: block; +} + +a:active { + background-color: transparent; +} + +input[type=checkbox], +input[type=radio], +input[type=checkbox][checked], +input[type=radio][checked] { + border: 0; + background-color: transparent; +} + +.no_transition { + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + -o-transition: none !important; + transition: none !important; +} + +.checkbox, .radio { + background-repeat: no-repeat; +} + +input[type=checkbox], input[type=radio] { + margin: 0; + padding: 0; +} + +.radio, input[type=radio], .checkbox, input[type=checkbox] { + overflow: hidden; +} + +.checkbox, input[type=checkbox] { + height: 13px; + width: 13px; +} + +.radio, input[type=radio] { + height: 13px; + width: 13px; +} + +.checkbox input, .radio input { + position: relative; + display: block; + left: -9999px; +} + +/* Mouse States */ +.checkbox { + background-position: -15px 0; +} + +.hover_checkbox { + background-position: -15px 0; +} + +.focus_checkbox { + background-position: -15px 0; +} + +.active_checkbox { + background-position: -15px 0; +} + +.focus_checkbox { + background-position: -15px 0; +} + +.checked_checkbox { + background-position: 0 0; +} + +.focus_checkbox.checked_checkbox { + background-position: 0 0; +} + +.radio { + background-position: -15px 0; +} + +.hover_radio { + background-position: -15px 0; +} + +.focus_radio { + background-position: -15px 0; +} + +.active_radio { + background-position: -15px 0; +} + +.checked_radio { + background-position: 0 0; +} + +.focus_radio.checked_radio { + background-position: 0 0; +} + +.select { + border: 0; + padding: 0; +} + +select, .select { + min-width: 100px; +} + +.select { + position: relative; + min-height: 36px; +} + +.select select { + -webkit-appearance: none; + position: absolute; + top: 0; + display: block; + width: 100%; + min-height: 35px; +} + +.msie7.select select { + position: absolute; + top: 0; +} + +.select select { + z-index: 2; +} + +.select_content { + border: 1px solid #d9d9d9; + border-radius: 3px; + background-color: #F6F6F6; + height: 34px; + display: block; + position: relative; +} + +.responsive_select { + display: block; +} + +.select_button { + width: 7px; + height: 3px; + position: absolute; + width: 10px; + height: 5px; + right: 7px; + top: 50%; + margin-top: -2px; + background-repeat: no-repeat; + background-position: 0px center; +} + +.select_label { + display: block; + line-height: 34px; + margin-right: 28px; + margin-left: 13px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.small_select, .m_combined_ticket_table_quantity .select { + height: 31px; +} +.small_select select, .m_combined_ticket_table_quantity .select select { + height: 30px; + top: -30px; +} +.small_select .select_content, .m_combined_ticket_table_quantity .select .select_content { + height: 29px; +} +.small_select .select_label, .m_combined_ticket_table_quantity .select .select_label { + line-height: 29px; + margin-right: 15px; + margin-left: 5px; + font-size: 1.3em; +} +.small_select .select_button, .m_combined_ticket_table_quantity .select .select_button { + right: 5px; +} + +.file .file_button span { + background-repeat: no-repeat; +} + +.file { + display: inline-block; + vertical-align: middle; + width: 185px !important; + border: 1px solid red; + height: 38px; + background-color: #ce0; + overflow: hidden; + min-width: 180px; + position: relative; + background: #fff; + border: 1px solid #DDDDDD; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + font-size: 1.2em; + font-weight: bold; + text-transform: uppercase; + color: #fff; + background-color: #0255A5; + border: none; + border-radius: 2px; + text-decoration: none; +} + +.file_content { + height: 38px; + width: 100%; + display: block; +} + +.file_wrap { + position: relative; + height: 38px; + overflow: hidden; + position: absolute; + z-index: 2; + width: 100%; + display: block; + text-align: right; +} + +.file_wrap input { + position: absolute; + right: 0; + bottom: 0; + font-size: 100px; + -webkit-appearance: none; +} + +.responsive_file { + width: 100%; +} + +.focus_file { + -webkit-box-shadow: 1px 1px 2px 0px #ccc; + -moz-box-shadow: 1px 1px 2px 0px #ccc; + box-shadow: 1px 1px 2px 0px #ccc; +} + +.file_label { + display: block; + line-height: 32px; + margin: 0; + height: 32px; + padding-left: 10px; +} + +.file_label, .file_button { + font-size: 11px; + font-family: Helvetica, Arial, sans-serif; + color: #000; +} + +.file .file_button { + width: 100%; + padding: 7px 0px 3px; + height: 25px; + line-height: 27px; + text-align: center; + color: #fff; +} + +/* Responsive styles (width 100%) */ +/*Opacities*/ +.select select, .file input { + opacity: 0; +} + +.msie8.select select, .msie8.file input, +.msie7.select select, .msie7.file input, +.msie6.select select, .msie6.file input { + filter: alpha(opacity=0); + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; +} + +.disabled_checkbox, .disabled_radio, .disabled_select, .disabled_file { + opacity: 0.5; +} + +.msie.disabled_checkbox, .msie.disabled_radio, .msie.disabled_select, .msie.disabled_file { + filter: alpha(opacity=50); + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; +} + +/* Magnific Popup CSS */ +.mfp-bg { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1042; + overflow: hidden; + position: fixed; + background: white; + opacity: 0.92; +} + +.mfp-wrap { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1043; + position: fixed; + outline: none !important; + -webkit-backface-visibility: hidden; +} + +.mfp-container { + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0 8px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.mfp-container:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; +} + +.mfp-align-top .mfp-container:before { + display: none; +} + +.mfp-content { + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0 auto; + text-align: left; + z-index: 1045; +} + +.mfp-inline-holder .mfp-content, +.mfp-ajax-holder .mfp-content { + max-width: 880px; + cursor: auto; + width: 100%; +} + +.mfp-inline-holder .mfp-inline { + border: 1px solid #d4d4d4; + padding: 30px; + background: #fff; +} + +.mfp-ajax-cur { + cursor: progress; +} + +.mfp-zoom-out-cur, +.mfp-zoom-out-cur .mfp-image-holder .mfp-close { + cursor: -moz-zoom-out; + cursor: -webkit-zoom-out; + cursor: zoom-out; +} + +.mfp-zoom { + cursor: pointer; + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; +} + +.mfp-auto-cursor .mfp-content { + cursor: auto; +} + +.mfp-close, +.mfp-arrow, +.mfp-preloader, +.mfp-counter { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +.mfp-loading.mfp-figure { + display: none; +} + +.mfp-hide { + display: none !important; +} + +.mfp-preloader { + color: #cccccc; + position: absolute; + top: 50%; + width: auto; + text-align: center; + margin-top: -0.8em; + left: 8px; + right: 8px; + z-index: 1044; +} + +.mfp-preloader a { + color: #cccccc; +} + +.mfp-preloader a:hover { + color: white; +} + +.mfp-s-ready .mfp-preloader { + display: none; +} + +.mfp-s-error .mfp-content { + display: none; +} + +button.mfp-arrow { + background: transparent; +} + +button.mfp-close, +button.mfp-arrow { + overflow: visible; + cursor: pointer; + border: 0; + -webkit-appearance: none; + display: block; + padding: 0; + z-index: 1046; + -webkit-box-shadow: none; + box-shadow: none; +} + +button::-moz-focus-inner { + padding: 0; + border: 0; +} + +.mfp-close { + width: 34px; + height: 33px; + background-position: left top; + background-repeat: no-repeat; + display: block; + position: absolute; + top: 0; + left: 0; + background-color: transparent; +} + +.mfp-close-btn-in .mfp-close { + color: #333333; +} + +.mfp-image-holder .mfp-close, +.mfp-iframe-holder .mfp-close { + text-indent: -9999px; +} + +.mfp-inline-holder .mfp-close { + top: 15px; + right: 21px; + left: auto; +} + +.mfp-counter { + position: absolute; + top: 0; + right: 0; + color: #cccccc; + font-size: 12px; + line-height: 18px; +} + +.mfp-arrow { + position: absolute; + opacity: 0.65; + margin: 0; + top: 50%; + margin-top: -55px; + padding: 0; + width: 90px; + height: 110px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +.mfp-arrow:active { + margin-top: -54px; +} + +.mfp-arrow:hover, +.mfp-arrow:focus { + opacity: 1; +} + +.mfp-arrow:before, .mfp-arrow:after, +.mfp-arrow .mfp-b, +.mfp-arrow .mfp-a { + content: ''; + display: block; + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + margin-top: 35px; + margin-left: 35px; + border: medium inset transparent; +} +.mfp-arrow:after, +.mfp-arrow .mfp-a { + border-top-width: 13px; + border-bottom-width: 13px; + top: 8px; +} +.mfp-arrow:before, +.mfp-arrow .mfp-b { + border-top-width: 21px; + border-bottom-width: 21px; +} + +.mfp-arrow-left { + left: 0; +} +.mfp-arrow-left:after, +.mfp-arrow-left .mfp-a { + border-right: 17px solid #FFF; + margin-left: 31px; +} +.mfp-arrow-left:before, +.mfp-arrow-left .mfp-b { + margin-left: 25px; + border-right: 27px solid #3f3f3f; +} + +.mfp-arrow-right { + right: 0; +} +.mfp-arrow-right:after, +.mfp-arrow-right .mfp-a { + border-left: 17px solid #FFF; + margin-left: 39px; +} +.mfp-arrow-right:before, +.mfp-arrow-right .mfp-b { + border-left: 27px solid #3f3f3f; +} + +.mfp-iframe-holder { + padding-top: 40px; + padding-bottom: 40px; +} + +.mfp-iframe-holder .mfp-content { + line-height: 0; + width: 100%; + max-width: 880px; +} + +.mfp-iframe-scaler { + width: 100%; + height: 0; + overflow: hidden; + padding-top: 56.20023%; +} + +.mfp-iframe-scaler iframe { + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: black; +} + +.mfp-iframe-holder .mfp-close { + top: 15px; + right: 21px; + left: auto; +} + +/* Main image in popup */ +img.mfp-img { + width: auto; + max-width: 100%; + height: auto; + display: block; + line-height: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin: 0 auto; +} + +/* The shadow behind the image */ +.mfp-figure { + line-height: 0; +} +.mfp-figure .mfp-close { + top: 15px; + right: 21px; + left: auto; +} + +.mfp-bottom-bar { + margin-top: -36px; + position: absolute; + top: 100%; + left: 0; + width: 100%; + cursor: auto; +} + +.mfp-title { + text-align: left; + line-height: 18px; + color: #f3f3f3; + word-wrap: break-word; + padding-right: 36px; +} + +.mfp-figure small { + color: #bdbdbd; + display: block; + font-size: 12px; + line-height: 14px; +} + +.mfp-image-holder .mfp-content { + max-width: 100%; +} + +.mfp-gallery .mfp-image-holder .mfp-figure { + cursor: pointer; +} + +@media all and (max-width: 900px) { + .mfp-arrow { + -webkit-transform: scale(0.75); + transform: scale(0.75); + } + + .mfp-arrow-left { + -webkit-transform-origin: 0; + transform-origin: 0; + } + + .mfp-arrow-right { + -webkit-transform-origin: 100%; + transform-origin: 100%; + } + + .mfp-container { + padding-left: 6px; + padding-right: 6px; + } +} +.mfp-zoom-out { + /* start state */ + /* animate in */ + /* animate out */ +} +.mfp-zoom-out .mfp-with-anim { + opacity: 0; + -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: -moz-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: -ms-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: -o-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); + transition: transform 1000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -webkit-transform: scale(1) translateZ(0); + -moz-transform: scale(1) translateZ(0); + -ms-transform: scale(1) translateZ(0); + -o-transform: scale(1) translateZ(0); + transform: scale(1) translateZ(0); +} +.mfp-zoom-out.mfp-bg { + opacity: 0; + -webkit-transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); + transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); +} +.mfp-zoom-out.mfp-ready .mfp-with-anim { + opacity: 1; + -webkit-transform: scale(1) translateZ(0); + -moz-transform: scale(1) translateZ(0); + -ms-transform: scale(1) translateZ(0); + -o-transform: scale(1) translateZ(0); + transform: scale(1) translateZ(0); +} +.mfp-zoom-out.mfp-ready.mfp-bg { + opacity: 0.8; +} +.mfp-zoom-out.mfp-removing .mfp-with-anim { + -webkit-transform: scale(1.3) translateZ(0); + -moz-transform: scale(1.3) translateZ(0); + -ms-transform: scale(1.3) translateZ(0); + -o-transform: scale(1.3) translateZ(0); + transform: scale(1.3) translateZ(0); + opacity: 0; +} +.mfp-zoom-out.mfp-removing.mfp-bg { + opacity: 0; +} + +.mfp-move-from-top { + /* start state */ + /* animate in */ + /* animate out */ +} +.mfp-move-from-top .mfp-content { + vertical-align: top; +} +.mfp-move-from-top .mfp-with-anim { + opacity: 0; + transition: all 0.3s; + -webkit-transform: translateY(-100px); + -moz-transform: translateY(-100px); + -ms-transform: translateY(-100px); + -o-transform: translateY(-100px); + transform: translateY(-100px); +} +.mfp-move-from-top.mfp-bg { + opacity: 0; + transition: all 0.3s; +} +.mfp-move-from-top.mfp-ready .mfp-with-anim { + opacity: 1; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); +} +.mfp-move-from-top.mfp-ready.mfp-bg { + opacity: 0.8; +} +.mfp-move-from-top.mfp-removing .mfp-with-anim { + -webkit-transform: translateY(-50px); + -moz-transform: translateY(-50px); + -ms-transform: translateY(-50px); + -o-transform: translateY(-50px); + transform: translateY(-50px); + opacity: 0; +} +.mfp-move-from-top.mfp-removing.mfp-bg { + opacity: 0; +} + +.mfp_header { + background: white; + line-height: normal; + font-size: x-small; + padding: 22px 70px 21px 17px; + text-transform: uppercase; +} + +.mfp_title { + font-size: 1.8em; + color: black; +} + +.mfp_actions { + font-size: x-small; + line-height: normal; + background: white; + padding: 0 19px 0 0; + position: relative; +} +.mfp_actions:before, .mfp_actions:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.mfp_actions:after { + clear: both; +} +.mfp_actions { + zoom: 1; +} +.mfp_actions .m_share { + float: left; + margin-top: 0; +} + +.mfp_view_more { + font-size: 1.4em; + color: #003F92; + text-align: right; + font-weight: bold; + display: block; + text-decoration: none; + margin-top: 13px; +} + +.mfp-iframe-scaler { + position: relative; +} + +.mfp-flowplayer .mfp-inline { + padding: 0; +} + +/* Make clicks pass-through */ +#nprogress { + pointer-events: none; +} + +#nprogress .bar { + background: #0066FF; + position: fixed; + z-index: 100; + top: 0; + left: 0; + width: 100%; + height: 2px; +} + +/* Fancy blur effect */ +#nprogress .peg { + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #29d, 0 0 5px #29d; + opacity: 1.0; + -webkit-transform: rotate(3deg) translate(0px, -4px); + -ms-transform: rotate(3deg) translate(0px, -4px); + transform: rotate(3deg) translate(0px, -4px); +} + +/* Remove these to get rid of the spinner */ +#nprogress .spinner { + display: block; + position: fixed; + z-index: 100; + top: 15px; + right: 15px; +} + +#nprogress .spinner-icon { + width: 18px; + height: 18px; + box-sizing: border-box; + border: solid 2px transparent; + border-top-color: #29d; + border-left-color: #29d; + border-radius: 50%; + -webkit-animation: nprogress-spinner 400ms linear infinite; + animation: nprogress-spinner 400ms linear infinite; +} + +@-webkit-keyframes nprogress-spinner { + 0% { + -webkit-transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + } +} + +@keyframes nprogress-spinner { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} + +.m_link_dropdown_list a, .m_link_dropdown_list span, .navigation_list, .navigation_sub_nav_advertisement p, .navigation_tools .navlist_item > a, .m_schecdule_header > *, .m_games_title, .m_poll_result small, .m_search_club_title span, .m_capacity tbody th small, .specials_layout .m_text h3 { + font-family: Arial, sans-serif; +} + +.navigation_tools .navlist_item > a { + font-weight: 700; +} + +.m_text table th, .m_info_table th, .m_text table td strong, .m_info_table td strong, .mfp_title, .fans_layout .aditional_content_row_simple .m_text_content ol .m_text_content_telephone, .fans_layout .aditional_content_row_simple .m_header_link span, .navigation_sub_nav_advertisement strong, .footer_sitemap_title, .footer_standalone_links a, .fundacion_layout .fundation_content h2, .m_widget_teams_score, .m_result .result span, .m_result .status, .m_chronicle .m_chronicle_detail strong, .m_highlight_content h1, .m_store_content h1, .m_highlight_content .m_highlight_content_title, .m_store_content .m_highlight_content_title, .m_store_subtitle, strong.m_store_subtitle, .m_news strong, .m_adv_promos_content strong, .m_register_title, .m_cup strong, .m_section strong, .m_related_content strong, .m_header_strong, .m_contact_info strong, .m_text h3, .m_partner .m_text_content .m_text_content_tipo strong, .m_partner .m_text_content .m_text_content_normas strong, .m_member .m_member_title, .m_player_info_number, .m_slider_list .m_player_info_number, .m_player_info_content strong, .m_slider_list .m_player_info_content strong, .m_slider_list strong, .m_simple_table th, .em_telephone, .m_error_content strong, .m_text_content p.cap:first-letter, .m_match_teams_results, .m_results_table td, .m_results_table_simple th, .m_position_table_pos, .m_calendar_reduced_table .m_calendar_reduced_goals, .m_poll_related_item, .m_poll_result strong, .m_teams_stats_list span, .m_teams_stats_info td + td, .m_tickets_map_info dfn, .m_tickets_prices dfn, .m_info_tickets_table th, .m_combined_ticket_table_type, .m_search_club_title, .m_search_club_content_list_info h2, .m_search_club_content_list_info a, .m_search_project_infobox h2 a, .m_info_club_content_col strong, .m_highlight_mobile_title strong, .m_wallpaper_content strong, .m_wallpaper_click_content h1, .m_wallpaper_click_content_sms, .m_player_history_caption, .m_list_contest strong, .m_matches_results_table .result, .m_highlighted_finish_game_result strong, .m_history_slider_item_title, strong.m_history_slider_item_title, .m_history_text .m_text_content figure figcaption, .m_schedule_event_description_text, .m_cup_legend .m_cup_legend_info .number, .m_cup_legend .m_cup_legend_details h2, .m_colaborate h2, .m_colaborate_info_row .detail, .m_project_location h3, .m_project_location .detail, .m_highlight_project_info h2, .m_highlight_project_info .detail, .m_line_up_content strong { + font-family: 'Oswald', sans-serif; + font-weight: normal !important; + font-style: normal !important; +} + +.with_sticky_banner { + padding-top: 154px; +} + +/* ============== */ +/* = GRID UNITS = */ +/* ============== */ +.row { + display: block; + clear: both; +} + +.col, .m_poll_current, .m_poll_related { + float: left; + margin-left: 0%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.col_r { + float: right; +} + +/* ============== */ +/* = STRUCTURES = */ +/* ============== */ +.item { + zoom: 1; + /* needed if .item is a
  • for example */ +} + +.item_media { + float: left; +} + +.item_media img { + display: block; +} + +.item_body { + display: table; + zoom: 1; +} + +/* =============== */ +/* = INNER GRIDS = */ +/* =============== */ +.header_section_overlapped, .header_section { + background-color: #EEEEEE; +} +.header_section_overlapped > *, .header_section > * { + max-width: 960px; + margin: 0 auto; +} + +.header_section_overlapped { + padding-bottom: 101px; + overflow: hidden; +} + +.register_layout .main_row, .overlapping_row, .club_info_layout .overlapping_main_row, .vip_layout .main_row.overlapping_row, .vip_layout .club_info_layout .overlapping_main_row, .club_info_layout .vip_layout .overlapping_main_row { + margin-top: -98px; + position: relative; + z-index: 1; +} + +/* ========================== */ +/* = layout-banner-two-cols = */ +/* ========================== */ +.fans_two_columns .main_row > .aside > *, .club_info_layout .main_row > .aside > *, .tickets_layout .main_row > .aside > *, .sports_layout .main_row > .aside > *, .news_layout .main_row > .aside > *, .partner_layout .main_row > .aside > *, .madridistas_layout .main_row > .aside > *, .fundacion_layout .main_row > .aside > *, .club_info_layout .overlapping_main_row > .aside > *, .home_layout .main_row > .aside > *, .sports_layout .match_info_row > .aside > *, .specials_layout .main_row > .aside > *, .vip_layout .main_row > .aside > *, .fans_layout .main_row > .aside > * { + margin-left: 10px; + margin-right: 10px; +} + +.fans_two_columns .banner_row > .col > *, .club_info_layout .banner_row > .col > *, .tickets_layout .banner_row > .col > *, .sports_layout .banner_row > .col > *, .news_layout .banner_row > .col > *, .partner_layout .banner_row > .col > *, .madridistas_layout .banner_row > .col > *, .fundacion_layout .banner_row > .col > *, .fans_two_columns .banner_row > .m_poll_current > *, .club_info_layout .banner_row > .m_poll_current > *, .tickets_layout .banner_row > .m_poll_current > *, .sports_layout .banner_row > .m_poll_current > *, .news_layout .banner_row > .m_poll_current > *, .partner_layout .banner_row > .m_poll_current > *, .madridistas_layout .banner_row > .m_poll_current > *, .fundacion_layout .banner_row > .m_poll_current > *, .fans_two_columns .banner_row > .m_poll_related > *, .club_info_layout .banner_row > .m_poll_related > *, .tickets_layout .banner_row > .m_poll_related > *, .sports_layout .banner_row > .m_poll_related > *, .news_layout .banner_row > .m_poll_related > *, .partner_layout .banner_row > .m_poll_related > *, .madridistas_layout .banner_row > .m_poll_related > *, .fundacion_layout .banner_row > .m_poll_related > *, .fans_two_columns .header_row > .col > *, .club_info_layout .header_row > .col > *, .tickets_layout .header_row > .col > *, .sports_layout .header_row > .col > *, .news_layout .header_row > .col > *, .partner_layout .header_row > .col > *, .madridistas_layout .header_row > .col > *, .fundacion_layout .header_row > .col > *, .fans_two_columns .header_row > .m_poll_current > *, .club_info_layout .header_row > .m_poll_current > *, .tickets_layout .header_row > .m_poll_current > *, .sports_layout .header_row > .m_poll_current > *, .news_layout .header_row > .m_poll_current > *, .partner_layout .header_row > .m_poll_current > *, .madridistas_layout .header_row > .m_poll_current > *, .fundacion_layout .header_row > .m_poll_current > *, .fans_two_columns .header_row > .m_poll_related > *, .club_info_layout .header_row > .m_poll_related > *, .tickets_layout .header_row > .m_poll_related > *, .sports_layout .header_row > .m_poll_related > *, .news_layout .header_row > .m_poll_related > *, .partner_layout .header_row > .m_poll_related > *, .madridistas_layout .header_row > .m_poll_related > *, .fundacion_layout .header_row > .m_poll_related > *, .fans_two_columns .actions_row > .col > *, .club_info_layout .actions_row > .col > *, .tickets_layout .actions_row > .col > *, .sports_layout .actions_row > .col > *, .news_layout .actions_row > .col > *, .partner_layout .actions_row > .col > *, .madridistas_layout .actions_row > .col > *, .fundacion_layout .actions_row > .col > *, .fans_two_columns .actions_row > .m_poll_current > *, .club_info_layout .actions_row > .m_poll_current > *, .tickets_layout .actions_row > .m_poll_current > *, .sports_layout .actions_row > .m_poll_current > *, .news_layout .actions_row > .m_poll_current > *, .partner_layout .actions_row > .m_poll_current > *, .madridistas_layout .actions_row > .m_poll_current > *, .fundacion_layout .actions_row > .m_poll_current > *, .fans_two_columns .actions_row > .m_poll_related > *, .club_info_layout .actions_row > .m_poll_related > *, .tickets_layout .actions_row > .m_poll_related > *, .sports_layout .actions_row > .m_poll_related > *, .news_layout .actions_row > .m_poll_related > *, .partner_layout .actions_row > .m_poll_related > *, .madridistas_layout .actions_row > .m_poll_related > *, .fundacion_layout .actions_row > .m_poll_related > *, .home_layout .banner_row > .col > *, .home_layout .banner_row > .m_poll_current > *, .home_layout .banner_row > .m_poll_related > *, .home_layout .header_row > .col > *, .home_layout .header_row > .m_poll_current > *, .home_layout .header_row > .m_poll_related > *, .home_layout .actions_row > .col > *, .home_layout .actions_row > .m_poll_current > *, .home_layout .actions_row > .m_poll_related > * { + margin-left: 10px; + margin-right: 10px; +} +.fans_two_columns .content_row > .col > *, .club_info_layout .content_row > .col > *, .tickets_layout .content_row > .col > *, .sports_layout .content_row > .col > *, .news_layout .content_row > .col > *, .partner_layout .content_row > .col > *, .madridistas_layout .content_row > .col > *, .fundacion_layout .content_row > .col > *, .fans_two_columns .content_row > .m_poll_current > *, .club_info_layout .content_row > .m_poll_current > *, .tickets_layout .content_row > .m_poll_current > *, .sports_layout .content_row > .m_poll_current > *, .news_layout .content_row > .m_poll_current > *, .partner_layout .content_row > .m_poll_current > *, .madridistas_layout .content_row > .m_poll_current > *, .fundacion_layout .content_row > .m_poll_current > *, .fans_two_columns .content_row > .m_poll_related > *, .club_info_layout .content_row > .m_poll_related > *, .tickets_layout .content_row > .m_poll_related > *, .sports_layout .content_row > .m_poll_related > *, .news_layout .content_row > .m_poll_related > *, .partner_layout .content_row > .m_poll_related > *, .madridistas_layout .content_row > .m_poll_related > *, .fundacion_layout .content_row > .m_poll_related > *, .home_layout .content_row > .col > *, .home_layout .content_row > .m_poll_current > *, .home_layout .content_row > .m_poll_related > * { + margin-left: 10px; +} +.fans_two_columns .content_row > .important > *, .club_info_layout .content_row > .important > *, .tickets_layout .content_row > .important > *, .sports_layout .content_row > .important > *, .news_layout .content_row > .important > *, .partner_layout .content_row > .important > *, .madridistas_layout .content_row > .important > *, .fundacion_layout .content_row > .important > *, .home_layout .content_row > .important > * { + margin-left: 30px; + margin-right: 14px; +} +.fans_two_columns .aside, .club_info_layout .aside, .tickets_layout .aside, .sports_layout .aside, .news_layout .aside, .partner_layout .aside, .madridistas_layout .aside, .fundacion_layout .aside, .home_layout .aside { + position: relative; + z-index: 1; +} + +/* =================== */ +/* = fans_two_columns = */ +/* =================== */ +.fans_two_columns .banner_row { + margin-bottom: 40px; +} + +.home_layout .important > * { + margin-left: 10px; + margin-right: 11px; +} +.home_layout .full_banner_row, .home_layout .aside > * { + margin-bottom: 20px; +} +.home_layout .rm_section_row { + padding-top: 95px; + padding-bottom: 73px; +} +.home_layout .rm_section_row > .col > *, .home_layout .rm_section_row > .m_poll_current > *, .home_layout .rm_section_row > .m_poll_related > * { + margin-left: 10px; + margin-right: 10px; +} +.home_layout .cups_row { + margin-top: 31px; + margin-bottom: 51px; +} +.home_layout .media_row { + margin-bottom: 38px; +} +.home_layout .media_row_spaced { + margin-top: 51px; +} +.home_layout .social_row { + margin-left: 4px; +} +.home_layout .highlighted_row { + margin-bottom: 33px; +} + +.rm_section { + overflow: hidden; +} +.rm_section .players_row { + padding-top: 59px; + padding-bottom: 39px; +} + +.last_row { + margin-bottom: -50px; +} + +/* ========================== */ +/* = layout-banner-one-col = */ +/* ========================== */ +.vip_layout .spaces_row > .col > *, .madridistas_layout .highlights_row_2columns > .col > *, .fans_one_column .highlights_row_3colums > .col > *, .vip_layout .sections_row > .col > *, .fans_layout .highlights_row > .col > *, .partner_layout .highlights_row > .col > *, .madridistas_layout .highlights_row_3columns > .col > *, .fans_one_column .highlights_row_4colums > .col > *, .vip_layout .spaces_row > .m_poll_current > *, .madridistas_layout .highlights_row_2columns > .m_poll_current > *, .fans_one_column .highlights_row_3colums > .m_poll_current > *, .vip_layout .sections_row > .m_poll_current > *, .fans_layout .highlights_row > .m_poll_current > *, .partner_layout .highlights_row > .m_poll_current > *, .madridistas_layout .highlights_row_3columns > .m_poll_current > *, .fans_one_column .highlights_row_4colums > .m_poll_current > *, .vip_layout .spaces_row > .m_poll_related > *, .madridistas_layout .highlights_row_2columns > .m_poll_related > *, .fans_one_column .highlights_row_3colums > .m_poll_related > *, .vip_layout .sections_row > .m_poll_related > *, .fans_layout .highlights_row > .m_poll_related > *, .partner_layout .highlights_row > .m_poll_related > *, .madridistas_layout .highlights_row_3columns > .m_poll_related > *, .fans_one_column .highlights_row_4colums > .m_poll_related > * { + margin-left: 10px; + margin-right: 10px; +} + +.fans_one_column .highlights_row_4colums > .col > *, .fans_one_column .highlights_row_4colums > .m_poll_current > *, .fans_one_column .highlights_row_4colums > .m_poll_related > * { + margin-bottom: 20px; +} + +.fans_one_column .banner_row { + margin-bottom: 20px; +} +.fans_one_column .banner_row > .col > *, .fans_one_column .banner_row > .m_poll_current > *, .fans_one_column .banner_row > .m_poll_related > * { + margin-left: 10px; + margin-right: 10px; +} +.fans_one_column .content_row { + margin-bottom: 25px; +} +.fans_one_column .highlights_row_3colums { + margin-bottom: 20px; +} + +/* =================== */ +/* = fans_one_column = */ +/* =================== */ +.inverted > .col, .inverted > .m_poll_current, .inverted > .m_poll_related { + float: right; +} + +.register_layout .main_row, .register_layout .club_info_layout .overlapping_main_row, .club_info_layout .register_layout .overlapping_main_row { + padding: 20px 0 30px 0; + margin-bottom: 60px; +} +.register_layout .important > * { + margin-left: 20px; + margin-right: 10px; +} +.register_layout .aside > * { + margin-left: 50px; +} + +.register_layout .main_row, .register_layout .club_info_layout .overlapping_main_row, .club_info_layout .register_layout .overlapping_main_row { + background-color: white; + border: 1px solid #d9d9d9; +} +.register_layout .main_row > .full_col, .register_layout .club_info_layout .overlapping_main_row > .full_col, .club_info_layout .register_layout .overlapping_main_row > .full_col { + width: auto; + display: block; + float: none; +} +.register_layout .m_header_inner, .register_layout .m_images_slider_title { + border-bottom: 1px solid #D9D9D9; + padding-bottom: 14px; +} +.register_layout .steps_row { + margin-bottom: 31px; +} +.register_layout .header_row { + margin-bottom: 19px; +} +.register_layout .form > fieldset + fieldset { + margin-top: 30px; +} +.register_layout .aside > .m_header { + margin-bottom: 14px; +} +.register_layout .full_col > * { + margin-left: 20px; + margin-right: 20px; +} +.register_layout .full_col .header_row { + margin-left: 0; + margin-right: 0; +} +.register_layout .full_col .header_row .m_header { + padding-left: 20px; + padding-right: 20px; +} +.register_layout .options_row ul { + list-style: none; +} +.register_layout .options_row .col > *, .register_layout .options_row .m_poll_current > *, .register_layout .options_row .m_poll_related > * { + margin: 0 10px; +} + +.register_validation_layout .main_row, .register_validation_layout .club_info_layout .overlapping_main_row, .club_info_layout .register_validation_layout .overlapping_main_row { + padding-top: 0; + padding-bottom: 0; +} + +.overlapping_row .highlights_row, .club_info_layout .overlapping_main_row .highlights_row { + background-color: #fff; +} + +.club_info_layout .multiple_row > .col, .tickets_layout .multiple_row > .col, .fundacion_layout .multiple_row > .col, .club_info_layout .multiple_row > .m_poll_current, .tickets_layout .multiple_row > .m_poll_current, .fundacion_layout .multiple_row > .m_poll_current, .club_info_layout .multiple_row > .m_poll_related, .tickets_layout .multiple_row > .m_poll_related, .fundacion_layout .multiple_row > .m_poll_related { + width: 49.9%; +} +.club_info_layout .multiple_row .col, .tickets_layout .multiple_row .col, .fundacion_layout .multiple_row .col, .club_info_layout .multiple_row .m_poll_current, .tickets_layout .multiple_row .m_poll_current, .fundacion_layout .multiple_row .m_poll_current, .club_info_layout .multiple_row .m_poll_related, .tickets_layout .multiple_row .m_poll_related, .fundacion_layout .multiple_row .m_poll_related { + margin-bottom: 20px; +} + +.club_info_layout .text_row > * { + margin-right: 160px; +} + +.home_layout .highlighted_row > *, .club_info_layout .multiple_row .col > *, .tickets_layout .multiple_row .col > *, .fundacion_layout .multiple_row .col > *, .club_info_layout .multiple_row .m_poll_current > *, .tickets_layout .multiple_row .m_poll_current > *, .fundacion_layout .multiple_row .m_poll_current > *, .club_info_layout .multiple_row .m_poll_related > *, .tickets_layout .multiple_row .m_poll_related > *, .fundacion_layout .multiple_row .m_poll_related > *, .club_info_layout .practical_info_row .col > *, .vip_layout .practical_info_row .col > *, .club_info_layout .practical_info_row .m_poll_current > *, .vip_layout .practical_info_row .m_poll_current > *, .club_info_layout .practical_info_row .m_poll_related > *, .vip_layout .practical_info_row .m_poll_related > *, .club_info_layout .rm_text_row > *, .club_info_layout .nav_row > *, .club_info_layout .text_row > *, .club_info_layout .full_text_row > *, .club_info_layout .img_map_row > *, .club_info_layout .schedule_nav_row > *, .club_info_layout .member_row .col > *, .club_info_layout .member_row .m_poll_current > *, .club_info_layout .member_row .m_poll_related > *, .club_info_layout .members_row .col > *, .club_info_layout .members_row .m_poll_current > *, .club_info_layout .members_row .m_poll_related > *, .club_info_layout .m_header_inner > *, .club_info_layout .m_images_slider_title > *, .club_info_layout .content_row > *, .club_info_layout .form_row > *, .club_info_layout .event_footer_row > *, .club_info_layout .header_image_row .col > *, .club_info_layout .header_image_row .m_poll_current > *, .club_info_layout .header_image_row .m_poll_related > *, .club_info_layout .tabs_row > *, .club_info_layout .m_header_top > *, .club_info_layout .filter_row > *, .club_info_layout .news_results_row > *, .club_full_history_row > *, .club_excerpt_history_row > *, .tickets_layout .important > *, .tickets_layout .match_header_row > *, .tickets_layout .slider_row > *, .sports_layout .highlighted_row > *, .sports_layout .calendar_row > *, .sports_layout .classification_row > *, +.sports_layout .poll_row > *, .sports_layout .highlights_row > *, .sports_layout .team_compare_row > *, +.sports_layout .rm_strip_row > *, .sports_layout .content_row > *, .sports_layout .header_row > .col > *, .sports_layout .header_row > .m_poll_current > *, .sports_layout .header_row > .m_poll_related > *, .sports_layout .players_row > *, .sports_layout .minor_league_slider_row > *, .news_report_layout .important > *, .news_report_layout .aside > *, .specials_layout .important > *, .specials_layout .news > *, .vip_layout .important > *, .fans_layout .col_tv_schedule > *, .fans_layout .banner_kids_row > *, .fans_layout .filter_row > *, .fans_layout .upload_row > *, .fans_layout .search_club_row > *, .fans_layout .aditional_content_row .banner > *, .search_layout .search_results_row > *, .search_layout .header_row > *, .search_layout .highlights_row > *, .search_layout .empty_results_row > *, .player_layout .social_row > *, .player_layout .cups_row > *, .player_layout .video_row > *, .player_layout .text_row .important > *, .partner_layout .important > *, .partner_layout .card_row .aside > *, .madridistas_layout .important > *, .madridistas_layout .aside > *, .madridistas_layout .m_section_news_header > *, .madridistas_layout .m_header > *, .madridistas_layout .main_content .m_text_content > *, .notices_layout .main_row > *, .notices_layout .club_info_layout .overlapping_main_row > *, .club_info_layout .notices_layout .overlapping_main_row > *, .notices_layout .details_row > *, .m_highlighted_finish_game > *, .event_content_row > * { + margin-left: 10px; + margin-right: 10px; +} + +.club_info_layout .gold_sponsors_row > *, .tickets_layout .gallery_row > * { + width: 49.9%; + margin-bottom: 23px; + font-size: x-small; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding-left: 10px; + padding-right: 10px; + float: none; + vertical-align: middle; +} + +.club_info_layout .list_row, .tickets_layout .list_row { + margin-bottom: 44px; +} + +.club_info_layout .practical_info_row .col, .vip_layout .practical_info_row .col, .club_info_layout .practical_info_row .m_poll_current, .vip_layout .practical_info_row .m_poll_current, .club_info_layout .practical_info_row .m_poll_related, .vip_layout .practical_info_row .m_poll_related { + border-left: 1px solid #D9D9D9; +} +.club_info_layout .practical_info_row .important, .vip_layout .practical_info_row .important, .club_info_layout .practical_info_row .col:first-child, .vip_layout .practical_info_row .col:first-child, .club_info_layout .practical_info_row .m_poll_current:first-child, .vip_layout .practical_info_row .m_poll_current:first-child, .club_info_layout .practical_info_row .m_poll_related:first-child, .vip_layout .practical_info_row .m_poll_related:first-child { + border-left: none; +} +.club_info_layout .practical_info_row .m_header, .vip_layout .practical_info_row .m_header { + margin-bottom: 8px; +} + +.club_info_layout .main_row, .club_info_layout .overlapping_main_row { + padding-top: 30px; +} +.club_info_layout .overlapping_main_row { + padding-top: 0; +} +.club_info_layout .schedule_nav_row { + margin-bottom: 20px; +} +.club_info_layout .nav_row { + margin-bottom: 26px; +} +.club_info_layout .text_row { + margin-bottom: 0px; + padding-right: 71px; +} +.club_info_layout .aside > * + * { + margin-top: 20px; +} +.club_info_layout .list_row .m_spaces_list { + width: 100%; +} +.club_info_layout .members_row .m_member, .club_info_layout .members_row .m_player { + margin-bottom: 21px; +} +.club_info_layout .members_row + .members_row { + margin-top: 7px; +} +.club_info_layout .members_row_expanded .col > *, .club_info_layout .members_row_expanded .m_poll_current > *, .club_info_layout .members_row_expanded .m_poll_related > * { + margin-left: 10px !important; + margin-right: 10px !important; +} +.club_info_layout .member_row { + margin-bottom: 32px; +} +.club_info_layout .member_row .m_share { + margin-top: 10px; +} +.club_info_layout .member_publishing_row .m_share { + margin-top: 0; +} +.club_info_layout .full_member_row { + margin-bottom: 0; +} +.club_info_layout .char_nav_row { + margin-bottom: 25px; +} +.club_info_layout .m_header_inner, .club_info_layout .m_images_slider_title { + margin-top: 20px; + margin-bottom: 18px; +} +.club_info_layout .content_row .m_rm_strip { + margin-bottom: 35px; +} +.club_info_layout .table_row { + margin: 0 10px 36px; +} +.club_info_layout .table_row table { + width: 100%; +} +.club_info_layout .event_footer_row .m_pagination { + margin-bottom: 32px; +} +.club_info_layout .header_row .m_slider { + margin-left: 0; + margin-right: 0; +} +.club_info_layout .slider_row { + margin-bottom: 29px; +} +.club_info_layout .restaurants_row { + margin-bottom: 20px; +} +.club_info_layout .img_map_row > * { + margin-bottom: 78px; +} +.club_info_layout .chart_row { + margin-top: 40px; +} +.club_info_layout .chart_row > * { + margin-left: 20px; + margin-right: 20px; +} +.club_info_layout .header_image_row img { + width: 100%; + height: auto; +} +.club_info_layout .m_header_inner_spaced { + margin-top: 25px; +} +.club_info_layout .cups_section { + border-top: 1px solid #D9D9D9; + padding-top: 31px; + margin-top: 10px; +} +.club_info_layout .second_main_row { + padding-top: 0; +} +.club_info_layout .full_history_section { + background: url("../images/backgrounds/full_history_section.png") repeat-y center top; +} +.club_info_layout .full_history_section .m_history_slider_overlapped { + margin-top: -122px; +} +.club_info_layout .full_history_section .m_history_slider { + margin-bottom: 63px; +} +.club_info_layout .full_history_section .cups_row { + border-top: 1px solid #d9d9d9; + padding: 23px 20px 50px; +} +.club_info_layout .full_history_section .m_history_text { + margin-left: 10px; + margin-right: 10px; +} +.club_info_layout .full_history_section_title { + font-size: 2.2em; + text-transform: uppercase; + margin-left: 10px; + margin-right: 10px; + font-weight: normal; + color: #333; + margin-top: 13px; + margin-bottom: 21px; +} +.club_info_layout .tabs_row { + margin-bottom: 20px; +} +.club_info_layout .m_header_top { + margin-bottom: 10px; +} +.club_info_layout .slider_row .m_section_news_actions { + margin-left: 10px; + margin-right: 10px; +} +.club_info_layout .filter_row { + margin-bottom: 20px; +} +.club_info_layout .news_results_row .m_header { + margin-top: 0; +} +.club_info_layout .news_results_row .m_header > * { + margin-left: 0; +} +.club_info_layout .news_results_row ul { + list-style: none; +} +.club_info_layout .news_results_row li:first-child { + margin-top: 0; +} +.club_info_layout .news_results_row li { + margin-top: 20px; +} +.club_info_layout .news_results_row .m_news_results_empty { + margin-bottom: 20px; +} +.club_info_layout .news_results_paginator_col { + margin-top: 20px; + text-align: center; +} +.club_info_layout .members_pagination_row { + font-size: x-small; + text-align: center; +} + +.club_excerpt_history_row { + position: relative; +} +.club_excerpt_history_row .wrapper { + padding-top: 33px; + background-color: #E4E5E0; + min-height: 291px; + font-size: x-small; +} +.club_excerpt_history_row .wrapper:before, .club_excerpt_history_row .wrapper:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.club_excerpt_history_row .wrapper:after { + clear: both; +} +.club_excerpt_history_row .wrapper { + zoom: 1; +} +.club_excerpt_history_row .share { + width: 16.66667%; + *width: 16.66567%; +} +.club_excerpt_history_row .m_share { + margin-left: 12px; +} +.club_excerpt_history_row .figure { + position: absolute; + bottom: 0; + right: 58px; +} +.club_excerpt_history_row .figure img { + height: auto; +} + +.club_full_history_row .wrapper, .club_excerpt_history_row .wrapper { + border-left: 1px solid #d9d9d9; + border-right: 1px solid #d9d9d9; +} +.club_full_history_row .m_text_content, .club_excerpt_history_row .m_text_content { + margin-left: 9px; + margin-right: 9px; + color: #000; +} +.club_full_history_row .m_text_content > *, .club_excerpt_history_row .m_text_content > * { + font-size: 1.9em; +} +.club_full_history_row .important, .club_excerpt_history_row .important { + width: 50%; + *width: 49.999%; +} + +.club_full_history_row .important { + margin-left: 16.66667%; +} +.club_full_history_row .wrapper { + padding-top: 34px; + padding-bottom: 111px; +} +.club_full_history_row .wrapper:before, .club_full_history_row .wrapper:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.club_full_history_row .wrapper:after { + clear: both; +} +.club_full_history_row .wrapper { + zoom: 1; +} +.club_full_history_row .aside { + width: 25%; + *width: 24.999%; + font-size: x-small; + padding-left: 29px; +} +.club_full_history_row .aside a { + font-size: 1.2em; + text-transform: uppercase; + color: #0255a5; + text-decoration: none; + display: block; + margin-top: 5px; +} +.club_full_history_row .m_text_content { + font-size: .77em; + line-height: 1.6em; + color: #666; +} + +.club_info_layout .gold_sponsors_row, .club_info_layout .silver_sponsors_row, .club_info_layout .bronze_sponsors_row { + margin-left: 0; + margin-right: 0; + font-size: 0; +} +.club_info_layout .gold_sponsors_row > *, .club_info_layout .silver_sponsors_row > *, .club_info_layout .bronze_sponsors_row > * { + font-size: x-small; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding-left: 10px; + padding-right: 10px; + float: none; + vertical-align: middle; +} +.club_info_layout .gold_sponsors_row .m_header, .club_info_layout .silver_sponsors_row .m_header, .club_info_layout .bronze_sponsors_row .m_header { + margin-bottom: 25px; + display: block; + width: auto; +} +.club_info_layout .silver_sponsors_row > * { + margin-bottom: 20px; +} +.club_info_layout .bronze_sponsors_row { + margin-bottom: 60px; +} +.club_info_layout .magazines_row { + text-align: center; + padding-top: 24px; +} +.club_info_layout .magazines_row table { + margin-bottom: 31px; +} +.club_info_layout .magazines_row .m_paginator { + margin-bottom: 42px; +} +.club_info_layout .practical_info_row { + margin-bottom: 20px; +} + +.club_info_complete_layout + [role="contentinfo"] { + margin-top: 0; +} + +.tickets_layout, .vip_layout { + margin-bottom: -50px; +} + +.tickets_layout .match_header_row { + margin-bottom: 30px; +} +.tickets_layout .aside .aside_link { + font-size: 1.3em; + text-transform: uppercase; + text-decoration: none; + font-weight: bold; + display: block; + color: #0255a5; + margin-bottom: 40px; +} +.tickets_layout .aside > * + * { + margin-top: 21px; +} +.tickets_layout .aside .m_warning { + margin-top: 0; +} +.tickets_layout .main_tickets_row { + margin-bottom: 50px; +} +.tickets_layout .full_ad_row .m_ad + .m_ad { + margin-top: 11px; +} +.tickets_layout .full_ad_row + .full_ad_row { + margin-top: 40px; +} +.tickets_layout .important .m_header { + margin-bottom: 20px; +} +.tickets_layout .important .m_header_inner, .tickets_layout .important .m_images_slider_title { + margin-bottom: 40px; +} +.tickets_layout .important .m_tickets_prices { + margin-bottom: 40px; +} +.tickets_layout .list_row .m_header { + margin-bottom: 30px; +} +.tickets_layout .list_row .m_spaces_list, .tickets_layout .list_row { + margin-left: 0; + margin-right: 0; +} +.tickets_layout .list_row .m_spaces_list { + width: 100%; +} +.tickets_layout .gallery_row { + margin-left: 0; + margin-right: 0; + font-size: 0; +} +.tickets_layout .gallery_row:before, .tickets_layout .gallery_row:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.tickets_layout .gallery_row:after { + clear: both; +} +.tickets_layout .gallery_row { + zoom: 1; +} +.tickets_layout .gallery_row .view_all { + font-size: 11px; + display: block; + width: auto; + text-transform: uppercase; + color: #0255a5; + text-decoration: none; + padding-left: 0; + padding-right: 0; + margin-left: 10px; + margin-right: 10px; +} +.tickets_layout .slider_row { + margin-bottom: 31px; +} +.tickets_layout .slider_row > * { + margin-left: 0; + margin-right: 0; +} +.tickets_layout .list_row .m_header { + margin-left: 10px; + margin-right: 10px; +} +.tickets_layout .main_combtickets_row { + margin-top: 30px; +} +.tickets_layout .main_combtickets_row .multiple_row { + margin-top: 30px; +} +.tickets_layout .main_combtickets_row .form_legend { + padding-bottom: 30px; +} +.tickets_layout .main_combtickets_row .m_total_price { + margin-bottom: 40px; +} +.tickets_layout .basketball_tickets_form { + margin-bottom: 40px; +} +.tickets_layout .important .m_warning { + /* margin-bottom: 20px; */ + margin-top: -20px; +} +.tickets_layout .table_row { + margin-bottom: 20px; +} + +.tickets_layout .tickets_add_members .tickets_add_member { + margin-bottom: 50px; +} +.tickets_layout .tickets_add_members .form_legend { + margin-bottom: 0; + padding-bottom: 30px; +} +.tickets_layout .tickets_add_members .tickets_add_members_trigger { + padding-top: 30px; + border-top: 1px solid #D9D9D9; + margin-top: -30px; +} + +/*ini jmc*/ +/*fin jmc*/ +.sports_layout .minor_header_row img { + margin: 0 auto; +} +.sports_layout .classification_row .m_header { + padding-top: 17px; + margin-bottom: 17px; + margin-left: 10px; +} +.sports_layout .highlighted_row { + margin-bottom: 25px; +} +.sports_layout .important > * { + margin-bottom: 30px; +} +.sports_layout .important .m_header_sub_title { + margin-bottom: 20px; +} +.sports_layout .important > .m_highlighted { + margin-left: 10px; + margin-right: 10px; +} +.sports_layout .aside > * { + margin-bottom: 20px; +} +.sports_layout .m_matches_table { + margin-bottom: 30px; +} +.sports_layout .rm_section { + margin-top: 27px; +} +.sports_layout .poll_row { + margin-top: 35px; + margin-bottom: 41px; +} +.sports_layout .team_compare_row .m_header { + margin-bottom: 15px; +} +.sports_layout .content_row { + margin-top: -30px; +} +.sports_layout .content_row > * { + margin-bottom: 30px; +} +.sports_layout .match_info_row .important > *, +.sports_layout .match_info_row .aside > * { + margin-left: 10px; + margin-right: 10px; +} +.sports_layout .match_info_row .important { + margin-bottom: 20px; +} +.sports_layout .match_info_row .m_header_inner, .sports_layout .match_info_row .m_images_slider_title { + margin-bottom: 30px; +} +.sports_layout .match_info_row .m_header_as_title { + margin-bottom: 20px; +} +.sports_layout .match_info_row .players_row { + margin-right: 0; + margin-left: 0; +} +.sports_layout .media_row { + margin-bottom: 40px; +} +.sports_layout .social_row { + margin-bottom: 40px; +} +.sports_layout .match_info_ads { + padding-top: 55px; +} +.sports_layout .players_row ul { + margin-left: 0; + margin-right: 0; +} +.sports_layout .players_row ul > li { + width: 24.9%; +} +.sports_layout .players_row .m_header { + margin-top: 22px; + margin-bottom: 22px; +} +.sports_layout .players_row * + .m_header { + margin-top: 9px; +} +.sports_layout .players_two_row ul > li.col, .sports_layout .players_two_row ul > li.m_poll_current, .sports_layout .players_two_row ul > li.m_poll_related { + width: 49.9%; +} +.sports_layout .minor_league_slider_row { + margin-top: 77px; +} +.sports_layout .match_info_row .m_matches_table { + margin-bottom: 0; +} +.sports_layout .match_info_row .m_matches_table + .m_matches_title { + margin-top: 30px; +} +.sports_layout .m_matches_results_container { + margin-left: 10px; + margin-right: 10px; +} +.sports_layout .paginator_row { + text-align: center; +} +.sports_layout .m_tabs + .paginator_row { + margin-top: -35px; +} +.sports_layout .form_row { + background: #fff; + border: 1px solid #D9D9D9; + padding-top: 24px; +} +.sports_layout .form_row .important { + width: 628px; +} +.sports_layout .form_row form { + margin-left: 92px; +} +.sports_layout .form_row fieldset + fieldset { + margin-top: 50px; +} +.sports_layout .form_row .form_legend { + margin-bottom: 16px; +} +.sports_layout .form_disclaimer { + font-size: 1.4em; + margin-bottom: 39px; +} +.sports_layout .m_highlighted { + margin-left: 10px; + margin-right: 10px; +} + +.tickets_layout .form_row fieldset + fieldset, .sports_layout .form_row fieldset + fieldset { + margin-top: 50px; +} + +.tickets_layout .form_legend, .register_layout .form_legend { + margin-bottom: 20px; +} +.tickets_layout .form_legend small, .register_layout .form_legend small { + padding-top: 7px; + float: right; + color: #666666; + font-size: 1.2em; +} + +.tickets_layout .m_match_ticket_request { + margin-bottom: 35px; +} + +.rivalry_layout .overlapping_row, .rivalry_layout .club_info_layout .overlapping_main_row, .club_info_layout .rivalry_layout .overlapping_main_row { + margin-top: -191px; +} +.rivalry_layout .team_stats_row { + margin-top: 75px; + margin-bottom: 80px; +} +.rivalry_layout .team_row { + background: #ebebeb url("../images/backgrounds/team_row_bg.png") 89.4% bottom no-repeat; + padding-top: 40px; + padding-bottom: 40px; + margin-bottom: 40px; +} +.rivalry_layout .media_row + .team_row { + margin-top: -40px; +} +.rivalry_layout .team_row_wrapper { + max-width: 940px; + margin: 0 auto; +} +.rivalry_layout .team_row_wrapper:before, .rivalry_layout .team_row_wrapper:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.rivalry_layout .team_row_wrapper:after { + clear: both; +} +.rivalry_layout .team_row_wrapper { + zoom: 1; +} +.rivalry_layout .team_row_wrapper > * { + float: left; + width: 33.3%; +} +.rivalry_layout .team_row_wrapper > * > * { + margin-left: 10px; + margin-right: 10px; +} +.rivalry_layout .team_row_wrapper > *:first-child > * { + margin-left: 0; +} +.rivalry_layout .team_row_modules > * + * { + margin-top: 20px; +} +.rivalry_layout .team_row_modules > * { + margin-right: 0; +} + +.error_layout .main_row, .error_layout .club_info_layout .overlapping_main_row, .club_info_layout .error_layout .overlapping_main_row { + background-color: white; + border: 1px solid #d9d9d9; + margin-top: -178px; + position: relative; + z-index: 1; +} +.error_layout .main_row > .full_col, .error_layout .club_info_layout .overlapping_main_row > .full_col, .club_info_layout .error_layout .overlapping_main_row > .full_col { + width: auto; + display: block; + float: none; +} + +.news_layout .main_row > .additional_content, .news_layout .club_info_layout .overlapping_main_row > .additional_content, .club_info_layout .news_layout .overlapping_main_row > .additional_content { + width: 16.66667%; + *width: 16.66567%; +} +.news_layout .main_row > .additional_content > *, .news_layout .club_info_layout .overlapping_main_row > .additional_content > *, .club_info_layout .news_layout .overlapping_main_row > .additional_content > * { + margin: 10px; +} +.news_layout .main_row > .important, .news_layout .club_info_layout .overlapping_main_row > .important, .club_info_layout .news_layout .overlapping_main_row > .important { + width: 83.33333%; + *width: 83.33233%; +} +.news_layout .header_row .col > *, .news_layout .header_row .m_poll_current > *, .news_layout .header_row .m_poll_related > * { + margin-left: 40px; + margin-right: 12px; +} +.news_layout .content_row > .main_content { + width: 60%; +} +.news_layout .content_row > .main_content > * { + margin-left: 40px; + margin-right: 20px; +} +.news_layout .content_row > .aside { + width: 40%; +} +.news_layout .content_row > .aside > * { + margin-left: 10px; + margin-right: 10px; + margin-bottom: 20px; +} +.news_layout .additional_aside { + width: 66.66667%; + *width: 66.66567%; +} +.news_layout .additional_aside > * { + margin-left: 10px; + margin-right: 10px; + margin-bottom: 30px; +} +.news_layout .additional_aside .m_rm_strip { + margin-bottom: 30px; +} +.news_layout .m_highlight_tweet { + margin: 30px 0; +} +.news_layout .opta_mods_row > * { + margin-bottom: 30px; +} +.news_layout .opta_mods_row > *:before, .news_layout .opta_mods_row > *:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.news_layout .opta_mods_row > *:after { + clear: both; +} +.news_layout .opta_mods_row > * { + zoom: 1; +} + +.news_report_layout .important { + width: 66.66667%; + *width: 66.66567%; +} +.news_report_layout .aside { + width: 33.33333%; + *width: 33.33233%; +} +.news_report_layout .aside > * { + margin-bottom: 20px; +} +.news_report_layout .m_section_news_actions { + margin: 20px 10px 30px 10px; +} +.news_report_layout .medical_report { + margin-bottom: 20px; +} +.news_report_layout .main_content { + width: 75%; +} +.news_report_layout .main_content > * { + margin-left: 10px; + margin-right: 10px; +} +.news_report_layout .aditional_content { + width: 25%; +} +.news_report_layout .m_pagination { + margin-bottom: 40px; +} +.news_report_layout .image .m_full_header_banner_info { + position: absolute; +} +.news_report_layout .m_full_header_video_figure { + position: relative; +} +.news_report_layout .aditional_content > .m_related { + margin-bottom: 20px; +} +.news_report_layout .full_content { + clear: both; + width: 100%; +} +.news_report_layout .full_content > div { + margin-bottom: 20px; +} +.news_report_layout .opta_mods_row > * { + margin-bottom: 20px; +} +.news_report_layout .opta_mods_row > *:before, .news_report_layout .opta_mods_row > *:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.news_report_layout .opta_mods_row > *:after { + clear: both; +} +.news_report_layout .opta_mods_row > * { + zoom: 1; +} +.news_report_layout .opta_mods_row .o_matchstats { + margin-bottom: 0; +} + +.medical_report .aditional_content > * { + margin-right: 15px; +} +.medical_report .aditional_content > * + * { + margin-top: 20px; +} + +.medical_report .m_player_info_number { + width: 40px; + font-size: 2.6em; +} +.medical_report .m_player_info_content strong { + font-size: 1.3em; +} +.medical_report .m_player_info_content span { + font-size: 1.0em; +} +.medical_report .m_news_simple { + margin-top: 30px; + margin-bottom: 35px; +} + +.specials_layout .news { + width: 66.66667%; +} + +.practical_info_row .m_text_content { + margin-bottom: 15px; +} + +.vip_layout .main_row, .vip_layout .club_info_layout .overlapping_main_row, .club_info_layout .vip_layout .overlapping_main_row { + margin-top: 40px; +} +.vip_layout .slider_row { + margin-bottom: 33px; +} +.vip_layout .slider_row .m_slider { + background: none; +} +.vip_layout .important .slider_row .m_slider img { + width: 100%; +} +.vip_layout .important .slider_row .m_slider { + margin-left: 0; + margin-right: 0; +} +.vip_layout .sections_row { + margin-bottom: 40px; +} +.vip_layout .features_row .m_spaces_list { + width: 100%; +} +.vip_layout .features_row .m_spaces_list li { + padding-left: 10px; + padding-right: 10px; +} +.vip_layout .important .features_row, .vip_layout .spaces_row { + margin-left: 0; + margin-right: 0; +} +.vip_layout .features_row { + margin-bottom: 40px; +} +.vip_layout .important > .m_header { + margin-bottom: 20px; +} +.vip_layout .m_matches_calendar_form { + padding-bottom: 9px; +} +.vip_layout .calendar_row { + margin-bottom: 48px; +} +.vip_layout .img_row { + margin-bottom: 60px; +} +.vip_layout .aside > .m_personal_info:first-child { + margin-top: -21px; +} +.vip_layout .aside > .m_personal_info_edge:first-child { + margin-top: 0; +} +.vip_layout .aside > * + * { + margin-top: 20px; +} +.vip_layout .aside { + position: relative; + z-index: 1; +} +.vip_layout .important .slider_row { + margin-bottom: 28px; +} +.vip_layout .download_row { + margin-bottom: 40px; +} +.vip_layout .spaces_row { + margin-bottom: 20px; +} +.vip_layout .spaces_row .col, .vip_layout .spaces_row .m_poll_current, .vip_layout .spaces_row .m_poll_related { + margin-bottom: 20px; +} +.vip_layout .practical_info_row { + margin: 0 0 35px; +} +.vip_layout .contact_info_row { + margin-bottom: 42px; +} +.vip_layout .contact_info_cols { + display: table; + width: 100%; +} +.vip_layout .contact_info_cols > * { + display: table-cell; + vertical-align: middle; +} +.vip_layout .telephone_col { + width: 228px; + padding-right: 12px; + border-right: 1px solid #d9d9d9; +} +.vip_layout .email_col { + padding-left: 40px; +} +.vip_layout .form_row .m_header_sep { + margin-bottom: 32px; +} +.vip_layout .form_row .form_legend { + margin-bottom: 20px; +} +.vip_layout .form_row fieldset + fieldset { + margin-top: 30px; +} + +.vip_layout_alt { + margin-bottom: 0; +} + +.saved_items .m_advice { + margin-top: -30px; + margin-bottom: 30px; +} +.saved_items .m_main_header > * { + font-size: 7em; +} +.saved_items .saved_items_content { + width: 66.66%; +} +.saved_items .m_search_results_content li > * { + margin-left: 0px; + margin-right: 0px; +} +.saved_items .m_search_results_header { + background: none; + border: none; + padding-bottom: 10px; + padding-top: 5px; + border-top: 1px solid #d9d9d9; +} +.saved_items .m_search_results_header label { + color: #0255a5; + font-size: 11px; +} +.saved_items .m_search_results_header label.active { + border: none; + color: #000; +} +.saved_items .m_search_results_content { + border-bottom: 0px; +} +.saved_items .header_section { + overflow: visible; + min-height: 170px; +} + +.fans_layout .highlights_row { + margin: 32px 0; +} +.fans_layout .highlights_row .m_highlight, .fans_layout .highlights_row .m_store { + padding-bottom: 34px; +} +.fans_layout .highlights_row .m_highlight .m_share, .fans_layout .highlights_row .m_store .m_share { + position: absolute; + bottom: 0; +} +.fans_layout .m_photos { + margin-top: 0; + margin-left: 10px; + margin-right: 10px; + white-space: nowrap; + overflow: hidden; +} +.fans_layout .m_photos .col, .fans_layout .m_photos .m_poll_current, .fans_layout .m_photos .m_poll_related { + float: none; + width: 32%; + margin-right: 1.8%; +} +.fans_layout .m_photos .col > *, .fans_layout .m_photos .m_poll_current > *, .fans_layout .m_photos .m_poll_related > * { + margin-left: 0; + margin-right: 0; +} +.fans_layout .channel_row { + font-size: 0; +} +.fans_layout .channel_row > * { + float: none; + width: 50%; + padding-left: 10px; + padding-right: 10px; + margin-bottom: 23px; +} +.fans_layout .important .m_header { + margin: 20px 10px 30px 10px; +} +.fans_layout .aside > * { + margin-bottom: 20px; +} +.fans_layout .social_row { + margin-top: 32px; +} +.fans_layout .video_row { + margin-bottom: 30px; +} +.fans_layout .video_row > * { + margin-left: 10px; + margin-right: 10px; +} +.fans_layout .banner_kids_row { + margin-bottom: -12px; +} +.fans_layout .main_kids_row { + padding-top: 10px; +} +.fans_layout .main_kids_row > * { + margin-left: 10px; + margin-right: 10px; +} +.fans_layout .main_kids_row .m_header { + margin-bottom: 40px; +} +.fans_layout .main_kids_row .col, .fans_layout .main_kids_row .m_poll_current, .fans_layout .main_kids_row .m_poll_related { + width: 31%; +} +.fans_layout .filter_row { + margin-bottom: 20px; +} +.fans_layout .col_highlights_videos .m_header_link, +.fans_layout .col_highlights_videos .m_header_links { + margin-left: 30px; + margin-right: 30px; + margin-top: 20px; +} +.fans_layout .fans_row { + border: 1px solid red; +} +.fans_layout .upload_row { + margin-bottom: 40px; +} +.fans_layout .social_connect_row { + background-color: #EBEBEB; + margin-top: 40px; + margin-bottom: 40px; +} +.fans_layout .social_connect_row .m_social_connect { + margin: 0 auto; +} +.fans_layout .apps_row, +.fans_layout .highlight_club_row { + overflow: hidden; + margin-bottom: 40px; +} +.fans_layout .apps_row .col article, .fans_layout .apps_row .m_poll_current article, .fans_layout .apps_row .m_poll_related article, +.fans_layout .highlight_club_row .col article, +.fans_layout .highlight_club_row .m_poll_current article, +.fans_layout .highlight_club_row .m_poll_related article { + margin-left: 10px; + margin-right: 10px; +} +.fans_layout .apps_row .m_header_link, +.fans_layout .highlight_club_row .m_header_link { + margin-left: 10px; + margin-right: 10px; +} +.fans_layout .highlights_row .m_header_link { + margin-left: 10px; + margin-right: 10px; +} +.fans_layout .main_row_club .important > * { + margin-left: 10px; + margin-right: 10px; +} +.fans_layout .main_row_club .m_articles { + margin-bottom: 0; +} +.fans_layout .highlight_map_row { + overflow: hidden; +} +.fans_layout .highlight_map_row .info { + width: 66.66667%; + *width: 66.66567%; +} +.fans_layout .highlight_map_row .map { + width: 33.33333%; + *width: 33.33233%; +} +.fans_layout .highlight_map_row .m_map { + height: 264px; +} +.fans_layout .highlight_map_row .m_slider { + margin-left: 0; + margin-right: 0; +} +.fans_layout .info_club_row { + margin-top: 10px; +} +.fans_layout .content_info_club { + margin: 0 10px 40px 10px; + border: 1px solid #D9D9D9; + box-shadow: 0px 0px 1px 0px #D9D9D9; + border-top: none; +} +.fans_layout .aditional_content_row:before, .fans_layout .aditional_content_row:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.fans_layout .aditional_content_row:after { + clear: both; +} +.fans_layout .aditional_content_row { + zoom: 1; +} +.fans_layout .aditional_content_row .aditional_content { + width: 16.66667%; + *width: 16.66567%; +} +.fans_layout .aditional_content_row .aditional_content > * { + margin-left: 10px; + margin-bottom: 20px; +} +.fans_layout .aditional_content_row .important { + width: 50%; + *width: 49.999%; +} +.fans_layout .aditional_content_row .important > * { + margin-left: 30px; + margin-right: 20px; +} +.fans_layout .aditional_content_row .banner { + width: 33.33333%; + *width: 33.33233%; +} +.fans_layout .aditional_content_row .banner > * { + margin-bottom: 20px; +} +.fans_layout .aditional_content_row_simple { + margin-top: 30px; +} +.fans_layout .aditional_content_row_simple .m_text_content ol { + padding: 0; + font-size: 1.4em; + line-height: 18px; + list-style: none; + counter-reset: item; +} +.fans_layout .aditional_content_row_simple .m_text_content ol > li { + position: relative; + padding-left: 25px; + margin-left: 0; +} +.fans_layout .aditional_content_row_simple .m_text_content ol > li:before { + position: absolute; + top: 0; + left: 0; + content: counter(item) ". "; + counter-increment: item; + font-weight: bold; + color: #000; + font-size: 1.2em; +} +.fans_layout .aditional_content_row_simple .m_text_content ol ul { + margin-top: 10px; +} +.fans_layout .aditional_content_row_simple .m_text_content ol ul li { + list-style: none; + background: url("../images/backgrounds/bullet_list.png") no-repeat left 5px; + padding-left: 20px; +} +.fans_layout .aditional_content_row_simple .m_text_content ol ul li:before { + display: none; +} +.fans_layout .aditional_content_row_simple .m_text_content ol .m_text_content_telephone { + display: block; + margin-top: 20px; + font-size: 1.1em; + color: #7F7F7F; + font-weight: normal; +} +.fans_layout .aditional_content_row_simple .m_header_link { + margin-left: 30px; +} +.fans_layout .aditional_content_row_simple .m_header_link strong { + float: none; +} +.fans_layout .aditional_content_row_simple .m_header_link span { + margin-top: 20px; + display: block; + font-weight: bold; + font-size: 1.4em; + text-transform: uppercase; + color: #333333; +} +.fans_layout .wallpapers_row .banner_row { + margin-left: 10px; + margin-right: 10px; +} +.fans_layout .mobile_row .m_highlight_mobile { + width: 47.6%; + margin-left: 10px; + margin-bottom: 10px; +} +.fans_layout .mobile_row .m_highlight_mobile img { + height: 148px; +} +.fans_layout .wallpapers_content_row { + padding-left: 10px; +} +.fans_layout .wallpapers_content_row .m_wallpaper { + width: 31.33%; + height: 200px; + margin-right: 10px; + margin-bottom: 10px; +} +.fans_layout .m_filter_simple { + margin: 30px 10px; +} + +.search_layout { + padding-top: 26px; +} +.search_layout .search_results_row { + margin-bottom: 50px; +} +.search_layout .header_row { + margin-bottom: 22px; +} +.search_layout .header_row > * { + margin-bottom: 22px; +} +.search_layout .header_row .m_player_bio { + margin-bottom: 40px; +} +.search_layout .highlights_row .m_header { + margin-bottom: 14px; +} +.search_layout .highlights_row ul { + list-style: none; + margin-left: -10px; + margin-right: -10px; +} +.search_layout .highlights_row .col > *, .search_layout .highlights_row .m_poll_current > *, .search_layout .highlights_row .m_poll_related > * { + margin-left: 10px; + margin-right: 10px; +} +.search_layout .higlights_header_row { + margin-bottom: 50px; + padding-top: 10px; +} +.search_layout .higlights_header_row .m_header { + margin-bottom: 24px; +} +.search_layout .higlights_header_row .m_header_inner > *, .search_layout .higlights_header_row .m_images_slider_title > * { + color: #666666; +} +.search_layout .empty_results_row { + margin-bottom: 49px; +} + +.search_bar_standalone { + margin-bottom: 47px; +} +.search_bar_standalone > * { + margin-left: 10px; + margin-right: 10px; +} + +.m_full_header_banner:hover .m_aditional_info_link_wrapper { + opacity: 1; + -webkit-transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); + transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); +} + +.player_layout { + margin-bottom: -50px; +} +.player_layout .m_aditional_player_link_wrapper { + opacity: 0; +} +.player_layout .text_row, .player_layout .social_row { + margin-top: 44px; +} +.player_layout .social_row { + margin-bottom: 27px; +} +.player_layout .bio_strip_row { + margin-bottom: 60px; +} +.player_layout .cups_row { + margin-bottom: 50px; +} +.player_layout .video_row { + margin-bottom: 53px; +} +.player_layout .media_row { + margin-bottom: 67px; +} +.player_layout .player_history_row { + margin-bottom: 47px; +} +.player_layout .player_stats_row { + border-top: 1px solid #D2D2D2; + padding-top: 49px; + margin-bottom: 42px; +} +.player_layout .player_stats_row > * { + max-width: 960px; + margin: 0 auto; +} +.player_layout .text_row { + margin-bottom: 57px; +} +.player_layout .text_row .important { + width: 58.33333%; + *width: 58.33233%; +} +.player_layout .text_row .aside { + width: 41.66667%; + *width: 41.66567%; +} +.player_layout .text_row .aside > * { + margin-left: 80px; +} +.player_layout .text_row .m_text_content h2 { + padding-right: 26px; + font-size: 2.6em; + font-weight: bold; + text-transform: none; +} +.player_layout .text_row hr { + border: none; + height: 1px; + background-color: #d9d9d9; +} +.player_layout .anchors_row { + margin-bottom: 28px; +} +.player_layout .read_more_row { + font-size: x-small; +} +.player_layout .read_more_row a { + font-size: 1.1em; + text-transform: uppercase; + text-decoration: none; + color: #0255a5; + font-weight: bold; +} + +.partner_layout .banner_row { + margin-bottom: 40px; +} +.partner_layout .banner_row .m_slider { + background-color: transparent; + margin-left: 0; +} +.partner_layout .banner_row .m_slider_item_info { + white-space: normal; +} +.partner_layout .highlights_row { + margin: 32px 0; +} +.partner_layout .highlights_row .m_header_link { + margin-left: 10px; + margin-right: 10px; +} +.partner_layout .aside > * { + margin-bottom: 20px; +} +.partner_layout .nav_row { + margin-top: 30px; + margin-bottom: 30px; +} +.partner_layout .aside > .m_highlight_private { + margin-top: 30px; +} +.partner_layout .m_action_link { + margin-bottom: 20px; +} +.partner_layout .card_row { + padding-top: 30px; +} +.partner_layout .card_row .aside { + float: right; +} +.partner_layout .card_row .aditional_content { + float: left; +} +.partner_layout .card_row .aditional_content > * { + margin-left: 10px; + margin-bottom: 20px; +} +.partner_layout .card_row .content { + float: right; +} +.partner_layout .card_row .content .m_text { + margin-left: 20px; + margin-right: 23px; +} +.partner_layout .card_row .aside > .m_highlight_private { + margin-top: 0; +} + +.anchor_element { + position: relative; + position: relative; + top: -50px; + visibility: hidden; +} +.anchor_element:before { + content: ""; + float: left; + height: 0px; +} + +/* =========== */ +/* = SPACING = */ +/* =========== */ +.col_sls > * { + margin-left: 10px; +} + +.col_srs > * { + margin-right: 10px; +} + +.col_slm > * { + margin-left: 20px; +} + +.col_srm > * { + margin-right: 20px; +} + +.col_shs > * { + margin-left: 10px; + margin-right: 10px; +} + +.col_shm > * { + margin-left: 20px; + margin-right: 20px; +} + +.rm_e_section { + background: #1e1e1e url("../images/backgrounds/rm_row_blk_bg.png") no-repeat center top 4em; +} + +.rm_section { + background: #ebebeb url("../images/backgrounds/rm_row_bg.png") no-repeat center bottom; +} + +.rm_section_row { + max-width: 960px; + margin: 0 auto; +} + +.full_ad_row:before, .full_ad_row:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.full_ad_row:after { + clear: both; +} +.full_ad_row { + zoom: 1; +} +.full_ad_row .m_ad { + max-width: 960px; + margin: 0 auto; +} + +.full_ad_shaded { + background-color: black; +} + +.header_section { + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRUJFQkVCIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiNFQkVCRUIiIC8+PHJlY3QgeD0iLTE1My40NTM3JSIgeT0iLTM2My43OTMxJSIgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9Ijk2MHB4IiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==); + background-image: -webkit-gradient(radial, 58% 50%, 0, 58% 50%, 480, color-stop(0%, white), color-stop(100%, #ebebeb)); + background-image: -webkit-radial-gradient(58% center, 480px 480px, white 0%, #ebebeb 100%); + background-image: -moz-radial-gradient(58% center, 480px 480px, white 0%, #ebebeb 100%); + background-image: -ms-radial-gradient(58% center, 480px 480px, white 0%, #ebebeb 100%); + background-image: -o-radial-gradient(58% center, 480px 480px, white 0%, #ebebeb 100%); + background-image: radial-gradient(480px 480px at 58% center, #ffffff 0%, #ebebeb 100%); + overflow: hidden; +} + +.pagination_section { + margin-bottom: -50px; + border-top: 1px solid #D9D9D9; + background-color: #F6F6F6; +} + +.menu_open, .menu_open body { + overflow-x: hidden; +} + +[role="banner"] { + background-color: white; +} +[role="banner"] .sticky_header_logo { + width: 0; + height: 30px; + overflow: hidden; + position: absolute; + -webkit-transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); + transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); + opacity: 0; +} +[role="banner"] .sticky_header_logo img { + width: 21px; + max-width: none; +} + +[role="banner"].sticky { + position: fixed; + width: 100%; + border-bottom: 1px solid #e6e6e6; + z-index: 10; + top: 0; + left: 0; +} +[role="banner"].sticky .sticky_header_logo { + opacity: 1; + width: auto; + left: 0; + top: 7px; + z-index: 2; +} +[role="banner"].sticky .original_logo, [role="banner"].sticky .header_schedule, [role="banner"].sticky .header_corp_nav { + display: none; +} +[role="banner"].sticky .header_main_wrapper { + padding: 0; +} +[role="banner"].sticky .navigation_list { + margin-top: 15px; + width: auto; + clear: left; +} +[role="banner"].sticky .navlist_item_active > a { + border-color: transparent; +} +[role="banner"].sticky .navigation_list { + -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: -moz-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: -ms-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: -o-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1); + transition: transform 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -webkit-transform: translateX(42px); + -moz-transform: translateX(42px); + -ms-transform: translateX(42px); + -o-transform: translateX(42px); + transform: translateX(42px); +} + +.page_banner_alt { + border-bottom: 1px solid #d9d9d9; +} +.page_banner_alt:before, .page_banner_alt:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.page_banner_alt:after { + clear: both; +} +.page_banner_alt { + zoom: 1; +} +.page_banner_alt .header_logo { + width: auto; + padding-left: 10px; + font-size: x-small; + float: left; +} +.page_banner_alt .header_logo img { + width: 22px; +} +.page_banner_alt .header_logo > * { + display: inline-block; + vertical-align: middle; +} +.page_banner_alt .header_logo_description { + border-bottom: 1px solid black; + margin-bottom: -1px; + margin-left: 18px; +} +.page_banner_alt .back_to_site_btn { + float: right; +} + +.back_to_site_btn, .header_logo_description { + font-size: 1.2em; + color: #666666; + text-transform: uppercase; + line-height: 43px; + text-decoration: none; +} + +.back_to_site_btn { + background-repeat: no-repeat; + background-position: right 16px; + background-size: 5px 10px; + padding-right: 15px; + margin-right: 10px; +} + +.no-csstransforms [role="banner"].sticky .navigation_list { + padding-left: 73px; +} + +.sticky .navigation_list, +.sticky .navigation_list.with_active_section { + margin-bottom: 0; +} + +.header_info { + background-color: black; + min-height: 35px; +} + +.header_main_wrapper { + position: relative; + padding-top: 14px; + padding-bottom: 20px; +} + +.header_schedule_expanded .header_info_content, +[data-header-schedule-carousel], +.header-schedule-carousel { + height: auto !important; + background-color: #000; +} + +[data-header-schedule-carousel] > * { + visibility: hidden; +} + +[data-header-schedule-carousel].header_schedule_ready > * { + visibility: visible; +} + +.g-visible { + visibility: visible; +} + +.gi-visible { + visibility: visible !important; +} + +.g-tright { + text-align: right; +} + +.gi-tright { + text-align: right; +} + +[data-header-schedule-carousel] .swiper-wrapper, [data-header-schedule-carousel] .swiper-slide { + height: auto !important; +} + +[data-header-schedule-carousel] li { + white-space: normal; +} + +.header_schedule_expanded .header_info_summary { + visibility: hidden; +} + +[data-header-schedule-carousel] { + position: relative; +} +[data-header-schedule-carousel] [data-prev], +[data-header-schedule-carousel] [data-next] { + font-size: 0; + width: 7px; + height: 14px; + background-size: 7px 14px; + position: absolute; + bottom: 10px; + background-repeat: no-repeat; + background-position: left top; +} +[data-header-schedule-carousel] [data-next] { + left: 50%; + margin-left: 480px; +} +[data-header-schedule-carousel] [data-prev] { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.00000000, M12=-0.00000000, M21=0.00000000, M22=-1.00000000,sizingMethod='auto expand')"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1.00000000, M12=-0.00000000, M21=0.00000000, M22=-1.00000000,sizingMethod='auto expand'); + right: 50%; + margin-right: 480px; +} + +.header_logo { + /*width: 170px;*/ + display: block; + /*logo luto*/ + width: 217px; +} + +.header_corp_nav { + position: absolute; + right: 10px; + top: 10px; + list-style: none; + font-size: 0; + z-index: 4; +} +.header_corp_nav .m_link_dropdown { + padding-right: 30px; +} +.header_corp_nav li { + font-size: x-small; + border-right: 1px solid #999999; + padding: 0 10px; +} +.header_corp_nav li.strong a, .header_corp_nav li.strong span { + color: #0255a5; +} +.header_corp_nav a, .header_corp_nav span { + font-size: 1em; + text-transform: uppercase; + text-decoration: none; + display: block; +} + +.header_corp_nav_login a { + color: black; +} + +.m_link_dropdown { + padding-right: 30px; + background-repeat: no-repeat; + background-position: 33px 3px; + position: relative; + cursor: pointer; +} +.m_link_dropdown:hover ul, .m_link_dropdown.m_active_dropdown ul { + display: block; +} +.m_link_dropdown li a { + -webkit-transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1); + color: #888; +} +.m_link_dropdown li a:hover { + color: #666; +} +.m_link_dropdown a { + text-decoration: none; +} + +.m_link_dropdown_reverse .m_link_dropdown_list { + left: 0; + right: auto; +} +.m_link_dropdown_reverse .m_link_dropdown_list:before { + left: 33px; + right: auto; +} + +.m_link_dropdown_list { + display: none; + position: absolute; + right: -1px; + z-index: 3; + margin-top: 9px; +} +.m_link_dropdown_list:before { + content: ""; + height: 4px; + position: absolute; + right: 14px; + top: -5px; +} +.m_link_dropdown_list:after { + content: ""; + background-color: transparent; + height: 4px; + position: absolute; + right: -1px; + top: -14px; + padding-top: 9px; + width: 100%; +} +.m_link_dropdown_list li { + -webkit-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + display: block; + border-right: none; + padding: 0 15px; + border-top: 1px solid #e6e6e6; + min-width: 75px; +} +.m_link_dropdown_list li:hover { + background-color: #eee; +} +.m_link_dropdown_list li:first-child { + border-top: none; +} +.m_link_dropdown_list a, .m_link_dropdown_list span { + display: block; + padding-top: 7px; + padding-bottom: 7px; +} + +.header_corp_nav_logged .header_corp_nav_login small { + width: 32px; + height: 32px; + vertical-align: middle; + margin-right: 5px; + border-radius: 50%; + overflow: hidden; +} +.header_corp_nav_logged .header_corp_nav_login.m_link_dropdown { + background-position: right center; + border-right: none; +} +.header_corp_nav_logged .m_link_dropdown + .m_link_dropdown { + border-left: 1px solid #999; + margin-left: 10px; +} + +[role="navigation"] { + position: relative; +} + +[role=banner] a { + color: #666666; +} + +.navigation_list { + font-size: x-small; +} +.navigation_list.with_active_section { + margin-bottom: 38px; +} +[role="navigation"] .navigation_list { + z-index: 2; +} + +.navlist_item { + font-size: 1.1em; +} +.navlist_item > a { + -webkit-transition: border-color 500ms cubic-bezier(0.19, 1, 0.22, 1), color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: border-color 500ms cubic-bezier(0.19, 1, 0.22, 1), color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: border-color 500ms cubic-bezier(0.19, 1, 0.22, 1), color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: border-color 500ms cubic-bezier(0.19, 1, 0.22, 1), color 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: border-color 500ms cubic-bezier(0.19, 1, 0.22, 1), color 500ms cubic-bezier(0.19, 1, 0.22, 1); + color: #666666; + display: block; + text-decoration: none; + border-bottom: 1px solid transparent; + position: relative; + z-index: 3; + padding-bottom: 14px; +} + +.navlist_item:hover > a, .navlist_item_active > a { + color: black; +} + +.navlist_item_active > a { + border-color: black; +} + +.navlist_item_with_dropdown > a, +.navlist_item_active .with_dropdown > a, +[role=banner].sticky .navlist_item_with_dropdown > a { + overflow: visible; + margin-right: 15px; + position: relative; +} +.navlist_item_with_dropdown > a:after, +.navlist_item_active .with_dropdown > a:after, +[role=banner].sticky .navlist_item_with_dropdown > a:after { + content: ""; + background-repeat: no-repeat; + width: 9px; + height: 5px; + display: block; + position: absolute; + top: 6px; + right: -15px; +} +.navlist_item_with_dropdown:hover .navigation_dropdown, +.navlist_item_active .with_dropdown:hover .navigation_dropdown, +[role=banner].sticky .navlist_item_with_dropdown:hover .navigation_dropdown { + display: block; +} + +.navigation_tools .navlist_item_with_dropdown .navigation_dropdown { + margin-top: -2px; +} + +.dropdown_item_active > a { + color: red; +} + +.sticky .with_dropdown a:after { + display: none; + background-image: none; +} + +.sticky .navigation_dropdown { + padding-left: 0; + padding-right: 0; + max-width: none; + width: auto !important; +} + +.sticky [role=navigation] .navlist_item_with_advertisement .navigation_dropdown { + margin-left: -42px; +} + +.sticky .navlist_item_with_advertisement .navigation_dropdown { + width: 942px !important; +} + +.sticky .navlist_item_active .navigation_dropdown { + background-color: transparent; + border-top: none; + left: auto; +} + +.sticky .navlist_item_active .navigation_dropdown_content_list > li { + float: none; +} + +.sticky .navigation_dropdown_content { + padding-left: 0; + padding-right: 0; +} +.sticky .navigation_dropdown_content li { + margin-left: 0; +} + +.navigation_dropdown, [role=banner].sticky .navigation_dropdown { + display: none; + position: absolute; + z-index: 3; +} + +.navigation_dropdown_content:before, +[role=banner].sticky .navigation_dropdown_content:before { + content: ""; + height: 4px; + position: absolute; + left: 36px; + top: -5px; +} + +[role=banner].sticky .navlist_item_right .navigation_dropdown_content:before, .navlist_item_right .navigation_dropdown_content:before { + left: auto; + right: 24px; +} + +[role=banner].sticky .navigation_sub_nav { + display: none !important; +} + +.navlist_item_active .navigation_dropdown { + display: block; + margin-top: -1px; + left: 0; + width: 100%; + height: 39px; + background-color: #e6e6e6; + border-top: 1px solid white; + border-bottom: 1px solid #DCDCDC; + z-index: 2; +} +.navlist_item_active .navigation_dropdown .navigation_dropdown_content_list { + width: auto; +} +.navlist_item_active .navigation_dropdown .navigation_dropdown_content_list > li > a { + color: #666; +} +.navlist_item_active .navigation_dropdown .navigation_dropdown_content_list > li { + background-color: transparent; +} + +.navlist_item_active .navigation_dropdown .navigation_dropdown_content_list > li > a:hover { + color: #666; +} + +.navlist_item_active .navigation_dropdown_content { + background: none; + border: none; + top: 0; +} +.navlist_item_active .navigation_dropdown_content li { + padding-top: 0; +} +.navlist_item_active .navigation_dropdown_content:before { + display: none; +} + +.navlist_item_active .navigation_dropdown_content_list > li { + font-size: 1.1em; +} +.navlist_item_active .navigation_dropdown_content_list .with_dropdown > a:after { + top: 18px; +} +.navlist_item_active .navigation_dropdown_content_list > li > a { + padding-left: 0; + padding-right: 0; +} +.navlist_item_active .navigation_dropdown_content_list > li.dropdown_item_active > a, +.navlist_item_active .navigation_dropdown_content_list > li.dropdown_item_active > a:hover { + color: black; +} + +.navigation_sub_nav { + display: none; + position: absolute; + min-width: 214px; + margin-left: -21px; +} + +.with_advertisement .navigation_sub_nav { + left: 0; + right: 0; + margin-left: 0; +} + +.navigation_sub_nav_list .child_section_active { + background-color: #EEEEEE; +} + +.navigation_sub_nav_wrapper { + max-width: 940px; + margin: 0 auto; + overflow: hidden; +} +.navigation_sub_nav_wrapper > * { + float: right; +} + +.navigation_sub_nav_advertisement + .navigation_sub_nav_list { + float: left; + min-width: 310px; + border-right: 1px solid #e6e6e6; +} + +.navigation_sub_nav_advertisement { + border-left: 1px solid #e6e6e6; + margin-left: -1px; + padding-right: 9px; + font-size: x-small; + width: 620px; +} +.navigation_sub_nav_advertisement a { + text-decoration: none; + display: block; + float: left; + max-width: 300px; + margin-left: 10px; + padding: 0; +} +.navigation_sub_nav_advertisement figure { + display: block; + padding: 10px 0 34px; +} +.navigation_sub_nav_advertisement strong { + font-size: 1.5em; + color: #333333; + display: block; + padding-top: 20px; +} +.navigation_sub_nav_advertisement p { + font-size: 1.4em; + text-transform: none; + color: #999999; + display: block; + padding-top: 7px; +} + +.navigation_sub_nav { + padding-top: 16px; +} + +.navlist_item_active .with_dropdown:hover:after { + content: ""; + position: absolute; + margin-top: 12px; + margin-left: 20px; + z-index: 0; + height: 4px; +} +.navlist_item_active .with_dropdown:hover .navigation_sub_nav { + display: block; +} + +[role=banner] .navigation_list .navlist_item_active > .navigation_dropdown > .navigation_dropdown_content .navigation_dropdown_content_list { + width: auto; +} + +.navigation_tools { + z-index: 1; + font-size: x-small; + max-width: 960px; + margin: -2px auto 0; + height: 0; +} +.navigation_tools .navigation_search_btn { + border-right: none; +} +.navigation_tools .navigation_list { + float: right; + margin-top: -2px; +} +.navigation_tools .navigation_list .navlist_item_with_dropdown > a { + padding-right: 27px; + margin-right: 0; +} +.navigation_tools .navigation_list .navlist_item_with_dropdown > a:after { + right: 10px; +} +.navigation_tools .navlist_item { + margin-left: 0; +} +.navigation_tools .navlist_item:first-child > a:before { + display: none; +} +.navigation_tools .navlist_item > a { + margin-left: -3px; + vertical-align: bottom; + text-decoration: none; + text-transform: uppercase; + color: #0255a5; + padding: 0 12px 14px; + line-height: 16px; +} +.navigation_tools .navlist_item > a:before { + content: ""; + display: block; + float: left; + width: 1px; + height: 15px; + background: #CCCCCC; + margin-left: -12px; +} +.navigation_tools a.navigation_search_btn, .navigation_tools .navigation_search_btn { + padding-right: 7px; + padding-left: 11px; + padding-bottom: 0; +} +.navigation_tools .navigation_search_btn, .navigation_tools a.navigation_search_btn { + background-repeat: no-repeat; + background-position: 11px center; + font-size: 0; + width: 16px; + height: 16px; + position: relative; +} +.navigation_tools .navigation_search_btn:after, .navigation_tools a.navigation_search_btn:after { + display: block; + content: ""; + left: 11px; + right: 0; + background-color: transparent; + height: 1px; + bottom: -15px; + position: absolute; + -webkit-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); +} +.navigation_tools .navigation_search_btn_active:after, .navigation_tools a.navigation_search_btn_active:after { + background-color: black; +} +.navigation_tools .navlist_item_right { + position: relative; +} +.navigation_tools .navlist_item_right.navlist_item_active { + position: static; +} +.navigation_tools .navlist_item_right .navigation_dropdown { + right: 0; +} + +[role="banner"] .navlist_item_with_advertisement { + position: static; +} +[role="banner"] .navlist_item_with_advertisement.navlist_item_active .navigation_dropdown { + -webkit-transform: none; + -moz-transform: none; + -ms-transform: none; + -o-transform: none; + transform: none; +} +[role="banner"] .navlist_item_with_advertisement.navlist_item_active .navigation_dropdown .navlist_advertisement { + display: none; +} +[role="banner"] .navlist_item_with_advertisement .navigation_sub_nav_advertisement { + float: right; +} +[role="banner"] .navlist_item_with_advertisement > .navigation_dropdown > .navigation_dropdown_content:before, [role="banner"] .navlist_item_with_advertisement > .navigation_dropdown > .navigation_dropdown_content:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +[role="banner"] .navlist_item_with_advertisement > .navigation_dropdown > .navigation_dropdown_content:after { + clear: both; +} +[role="banner"] .navlist_item_with_advertisement > .navigation_dropdown > .navigation_dropdown_content { + zoom: 1; +} +[role="banner"] .navlist_item_with_advertisement > .navigation_dropdown > .navigation_dropdown_content > .navigation_dropdown_content_list { + float: left; + width: 310px; + border-right: 1px solid #e6e6e6; +} +[role="banner"] .navlist_item_with_advertisement > .navigation_dropdown > .navigation_dropdown_content > .navigation_dropdown_content_list .navigation_sub_nav_list li { + max-width: 310px; +} + +[role="banner"] .navlist_item_with_advertisement, +[role="banner"] .navigation_tools .navlist_item_right.navlist_item_with_advertisement, +.sticky .navigation_tools .navlist_item_right.navlist_item_with_advertisement { + position: static; +} +[role="banner"] .navlist_item_with_advertisement .navigation_dropdown, +[role="banner"] .navigation_tools .navlist_item_right.navlist_item_with_advertisement .navigation_dropdown, +.sticky .navigation_tools .navlist_item_right.navlist_item_with_advertisement .navigation_dropdown { + width: 942px; + left: 50%; + right: auto; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); +} + +.navigation_list +.navlist_item_active.navlist_item_with_dropdown.navlist_item_with_advertisement .navigation_dropdown { + width: auto; + left: 0; + right: 0; + -webkit-transform: none; + -moz-transform: none; + -ms-transform: none; + -o-transform: none; + transform: none; +} + +[role="banner"].sticky .navigation_tools .navigation_list { + -webkit-transform: none; + -moz-transform: none; + -ms-transform: none; + -o-transform: none; + transform: none; + margin-top: 13px; +} + +[role="banner"].sticky .navigation_tools .navlist_item_right.navlist_item_active { + position: relative; +} + +[role="banner"].sticky .navigation_tools .navlist_item_right.navlist_item_with_advertisement { + position: static; +} +[role="banner"].sticky .navigation_tools .navlist_item_right.navlist_item_with_advertisement .navigation_dropdown { + left: 50%; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); +} +[role="banner"].sticky .navigation_tools .navlist_item_right.navlist_item_with_advertisement .navigation_sub_nav_advertisement { + display: block; +} + +.navigation_goto_subnav { + display: none; +} + +.m_link_dropdown [data-back-btn], +.navigation_dropdown [data-back-btn], +.navigation_dropdown .navigation_breadcrumb { + display: none; +} + +.side_panel { + display: none; +} +.side_panel [data-scroller] { + overflow: hidden; + height: 100%; +} + +.pre_footer { + margin-top: 50px; + border-top: 1px solid #D2D2D2; + background-color: #F0F0F0; +} + +.pre_footer + [role="contentinfo"] { + margin-top: 0; +} + +.pre_footer_row { + padding: 70px 0; +} +.pre_footer_row .col > *, .pre_footer_row .m_poll_current > *, .pre_footer_row .m_poll_related > * { + margin-left: 10px; + margin-right: 10px; +} +.pre_footer_row a { + display: block; +} + +[role="contentinfo"] { + background-color: #E6E6E6; + margin-top: 50px; +} + +.social_google_plus_btn { + background-position: -1px bottom; +} +.no-borderradius.no-svg .social_google_plus_btn { + background-position: left top; +} +.no-borderradius.no-svg .social_google_plus_btn:before { + background-position: -1px bottom; +} + +.footer_social { + text-align: center; + padding-top: 41px; + padding-bottom: 41px; + border-bottom: 1px solid #d3d3d3; +} +.footer_social a + a { + margin-left: 27px; +} +.footer_social a { + vertical-align: middle; +} + +.footer_social, .footer_sponsors, .footer_copyright { + border-top: 1px solid #d3d3d3; +} + +.footer_sitemap a { + text-decoration: none; + color: #999999; +} + +.footer_sitemap .col, .footer_sitemap .m_poll_current, .footer_sitemap .m_poll_related { + -webkit-transition: background-color 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95); + -moz-transition: background-color 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95); + -ms-transition: background-color 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95); + -o-transition: background-color 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95); + transition: background-color 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95); + padding-bottom: 58px; + padding-top: 40px; + -moz-box-sizing: content-box; + box-sizing: content-box; + background-color: #e6e6e6; +} +.footer_sitemap .col:hover, .footer_sitemap .m_poll_current:hover, .footer_sitemap .m_poll_related:hover { + background-color: #e0e0e0; +} +.footer_sitemap .col > *, .footer_sitemap .m_poll_current > *, .footer_sitemap .m_poll_related > * { + margin-left: 10px; + margin-right: 10px; +} +.footer_sitemap .col a, .footer_sitemap .m_poll_current a, .footer_sitemap .m_poll_related a { + -webkit-transition: color 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95); + -moz-transition: color 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95); + -ms-transition: color 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95); + -o-transition: color 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95); + transition: color 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95); + cursor: pointer; +} +.footer_sitemap .col a:hover, .footer_sitemap .m_poll_current a:hover, .footer_sitemap .m_poll_related a:hover { + color: #333333; +} + +.footer_sitemap_title, .footer_standalone_links a { + font-size: 1.3em; + text-transform: uppercase; + display: block; +} + +.footer_standalone_links .footer_sitemap_links { + padding-top: 9px; +} + +.footer_sitemap_links { + list-style: none; + padding-top: 18px; + margin-top: -7px; +} +.footer_sitemap_links li { + margin-top: 10px; +} +.footer_sitemap_links li:first-child { + margin-top: 0; +} +.footer_sitemap_links a { + font-size: 1.3em; +} + +.footer_sponsors { + position: relative; + padding: 89px 0 89px; +} +.footer_sponsors:after { + content: ""; + background-position: center center; + background-repeat: no-repeat; + width: 84px; + height: 66px; + position: absolute; + left: 50%; + margin-left: -42px; + top: -33px; + z-index: 2; +} +.footer_sponsors:before { + position: absolute; + height: 1px; + width: 84px; + background-color: #e6e6e6; + content: ""; + display: block; + left: 50%; + margin-left: -42px; + top: -1px; + z-index: 1; +} +.footer_sponsors a { + position: relative; + vertical-align: middle; +} +.footer_sponsors img { + max-width: none; +} + +.footer_sponsors .wrapper { + overflow: hidden; +} + +.footer_gold_sponsors { + text-align: center; +} +.footer_gold_sponsors a { + margin-left: 35px; +} +.footer_gold_sponsors a:first-child { + margin-left: 0; +} + +.footer_silver_sponsors { + text-align: center; + padding-top: 60px; +} +.footer_silver_sponsors a { + margin-left: 50px; +} +.footer_silver_sponsors a:first-child { + margin-left: 0; +} + +.footer_copyright .wrapper { + font-size: x-small; + padding-top: 18px; + padding-bottom: 17px; +} + +.footer_links { + text-align: right; +} + +.footer_links a { + color: #666666; + text-decoration: none; + font-size: 1em; +} + +.footer_copyright_text { + color: #666666; + font-size: 1.1em; +} + +.footer_sponsors img { + position: absolute; + top: 0; + left: 0; + -webkit-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1); +} +.footer_sponsors .footer_sponsors_hover { + position: static; + opacity: 0; +} +.footer_sponsors a:hover img { + opacity: 0; +} +.footer_sponsors a:hover .footer_sponsors_hover { + opacity: 1; +} + +/*--ini_part3:stylesheet.part3.css--*/ +.search_bar, +.search_bar_error { + -webkit-transition: height 0.7s cubic-bezier(1, 0, 0, 1); + -moz-transition: height 0.7s cubic-bezier(1, 0, 0, 1); + -ms-transition: height 0.7s cubic-bezier(1, 0, 0, 1); + -o-transition: height 0.7s cubic-bezier(1, 0, 0, 1); + transition: height 0.7s cubic-bezier(1, 0, 0, 1); + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + -o-transform: translateZ(0); + transform: translateZ(0); + height: 0; + background-color: #F2F2F2; + font-size: x-small; + position: relative; + overflow: hidden; +} +.sticky .search_bar, .sticky +.search_bar_error { + border-bottom: none !important; +} +.search_bar .wrapper, +.search_bar_error .wrapper { + position: absolute; + width: 940px; + left: 50%; + margin-left: -470px; + height: 77px; + bottom: 20px; +} +.search_bar .btn, +.search_bar_error .btn { + padding-left: 5px; + padding-right: 5px; + min-width: 115px; +} + +.search_bar_actions, +.search_bar_error_actions { + background-color: white; + position: absolute; + padding-top: 20px; + border-left: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 176px; + height: 100%; + right: 0; + top: 0; +} + +.search_bar_input, +.search_bar_error_input { + padding: 1px 22px 1px 19px; + margin-right: 176px; +} +.search_bar_input input, +.search_bar_error_input input { + border: none; + font-size: 3em; + font-weight: normal; + padding: 19px 20px 22px 20px; + margin-left: -18px; + width: 100%; + border-radius: 0; + height: 34px; +} + +.search_bar_expanded { + -webkit-transition-duration: 0.4s; + -moz-transition-duration: 0.4s; + -ms-transition-duration: 0.4s; + -o-transition-duration: 0.4s; + transition-duration: 0.4s; + -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); + -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); + transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); + height: 116px; + border-bottom: 1px solid #e6e6e6; +} + +.search_bar_close, +.search_bar_error_close { + position: absolute; + top: 28px; + right: 22px; +} + +.search_bar_results_wrapper { + width: 960px; + position: absolute; + top: 50%; + margin-top: 37px; + left: 50%; + margin-left: -480px; + background-color: white; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.search_bar_results_query { + font-size: x-small; + border-bottom: 1px solid #d9d9d9; + margin-bottom: 13px; +} +.search_bar_results_query span { + font-size: x-small; + font-size: 1.4em; + border-right: 1px solid #d9d9d9; + display: inline-block; + padding: 2px 9px 8px 9px; + margin-bottom: 6px; + margin-right: 9px; +} + +.search_bar_results { + padding: 13px; +} + +.search_bar_results_predictive { + list-style: none; + font-size: x-small; +} +.search_bar_results_predictive li { + font-size: 1.4em; + margin-top: 9px; +} +.search_bar_results_predictive li span { + padding: 6px 11px 4px 9px; +} +.search_bar_results_predictive li:first-child { + margin-top: 0; +} +.search_bar_results_predictive li:hover span, .search_bar_results_predictive li.active span { + background-color: #f5f5f5; +} +.search_bar_results_predictive a { + color: black; + text-decoration: none; +} + +.search_bar_expanded_ready { + overflow: visible; + z-index: 2; +} + +.search_bar .search_bar_results { + display: none; +} +.search_bar.autocomplete_visible .search_bar_results { + display: block; +} + +.search_bar_always { + display: none; +} + +.search_bar_standalone { + display: block !important; + height: auto; + background-color: transparent; +} +.search_bar_standalone .wrapper { + position: static; + margin-left: 0; + margin-right: 0px; + width: auto; +} +.search_bar_standalone .search_bar_actions { + width: 135px; +} +.search_bar_standalone .search_bar_input { + margin-right: 135px; +} + +.header_info .wrapper { + position: relative; + text-align: right; +} +.header_info .ico_goto { + font-size: 0; + width: 7px; + height: 14px; + background-size: 7px 14px; + position: absolute; + right: -7px; + top: 50%; + margin-top: -7px; +} +.header_info .ico_goto_back { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.00000000, M12=-0.00000000, M21=0.00000000, M22=-1.00000000,sizingMethod='auto expand')"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1.00000000, M12=-0.00000000, M21=0.00000000, M22=-1.00000000,sizingMethod='auto expand'); + left: -7px; +} + +.hide_arrow_next .ico_goto { + display: none; +} + +.hide_arrow_next .ico_goto_back { + display: block; +} + +.hide_arrow_prev .ico_goto_back { + display: none; +} + +.header_info_summary { + color: #737373; + font-size: 12px; + font-weight: bold; + display: table-row; + float: right; + position: relative; +} + +.header_info_summary, .header_summary_description p { + display: table-row; +} +.header_info_summary time, .header_summary_description p time { + white-space: normal; + text-align: center; +} + +.header_summary_description, +.header_summary_description p > *, +.header_info_actions { + vertical-align: middle; + display: table-cell; +} + +.header_info_actions, .header_summary_description time { + white-space: nowrap; +} + +.header_summary_description p { + text-transform: uppercase; + text-align: right; + line-height: 15px; +} +.header_summary_description strong { + padding-right: 10px; +} +.header_summary_description em:before { + margin-left: -18px; +} +.header_summary_description time { + margin-top: -10px; + margin-bottom: -10px; + padding-right: 17px; + padding-left: 17px; +} +.header_summary_description em { + font-style: normal; + margin-left: 18px; + padding-left: 18px; + text-transform: lowercase; +} + +.header_info_summary em:before, +.header_info_sponsor:before { + display: inline-block; + border-left: 1px solid #2C2C2C; + top: 0; + bottom: 0; + position: absolute; + content: ""; +} +.header-schedule-carousel .header_info_summary em:before, .header-schedule-carousel +.header_info_sponsor:before { + border: none; +} + +.header-schedule-carousel .header_info_sponsor { + border-left: 1px solid #2C2C2C; +} + +.header_info_summary time, +.header_info_teams { + border-left: 1px solid #2C2C2C; +} + +.header_info_teams { + padding-top: 4px; + padding-right: 20px; + height: 31px; + margin-top: -10px; + margin-bottom: -10px; + white-space: nowrap; +} +.header_info_teams img { + margin-left: 14px; + width: 27px; + height: 27px; +} +.header_info_teams .accessible, +.header_info_teams strong { + vertical-align: middle; +} + +.header_info_actions { + display: table-cell; +} + +.header_info_summary a { + color: white; + line-height: 34px; + vertical-align: middle; +} + +.header_info_more, .header_info_buy { + text-decoration: none; + padding-left: 19px; + padding-right: 19px; +} + +.header_info_buy { + background-color: #2A2A2A; + color: white; +} + +.header_info_more, .header_info_buy { + font-size: x-small; + text-transform: uppercase; +} + +.header_info_sponsor { + text-decoration: none; + padding-left: 12px; + padding-right: 12px; +} +.header_info_sponsor:before { + margin-left: -12px; +} +.header_info_sponsor > *, .header_info_sponsor { + vertical-align: middle; +} +.header_info_sponsor .ico_goto { + background-size: 7px 14px; + width: 14px; + height: 14px; + margin-left: 17px; +} +.header_info_sponsor + .header_info_sponsor { + margin-left: -2px; +} + +.header_info_content { + height: 0; + padding: 0; + overflow: hidden; + background-color: #191919; + position: relative; + -webkit-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + -o-transform: translateZ(0); + transform: translateZ(0); + height: 0; +} +.header_info_content .wrapper { + position: relative; +} +.header_info_content [data-close] { + position: absolute; + font-size: 0; + background-repeat: no-repeat; + display: block; + width: 21px; + height: 21px; + right: 12px; + top: 22px; +} + +.header_summary_description, .header_info_actions a { + -webkit-transition: opacity 500ms; + -moz-transition: opacity 500ms; + -ms-transition: opacity 500ms; + -o-transition: opacity 500ms; + transition: opacity 500ms; +} + +.header_info_description a { + font-weight: bold; + font-size: 1.1em; + color: #F9F9F9; + text-align: left; + display: block; + text-decoration: none; + text-transform: uppercase; +} + +.header_info_tickets { + font-size: x-small; + padding-bottom: 14px; + padding-top: 15px; +} +.header_info_tickets > * { + margin-left: 13px; + margin-right: 24px; +} + +.header_info_tickets > strong { + color: #999999; + font-size: 1.3em; + text-transform: uppercase; + font-weight: normal; + display: block; +} +.header_info_tickets > strong span { + display: block; + font-size: 1.15em; + font-weight: bold; +} + +.header_tickets_pricing { + color: #999999; + font-size: 1.3em; + font-weight: bold; + text-transform: uppercase; + border-top: 1px solid #303030; + padding: 12px 0 0 0; +} +.header_tickets_pricing ul { + list-style: none; +} +.header_tickets_pricing li { + clear: both; + margin-top: 8px; +} +.header_tickets_pricing li:first-child { + margin-top: 0; +} +.header_tickets_pricing small { + color: #666666; + font-weight: normal; + font-size: 0.9em; +} +.header_tickets_pricing strong { + color: #F8F8F8; + font-size: 1.4em; + float: right; + position: relative; + top: -4px; +} +.header_tickets_pricing .btn { + float: right; + clear: both; + margin-top: 6px; +} + +.header_description_teams { + padding-bottom: 17px; + padding-top: 17px; +} + +.header_description_teams { + font-size: 0; +} +.header_description_teams > * { + width: 33.33%; + font-size: x-small; + vertical-align: middle; +} +.header_description_teams .team { + vertical-align: top; +} + +.header_info_description { + display: table-row; +} +.header_info_description > * { + width: 33.33%; + vertical-align: top; + display: table-cell; +} + +.header_description_teams .team { + text-align: center; + color: #999999; +} +.header_description_teams .team strong { + display: block; + font-size: 1.2em; + padding-top: 5px; +} +.header_description_teams .team img { + width: 50px; + height: 50px; +} + +.header_info_pic { + vertical-align: middle; +} + +.header_info_details { + background-color: #212121; + color: #cccccc; + font-size: x-small; +} +.header_info_details dl { + min-height: 149px; + padding: 16px 21px; +} +.header_info_details dt, .header_info_details dd { + display: block; +} +.header_info_details dd { + font-size: 1.4em; + line-height: 1.25em; + padding-top: 1px; + margin-bottom: 10px; +} +.header_info_details dt { + font-weight: bold; + font-size: 1.2em; + text-transform: uppercase; +} +.header_info_details select { + display: block; + border: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; + color: #999999; + line-height: 16px; + padding: 9px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + position: relative; + background: #383838 url("../images/backgrounds/select_white_arrows.png") no-repeat right center; + margin-bottom: 14px; + margin-top: 5px; +} +.header_info_details select:after { + background: #ccee00 url("../images/backgrounds/select_white_arrows.png") no-repeat left top; +} +.header_info_details select::-ms-expand { + display: none; +} + +.header_info_share { + border-top: 1px solid #303030; + border-bottom: 1px solid #303030; + font-size: 1.3em; + text-transform: uppercase; + margin: 0 21px; + padding: 14px 0 11px; +} +.header_info_share:before, .header_info_share:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.header_info_share:after { + clear: both; +} +.header_info_share { + zoom: 1; +} +.header_info_share span { + display: inline-block; + float: right; + white-space: nowrap; + margin-top: -5px; +} +.header_info_share a { + display: inline-block; + border-radius: 50%; + background-color: #4D4D4D; + width: 23px; + height: 23px; + position: relative; + vertical-align: top; + font-size: 0; + margin-left: 6px; +} +.header_info_share a:first-child { + margin-left: 0; +} +.header_info_share a:before { + display: block; + position: absolute; + content: ""; + left: 50%; + top: 50%; + text-decoration: none; + background-repeat: no-repeat; +} + +.header_schedule [data-content] > * { + opacity: 1; +} + +.header_schedule.loading [data-content] > * { + opacity: 0; +} + +.header_schedule.loading [data-content] { + position: relative; +} +.header_schedule.loading [data-content]:after { + content: ""; + display: block; + position: absolute; + top: 50%; + left: 50%; + margin-top: -64px; + margin-left: -64px; + width: 128px; + height: 128px; + opacity: 1 !important; +} + +.wrapper.header_schedule_nocar { + visibility: visible; + text-align: right; +} + +.no-borderradius .header_info_share a { + background: transparent url("../images/backgrounds/header_info_share_ie8.png") no-repeat left top; +} + +.header_change_time { + background-repeat: no-repeat; + background-position: 0 21px; + padding: 24px 27px 16px; + margin: 0 21px; +} + +.share_it_on_facebook:before { + width: 7px; + height: 14px; + margin-left: -4px; + margin-top: -7px; +} + +.share_it_on_twitter:before { + width: 14px; + height: 12px; + margin-left: -7px; + margin-top: -6px; +} + +.share_it_on_facebook:before { + width: 7px; + height: 14px; + margin-left: -4px; + margin-top: -7px; +} + +.share_it_on_gplus:before { + width: 23px; + height: 23px; + left: 0 !important; + top: 0 !important; +} + +.no-borderradius .share_it_on_gplus:before { + top: auto !important; + bottom: -2px; +} + +.form_text_field label, .form_checkbox_field .group_title, .form_select_field label { + display: block; + font-size: 1.3em; + color: #666666; + margin-bottom: 11px; + font-weight: normal; +} + +.form { + color: #333333; +} +.form .form_description { + color: #666666; + font-size: 1.4em; + border-bottom: 1px solid #D9D9D9; + padding-bottom: 18px; + margin-bottom: 25px; +} +.form legend.form_legend { + min-width: 100%; +} +.form sup { + font-size: 1.23em; + height: 8px; + display: inline-block; + padding-left: 3px; + line-height: 0; + vertical-align: bottom; +} + +.form_separator { + display: block; + border-bottom: 1px solid #d9d9d9; + margin-bottom: 25px; +} + +.form_legend { + font-size: x-small; +} +.form_legend, .form_legend span { + display: block; +} +.form_legend span { + font-size: 1.4em; + color: #333333; + font-weight: bold; + text-transform: uppercase; + padding-bottom: 18px; + border-bottom: 1px solid #D9D9D9; +} + +.form_text_field, .form_select_field { + position: relative; +} +.form_text_field .form_error_icon, .form_select_field .form_error_icon { + width: 19px; + height: 19px; + display: block; + position: absolute; + right: 11px; + bottom: 8px; + border: none; + border-radius: 0; +} +.form_text_field.error .form_error_icon, .form_select_field.error .form_error_icon { + background: transparent url("../images/backgrounds/form_error.png") left top no-repeat; +} +.form_text_field.valid .form_error_icon, .form_select_field.valid .form_error_icon { + background: transparent url("../images/backgrounds/form_valid.png") left top no-repeat; +} + +.form_select_field .form_error_icon { + right: 28px; +} + +.form_checkbox_field.error label { + color: #CC0202; +} + +.form_text_field { + font-size: x-small; +} +.form_text_field > span { + display: block; + background-color: #D9D9D9; + border-left: 15px solid #d9d9d9; + border-right: 15px solid #d9d9d9; + padding: 1px 0; +} +.form_text_field input, .form_text_field textarea { + border: none; + background-color: #F6F6F6; + padding: 7px 14px 10px 14px; + margin-left: -14px; + width: 100%; + color: #333333; + font-size: 1.5em; +} +.form_text_field input::-webkit-input-placeholder, .form_text_field textarea::-webkit-input-placeholder { + color: #666666; +} +.form_text_field input:-moz-placeholder, .form_text_field textarea:-moz-placeholder { + color: #666666; +} +.form_text_field input::-moz-placeholder, .form_text_field textarea::-moz-placeholder { + color: #666666; +} +.form_text_field input:-ms-input-placeholder, .form_text_field textarea:-ms-input-placeholder { + color: #666666; +} +.form_text_field > span, .form_text_field input, .form_text_field textarea { + border-radius: 3px; +} +.form_text_field.error > span { + border-left-color: #CC0000; + border-right-color: #CC0000; + background-color: #CC0000; +} +.form_text_field.valid > span { + border-left-color: #009933; + border-right-color: #009933; + background-color: #009933; +} + +.require_one_error .m_combined_ticket_table .checkbox { + border: 1px solid #CC0000; + width: 12px; + height: 12px; + border-radius: 3px; +} + +.form_text_field_alt input { + background-color: white; +} + +.form_inline_field label, .form_inline_field > span { + display: inline-block; +} +.form_inline_field label { + margin-right: 4px; +} + +.form_buttons_field { + border-top: 1px solid #D9D9D9; + padding-top: 20px; + display: block; +} +.form_buttons_field > * { + float: right; +} + +.form_checkbox_field a { + font-weight: bold; + color: #666666; + text-decoration: none; +} +.form_checkbox_field .group_title.inline { + display: inline-block; + margin-right: 12px; +} +.form_checkbox_field label { + font-size: 1.3em; + position: relative; + top: -1px; + color: #666666; + display: block; + margin-left: 19px; +} +.form_checkbox_field .checkbox, .form_checkbox_field .radio { + float: left; +} +.form_checkbox_field label ~ .checkbox, .form_checkbox_field label ~ .radio, .form_checkbox_field label ~ label { + margin-top: 10px; +} +.form_checkbox_field .form_text_field { + clear: both; + margin-top: 10px; + overflow: hidden; + padding-left: 13px; +} +.form_checkbox_field .form_text_field label { + margin-left: 10px; +} +.form_checkbox_field .form_text_field span { + margin-left: 10px; +} + +.form_inline_checkbox label { + display: inline-block; + margin-left: 3px; +} +.form_inline_checkbox .checkbox, .form_inline_checkbox .radio { + float: none; +} +.form_inline_checkbox label + .checkbox, .form_inline_checkbox label + .radio { + margin-left: 7px; + margin-right: 0; +} +.form_inline_checkbox label ~ .checkbox, .form_inline_checkbox label ~ .radio, .form_inline_checkbox label ~ label { + margin-top: 0; +} + +.form_block_checkbox { + display: block; +} + +.form_select_field label.error { + padding: 7px 10px; + color: #666666; + background-color: #d9d9d9; + display: block !important; + -webkit-border-bottom-right-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-bottomright: 3px; + -moz-border-radius-bottomleft: 3px; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.form_select_field.error span { + border-color: #CC0000; +} +.form_select_field.valid span { + border-color: #009933; +} + +.form_inline_select label, .form_inline_select .select { + display: inline-block; + vertical-align: middle; +} +.form_inline_select label { + margin-bottom: 0; + margin-right: 4px; +} + +.form_telephone_field .contry_code { + width: 25%; + margin-left: 0; +} +.form_telephone_field > span { + width: 70%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-left: 5%; + float: left; +} + +.form_time_field div { + width: 25%; + margin-right: 10px; + vertical-align: middle; +} +.form_time_field small { + font-size: 20px; + vertical-align: middle; + margin-right: 10px; +} +.form_time_field .select, .form_time_field select { + min-width: 0; +} +.form_time_field .accessible { + display: none; +} + +.row_form { + font-size: 0; +} +.row_form + .row_form { + margin-top: 25px; +} +.row_form > * { + font-size: x-small; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + vertical-align: top; +} +.row_form > * > * { + margin-right: 10px; +} +.row_form > * + * > * { + margin-left: 10px; +} +.row_form > .form_full { + display: block; +} + +.form_payment_details { + width: 87%; + margin-top: 30px; +} +.form_payment_details .form_legend { + margin-bottom: 20px; + padding-bottom: 7px; + overflow: hidden; + border-bottom: 1px solid #D9D9D9; +} +.form_payment_details .form_legend span { + float: left; + padding: 6px 0 10px 20px; + border: none; + background-repeat: no-repeat; + background-position: left top; +} +.form_payment_details .form_legend small { + padding-top: 7px; + float: right; + color: #666666; + font-size: 1.2em; +} +.form_payment_details p { + font-size: 1.2em; + margin-bottom: 20px; + color: #666666; +} +.form_payment_details a { + color: #0255a5; + text-decoration: none; +} +.form_payment_details .form_checkbox_field { + margin-bottom: 30px; +} +.form_payment_details .form_checkbox_field strong { + margin-top: -2px; + display: block; + font-size: 1.1em; + font-weight: normal; + text-transform: uppercase; + color: #000; +} + +p.form_payment_details_highlight { + padding-right: 34px; + padding-bottom: 20px; + color: #000; + border-bottom: 1px solid #D9D9D9; +} + +.form_credit_card_field { + padding-bottom: 35px; + background: url("../images/backgrounds/credit_card.png") no-repeat 20px bottom; +} + +.form_payment_details_transfer { + border-bottom: 1px solid #D9D9D9; +} +.form_payment_details_transfer small { + display: block; + margin-bottom: 4px; + padding-left: 19px; + font-size: 1.3em; + font-weight: bold; + color: #666666; +} +.form_payment_details_transfer p { + padding-left: 19px; +} + +.form_payment_details_claim { + margin-top: 40px; + padding-top: 20px; + border-top: 1px solid #D9D9D9; +} +.form_payment_details_claim p { + font-size: 1.1em; + padding-right: 63px; +} + +.form_errors { + border: 1px solid transparent; + font-size: x-small; + color: #CC0202; + position: relative; + height: 0; + overflow: hidden; + margin-bottom: -2px; +} +.form_errors.with_errors { + border-color: #CC0202; + height: auto; + margin-bottom: 17px; +} + +.form_errors_static { + overflow: auto; +} + +.form_errors_container { + padding-left: 123px; + padding-bottom: 32px; + padding: 36px 0 22px 123px; +} +.form_errors_container label { + display: block; + font-size: 1.4em; + margin-bottom: 7px; +} +.form_errors_container label span { + text-transform: none; +} +.form_errors_container [data-name] { + text-transform: lowercase; +} +.form_errors_container [data-name]:before { + content: attr(data-name); + display: inline; + text-transform: capitalize; +} + +.form_ups { + font-size: 4em; + font-weight: bold; + font-style: italic; + padding: 16px 0 16px 19px; + display: block; + position: absolute; + top: 0; + left: 0; +} + +.form_errors_title, .form_errors_text { + font-weight: bold; + font-size: 1.8em; + color: #CC0101; + display: block; + padding-bottom: 16px; +} + +.form_errors_text { + font-weight: normal; +} + +.birthdate_row label { + display: block; + font-size: 13px; + margin-bottom: 11px; + color: #666; +} +.birthdate_row .accessible { + display: none; +} +.birthdate_row .form_select_field { + margin-left: 0; +} +.birthdate_row .col_form_5 { + margin-right: 14px; +} + +.col_form_5 { + width: 20%; +} + +.col_form_5x2 { + width: 40%; +} + +.col_form_5x4 { + width: 80%; +} + +.col_form_4 { + width: 25%; +} + +.col_form_3 { + width: 33.33%; +} + +.col_form_3b { + width: 30%; +} + +.col_form_2 { + width: 50%; +} + +.col_form_2b { + width: 49.33%; +} + +.col_form_xl { + width: 75%; +} + +.col_form_x1b { + width: 61%; +} + +.col_form_xxl { + width: 83.33%; +} + +.col_form_address { + width: 15%; +} + +.col_form_1 { + width: 100%; +} + +.col_quarter { + width: 20.83333%; + *width: 20.83233%; +} + +.madridistas_layout .important { + width: 66.66667%; + *width: 66.66567%; +} +.madridistas_layout .important > .m_header > * { + margin-left: 0; + margin-right: 0; +} +.madridistas_layout .aside { + width: 33.33333%; + *width: 33.33233%; + clear: right; +} +.madridistas_layout .aside > * { + margin-bottom: 20px; +} +.madridistas_layout .aside > * + * { + margin-top: 20px; +} +.madridistas_layout .main_row, .madridistas_layout .club_info_layout .overlapping_main_row, .club_info_layout .madridistas_layout .overlapping_main_row { + padding-top: 30px; + margin-bottom: 46px; +} +.madridistas_layout .m_section_news_header { + padding-bottom: 20px; +} +.madridistas_layout .m_section_news_header:before, .madridistas_layout .m_section_news_header:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.madridistas_layout .m_section_news_header:after { + clear: both; +} +.madridistas_layout .m_section_news_header { + zoom: 1; +} +.madridistas_layout .m_section_news_header strong { + font-size: 1.8em; + margin-bottom: 0; +} +.madridistas_layout .m_section_news_header img { + float: left; + margin-right: 10px; +} +.madridistas_layout .highlights_row_3columns { + margin: 30px 0; +} +.madridistas_layout .highlights_row_3columns .m_header { + margin-bottom: 10px; +} +.madridistas_layout .highlights_row_3columns .col, .madridistas_layout .highlights_row_3columns .m_poll_current, .madridistas_layout .highlights_row_3columns .m_poll_related { + margin-top: 20px; +} +.madridistas_layout .highlights_row_3columns .col .m_highlight, .madridistas_layout .highlights_row_3columns .m_poll_current .m_highlight, .madridistas_layout .highlights_row_3columns .m_poll_related .m_highlight, .madridistas_layout .highlights_row_3columns .col .m_store, .madridistas_layout .highlights_row_3columns .m_poll_current .m_store, .madridistas_layout .highlights_row_3columns .m_poll_related .m_store { + border-top: 1px solid #D9D9D9; +} +.madridistas_layout .highlights_row_2columns { + margin: 30px 0; +} +.madridistas_layout .highlights_row_2columns .col, .madridistas_layout .highlights_row_2columns .m_poll_current, .madridistas_layout .highlights_row_2columns .m_poll_related { + margin-top: 12px; +} +.madridistas_layout .highlights_row_2columns .m_highlight_content_title { + min-height: 40px; +} +.madridistas_layout .main_content { + width: 75%; +} +.madridistas_layout .main_content .m_text_content .legal { + margin-bottom: 30px; +} +.madridistas_layout .main_content .m_section_news_header { + padding-bottom: 8px; +} +.madridistas_layout .main_content .m_section_news_header h2 { + font-size: 2.3em; + margin-bottom: 30px; +} +.madridistas_layout .main_content .m_section_news_header strong { + margin-bottom: 0; + line-height: 1.3; +} +.madridistas_layout .main_content .m_local_info { + margin-bottom: 20px; +} +.madridistas_layout .aditional_content { + width: 25%; +} +.madridistas_layout .aditional_content > .m_related { + margin-bottom: 20px; +} +.madridistas_layout .m_questionnaire_list { + padding-top: 0; +} +.madridistas_layout .video_row { + margin-bottom: 30px; +} +.madridistas_layout .video_row .m_related_image { + border: none; +} +.madridistas_layout .m_winners { + margin-top: 20px; +} + +.m_schedule_nav { + font-size: x-small; +} +.m_schedule_nav a { + font-size: 1.2em; + color: #0052A5; + border-bottom: 2px solid transparent; + text-decoration: none; + display: inline-block; + text-transform: uppercase; + padding-bottom: 4px; +} +.m_schedule_nav .active { + color: black; + border-bottom-color: black; +} +.m_schedule_nav a + a { + margin-left: 19px; +} + +.fundacion_layout .fundacion_header { + margin: 0 10px 20px; + position: relative; +} +.fundacion_layout .fundacion_header img { + float: left; +} +.fundacion_layout .fundacion_header img.banner { + width: 67.9%; +} +.fundacion_layout .fundacion_header img.map { + width: 32%; +} +.fundacion_layout .fundacion_header a { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + right: 0; + bottom: 0; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B8000000,endColorstr=#B8000000); + background-color: rgba(0, 0, 0, 0.72); + color: #fff; + width: 32%; + padding: 20px; + text-decoration: none; + font-size: 14px; + font-weight: bold; + text-transform: uppercase; +} +.fundacion_layout .aside > * + * { + margin-top: 20px; +} +.fundacion_layout .list_row { + margin-bottom: 20px; +} +.fundacion_layout .list_row .m_header { + margin: 0 10px 20px; +} +.fundacion_layout .m_articles { + margin: 40px 10px 20px; +} +.fundacion_layout .m_articles_title { + margin-bottom: 20px; +} +.fundacion_layout .highlight_fundacion_row { + overflow: hidden; + margin-bottom: 40px; +} +.fundacion_layout .highlight_fundacion_row .col article, .fundacion_layout .highlight_fundacion_row .m_poll_current article, .fundacion_layout .highlight_fundacion_row .m_poll_related article { + margin-left: 10px; + margin-right: 10px; +} +.fundacion_layout .highlight_fundacion_row .m_header_link { + margin-left: 10px; + margin-right: 10px; +} +.fundacion_layout .m_share_fundation { + margin: 0 10px; +} +.fundacion_layout .search_club_row { + margin: 20px 10px 10px; +} +.fundacion_layout .search_club_row .checkbox_field { + margin-top: 30px; + margin-left: 20px; +} +.fundacion_layout .search_club_row .checkbox_field span { + vertical-align: middle; +} +.fundacion_layout .search_club_row .checkbox_field label { + display: inline-block; + vertical-align: middle; + margin: 0; +} +.fundacion_layout .search_club_row .m_search_results_filter legend { + padding-top: 2px; +} +.fundacion_layout .search_club_row .title { + background: #fff; + border: solid #d4d4d4; + border-width: 1px 1px 0; + padding: 8px; + font-size: 15px; + color: #333; +} +.fundacion_layout .search_club_row .title small { + color: #666; + font: 14px Arial, Helvetica, sans-serif; +} +.fundacion_layout .search_club_row .m_search_club_new { + width: 150px; + border: solid #d4d4d4; + border-width: 0 1px 1px; + padding: 0 20px 0 45px; + font-size: 12px; + font-weight: bold; + color: #BF7934; + text-transform: uppercase; + background-size: 18px 18px; + background-repeat: no-repeat; + background-position: 20px center; +} +.fundacion_layout .search_club_row .m_search_club_content_list_sport { + width: 15%; + padding: 0 10px; +} +.fundacion_layout .search_club_row .m_search_club_content_list_action { + width: 15%; +} +.fundacion_layout .search_club_row .project_list { + background: #f6f6f6; +} +.fundacion_layout .search_club_row .project_list li { + list-style: none; + border-top: 1px solid #d4d4d4; + font-weight: bold; + text-transform: uppercase; +} +.fundacion_layout .search_club_row .project_list li > * { + display: inline-block; + vertical-align: middle; +} +.fundacion_layout .search_club_row .project_list h3 { + padding: 15px 180px 15px 20px; + font-size: 15px; + width: 50%; + color: #333; + position: relative; +} +.fundacion_layout .search_club_row .project_list h3 span { + display: block; + font-size: 14px; + font-weight: normal; + color: #666; + text-transform: none; +} +.fundacion_layout .fundation_content { + margin: 0 10px; +} +.fundacion_layout .fundation_content:before, .fundacion_layout .fundation_content:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.fundacion_layout .fundation_content:after { + clear: both; +} +.fundacion_layout .fundation_content { + zoom: 1; +} +.fundacion_layout .fundation_content .main_content { + float: none; + margin-left: 160px; +} +.fundacion_layout .fundation_content .aditional_content { + margin-top: 53px; +} +.fundacion_layout .fundation_content h1 { + font: 18px Arial, Helvetica, sans-serif; + text-transform: uppercase; + margin-bottom: 30px; +} +.fundacion_layout .fundation_content h2 { + font-size: 15px; + text-transform: uppercase; + line-height: 118%; + margin-bottom: 1em; + color: #333; +} +.fundacion_layout .fundation_content h3 { + font-size: 16px; + text-transform: uppercase; + color: #666; + margin-bottom: 1em; +} +.fundacion_layout .fundation_content p, .fundacion_layout .fundation_content ol { + font-size: 14px; + line-height: 1.2; + color: #666; + margin: 0 0 1em; +} +.fundacion_layout .fundation_content ol { + margin-left: 2em; +} + +.members_pagination_row { + font-size: x-small; + text-align: center; +} + +.notices_layout .main_row, .notices_layout .club_info_layout .overlapping_main_row, .club_info_layout .notices_layout .overlapping_main_row { + margin-top: 60px; +} +.notices_layout .details_row:before, .notices_layout .details_row:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.notices_layout .details_row:after { + clear: both; +} +.notices_layout .details_row { + zoom: 1; +} +.notices_layout .details_row .m_header { + margin-bottom: 31px; +} +.notices_layout .details_row .m_process_data { + margin-bottom: 21px; +} +.notices_layout .details_row .m_process_description { + margin-bottom: 34px; +} +.notices_layout .details_row .m_header, .notices_layout .details_header_row { + margin-bottom: 31px; +} +.notices_layout .main_row, .notices_layout .club_info_layout .overlapping_main_row, .club_info_layout .notices_layout .overlapping_main_row, .notices_layout .details_row { + margin-bottom: 45px; +} +.notices_layout .details_header_row { + display: table; +} +.notices_layout .details_header_row .m_header { + margin-bottom: 0; +} +.notices_layout .details_header_row > * { + display: table-cell; +} +.notices_layout .details_header_row .details_header_actions { + white-space: nowrap; + padding-left: 30px; +} + +[data-ads] > * { + display: block; + margin-bottom: 20px; +} + +[data-ads-block='tablet'] > *, +[data-ads-block='mobile'] > * { + margin-left: 10px; + margin-right: 10px; +} + +[data-ads-block='tablet'] img, +[data-ads-block='mobile'] img { + margin: 0 auto; +} + +[data-ads].loading { + background: url("../images/backgrounds/spinner.gif") no-repeat center center; + height: 100px; +} + +.l-col { + float: left; + margin-left: 0%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.l-col100 { + width: 100%; +} + +.l-col100-i { + width: 100% !important; +} + +.l-col50 { + width: 50%; +} + +.l-col25 { + width: 25%; +} + +.l-section { + margin-left: 10px; + margin-right: 10px; + background-color: #FFFFFF; +} + +.l-main_row { + margin-top: -98px; + position: relative; + z-index: 1; + background-color: #ffffff; + border: 1px solid #d9d9d9; + box-shadow: 0 0 10px #d9d9d9; + padding: 11px 0 60px; +} + +.l-col-important { + width: 66.6667%; + box-sizing: border-box; + float: left; + margin-left: 0; + padding-right: 10px; +} + +.l-col-aside { + width: 33.3333%; + position: relative; + z-index: 1; + box-sizing: border-box; + float: left; + margin-left: 0; + padding-left: 10px; + padding-right: 10px; +} + +.l-header { + border-bottom: 1px solid #d9d9d9; + padding-bottom: 15px; + padding-top: 10px; + margin-bottom: 30px; +} +.l-header h2 { + color: #666666; + float: left; + font-size: 18px; + padding-left: 11px; + text-transform: uppercase; + font-weight: normal; +} +.l-header .l-info-r { + margin-right: 26px; + color: #666666; + float: right; + font-size: 12px; + text-transform: capitalize; +} +.l-header .l-info-r sup { + font-size: 1.23em; + line-height: 0; +} + +.l-form { + padding-left: 90px; +} +.l-form p { + font-size: 14px; + color: #666666; + margin-bottom: 26px; +} +.l-form p a { + text-decoration: none; + color: #0052A5; +} +.l-form fieldset { + margin-bottom: 20px; +} + +.g-ftr { + float: right; +} + +.g-ftr-I { + float: right !important; +} + +.g-mrgt-10 { + margin-top: 10px; +} + +.g-mrgt-20 { + margin-top: 20px; +} + +.g-mrgt-30 { + margin-top: 30px; +} + +.g-t1 { + color: #FFF; + text-transform: uppercase; + font-family: arial, helvetica, sans-serif; + font-size: 11px; + font-weight: bold; +} +.g-t1 span { + padding-left: 10px; + padding-right: 10px; + border-left: 1px solid #FFFFFF; +} +.g-t1 span:first-child { + padding-left: 0; + border-left: none; +} + +.g-t2 { + color: #FFF; + font-family: arial, helvetica, sans-serif; + font-size: 26px; + font-weight: bold; + letter-spacing: -1px; + line-height: 26px; +} + +.entradilla.m_transfers { + position: relative; + padding-bottom: 70px !important; + margin-bottom: 80px !important; + border-bottom: 1px solid #D9D9D9; +} +.entradilla.m_transfers:after { + content: " "; + position: absolute; + background-color: #FFFFFF; + background-image: url(../images/backgrounds/bg_escudo.png); + background-repeat: no-repeat; + background-position: center center; + background-size: 65px 90px; + height: 90px; + width: 134px; + margin-left: -67px; + left: 50%; + bottom: -32px; +} + +.m_transfers_sec_2 { + position: relative; + padding-top: 70px !important; + margin-top: 80px !important; +} +.m_transfers_sec_2:after { + content: " "; + position: absolute; + background-color: #FFFFFF; + background-image: url(../images/backgrounds/bg_escudo.png); + background-repeat: no-repeat; + background-position: center center; + background-size: 46px 63px; + height: 90px; + width: 134px; + margin-left: -67px; + left: 50%; + top: -32px; +} + +.g-table-b { + border-left: 1px solid #D0D0D0; + border-top: 1px solid #D0D0D0; + border-collapse: collapse; + margin-top: 15px; + font-family: "Oswald", sans-serif; + font-size: 1.3em; +} +.g-table-b:first-child { + margin-top: 0; +} +.g-table-b th, .g-table-b td { + border-right: 1px solid #D0D0D0; + border-bottom: 1px solid #D0D0D0; + color: #999999; + min-width: 90px; + padding: 12px; +} +.g-table-b th.g-table-tdnoborder, .g-table-b td.g-table-tdnoborder { + border-right: none; +} +.g-table-b th { + font-weight: normal; + text-transform: uppercase; + letter-spacing: 1px; +} +.g-table-b th.g-table-th2 { + text-transform: none; + font-family: arial, helvetica, sans-serif; + letter-spacing: 0px; +} +.g-table-b th.g-table-th2 sup { + top: 6px; +} +.g-table-b tbody th:first-child { + border-right: none; +} +.g-table-b tbody th:first-child + th { + text-transform: none; + font-family: arial, helvetica, sans-serif; + letter-spacing: 0px; +} +.g-table-b tbody th:first-child + th sup { + top: 6px; +} +.g-table-b tr.pri th { + font-size: 1.1em; + background-color: #F6F6F6; + color: #333333; +} +.g-table-b tbody th { + text-align: left; + padding-left: 10px; + font-size: .9em; +} +.g-table-b td { + text-align: center; + font-family: arial, helvetica, sans-serif; +} +.g-table-b strong { + color: #333333; +} +.g-table-b th strong { + font-weight: normal; +} +.g-table-b sup { + font-size: 80%; + left: -2px; + position: relative; + top: 4px; + vertical-align: top; +} + +#aToolTip { + position: absolute; + display: none; + z-index: 50000; +} +#aToolTip * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; +} +#aToolTip p { + color: #666666; + font-size: 13px; + padding: 10px !important; + text-align: left; + white-space: normal; + background-color: #fff; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); + box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); +} +#aToolTip p:before, #aToolTip p:after { + content: ""; + position: absolute; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + top: 100%; + left: 50%; + margin-left: -10px; +} +#aToolTip p:before { + border-top: 10px solid #ccc; + margin-top: 1px; +} +#aToolTip p:after { + border-top: 10px solid #ffffff; + margin-top: 0; + z-index: 1; +} + +#aToolTip .aToolTipContent { + position: relative; + margin: 0; + padding: 0; +} + +.js-pag-siguiente, .js-pag-anterior { + display: inline !important; +} + +.clearfix:before, .clearfix:after { + content: " "; + display: table; +} + +.clearfix:after { + clear: both; +} + +.clearfix { + *zoom: 1; +} + +.adownload .j_hide_if_adownload { + display: none; +} + +.m_widget { + border: 1px solid #e6e6e6; + font-size: x-small; + background-color: #fff; +} + +.m_widget_title { + display: block; + padding: 12px 15px; + font-size: 1.4em; + font-weight: normal; + text-transform: uppercase; + background-color: #fff; + border-top: 2px solid #0255a5; + border-bottom: 1px solid #e6e6e6; + color: #666666; + text-decoration: none; +} + +.m_widget_footer { + background-color: white; +} +.m_widget_footer a { + position: relative; + margin: 0 10px; + padding: 10px 0; + font-size: 1.1em; + text-transform: uppercase; + font-weight: bold; + text-decoration: none; + color: #0255a5; +} +.m_widget_footer a:after { + position: absolute; + right: -15px; + top: -1px; + content: ""; + width: 1px; + border-right: 1px solid #D9D9D9; + height: 17px; +} +.m_widget_footer a:last-child:after { + border: none; +} + +.m_widget_teams_logos { + white-space: nowrap; +} + +.m_widget_teams { + font-size: 1.3em; +} +.m_widget_teams img { + display: inline; + margin-right: 5px; + height: inherit; + width: 40px; + height: 40px; +} +.m_widget_teams strong { + display: block; + font-weight: normal; +} +.m_widget_teams div + div { + max-width: 160px; +} +.m_widget_teams a { + color: #333333; + text-decoration: none; +} +.m_widget_teams div, .m_widget_teams > a { + vertical-align: top; + margin-right: 5px; + color: #666666; +} +.m_widget_teams > a:hover { + color: #333333; +} +.m_widget_teams > div:first-child { + white-space: nowrap; +} +.m_widget_teams span { + display: inline-block; +} + +.m_widget_teams_score { + white-space: nowrap; + font-size: 29px; + padding-right: 11px; +} +.m_widget_teams_score strong { + display: inline-block; + vertical-align: middle; + font-weight: normal; +} + +.m_widget_teams_names strong + strong { + margin-top: 4px; +} + +.m_table_teams { + display: table-row; +} +.m_table_teams > *:first-child { + white-space: nowrap; + padding-right: 9px; +} +.m_table_teams > div { + display: table-cell; +} +.m_table_teams > div, .m_table_teams div + div { + max-width: none; +} +.m_table_teams .m_widget_teams_score { + padding-right: 15px; + font-size: 2.2em; +} + +.m_schedule li, .m_games li { + list-style: none; + padding: 15px; + background-color: #F6F6F6; + border-bottom: 1px solid #e6e6e6; +} + +.m_schedule { + border: 1px solid #e6e6e6; + color: #666666; +} +.m_schedule .m_widget_footer { + border: none; +} + +.m_schedule .m_widget_title, .m_schedule_widget_title { + padding-left: 50px; + background-position: 15px 10px; + background-repeat: no-repeat; +} + +.m_schedule_widget_title { + border-top: none; +} + +.m_schecdule_header { + margin-bottom: 8px; + overflow: hidden; +} +.m_schecdule_header > * { + vertical-align: top; + font-size: 1.2em; +} +.m_schecdule_header strong { + font-weight: normal; + width: 160px; + float: left; + text-transform: uppercase; +} +.m_schecdule_header time { + float: right; +} + +.m_schedule_info { + margin-top: 10px; + font-size: 1.1em; +} + +.m_schedule_tickets { + font-size: x-small; + font-weight: bold; + text-transform: uppercase; + text-align: right; +} +.m_schedule_tickets a { + color: #0255a5; + text-decoration: none; + font-size: 11px; +} + +.m_schedule_text { + font-size: 1.3em; + font-weight: bold; + color: #666666; + margin-bottom: 10px; + text-decoration: none; +} +.m_schedule_text:hover { + color: #333333; +} + +.m_schedule_actions a { + position: relative; + margin: 10px 15px; + font-size: 1.1em; + text-transform: uppercase; + font-weight: bold; + text-decoration: none; + color: #0255a5; +} +.m_schedule_actions a:after { + position: absolute; + right: -15px; + top: -2px; + content: ""; + width: 1px; + border-right: 1px solid #D9D9D9; + height: 17px; +} + +.m_games { + font-size: x-small; + color: #666666; +} +.m_games img { + width: auto; + height: inherit; +} +.m_games ul, .m_games .m_widget_footer { + border: 1px solid #d9d9d9; +} +.m_games ul { + border-bottom: none; + margin-top: 15px; +} +.m_games li { + position: relative; +} +.m_games .m_widget_footer { + border-top: none; + text-align: right; +} +.m_games .m_schedule_tickets { + position: absolute; + bottom: 15px; + right: 16px; +} + +.m_games_title { + font-size: 14px; + text-transform: uppercase; + font-weight: normal; + color: #999999; +} + +.m_next_match .m_widget_footer { + border-top: 1px solid #e6e6e6; +} + +.m_next_match_carousel { + position: relative; + overflow: hidden; +} +.m_next_match_carousel ul { + position: relative; + float: left; + white-space: nowrap; + min-width: 100%; + font-size: 0; +} +.m_next_match_carousel li { + width: 100%; + vertical-align: top; + font-size: x-small; +} +.m_next_match_carousel .arrow_left { + display: none; +} +.m_next_match_carousel .arrow_right { + display: none; +} + +.m_next_match_carousel_prev, +.m_next_match_carousel_next { + position: absolute; + width: 10px; + height: 20px; + background-repeat: no-repeat; + text-indent: 100%; + white-space: nowrap; + overflow: hidden; + z-index: 1; + top: 50%; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + margin-top: -40px; +} + +.m_next_match_carousel_prev { + left: 20px; +} + +.m_next_match_carousel_next { + right: 20px; +} + +.m_next_match_wrapper { + width: 265px; + margin: 0 auto; +} + +.m_next_match_teams { + padding-top: 10px; + background-color: #F6F6F6; + border-bottom: 1px solid #e6e6e6; +} + +.m_next_match_teams_content { + text-align: center; + padding-bottom: 34px; +} +.m_next_match_teams_content a { + color: #666666; + display: block; + text-decoration: none; +} +.m_next_match_teams_content p { + margin-bottom: 10px; + font-size: 1em; + color: #666666; + text-align: center; +} +.m_next_match_teams_content span, +.m_next_match_teams_content small { + vertical-align: top; +} +.m_next_match_teams_content small { + width: 63px; + height: 63px; + overflow: hidden; + margin-bottom: 10px; +} +.m_next_match_teams_content img { + height: auto; +} +.m_next_match_teams_content strong { + display: block; + text-transform: uppercase; + font-weight: normal; + font-size: 1em; + max-width: 69px; + white-space: normal; +} +.m_next_match_teams_content .aditional_info { + width: 78px; + text-align: center; + font-size: 1.9em; + font-weight: bold; + padding-top: 20px; +} + +.m_next_match_info p { + font-size: 1.2em; + text-align: center; + color: #666666; + margin-bottom: 5px; +} + +.m_next_match_wrapper_link { + text-align: center; + margin-top: -20px; + margin-bottom: 10px; +} + +.m_result { + background-color: #f6f6f6; + border: 1px solid #e6e6e6; + padding: 15px; + margin-bottom: 20px; + text-align: center; + text-transform: uppercase; +} +.m_result ul { + list-style-type: none; + color: #666666; + margin-bottom: 5px; +} +.m_result ul li { + font-size: 1.3em; + font-weight: bold; +} +.m_result ul li:after { + content: "\00b7"; + margin-right: 5px; + margin-left: 5px; +} +.m_result ul li:last-child:after { + display: none; +} +.m_result .location { + color: #666666; +} +.m_result .result { + margin-top: 15px; + margin-bottom: 20px; + overflow: hidden; + position: relative; +} +.m_result .result .team_1, +.m_result .result .team_2 { + float: left; + width: 50%; + position: relative; + height: 110px; +} +.m_result .result span { + position: absolute; + top: 0px; + font-size: 6em; +} +.m_result .result .team_1 span { + left: 100px; +} +.m_result .result .team_2 span { + right: 100px; +} +.m_result .result img { + position: absolute; + top: 0px; + width: 100px; + height: 100px; +} +.m_result .result .team_1 img { + left: 0px; +} +.m_result .result .team_2 img { + right: 0px; +} +.m_result .line { + position: absolute; + top: 30px; + height: 60px; + left: 50%; + width: 0px; + border-right: 1px solid #d9d9d9; +} +.m_result .status { + position: absolute; + top: 50px; + left: 0px; + right: 0px; + font-size: 1.2em; + text-align: center; +} +.m_result a { + color: #0255a5; + text-decoration: none; + font-weight: bold; + font-size: 1.1em; +} + +.m_reports li { + list-style: none; + padding: 15px; + background-color: #F6F6F6; + border-bottom: 1px solid #e6e6e6; +} + +.m_reports_text { + margin-top: 15px; + padding-right: 10px; + font-size: 1em; + color: #999999; +} + +.m_chronicle li { + list-style: none; + padding: 15px; + background-color: #F6F6F6; + border-bottom: 1px solid #e6e6e6; +} +.m_chronicle .m_chronicle_detail { + padding-right: 10px; + font-size: 1.2em; + color: #666666; +} +.m_chronicle .m_chronicle_detail p { + line-height: 15px; +} +.m_chronicle .m_chronicle_detail strong { + display: block; + text-transform: uppercase; + margin-bottom: 5px; + color: #000; +} +.m_chronicle img { + float: left; +} +.m_chronicle .text_content { + padding-left: 70px; +} + +.m_relationships_news_new { + list-style: none; + padding: 20px; + font-size: 1.3em; + background-color: #F6F6F6; + border-bottom: 1px solid #e6e6e6; +} +.m_relationships_news_new a { + display: block; + color: #666666; + text-decoration: none; +} +.m_relationships_news_new a:hover { + color: #333333; +} +.m_relationships_news_new small { + color: #333333; + font-size: 0.9em; + font-weight: bold; + margin-bottom: 13px; +} +.m_relationships_news_new strong { + color: #666666; + margin-bottom: 3px; +} +.m_relationships_news_new small, .m_relationships_news_new strong { + display: block; +} + +.m_publication li { + list-style: none; + padding: 10px 15px 7px; + background-color: #F6F6F6; + border-bottom: 1px solid #e6e6e6; + overflow: hidden; +} +.m_publication img { + float: left; + width: 45px; +} +.m_publication strong { + font-weight: normal; +} + +.pre_footer .m_publication ul { + height: 224px; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + background-color: #F6F6F6; + border-bottom: 1px solid #e6e6e6; +} +.pre_footer .m_publication ul li { + border-top: 1px solid #e6e6e6; + border-bottom: none; +} +.pre_footer .m_publication ul li:first-child { + border-top: none; +} + +.m_publication_content, .m_popular_videos_content { + font-size: 1.3em; + color: #666666; +} +.m_publication_content strong, .m_popular_videos_content strong { + display: block; + margin: 5px 0; + color: #333333; +} +.m_publication_content a, .m_popular_videos_content a { + text-decoration: none; + color: #333333; +} + +.m_publication_content, .m_popular_videos_content { + padding-left: 70px; +} + +.m_publication_history .m_publication_content, .m_publication_history .m_popular_videos_content { + padding-left: 90px; +} + +.m_publication_content_text { + padding-left: 0; + padding: 5px 0 10px; +} + +.m_publication_gallery img, .m_publication_history img { + margin-left: 0; +} + +.m_publication_gallery, li.m_publication_gallery { + padding-top: 5px; + padding-bottom: 7px; +} + +.m_publication_gallery img { + width: 60px; +} + +.m_publication_history, li.m_publication_history { + padding-bottom: 13px; + padding-top: 14px; +} + +.m_publication_history img { + width: 70px; +} + +.m_popular_videos img { + width: 70px; +} + +.m_popular_videos_content { + padding-left: 90px; +} + +.btn { + padding: 12px 20px; + font-size: 1.1em; + font-weight: bold; + text-transform: uppercase; + color: #fff; + background-color: #0255A5; + border: none; + border-radius: 2px; + text-decoration: none; + -webkit-transition: background-color 250ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: background-color 250ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: background-color 250ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: background-color 250ms cubic-bezier(0.19, 1, 0.22, 1); + transition: background-color 250ms cubic-bezier(0.19, 1, 0.22, 1); +} + +.btn:hover { + background-color: #003366; +} + +.btn_invert { + background-color: #fff; + color: #0255a5; + box-shadow: none; +} + +.btn_dry { + background-color: #fff; + color: #333333; + box-shadow: none; +} + +.btn_big { + padding: 18px 20px; +} + +.btn_full { + width: auto; + display: block; + padding: 12px 0px; + text-align: center; +} + +button.btn_full { + width: 100%; +} + +.btn_full.btn_big { + padding: 18px 0; +} + +.btn_download { + color: #0255a5; + font-size: 1.1em; + text-decoration: none; + text-transform: uppercase; +} + +.btn_download:after { + margin-left: 10px; + vertical-align: middle; + content: ""; + width: 25px; + height: 25px; + background-position: left top; + background-repeat: no-repeat; +} + +.btn_download_alt { + position: relative; + padding-left: 40px; + font-weight: bold; + max-width: 240px; +} +.btn_download_alt:after { + position: absolute; + top: 0; + left: 0; + margin-left: 0; +} + +.btn_read_later, +.btn_read_later_active { + position: relative; + padding: 12px 12px 13px 45px; + border: 1px solid #D9D9D9; + font-size: 1.1em; + font-weight: bold; + text-decoration: none; + color: #000; + text-transform: uppercase; +} + +.btn_read_later_active { + background-color: #F6F6F6; +} + +.btn_read_later:before, +.btn_read_later_active:before { + position: absolute; + top: 0; + left: 0; + content: ""; + width: 36px; + height: 36px; + background-color: #F6F6F6; + border-right: 1px solid #D9D9D9; +} + +.btn_read_later:after, +.btn_read_later_active:after { + content: ""; + position: absolute; + top: 8px; + left: 13px; +} + +.btn_prev_text, +.btn_next_text { + min-width: 80px; + padding: 12px 0; + padding-bottom: 13px; + border: 1px solid #D9D9D9; + background-color: #F6F6F6; + font-size: 1.1em; + font-weight: bold; + text-transform: uppercase; + text-decoration: none; + color: #666666; +} +.btn_prev_text:before, +.btn_next_text:before { + opacity: 0; + -webkit-transition: opacity 5s ease-in-out; + -moz-transition: opacity 5s ease-in-out; + -ms-transition: opacity 5s ease-in-out; + -o-transition: opacity 5s ease-in-out; + transition: opacity 5s ease-in-out; +} +.btn_prev_text.loading:before, +.btn_next_text.loading:before { + background: white url("/StaticFiles/RealMadridResponsive/images/backgrounds/spinner.gif") no-repeat center center; + background-size: 30px 30px; + top: 0; + left: 0; + right: 0; + bottom: 0; + opacity: 0.8; + position: absolute; + z-index: 3; + display: block; + content: ""; +} +.btn_prev_text.js-disabled, +.btn_next_text.js-disabled { + cursor: default; +} +.btn_prev_text.js-disabled:before, +.btn_next_text.js-disabled:before { + background-color: #FFFFFF; + background-size: 30px 30px; + top: 0; + left: 0; + right: 0; + bottom: 0; + opacity: 0.6; + position: absolute; + z-index: 3; + display: block; + content: ""; +} + +.btn_prev_text { + background-repeat: no-repeat; + background-position: 12px center; + text-align: left; + padding-left: 30px; + padding-right: 0px; + background-size: 7px 15px; + position: relative; +} + +.btn_next_text { + position: relative; + text-align: right; + padding-right: 30px; + padding-left: 0px; +} + +.btn_next_text:after { + position: absolute; + top: 50%; + margin-top: -7px; + right: 10px; + content: ""; + background-size: 7px 15px; +} + +.btn_prev, +.btn_next { + position: relative; + width: 52px; + height: 72px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); + background-color: rgba(0, 0, 0, 0.6); + vertical-align: top; + text-indent: 100%; + white-space: nowrap; + overflow: hidden; +} + +.btn_prev:after, +.btn_next:after { + content: ""; + position: absolute; + top: 50%; + left: 50%; + margin-top: -4px; + margin-left: -6px; +} + +.btn_show { + vertical-align: middle; + font-size: 1.2em; + color: #000; + text-transform: uppercase; + text-decoration: none; +} + +.btn_show:after { + content: ""; + vertical-align: middle; + margin-left: 15px; + -webkit-transition: -webkit-transform 250ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: -moz-transform 250ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: -ms-transform 250ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: -o-transform 250ms cubic-bezier(0.19, 1, 0.22, 1); + transition: transform 250ms cubic-bezier(0.19, 1, 0.22, 1); +} + +.expanded .btn_show:after { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} + +.btn_social_facebook, +.btn_social_twitter { + width: 37px; + height: 37px; + background-repeat: no-repeat; + background-position: center center; + background-color: #fff; +} + +.btn_social_facebook { + border: 1px solid #465A96; +} + +.btn_social_twitter { + border: 1px solid #00ACED; +} + +.btn_link, .btn_link_small, .m_highlight_private .m_highlight_content .link, .m_highlight_private .m_store_content .link, .m_cup_legend .m_cup_legend_actions a { + font-size: 1.3em; + text-transform: uppercase; + font-weight: bold; + color: #0255a5; + text-decoration: none; +} + +.btn_link_small, .m_highlight_private .m_highlight_content .link, .m_highlight_private .m_store_content .link, .m_cup_legend .m_cup_legend_actions a { + font-size: 11px; +} + +.add_other_btn { + background-color: white; + display: inline-block; + color: black; + text-align: left; + border: 1px solid #DDDDDD; + border-radius: 6px; + position: relative; + font-size: 1.2em; + max-width: 59%; + font-family: Helvetica, Arial, sans-serif; + padding: 13px 45px 11px 19px; + cursor: pointer; + text-transform: uppercase; + font-weight: bold; + text-decoration: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.add_other_btn:before { + vertical-align: middle; + height: 100%; + display: inline-block; + content: ""; +} +.add_other_btn span { + position: absolute; + width: 16px; + height: 16px; + right: 15px; + top: 50%; + margin-top: -8px; +} +.add_other_btn span:before, .add_other_btn span:after { + content: ""; + display: block; + background-color: #0255a5; + position: absolute; +} +.add_other_btn span:before { + left: 0; + right: 0; + height: 4px; + bottom: 50%; + margin-bottom: -2px; +} +.add_other_btn span:after { + top: 0; + bottom: 0; + width: 4px; + left: 50%; + margin-left: -2px; +} + +.m_collapsable_content { + display: block; + height: 0; + padding: 0; + margin: 0; + overflow: hidden; + -webkit-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); +} + +.m_show { + text-align: right; +} + +.m_share { + position: relative; + font-size: x-small; + z-index: 1; +} +.m_share ul { + position: absolute; + left: 0; + right: 0; + background-color: #fff; + border-right: 1px solid #D9D9D9; + border-left: 1px solid #D9D9D9; +} +.m_share li { + border-bottom: 1px solid #D9D9D9; +} +.m_share span { + display: none; +} + +.m_share_action { + position: relative; + border: 1px solid #D9D9D9; + padding: 12px 12px 11px 50px; + font-size: 12px; + font-weight: bold; + text-transform: uppercase; + text-decoration: none; + color: #424242; + background-color: #fff; + -webkit-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); +} + +.m_share_action:after { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 40px; + height: 37px; + background-repeat: no-repeat; + background-position: 12px 10px; +} + +.m_share_facebook { + background-repeat: no-repeat; +} + +.m_share_twitter { + background-repeat: no-repeat; +} + +.m_share_g_plus { + background-repeat: no-repeat; +} + +.m_share_pinterest { + background-repeat: no-repeat; +} + +.m_share_facebook a, +.m_share_twitter a, +.m_share_g_plus a, +.m_share_pinterest a { + display: block; + padding: 12px 0 12px 45px; + cursor: pointer; + font-size: 1.3em; + font-weight: bold; + text-decoration: none; + color: #414141; +} + +.expanded .m_share_action { + background-color: #F6F6F6; +} + +.expanded .m_share_action:after { + border-right: 1px solid #D9D9D9; +} + +.news_layout .m_share_action:after { + border-right: 1px solid #D9D9D9; + background-color: #F6F6F6; +} + +.m_share_inline ul { + position: static; + background-color: transparent; +} + +.m_share_light .m_share_action { + border: none; +} +.m_share_light.expanded .m_share_action:after { + border: none; +} + +.m_pagination { + font-size: x-small; + border-top: 1px solid #EAEEF0; + padding-top: 30px; + overflow: hidden; +} +.m_pagination a { + position: relative; + padding-top: 2px; + padding-bottom: 2px; + max-width: 217px; + font-size: 1.4em; + font-weight: bold; + text-decoration: none; + color: #333333; + background-repeat: no-repeat; +} + +.m_pagination_prev { + float: left; + padding-left: 34px; +} + +.m_pagination_prev:before { + content: ""; + position: absolute; + top: 50%; + left: 10px; + margin-top: -10px; +} + +.m_pagination_next { + float: right; + text-align: right; + padding-right: 34px; +} + +.m_pagination_next:before { + content: ""; + position: absolute; + top: 50%; + right: 10px; + margin-top: -10px; +} + +.pagination_section .m_pagination { + padding-bottom: 30px; +} + +.pagination_section .m_pagination { + position: relative; + border-top: none; +} +.pagination_section .m_pagination:after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 50%; + margin-left: -1px; + width: 1px; + background-color: #D9D9D9; +} + +.m_link_nav, .m_link_nav_content_sublevel_wrapper { + font-size: x-small; + list-style: none; + border-top: 1px solid #D0D0D0; + border-right: 1px solid #D0D0D0; + border-left: 1px solid #D0D0D0; + font-size: 1.2em; + text-transform: uppercase; + background-color: white; +} +.m_link_nav a, .m_link_nav_content_sublevel_wrapper a { + text-decoration: none; + color: #666666; +} + +.m_main_header_with_subnav { + position: relative; +} +.m_main_header_with_subnav .m_link_nav_content_sublevel_wrapper { + font-size: 1.2em !important; + position: absolute; + right: 9px; + top: 39px; + z-index: 2; +} + +.m_link_nav_content_sublevel_wrapper .m_link_nav_subcontent { + height: 0; + overflow: hidden; + -webkit-transition: height 150ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: height 150ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: height 150ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: height 150ms cubic-bezier(0.19, 1, 0.22, 1); + transition: height 150ms cubic-bezier(0.19, 1, 0.22, 1); +} +.m_link_nav_content_sublevel_wrapper li.active { + background: none; +} + +.m_link_nav_action { + position: relative; + display: none; +} + +.m_link_nav_action:after { + content: ""; + position: absolute; + top: 50%; + right: 10px; + margin-top: -6px; + width: 17px; + height: 11px; + background-repeat: no-repeat; + text-decoration: none; +} + +.m_link_nav_content li { + position: relative; + list-style: none; + border-bottom: 1px solid #E6E6E6; +} +.m_link_nav_content a { + padding: 15px 20px; + display: block; +} +.m_link_nav_content > li.active { + border-bottom: 1px solid #000400; +} +.m_link_nav_content li.active { + background-color: #F6F6F6; + border-top: 1px solid #000400; +} +.m_link_nav_content li.active .active { + border-top: none; +} +.m_link_nav_content li.active > a { + color: #000; +} +.m_link_nav_content a:hover { + color: #000; +} + +.m_link_nav_subcontent { + display: none; +} + +.m_link_nav_subcontent li { + border: none; + position: relative; +} +.m_link_nav_subcontent a { + background-repeat: no-repeat; + background-size: 8px 8px; + background-position: 15px center; + padding-left: 34px; +} + +.m_link_nav_content_sublevel > a:after { + content: ""; + position: absolute; + top: 20px; + right: 20px; +} + +.m_link_nav_content_sublevel.active > a { + border-bottom: 1px solid #E6E6E6; + cursor: default; +} + +.m_link_nav_content_sublevel.active > a:after { + background-position: left top; + display: block; +} + +.m_link_nav_content_sublevel.active .m_link_nav_subcontent { + display: block; +} + +.m_highlight, .m_store { + position: relative; + z-index: 0; + box-shadow: 0px 0px 0px 0px #E4E4E4; + border: 1px solid #D9D9D9; + border-top: 2px solid #0255A5; + -webkit-transition: box-shadow 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: box-shadow 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: box-shadow 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: box-shadow 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: box-shadow 500ms cubic-bezier(0.19, 1, 0.22, 1); + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + -o-transform: translateZ(0); + transform: translateZ(0); + font-size: x-small; +} +.m_highlight a, .m_store a { + text-decoration: none; +} +.m_highlight .m_video_item:after, .m_store .m_video_item:after { + content: ""; + display: block; + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + background: rgba(0, 0, 0, 0.5); + z-index: -0; +} +.m_highlight .m_video_item_icon, .m_store .m_video_item_icon { + z-index: 1; +} + +.m_highlight_delete { + position: absolute; + top: 10px; + right: 10px; + width: 13px; + height: 13px; + overflow: hidden; + text-indent: -999px; + background-repeat: no-repeat; + background-position: center center; +} + +.m_highlight_header img, .m_store_header img { + width: inherit; + height: auto; + opacity: 1; + filter: alpha(opacity=100); + -webkit-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1); +} + +.m_highlight_header img, .m_store_header img, .m_highlight img, .m_store img { + width: 100%; + height: auto; +} + +.m_highlight_content, .m_store_content { + padding: 0px 20px 8px 20px; +} +.m_highlight_content strong, .m_store_content strong { + display: block; + padding: 20px 20px 8px 0px; + font-size: 1.2em; + text-transform: uppercase; + color: #666666; +} +.m_highlight_content p, .m_store_content p, .m_highlight_content address, .m_store_content address { + font-size: 1.4em; + color: #666666; + line-height: 18px; + font-style: normal; +} +.m_highlight_content h1, .m_store_content h1, .m_highlight_content .m_highlight_content_title, .m_store_content .m_highlight_content_title { + font-weight: normal; + font-size: 1.4em; + text-transform: uppercase; + color: #333333; + margin-bottom: 5px; + padding: 0; + display: block; +} + +.m_highlight_content h1, .m_store_content h1 { + margin-top: 20px; +} + +.m_highlight_content strong + h1, .m_store_content strong + h1 { + margin-top: 0; +} + +.m_highlight_content_adit { + margin-top: 5px; + padding-top: 5px; + border-top: 1px solid #E6E6E6; +} + +.m_highlight_footer { + background-color: #F6F6F6; +} +.m_highlight_footer li { + list-style: none; + border-top: 1px solid #D9D9D9; +} +.m_highlight_footer a { + display: block; + padding: 12px 22px 12px 40px; + font-size: 1.3em; + font-weight: bold; + color: #666666; + background-size: 5px 10px; + background-repeat: no-repeat; + background-position: 20px center; +} + +.m_highlight_mini .m_highlight_content_title { + padding: 14px 0 13px; +} + +.m_highlight:hover, .m_store:hover { + box-shadow: 0px 0px 2px 1px #E4E4E4; +} +.m_highlight:hover img, .m_store:hover img { + opacity: .5; + filter: alpha(opacity=50); +} + +.m_highlight_reduced strong { + padding-top: 8px; +} + +.m_highlight_date { + color: #9E9E9E; + font-size: 1.1em; + display: block; + margin-bottom: 10px; +} + +.m_highlight_grid p { + display: none; +} + +.m_highlight_list > a { + display: table-row; + vertical-align: top; +} +.m_highlight_list > a > * { + display: table-cell; + vertical-align: top; +} +.m_highlight_list .m_highlight_header, .m_highlight_list .m_store_header { + width: 111px; + height: auto; + padding: 10px 20px 10px 10px; +} +.m_highlight_list .m_highlight_content, .m_highlight_list .m_store_content { + padding: 0; + padding-bottom: 8px; +} +.m_highlight_list .m_highlight_content strong, .m_highlight_list .m_store_content strong { + padding-top: 10px; +} +.m_highlight_list .m_highlight_content p, .m_highlight_list .m_store_content p { + padding-right: 10px; +} +.m_highlight_list .m_highlight_content_title, .m_highlight_list .m_highlight_content h1, .m_highlight_list .m_store_content h1 { + padding-right: 10px; +} +.m_highlight_list .m_highlight_header, .m_highlight_list .m_store_header { + width: 250px; +} + +.m_share_inline { + display: block; + overflow: hidden; + min-height: 41px; + margin-top: 6px; +} +.m_share_inline.expanded .m_collapsable_content { + opacity: 1; + filter: alpha(opacity=100); +} +.m_share_inline .m_share_action { + float: left; + border: none; + padding: 15px 12px 12px 32px; + margin-left: 8px; + background-color: transparent; +} +.m_share_inline .m_share_action:after:hover { + background: none; +} +.m_share_inline .ico_share, .m_share_inline .m_matches_actions .share, .m_matches_actions .m_share_inline .share, .m_share_inline .m_share_action:after { + background-size: 14px 13px; + background-position: 12px 12px; +} +.m_share_inline .m_collapsable_content { + -webkit-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1); + float: right; + font-size: 0; + opacity: 0; + filter: alpha(opacity=0); + height: auto; +} +.m_share_inline .m_share_facebook a, +.m_share_inline .m_share_twitter a, +.m_share_inline .m_share_g_plus a, +.m_share_inline .m_share_pinterest a { + padding: 0; + width: 40px; + height: 40px; +} +.m_share_inline.expanded { + background-color: #F6F6F6; +} +.m_share_inline.expanded .m_share_action { + background: transparent; +} +.m_share_inline.expanded .m_share_action:after { + border: none; +} + +.m_highlight_link, .m_store, .m_highlight_private { + background-color: #F6F6F6; +} + +.m_highlight_header .m_highlight_cover, .m_store_header .m_highlight_cover { + display: none; +} + +.m_highlight_social_fb .m_highlight_header, .m_highlight_social_fb .m_store_header, +.m_highlight_social_twitter .m_highlight_header, +.m_highlight_social_twitter .m_store_header, +.m_highlight_social_google .m_highlight_header, +.m_highlight_social_google .m_store_header { + position: relative; +} +.m_highlight_social_fb .m_highlight_header .m_highlight_cover, .m_highlight_social_fb .m_store_header .m_highlight_cover, +.m_highlight_social_twitter .m_highlight_header .m_highlight_cover, +.m_highlight_social_twitter .m_store_header .m_highlight_cover, +.m_highlight_social_google .m_highlight_header .m_highlight_cover, +.m_highlight_social_google .m_store_header .m_highlight_cover { + display: block; + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 1; +} +.m_highlight_social_fb .m_highlight_header .m_highlight_cover:after, .m_highlight_social_fb .m_store_header .m_highlight_cover:after, +.m_highlight_social_twitter .m_highlight_header .m_highlight_cover:after, +.m_highlight_social_twitter .m_store_header .m_highlight_cover:after, +.m_highlight_social_google .m_highlight_header .m_highlight_cover:after, +.m_highlight_social_google .m_store_header .m_highlight_cover:after { + position: absolute; + top: 50%; + left: 50%; + margin-top: -35px; + margin-left: -35px; + content: ""; + width: 70px; + height: 70px; + z-index: 2; +} + +.m_highlight_social_fb .m_highlight_header .m_highlight_cover, .m_highlight_social_fb .m_store_header .m_highlight_cover { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#800255A5,endColorstr=#800255A5); + background-color: rgba(2, 85, 165, 0.5); +} + +.m_highlight_social_twitter .m_highlight_header .m_highlight_cover, .m_highlight_social_twitter .m_store_header .m_highlight_cover { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8000CCFF,endColorstr=#8000CCFF); + background-color: rgba(0, 204, 255, 0.5); +} + +.m_highlight_social_google .m_highlight_header .m_highlight_cover, .m_highlight_social_google .m_store_header .m_highlight_cover { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80CD4130,endColorstr=#80CD4130); + background-color: rgba(205, 65, 48, 0.5); +} + +.m_highlight_border { + border-top: none; +} + +.m_store { + z-index: 1; +} + +.m_store_in_map { + font-size: 1.1em; + text-transform: uppercase; + color: #0255A5; + margin-bottom: 19px; + display: block; +} + +.m_store_content p { + margin-bottom: 16px; + line-height: 20px; +} +.m_store_content address { + margin-bottom: 8px; +} +.m_store_content strong { + font-size: 1.1em; +} + +.m_store_subtitle, strong.m_store_subtitle { + font-size: 1.3em; + padding: 0; + margin-bottom: 4px; +} + +.m_store_telephone span { + display: block; + font-size: 1.25em; + margin-bottom: 10px; +} + +.m_news { + font-size: x-small; + border: 1px solid #D9D9D9; + background-color: #F6F6F6; + padding: 20px 20px 20px 90px; + background-repeat: no-repeat; + background-position: 16px 42px; + white-space: normal; +} +.m_news > a { + text-decoration: none; +} +.m_news span { + display: block; + margin-bottom: 20px; + font-size: 1.2em; + font-weight: bold; + color: #666666; + text-transform: uppercase; +} +.m_news strong { + display: block; + font-size: 1.5em; + text-transform: uppercase; + color: #999999; + margin-bottom: 10px; +} +.m_news p { + font-size: 1.6em; + font-style: italic; + color: #999999; + margin-bottom: 49px; +} +.m_news figcaption { + font-size: 12px; + color: #000; +} +.m_news figcaption span, .m_news figcaption a { + font-size: 11px; + text-transform: uppercase; + text-decoration: none; + color: #0255a5; + font-weight: bold; +} +.m_news small { + display: block; +} + +.m_news_simple { + border: none; + border-top: 1px solid #D9D9D9; + border-bottom: 1px solid #D9D9D9; + background-position: 16px 20px; + background-color: transparent; + padding: 30px 20px 30px 90px; + background-position: 16px 33px; +} +.m_news_simple p { + font-style: normal; + font-size: 2em; + color: #000; + font-weight: bold; + margin-bottom: 0; + line-height: 26px; + text-transform: uppercase; +} + +.m_advice { + display: block; + width: auto; + padding: 15px 15px 15px 75px; + background: #f6f6f6; + border: 1px solid #d9d9d9; + font-weight: bold; + font-size: 14px; + color: #666; + position: relative; +} +.m_advice:before { + content: " "; + display: block; + position: absolute; + top: 0px; + bottom: 0px; + left: 0px; + width: 60px; + background-repeat: no-repeat; + background-position: center 20px; + border-right: 1px solid #d9d9d9; +} + +.m_adv_promos { + overflow: hidden; +} +.m_adv_promos img { + float: left; +} +.m_adv_promos a { + text-decoration: none; +} + +.m_adv_promos_content { + padding-left: 222px; +} +.m_adv_promos_content strong { + display: block; + margin-bottom: 10px; + font-size: 1.4em; + text-transform: uppercase; + color: #333333; +} +.m_adv_promos_content p { + font-size: 1.4em; + color: #666666; +} + +.m_register { + border: 1px solid #D9D9D9; + min-height: 182px; +} +.m_register a { + text-decoration: none; +} + +.m_register_title { + position: relative; + display: block; + padding: 10px 0 98px 0; + font-size: 1.5em; + text-align: center; + text-transform: uppercase; + color: #000; + background-color: #F6F6F6; + border-bottom: 1px solid #E6E6E6; +} +.m_register_title:after { + content: ""; + position: absolute; + bottom: 0px; + left: 50%; + margin-left: -58px; + margin-bottom: -33px; +} + +.m_register_content > * { + margin: 0 20px; +} + +.m_register_content { + padding-top: 40px; +} +.m_register_content p { + font-size: 1.3em; + color: #666666; + padding-bottom: 20px; +} +.m_register_content .btn { + margin-bottom: 20px; +} + +.m_register_no_partner .btn { + background-color: #FDBD0F; + color: #000; + box-shadow: none; +} + +.m_register_member .btn { + background-color: #A29061; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; +} + +.register_layout .options_row ul li.col_unica { + float: none; + margin: 0 auto; +} + +.m_advantages_list > * + * { + margin-top: 20px; +} + +.m_advantages { + position: relative; + padding-right: 20px; + padding-left: 119px; + width: 107px; + min-height: 74px; + border: 1px solid #DADADA; + background-color: #F9F9F9; + font-size: 1.4em; + color: #333333; + text-decoration: none; +} +.m_advantages:before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 104px; + height: 100%; + border-right: 1px solid #E6E6E6; +} +.m_advantages:after { + content: ""; + position: absolute; + top: 18px; + left: 30px; +} +.m_advantages span { + padding: 20px 0; +} + +.m_advantages_circular:after { + top: 18px; + left: 34px; +} + +.m_advantages_widget:after { + top: 0; + top: 20px; + left: 30px; +} + +.m_advantages_background:after { + top: 0; + top: 20px; + left: 30px; +} + +.m_steps { + position: relative; + counter-reset: slideNum; + padding-top: 36px; +} +.m_steps li { + width: 33.33%; + height: 6px; + color: #cccccc; + counter-increment: slideNum; + background-color: #cccccc; + word-spacing: 0; + border-left: 1px solid #cccccc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.m_steps li:after { + position: relative; + top: -40px; + text-align: center; + width: 100%; + content: "" counter(slideNum) ""; + color: #6F6F6F; + font-size: 2.2em; + font-weight: bold; +} +.m_steps li.active { + background-color: #EBEBEB; +} +.m_steps li.last { + background-color: #0255a5; +} +.m_steps li.last:after { + color: #0255a5; +} +.m_steps span { + display: none; +} + +.m_social_profile_btn { + margin-right: 10px; + width: 54px; + height: 54px; + text-indent: -9999px; + background-repeat: no-repeat; + vertical-align: top; + overflow: hidden; + text-align: left !important; +} + +.m_cup { + text-align: center; + color: #999999; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.m_cup figcaption { + padding-left: 10px; + padding-right: 10px; +} +.m_cup div { + height: 120px; + margin-bottom: 30px; +} +.m_cup div:after { + vertical-align: bottom; + position: relative; + height: 100%; + content: ""; + width: 0; +} +.m_cup img { + margin: 0 auto; + vertical-align: bottom; + max-height: 120px; +} +.m_cup p { + font-size: 1.3em; + min-height: 42px; +} +.m_cup strong { + display: block; + font-size: 2.2em; +} + +.m_cups { + position: relative; +} +.m_cups [data-next] { + right: 10px; +} +.m_cups [data-prev] { + left: 10px; +} +.m_cups [data-next], .m_cups [data-prev] { + position: absolute; + top: 177px; +} + +.m_cups_title { + margin-top: 30px; + text-align: center; + font-size: 20px; + margin-bottom: 31px; + text-transform: uppercase; +} +.m_cups_title span { + display: block; + margin: 0 auto; + margin-bottom: 18px; +} +.m_cups_title strong { + font-weight: normal; +} + +.m_cups_viewport { + overflow: hidden; + margin: 0 auto; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + -o-backface-visibility: hidden; + backface-visibility: hidden; + /* Fix of Webkit flickering */ + z-index: 1; +} + +.m_cups_wrapper { + font-size: 0; + white-space: nowrap; + float: left; +} +.m_cups_wrapper .m_cup { + font-size: x-small; + white-space: normal; + vertical-align: top; +} +.m_cups_wrapper .m_cup + .m_cup { + border-left: 1px solid #E6E6E6; +} + +.m_cups_actions { + text-align: center; + padding-top: 32px; + font-size: x-small; +} +.m_cups_actions a:first-child { + margin-left: 0; +} +.m_cups_actions a { + font-size: 1.1em; + color: #0255a5; + text-transform: uppercase; + text-decoration: none; + margin-left: 43px; +} + +.m_inner_nav > * { + vertical-align: middle; +} +.m_inner_nav li { + padding: 5px 10px; +} +.m_inner_nav strong { + margin-right: 20px; + font-size: 1.6em; + font-weight: normal; + text-transform: uppercase; + color: black; + vertical-align: middle; +} +.m_inner_nav a { + display: block; + font-size: 1.1em; + color: #0255a5; + text-decoration: none; + text-transform: uppercase; +} +.m_inner_nav li.active { + border: 1px solid #cccccc; + border-radius: 3px; +} +.m_inner_nav li.active a { + color: #000; +} + +.m_inner_nav_content p { + display: none; +} + +.m_section { + font-size: x-small; + text-align: center; + border: 1px solid #D9D9D9; + border-top: 2px solid #0255A5; + background-color: white; + -webkit-transition: box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1); + transition: box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1); +} +.m_section:hover { + box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.07); +} +.m_section img { + margin: 0 auto; + margin-bottom: 15px; + height: auto; +} +.m_section strong { + display: block; + margin: 16px 0 20px 0; + font-size: 1.4em; + color: #333333; + text-transform: uppercase; +} +.m_section p { + font-size: 1.3em; + color: #666666; + margin: 20px 0; + padding: 0 32px; +} +.m_section a { + display: block; + text-decoration: none; +} +.m_section div { + position: relative; +} +.m_section div:after { + content: ""; + position: absolute; + bottom: 30px; + left: 50%; + width: 31px; + height: 43px; + margin-left: -15px; +} + +.m_legends_section { + border-top: 2px solid #8C7E44; +} + +.m_media { + position: relative; + z-index: 1; + overflow: hidden; +} +.m_media img { + position: relative; + z-index: -1; + width: auto; + height: 230px; +} +.m_media span { + display: block; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00004194,endColorstr=#00004194); + background-color: rgba(0, 65, 148, 0); + z-index: 2; + -webkit-transition: background-color 250ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: background-color 250ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: background-color 250ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: background-color 250ms cubic-bezier(0.19, 1, 0.22, 1); + transition: background-color 250ms cubic-bezier(0.19, 1, 0.22, 1); +} +.m_media:hover span { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B0004194,endColorstr=#B0004194); + background-color: rgba(0, 65, 148, 0.69); +} +.m_media .m_video_item_icon, +.m_media .m_image_item_picture { + display: none; +} +.m_media:hover .m_video_item_icon, .m_media:hover .m_image_item_picture { + display: block; +} +.m_media .m_video_item_icon, +.m_media .m_video_item_icon:before, +.m_media .m_video_item_icon:after { + z-index: 3; +} + +.m_media_slide { + position: relative; +} + +.m_media_slide_viewport { + overflow: hidden; + margin-top: 24px; +} + +.m_media_slide_wrapper { + font-size: 0; + white-space: nowrap; + float: left; +} +.m_media_slide_wrapper .m_media { + font-size: x-small; +} + +.m_media_slide_nav { + max-width: 960px; + margin: 0 auto; +} +.m_media_slide_nav > * { + margin-left: 10px; + margin-right: 10px; +} + +.m_media_slide_next, +.m_media_slide_prev { + width: 52px; + height: 72px; + display: block; + position: absolute; + bottom: 50%; + margin-bottom: -63px; + background-color: black; + background-color: rgba(0, 0, 0, 0.6); + background-repeat: no-repeat; + background-position: center center; +} + +.m_media_slide_next { + right: 50%; + margin-right: -480px; +} + +.m_media_slide_prev { + left: 50%; + margin-left: -480px; +} + +.m_image_item_picture { + position: absolute; + z-index: 3; + top: 50%; + left: 50%; + margin-top: -30px; + margin-left: -31px; + width: 59px; + height: 59px; + background-repeat: no-repeat; + background-position: left top; +} + +.m_related { + max-width: 140px; + display: block; + color: #333333; + text-decoration: none; + font-size: x-small; +} +.m_related, .m_related:active { + background-color: #F6F6F6; +} + +.m_related_image { + border: 1px solid #cccccc; + border-bottom: none; + position: relative; +} + +.m_related_content { + border: 1px solid #D9D9D9; + text-transform: uppercase; + padding: 10px 10px 11px 10px; +} +.m_related_content strong, .m_related_content span { + display: block; +} +.m_related_content strong { + font-size: 1.2em; +} +.m_related_content span { + font-size: 1.1em; + font-weight: bold; + color: #0255a5; +} +.m_related_content strong + span { + margin-top: 5px; +} + +.m_related_simple .m_related_image { + border: none; +} + +.m_video_item { + position: relative; +} + +.m_video_item_icon { + font-size: 0; + margin-left: -31px; + margin-top: -30px; +} +.m_video_item_icon, .m_video_item_icon:before { + position: absolute; + left: 50%; + top: 50%; +} +.m_video_item_icon:after, .m_video_item_icon:before { + content: ""; + display: block; + z-index: 2; +} +.m_video_item_icon:after { + border-radius: 50%; + width: 48px; + height: 48px; + border: 7px solid #fff; +} +.m_video_item_icon:before { + width: 0px; + height: 0px; + border-style: solid; + border-width: 9px 0 9px 11px; + border-color: transparent transparent transparent #ffffff; + margin-left: -3px; + margin-top: -9px; +} + +.m_video_item .m_video_item_icon { + margin-left: -22px; + margin-top: -19px; +} +.m_video_item .m_video_item_icon:after { + width: 30px; + height: 30px; + border-width: 4px; +} + +.no-borderradius .m_video_item_icon:after { + border-color: transparent; + background: url("../images/backgrounds/m_video_item_icon.png") no-repeat center center; +} + +.no-borderradius .m_video_item .m_video_item_icon:after { + border-color: transparent; + background: url("../images/backgrounds/m_video_item_icon_tiny.png") no-repeat center center; +} + +.m_video_item_icon_small { + position: absolute; + width: 34px; + height: 35px; + background-position: left top; + background-repeat: no-repeat; + display: block; + left: 50%; + top: 50%; + margin-left: -17px; + margin-top: -17px; + z-index: 1; +} + +.m_video_image { + background-color: #fff; + max-width: 193px; +} + +.m_video_image_content { + font-size: 1.3em; + color: #000; + padding-right: 30px; + padding-top: 10px; + white-space: normal; +} + +.m_video_image_slider { + position: relative; + background-color: transparent !important; +} +.m_video_image_slider .m_slider_item { + vertical-align: top; +} +.m_video_image_slider .m_slider_list li { + text-align: left; + margin-right: 1px; +} +.m_video_image_slider .m_slider_viewport { + margin-left: 20px; + margin-right: 20px; +} +.m_video_image_slider .slider_btn_next, +.m_video_image_slider .slider_btn_prev { + position: absolute; + top: 50%; + width: 12px; + height: 22px; + background-repeat: no-repeat; + margin-top: -26px; +} +.m_video_image_slider .slider_btn_next { + right: 0; +} +.m_video_image_slider .slider_btn_prev { + left: 0; +} +.m_video_image_slider .m_video_item_icon { + margin-left: -24px; + margin-top: -21px; +} +.m_video_image_slider .m_video_item_icon:before { + border-width: 6px 0 6px 9px; + margin-left: -3px; + margin-top: -7px; +} +.m_video_image_slider .m_video_item_icon:after { + width: 30px; + height: 30px; + border: 4px solid #fff; +} + +.m_tabs { + background-color: #F0F0F0; + border: 1px solid #D9D9D9; + padding: 10px 0; +} +.m_tabs [data-tab] { + display: none; +} +.m_tabs .active_tab { + display: block; +} + +.m_tabs_header { + border-top: 2px solid #0255A5; + border-left: 1px solid #d9d9d9; + border-right: 1px solid #d9d9d9; + background-color: #fff; + font-size: x-small; + text-transform: uppercase; + padding: 17px 20px 13px; +} +.m_tabs_header span { + font-size: 1.4em; +} +.m_tabs_header h1 { + font-size: 1.6em; + font-weight: normal; +} + +.m_tabs_content { + background-color: white; +} + +.m_tabs_navigation { + padding: 0 10px; + font-size: 0; +} +.m_tabs_navigation a { + font-size: x-small; + text-transform: uppercase; + text-decoration: none; + padding: 8px 8px 14px; + border: 1px solid transparent; + border-bottom: none; + color: #A3A3A3; +} +.m_tabs_navigation .active { + background-color: white; + border-color: #D9D9D9; + color: black; +} +.m_tabs_navigation span { + font-size: 1.2em; + font-weight: bold; +} + +.m_tabs_small { + padding-bottom: 0; +} +.m_tabs_small .m_tabs_navigation span { + font-size: 1.1em; + font-weight: normal; +} + +.m_tab_footer { + font-size: x-small; + text-align: right; + text-transform: uppercase; + padding: 1px 16px 10px; + font-weight: bold; +} +.m_tab_footer a { + font-size: 1.1em; + color: #0255a5; + text-decoration: none; +} + +.m_tabs_simple { + border: none; + padding-bottom: 0; + background: none; +} +.m_tabs_simple .m_tabs_navigation { + padding-left: 0; + padding-right: 0; + margin-bottom: -1px; + position: relative; + z-index: 1; +} +.m_tabs_simple .m_tabs_navigation .active { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + background-color: #f6f6f6; +} + +.m_tabs_alt { + padding-top: 0; + background: none; + border: none; +} +.m_tabs_alt .m_tabs_navigation { + padding-left: 0; + padding-right: 0; +} +.m_tabs_alt .m_tabs_navigation a { + font-weight: bold; + color: #0052A5; +} +.m_tabs_alt .m_tabs_navigation .active { + background-color: #F0F0F0; + color: black; +} + +.m_tabs_widget { + border: 1px solid #d9d9d9; +} +.m_tabs_widget:after { + border-top: 1px solid #d9d9d9; + content: ""; + display: block; + height: 10px; + background-color: #fff; +} + +.m_tabs_widget .m_tabs_navigation .active { + background-color: #f6f6f6; +} + +.m_advantages_table table { + border-collapse: collapse; + text-align: left; + min-width: 100%; + font-size: x-small; +} +.m_advantages_table table th, .m_advantages_table table td { + padding: 0; +} +.m_advantages_table table .left { + border-left: 2px solid #0255A5; +} +.m_advantages_table table .right { + border-right: 2px solid #0255A5; +} + +.m_advantages_table_head { + font-size: 1.4em; +} +.m_advantages_table_head tr { + vertical-align: bottom; +} +.m_advantages_table_head th { + border-top: 2px solid #0255A5; + border-right: 1px solid #d5d5d5; + text-align: center; + height: 71px; +} +.m_advantages_table_head th:first-child { + border-top: none; + text-align: left; +} +.m_advantages_table_head th:first-child > div { + border: 1px solid #d5d5d5; + border-bottom: none; + border-right: none; + min-height: 0; +} +.m_advantages_table_head th > div { + padding: 17px 12px 21px; +} + +.m_advantages_table_body { + font-size: 1.5em; +} +.m_advantages_table_body th > div, .m_advantages_table_body td { + padding: 16px 12px 9px; + background-color: #F0F0F0; + font-weight: normal; + color: #666; + text-align: left; +} +.m_advantages_table_body th, .m_advantages_table_body td { + border-top: 1px solid #d5d5d5; +} +.m_advantages_table_body td { + border-right: 1px solid #d5d5d5; + text-align: center; +} +.m_advantages_table_body td > div { + font-size: 0; +} +.m_advantages_table_body .bottom td { + border-bottom: 2px solid #0255A5; +} +.m_advantages_table_body .bottom th div { + margin-bottom: 7px; +} + +.m_advantages_table_body_single td > div { + width: 298px; +} + +.m_advantage_check { + width: 28px; + height: 28px; + font-size: 0; + text-indent: 100%; + overflow: hidden; + background-repeat: no-repeat; + background-position: left top; + margin: 0 auto; +} + +.m_advantages_table_footer td { + border: none; + text-align: center; +} +.m_advantages_table_footer .btn { + min-width: 102px; +} + +.m_advantages_table_footer_header { + display: none; +} + +tr.m_advantages_prices, .m_advantages_prices { + font-size: x-small; +} +tr.m_advantages_prices td, .m_advantages_prices td { + font-size: 1.6em; + font-weight: bold; + padding: 13px 0; +} +tr.m_advantages_prices td:first-child, .m_advantages_prices td:first-child { + text-align: left; + font-size: x-small; +} +tr.m_advantages_prices a, .m_advantages_prices a { + color: #0255a5; + font-size: 1.1em; + text-decoration: none; + text-transform: uppercase; +} + +.m_social_mod { + position: relative; +} +.m_social_mod .m_mod_image_wrapper { + height: auto; +} +.m_social_mod .m_mod_image_wrapper img { + position: static; +} + +.m_social_mod_inner_nav { + margin-left: 6px; +} + +.m_social_mod .m_mod { + margin: 6px 0; +} + +.m_mod { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.m_mod > * { + font-size: x-small; + margin-left: 6px; + margin-right: 6px; + background-color: #EEEEEE; + border: 1px solid #D9D9D9; +} + +.m_mod_figcaption { + color: #999999; + font-size: 1.3em; + padding: 13px 11px; +} +.m_mod_figcaption p + .m_mod_source { + margin-top: 16px; +} + +.m_mod_x2 { + width: 2em; +} + +.m_mod_x1 { + width: 1em; +} + +.m_mod_small p + .m_mod_source { + margin-top: 8px; +} + +.m_social_mod_grid_sizer { + width: 16.667%; +} + +.m_social_mod_grid_paginator { + width: 33.334%; +} + +.m_mod_figure blockquote, .m_mod_figure blockquote a { + color: #999999; +} +.m_mod_figure blockquote { + font-size: 1.3em; +} + +.m_mod_image_wrapper { + height: 0; + width: 100%; + position: relative; + /*ini jmc*/ + /*fin jmc*/ +} +.m_mod_image_wrapper img { + height: auto; +} + +.noscript_image { + width: auto !important; + height: inherit !important; + position: static !important; +} + +.m_mod_source { + color: #333333; + display: block; + text-decoration: none; + text-transform: uppercase; + font-size: .84em; + position: relative; + margin-right: 20px; +} + +.m_mod_source_username, .m_mod_source_hashtag { + text-transform: none; + font-size: 1em; +} + +.m_mod_source_logo { + position: absolute; + max-width: 20px; + bottom: -6px; + right: -20px; +} + +.m_mod_twit > div, .m_highlighted_twits li > div, .m_highlighted_tweets li > div { + position: relative; + padding-bottom: 30px; +} +.m_mod_twit .m_mod_figure, .m_highlighted_twits li .m_mod_figure, .m_highlighted_tweets li .m_mod_figure { + margin-left: 72px; + margin-right: 29px; +} +.m_mod_twit .m_mod_figcaption, .m_highlighted_twits li .m_mod_figcaption, .m_highlighted_tweets li .m_mod_figcaption { + padding-left: 0; + padding-right: 0; + padding-top: 15px; +} +.m_mod_twit .m_mod_figcaption img, .m_highlighted_twits li .m_mod_figcaption img, .m_highlighted_tweets li .m_mod_figcaption img { + position: absolute; + left: 11px; + top: 15px; + max-width: 48px; +} +.m_mod_twit .m_mod_figcaption .m_mod_source_logo, .m_highlighted_twits li .m_mod_figcaption .m_mod_source_logo, .m_highlighted_tweets li .m_mod_figcaption .m_mod_source_logo { + max-width: 20px; +} +.m_mod_twit .m_mod_figcaption strong, .m_highlighted_twits li .m_mod_figcaption strong, .m_highlighted_tweets li .m_mod_figcaption strong, .m_mod_twit .m_mod_figcaption a, .m_highlighted_twits li .m_mod_figcaption a, .m_highlighted_tweets li .m_mod_figcaption a { + color: #666666; +} +.m_mod_twit .m_mod_figcaption a, .m_highlighted_twits li .m_mod_figcaption a, .m_highlighted_tweets li .m_mod_figcaption a { + display: block; + text-decoration: none; + padding-top: 2px; +} +.m_mod_twit .m_mod_figcaption .m_mod_source_logo, .m_highlighted_twits li .m_mod_figcaption .m_mod_source_logo, .m_highlighted_tweets li .m_mod_figcaption .m_mod_source_logo { + top: auto; + left: auto; + right: 12px; + bottom: 13px; +} +.m_mod_twit time, .m_highlighted_twits li time, .m_highlighted_tweets li time { + color: #666666; + font-size: 1.1em; + display: block; + text-transform: uppercase; +} + +.m_social_mod_container { + font-size: 160px; + margin-top: 19px; + -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: -moz-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: -ms-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: -o-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1); + transition: transform 1000ms cubic-bezier(0.19, 1, 0.22, 1); +} + +.m_social_mod.no_transition .m_mod { + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + -o-transition: none !important; + transition: none !important; +} + +.m_social_mod_nav_prev, +.m_social_mod_nav_next { + top: 50%; + margin-top: -21px; + position: absolute; + display: block; +} + +.m_social_mod_nav_prev { + left: 0; +} + +.m_social_mod_nav_next { + right: 0; +} + +.m_social_mod_wrapper { + width: 100%; + overflow: hidden; +} + +.m_highlights_banner { + overflow: hidden; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + background-color: black; +} + +.m_highlights_wrapper { + width: 100%; +} + +.m_highlights_banner_container { + min-width: 100%; + font-size: 0; + white-space: nowrap; + float: left; +} + +.m_highlights_banner_container > * { + width: 33.33%; + height: 400px; +} + +.m_highlights_banner_image { + width: 100%; + height: 100%; + position: relative; + overflow: hidden; +} + +.m_highlights_banner_image img { + position: absolute; + margin-left: -440px; + left: 50%; + width: auto; + height: auto; + max-width: none; +} + +.m_highlights_banner_item { + position: relative; +} +.m_highlights_banner_item:before { + position: absolute; + content: ""; + display: block; + left: -1px; + top: 0; + bottom: 0; + width: 0; + z-index: 1; + border-left: 1px solid black; +} + +.m_highlights_banner_item a { + display: block; + height: 100%; + position: relative; + font-size: x-small; +} + +.m_highlights_banner_overlay { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-color: rgba(2, 85, 165, 0.36); + display: block; + z-index: 1; + -webkit-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); +} + +.m_highlights_banner_info { + position: absolute; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + white-space: normal; + color: white; + background-color: rgba(0, 0, 0, 0.17); + padding: 18px 25px 50px; + -webkit-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1); +} + +.m_highlights_banner_iconos { + padding-left: 47px; + height: 0; + margin-top: 0; + display: none; +} + +.no_js .m_highlights_banner_item:hover .m_highlights_banner_info, +.m_highlights_banner_item_hover .m_highlights_banner_info { + background-color: rgba(0, 0, 0, 0.76); +} +.no_js .m_highlights_banner_item:hover .m_highlights_banner_rm_logo, +.m_highlights_banner_item_hover .m_highlights_banner_rm_logo { + height: 43px; + margin-top: 16px; + width: 100%; +} +.no_js .m_highlights_banner_item:hover .m_highlights_banner_iconos, +.m_highlights_banner_item_hover .m_highlights_banner_iconos { + display: block; +} +.no_js .m_highlights_banner_item:hover .m_highlights_banner_iconos_picture, +.m_highlights_banner_item_hover .m_highlights_banner_iconos_picture { + margin-top: 16px; + width: auto; +} +.no_js .m_highlights_banner_item:hover .m_highlights_banner_iconos_video, +.m_highlights_banner_item_hover .m_highlights_banner_iconos_video { + margin-top: 16px; + width: auto; +} +.no_js .m_highlights_banner_item:hover .m_highlights_banner_overlay, +.m_highlights_banner_item_hover .m_highlights_banner_overlay { + background-color: rgba(2, 85, 165, 0); +} + +.m_highlights_banner_item_hover.no_transition .m_highlights_banner_info, .m_highlights_banner_item_hover.no_transition .m_highlights_banner_rm_logo, .m_highlights_banner_item_hover.no_transition .m_highlights_banner_iconos_picture, .m_highlights_banner_item_hover.no_transition .m_highlights_banner_iconos_video, +.m_highlights_banner_item_hover.no_transition .m_highlights_banner_overlay { + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + -o-transition: none !important; + transition: none !important; +} +.m_highlights_banner_item_hover.no_transition .m_highlights_banner_rm_logo, .m_highlights_banner_item_hover.no_transition .m_highlights_banner_iconos_picture, .m_highlights_banner_item_hover.no_transition .m_highlights_banner_iconos_video { + height: 0; + margin-top: 0; +} + +.m_highlights_banner_rm_logo { + display: block; + /* width:31px; */ + height: 0; + background-repeat: no-repeat; + -webkit-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1), margin-top 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1), margin-top 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1), margin-top 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1), margin-top 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1), margin-top 500ms cubic-bezier(0.19, 1, 0.22, 1); + margin-top: 0; +} + +/*ini jmc*/ +.m_highlights_banner_iconos_picture { + display: block; + width: auto; + height: 0; + background-repeat: no-repeat; + -webkit-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1), margin-top 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1), margin-top 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1), margin-top 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1), margin-top 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1), margin-top 500ms cubic-bezier(0.19, 1, 0.22, 1); + margin-top: 0; +} + +.m_highlights_banner_iconos_video { + display: block; + width: auto; + height: 0; + background-repeat: no-repeat; + -webkit-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1), margin-top 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1), margin-top 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1), margin-top 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1), margin-top 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1), margin-top 500ms cubic-bezier(0.19, 1, 0.22, 1); + margin-top: 0; +} + +.m_highlights_banner_iconos_picture, +.m_highlights_banner_iconos_video { + margin: 0 14px 0 0; + border-left: 1px solid #ffffff; + background-repeat: no-repeat; + height: 27px; + background-position: 14px 0; + float: left; + text-decoration: none; +} +.m_highlights_banner_iconos_picture span, +.m_highlights_banner_iconos_video span { + font-size: 8px; + color: #ffffff; + margin: 9px 0 0 47px; + text-transform: uppercase; + display: block; +} + +/*fin jmc*/ +.m_highlights_banner_info strong { + font-size: 1.2em; + text-transform: uppercase; + padding-bottom: 5px; + display: block; +} + +.m_highlights_banner_info p { + font-size: 2.3em; + font-weight: bold; + line-height: 1.1em; +} + +.m_highlights_banner_item_share { + font-size: 1.2em; + position: absolute; + bottom: 16px; + left: 31px; + z-index: 2; + color: white; +} + +@media only screen and (min-width: 2640px) { + .m_highlights_banner_image img { + width: 100%; + left: 0; + margin-left: 0; + } +} +.m_ad { + display: block; + overflow: hidden; +} +.m_ad .image_wrapper { + position: relative; +} +.m_ad .image_wrapper img { + position: absolute; + width: 100%; + height: 100%; +} + +.m_articles_view_more { + display: block; + text-align: center; + font-weight: bold; + font-size: 1.1em; + text-align: center; + text-transform: uppercase; + color: #0255a5; + text-decoration: none; + margin-bottom: 20px; +} + +.m_articles { + margin-bottom: 25px; +} + +.m_articles_row { + font-size: 0; + margin-top: 20px; +} + +.m_articles_banner { + margin-bottom: 20px; +} + +.m_articles_row > * { + font-size: x-small; + vertical-align: top; + white-space: normal; +} + +.m_articles_banner { + display: block; +} + +.m_articles_col { + width: 50%; +} +.m_articles_col > * { + margin-left: 10px; + margin-bottom: 20px; +} + +.m_articles_col:first-child > * { + margin-left: 0; + margin-right: 10px; +} + +.m_articles_inner_nav, .m_articles_title { + margin-bottom: 20px; +} + +.m_articles_title strong { + margin-right: 20px; + font-size: 1.7em; + font-weight: normal; + text-transform: uppercase; + color: black; + vertical-align: middle; +} + +.m_header { + font-size: x-small; + color: black; +} +.m_header > * { + font-size: 3.5em; +} + +.m_main_header { + padding: 35px 0 26px; + position: relative; + min-height: 87px; +} +.m_main_header > * { + display: block; + font-size: 5.3em; + margin-left: 7px; + margin-right: 7px; + z-index: 1; + position: relative; +} +.m_main_header:after { + width: 248px; + height: 351px; + display: block; + content: ""; + background: url("../images/backgrounds/rm_logo_headers.png") no-repeat left top; + position: absolute; + top: 19px; + right: -22px; +} + +.m_main_header_multi > * { + padding-right: 458px; +} +.m_main_header_multi .m_main_header_breadcrumb { + padding-right: 0; +} + +.m_main_header_reduced { + padding-top: 26px; + padding-bottom: 23px; +} +.m_main_header_reduced > * { + font-size: 3.5em; + line-height: 1.1em; + height: 76px; + vertical-align: bottom; + display: table-cell; + padding-left: 7px; +} + +.m_main_header_breadcrumb { + margin-top: 9px; + margin-left: 9px; + line-height: normal; + height: auto; + display: block; + padding-left: 0; + padding-right: 0; +} + +.m_header_as_title > * { + font-size: 1.5em; +} + +.m_header_sub_title > * { + font-size: 1.4em; + color: #595959; + text-transform: uppercase; + font-weight: normal; +} + +.m_header_as_title > *, .m_header_inner > *, .m_images_slider_title > * { + font-size: 1.5em; + font-weight: normal; + text-transform: uppercase; +} + +.m_header_inner > *, .m_images_slider_title > * { + color: black; + font-size: 1.6em; +} + +.m_header_as_title > * { + color: #4B4B4B; +} + +.m_header_strong { + text-transform: uppercase; +} +.m_header_strong > * { + font-size: 1.4em; + font-weight: normal !important; +} + +.m_header_error { + min-height: 249px; + background-color: #000; +} + +.m_form_header { + border-bottom: 1px solid #D9D9D9; + padding-left: 12px; + padding-bottom: 18px; +} +.m_form_header > * { + font-size: 1.8em; + text-transform: uppercase; + font-weight: normal; + color: #666; +} +.m_form_header small { + font-size: .66em; + float: right; + text-transform: none; + margin-top: 2px; +} + +.m_header_sep { + border-bottom: 1px solid #d9d9d9; + padding-bottom: 15px; +} + +.m_header_search > * { + font-size: 1.8em; +} + +.m_header_button, .m_header_link, .m_header_links { + overflow: hidden; + margin-bottom: 16px; +} +.m_header_button strong, .m_header_link strong, .m_header_links strong, .m_header_button h2, .m_header_link h2, .m_header_links h2 { + padding-top: 10px; + float: left; + color: black; + font-size: 1.6em; + text-transform: uppercase; + font-weight: normal; +} +.m_header_button .btn, .m_header_link .btn, .m_header_links .btn { + float: right; +} + +.m_header_link .link { + float: right; + padding-top: 15px; + color: #0255a5; + text-decoration: none; + font-size: 1.1em; + text-transform: uppercase; + font-weight: bold; +} + +.m_header_top > * { + font-size: 1.8em; + color: #666666; + font-weight: normal; + text-transform: uppercase; +} + +.m_header_links .links { + clear: both; + padding-top: 15px; +} +.m_header_links .links a { + font-size: 1.3em; + color: #0255a5; + text-transform: uppercase; + text-decoration: none; + margin-right: 12px; + font-weight: bold; +} + +.m_partidos_fuera #socio_check, .m_partidos_fuera #madridista_check, .m_partidos_fuera #socio_check_1, .m_partidos_fuera #socio_check_2, .m_partidos_fuera #socio_check_3, .m_partidos_fuera #socio_check_4, .m_partidos_fuera #socio_check_0, +.m_partidos_fuera #madridista_check_1, .m_partidos_fuera #madridista_check_2, .m_partidos_fuera #madridista_check_3, .m_partidos_fuera #madridista_check_4, .m_partidos_fuera #madridista_check_0, +.m_partidos_fuera #publico_check_1, .m_partidos_fuera #publico_check_2, .m_partidos_fuera #publico_check_3, .m_partidos_fuera #publico_check_4, .m_partidos_fuera #publico_check_0 { + margin-top: 37px; +} +.m_partidos_fuera #publico_check_1, .m_partidos_fuera #publico_check_2, .m_partidos_fuera #publico_check_3, .m_partidos_fuera #publico_check_4, .m_partidos_fuera #publico_check_0 { + margin-top: 24px; +} +.m_partidos_fuera legend.form_legend { + padding-bottom: 0 !important; +} +.m_partidos_fuera .tipoTitular { + margin-bottom: 30px; +} +.m_partidos_fuera .tipoTitular .row_form .noexpand { + float: left; +} +.m_partidos_fuera .tipoTitular .row_form .noexpand.col_form_4 { + width: 18% !important; + /* float:left; */ +} +.m_partidos_fuera .tipoTitular .row_form .noexpand.col_form_4 .radio, .m_partidos_fuera .tipoTitular .row_form .noexpand.col_form_4 label { + float: left; +} +.m_partidos_fuera .tipoTitular .row_form .noexpand.col_form_4 .form_checkbox_field span { + margin-left: 25px; +} +.m_partidos_fuera .tickets_add_members .tipoAcompa { + margin: 15px 0 30px 0; +} +.m_partidos_fuera .tickets_add_members .row_form .noexpand { + float: left; +} +.m_partidos_fuera .tickets_add_members .row_form .noexpand .radio { + float: right; +} + +.m_sponsor, .m_tour_features { + display: block; + font-size: x-small; + text-decoration: none; +} +.m_sponsor img, .m_tour_features img { + margin: 0 auto; +} +.m_sponsor p, .m_tour_features p { + font-size: 1.1em; + text-transform: uppercase; + color: #999999; + margin-top: 11px; +} + +.m_tour_features img { + width: 100%; + height: inherit; +} +.m_tour_features p { + font-size: 1.6em; +} + +.m_login { + font-size: 0; + position: relative; + max-width: 772px; +} +.m_login > * { + font-size: x-small; + width: 50%; + vertical-align: middle; +} + +.m_login_separator { + position: absolute; + height: 141px; + left: 50%; + top: 50%; + margin-top: -70px; + margin-left: -6px; + width: 12px; + text-transform: uppercase; + font-size: x-small; +} +.m_login_separator:before { + content: ""; + display: block; + position: absolute; + top: 0; + bottom: 0; + background: #D9D9D9; + width: 1px; + left: 50%; + margin-left: -1px; +} +.m_login_separator span { + font-size: 1.3em; + font-weight: bold; + height: 49px; + background-color: white; + display: block; + position: absolute; + top: 50%; + margin-top: -24.5px; + line-height: 49px; +} + +.m_login_fields > * { + margin-right: 46px; +} +.m_login_fields .form_text_field + .form_text_field { + margin-top: 16px; +} + +.m_login_actions { + text-align: right; + padding-top: 29px; +} + +.m_login_facebook:before { + content: ""; + display: block; + position: absolute; + top: 0; + bottom: 0; + background: #D9D9D9; + width: 1px; + left: 50%; + margin-left: -1px; +} +.m_login_facebook:after { + content: attr(data-separator); + display: block; + position: absolute; + height: 49px; + left: 50%; + top: 50%; + margin-top: -25px; + margin-left: -6px; + width: 12px; + text-transform: uppercase; + background-color: white; + font-size: 13px; + line-height: 49px; + font-weight: bold; +} +.m_login_facebook > * { + margin-left: 36px; +} + +.m_login_forgot_password { + font-size: 1.3em; + color: #0255a5; + text-decoration: none; + margin-top: 22px; + display: block; +} + +.m_login_private .btn { + background-color: #A29061; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; +} + +.m_facebook_connect { + background-color: #3B5998; + color: white; + text-transform: uppercase; + font-size: 1.2em; + text-decoration: none; + padding: 13px 0 11px 0; +} +.m_facebook_connect span { + padding: 0 28px 0 23px; +} +.m_facebook_connect:before { + width: 41px; + height: 23px; + border-right: 1px solid white; + content: ""; + background-repeat: no-repeat; + background-position: center center; + vertical-align: middle; + margin: -13px 0 -11px 0; +} + +.m_breadcrumb { + font-size: x-small; +} + +.m_breadcrumb_items { + font-size: 1.2em; +} +.m_breadcrumb_items a, .m_breadcrumb_items { + color: #999999; +} +.m_breadcrumb_items a { + text-decoration: none; + padding-right: 1px; +} +.m_breadcrumb_items span { + color: black; +} + +.m_breadcrumb_inverted a, .m_breadcrumb_inverted { + color: white; +} +.m_breadcrumb_inverted span { + color: #999999; +} + +.m_anchors { + font-size: x-small; + text-transform: uppercase; + list-style: none; +} +.m_anchors li:first-child { + margin-top: 0; +} +.m_anchors li { + font-size: 1.3em; + margin-top: 11px; + padding-left: 16px; +} +.m_anchors li:before { + background-color: #0255a5; + border-radius: 50%; + width: 4px; + height: 4px; + display: block; + content: ""; + float: left; + margin-left: -16px; + position: relative; + top: 6px; +} +.m_anchors a { + color: #0255a5; + font-weight: bold; + text-decoration: none; +} + +.m_text_content { + font-size: x-small; + color: #666666; + margin-bottom: 40px; +} +.m_text_content h2 { + font-size: 1.6em; + font-weight: normal; + margin-bottom: 16px; + text-transform: uppercase; + color: black; +} +.m_text_content > * + h2 { + margin-top: 30px; +} +.m_text_content a { + color: #0255a5; + text-decoration: none; +} +.m_text_content p { + font-size: 1.4em; + line-height: 1.6em; + margin-bottom: 18px; +} +.m_text_content > .m_contact_info { + margin-bottom: 18px; +} +.m_text_content > .m_contact_info + p { + margin-top: -14px; +} +.m_text_content ul li + li { + margin-top: 18px; +} +.m_text_content ol, +.m_text_content ul { + font-size: 1.3em; + color: #666666; + padding: 18px 10px; +} +.m_text_content ol { + font-size: 1.4em; +} +.m_text_content ol > li { + font-weight: bold; + margin-left: 19px; +} +.col.important .m_text_content ol > li, .important.m_poll_current .m_text_content ol > li, .important.m_poll_related .m_text_content ol > li { + font-weight: normal; +} +.m_text_content ol .m_text_ol_content { + font-size: x-small; + font-weight: normal; +} +.m_text_content li { + margin-left: 17px; + padding-right: 10px; + line-height: 1.6em; +} +.m_text_content li + li { + margin-top: 20px; +} +.m_text_content h3 { + color: #333333; + font-size: 1.5em; + text-transform: uppercase; + font-weight: normal; + margin-bottom: 19px; +} +.m_text_content ul, +.m_text_content ol { + font-size: 1.4em; +} +.m_text_content ul ul, +.m_text_content ul ol, +.m_text_content ol ul, +.m_text_content ol ol { + font-size: 1em; + list-style: none; + margin-top: 12px; +} +.m_text_content ul ul li, +.m_text_content ul ol li, +.m_text_content ol ul li, +.m_text_content ol ol li { + position: relative; + padding-left: 20px; + margin-left: 5px; +} +.m_text_content ul ul li:before, +.m_text_content ul ol li:before, +.m_text_content ol ul li:before, +.m_text_content ol ol li:before { + content: ""; + display: block; + position: absolute; + top: 8px; + left: 0; + width: 7px; + height: 1px; + background-color: black; +} +.m_text_content .m_hidden_content { + overflow: hidden; + -webkit-transition: height 250ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: height 250ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: height 250ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: height 250ms cubic-bezier(0.19, 1, 0.22, 1); + transition: height 250ms cubic-bezier(0.19, 1, 0.22, 1); +} +.m_text_content .legal { + font-size: 1.1em; +} +.m_text_content .m_questionnaire_list { + font-size: 1.6em; + color: #000; + font-weight: bold; +} +.m_text_content .m_questionnaire_list strong, .m_text_content .m_questionnaire_list p { + font-weight: normal; + font-size: 0.875em; +} +.m_text_content .m_questionnaire_list strong { + display: block; + line-height: 1.5em; + margin-bottom: 6px; +} +.m_text_content .m_questionnaire_list p { + color: #666666; +} +.m_text_content .m_questionnaire_list li { + margin-bottom: 20px; +} +.m_text_content .highlight { + color: #7F7F7F; +} +.m_text_content .highlight strong { + display: block; + font-size: 1.28em; + font-weight: normal; +} + +.m_text_highlight_content p { + font-size: 1.2em; + font-style: italic; +} + +.m_text_separated, .m_text_separated .m_text_content { + margin-bottom: 0; +} +.m_text_separated + hr { + margin-top: 35px; + margin-bottom: 36px; +} + +.m_contact_info strong, .m_text h3 { + font-size: 1.3em; + color: #767676; + text-transform: uppercase; + margin-bottom: 8px; +} + +.m_contact_info { + font-size: x-small; +} +.m_contact_info em, .m_contact_info strong { + display: block; +} +.m_contact_info em { + font-size: 1.5em; + color: #767676; + font-style: normal; +} +.m_contact_info span { + display: block; + font-size: 1.3em; + margin-bottom: 5px; +} + +.m_text table { + border-right: none; + margin-bottom: 20px; +} +.m_text table th { + width: 34%; +} +.m_text table td { + width: 34%; +} +.m_text table thead th { + padding-top: 19px; + padding-bottom: 19px; +} +.m_text table tbody th { + vertical-align: middle; +} +.m_text table td { + border-right: 1px solid #D9D9D9; +} + +.m_partner .nav_row { + margin: 0; +} +.m_partner h2.m_text_content_normativa { + margin: 0px 0px 16px; +} +.m_partner h2 { + color: #666666; + margin: 0px 0px 16px 10px; + text-transform: uppercase; + font-weight: normal; + font-size: 1.8em; +} +.m_partner .m_text_content { + padding-bottom: 10px; +} +.m_partner .m_text_content span.m_text_content_normativa { + color: #666666; + font-family: Arial, Helvetica, sans-serif; + font-size: 13px; + line-height: 10px; +} +.m_partner .m_text_content span.m_text_content_normativa a { + color: #666666; + text-decoration: underline; + font-weight: bold; +} +.m_partner .m_text_content .m_text_content_tipo { + min-height: 318px; +} +.m_partner .m_text_content .m_text_content_tipo img { + display: block; + width: 100%; +} +.m_partner .m_text_content .m_text_content_normas { + min-height: 260px; + margin-top: -17px; +} +.m_partner .m_text_content .m_text_content_normas strong.m_text_content_normas_titulo_2_lines p { + padding-top: 0; +} +.m_partner .m_text_content .m_text_content_normas strong { + min-height: 50px; + display: block; +} +.m_partner .m_text_content .m_text_content_normas strong p { + padding-top: 1.3em; + font-size: 1em; + margin: 0; +} +.m_partner .m_text_content .m_text_content_normas img { + display: block; + width: 90%; + margin-bottom: 25px; +} +.m_partner .m_text_content .m_text_content_tipo strong { + padding-left: 10px; +} +.m_partner .m_text_content .m_text_content_tipo, .m_partner .m_text_content .m_text_content_normas { + float: left; + width: 49.33%; +} +.m_partner .m_text_content .m_text_content_tipo strong, .m_partner .m_text_content .m_text_content_normas strong { + text-transform: uppercase; + font-size: 1.4em; + color: #333333; +} +.m_partner .m_text_content .m_text_content_tipo strong span, .m_partner .m_text_content .m_text_content_normas strong span { + text-transform: lowercase; +} +.m_partner .m_text_content .m_text_content_tipo p, .m_partner .m_text_content .m_text_content_normas p { + padding-top: 10px; + padding-left: 10px; + margin-bottom: 0; + line-height: 1.3em; +} +.m_partner .m_text_content .m_text_content_tipo p.m_text_content_tipo_subtitulo, .m_partner .m_text_content .m_text_content_normas p.m_text_content_tipo_subtitulo { + text-transform: uppercase; + font-size: 0.95em; + font-weight: bold; + margin-bottom: 12px; +} +.m_partner .m_text_content .m_download_file span { + font-size: 1.25em; +} +.m_partner .aside, .m_partner .important { + margin-top: 30px; +} +.m_partner .m_highlight_private { + float: left; + top: 0px; + margin-top: 0 !important; +} +.m_partner .m_highlight_private .m_widget_title { + padding-right: 65px; +} + +/*ini agm*/ +/* .partner_layout .card_row .aside nav {float:right;position:relative; top:200px;} +.partner_layout .card_row .aside .m_action_link {position:relative; top:-46px;} +.partner_layout .m_partner .m_highlight_private .m_widget_title {padding-right: 65px;} +.partner_layout .m_partner .m_highlight_private {float:left; position:absolute; top:0px; } +*/ +/*fin agm*/ +.m_download_list, ul.m_download_list { + font-size: x-small; + list-style: none; +} +.m_download_list li, ul.m_download_list li { + border-bottom: 1px solid #EBEBEB; + display: table; + width: 100%; +} +.m_download_list li + li, ul.m_download_list li + li { + margin-top: 5px; +} +.m_download_list a, ul.m_download_list a { + text-decoration: none; + font-size: 1.4em; + color: #666666; + display: table-row; + width: 100%; +} +.m_download_list a > *, ul.m_download_list a > * { + display: table-cell; + vertical-align: bottom; +} +.m_download_list strong, ul.m_download_list strong { + width: 70%; + padding-bottom: 5px; +} +.m_download_list span, ul.m_download_list span { + width: 30%; + text-align: right; + color: #0154A5; + text-transform: uppercase; + font-size: 0.9em; + padding-bottom: 5px; +} +.m_download_list span:after, ul.m_download_list span:after { + font-size: 0.9em; + content: attr(data-extension); + background-color: #990000; + color: white; + vertical-align: middle; + border-radius: 2px; + padding: 2px 4px; + margin-left: 13px; +} + +.m_member { + border: 1px solid #D9D9D9; + border-top: 2px solid black; + color: #333333; + font-size: x-small; +} +.m_member .m_member_no, .m_member .m_member_title { + display: block; +} +.m_member .m_member_title { + text-transform: uppercase; + font-size: 1.4em; + margin-bottom: 5px; +} +.m_member .m_member_info { + padding: 20px 15px; +} +.m_member em { + color: #999999; + font-size: 1.2em; + font-style: normal; + text-transform: uppercase; +} +.m_member .m_member_no { + font-size: 1.2em; + color: #666666; + margin-top: 7px; + display: block; +} +.m_member img { + width: 100%; + height: auto; +} +.m_member .m_member_picture { + margin-left: -1px; + margin-right: -1px; +} +.m_member .btn_download { + margin-top: 17px; + margin-bottom: 20px; + display: block; +} + +.m_member_legend { + border-top: 2px solid #AF994F; +} + +.m_member_expanded { + background-color: #F6F6F6; + border: 1px solid #D9D9D9; +} +.m_member_expanded:before, .m_member_expanded:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.m_member_expanded:after { + clear: both; +} +.m_member_expanded { + zoom: 1; +} +.m_member_expanded > * { + vertical-align: top; +} +.m_member_expanded .m_member_info { + padding: 17px 24px; + margin-left: 220px; + border: none; +} +.m_member_expanded .m_member_picture { + width: 220px; + float: left; + margin-left: 0; + margin-right: 0; +} +.m_member_expanded .m_member_title { + font-size: 1.8em; + margin-bottom: 0; +} +.m_member_expanded .m_member_no { + font-size: 1.3em; + margin-top: 0px; + line-height: 26px; +} +.m_member_expanded .m_member_career { + margin-top: 10px; +} + +.m_member_nav { + padding-top: 23px; +} +.m_member_nav nav { + display: table; + width: 100%; +} +.m_member_nav nav > * { + display: table-cell; + width: 33%; + text-decoration: none; + text-transform: uppercase; + color: #0255a5; +} + +.m_member_career { + font-size: x-small; + margin-top: 16px; +} +.m_member_career strong { + font-size: 1.3em; +} +.m_member_career ul { + list-style: none; + margin-top: 14px; +} +.m_member_career li:first-child { + margin-top: 0; +} +.m_member_career li { + font-size: 1.4em; + color: #666666; + margin-top: 8px; +} +.m_member_career em { + font-size: 1.4em; + font-style: normal; + display: block; +} + +.m_member_publish .m_member_career ul + em { + margin-top: 22px; +} +.m_member_publish .m_member_career em + ul { + margin-top: 3px; +} +.m_member_publish .m_member_career em + em { + margin-top: 20px; +} + +.m_player { + background-color: white; + display: block; + border: 1px solid #D0D0D0; + border-top: 2px solid black; + -webkit-transition: box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1); + transition: box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1); + position: relative; + overflow: hidden; +} +.m_player:hover { + box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.07); +} +.m_player img { + width: 100%; +} + +.m_player_legend { + border-top: 2px solid #AF994F; +} + +.m_player_advertisement { + border: none; +} +.m_player_advertisement:before { + height: 100%; + content: ""; + width: 0; + background-color: green; + margin-left: -3px; +} +.m_player_advertisement img { + height: auto !important; +} +.m_player_advertisement .m_player_advertisement_image, .m_player_advertisement:before { + display: inline-block; + vertical-align: middle; +} + +.m_player_advertisement_image { + width: 100%; +} + +.m_player_selectable_input { + position: absolute; + left: -100%; + top: 0; +} + +.m_player_info_wrapper { + display: table; +} + +.m_player_info { + display: table-row; + border: 1px solid red; + vertical-align: top; +} + +.m_player_info_number, .m_slider_list .m_player_info_number { + padding: 10px 0; + display: table-cell; + width: 45px; + border-right: 1px solid #EBEBEB; + font-size: 2.9em; + text-align: center; +} + +.m_player_info_content { + display: table-cell; + vertical-align: middle; + text-align: left; +} + +.m_player_info_content, .m_slider_list .m_player_info_content { + padding: 18px 10px; +} +.m_player_info_content a, .m_slider_list .m_player_info_content a { + text-decoration: none; +} +.m_player_info_content strong, .m_slider_list .m_player_info_content strong { + display: table-cell; + font-size: 1.4em; + text-transform: uppercase; + color: #333333; + margin-bottom: 4px; +} +.m_player_info_content span, .m_slider_list .m_player_info_content span { + font-size: 1.2em; + color: #666666; +} + +.m_player_simple { + position: relative; + max-width: 120px; + border: none; +} +.m_player_simple .m_player_info_wrapper { + background-color: white; + background-color: rgba(255, 255, 255, 0.85); + position: absolute; + bottom: 0; + left: 0; + right: 0; + display: block; +} +.m_player_simple .m_player_info { + display: block; + border: none; +} +.m_player_simple .m_player_info_content { + display: block; + padding: 7px 8px 8px; +} +.m_player_simple .m_player_info_content strong { + font-size: 1.3em; + line-height: 1.1em; +} + +.m_player_overlay { + position: absolute; + background: url("../images/backgrounds/m_player_checked_bg.png"); + top: 0; + bottom: 0; + left: 0; + right: 0; + display: none; +} +.m_player_overlay:after, .m_player_overlay:before { + display: block; + content: ""; + z-index: 1; +} +.m_player_overlay:before { + width: 45px; + height: 45px; + position: absolute; + top: 50%; + left: 50%; + margin-left: -22px; + margin-top: -22px; + background-repeat: no-repeat; + z-index: 1; +} +.m_player_overlay:after { + position: absolute; + width: 17px; + height: 17px; + top: 7px; + right: 7px; +} + +.m_poll_checked .m_player .m_player_overlay { + display: block; +} + +.m_player_reduced .m_player_info_number { + width: 40px; +} + +.m_players_list_bordered { + border-right: 1px solid #D9D9D9; +} + +.m_slider { + background-color: #F6F6F6; + margin-left: 10px; + margin-right: 10px; +} + +.m_slider_light { + background: white; +} + +.m_slider_list, .m_slider_item { + height: auto !important; +} + +.m_slider_centrada .m_slider_list { + float: none; + margin-left: auto; + margin-right: auto; +} + +.m_slider_item { + position: relative; +} + +.m_slider_item_info { + left: 0; + width: 100%; + display: table; + text-decoration: none; +} +.m_slider_item_info > * { + display: table-cell; + vertical-align: middle; + text-align: left; +} +.m_slider_item_info .m_slider_item_info_text { + width: 70%; + padding-left: 15px; + white-space: normal; +} +.m_slider_item_info .btn_video { + display: block; + margin-top: 9px; +} + +.m_slider_item_info_gallery .m_slider_item_info_text { + background: transparent url("../images/backgrounds/slider_info_gallery.png") 13px top no-repeat; + padding-left: 49px; + min-height: 17px; +} + +.m_slider_share { + position: relative; +} +.m_slider_share .m_share { + position: absolute; + bottom: -7px; + left: 0; +} + +.m_slider_item_info_link { + font-style: 1.1em; + text-transform: uppercase; + color: white; + font-weight: bold; + text-decoration: none; + margin-right: 20px; +} + +.m_slider_item_info_action { + font-size: x-small; + text-align: right; + padding-right: 23px; +} +.m_slider_item_info_action a { + font-style: 1.1em; +} + +.m_slider_item_info_simple { + display: block; +} +.m_slider_item_info_simple > * { + display: block; +} +.m_slider_item_info_simple .m_slider_item_info_text strong { + font-size: 2em; +} + +.m_slider_item_footer { + position: absolute; + left: 0; + right: 0; + bottom: 0; + text-align: left; + padding: 20px 20px 20px 40px; + font-size: 14px; + color: #fff; + text-decoration: none; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000); + background-color: rgba(0, 0, 0, 0.7); + background-position: 10px center; + background-size: 21px 17px; + background-repeat: no-repeat; +} + +.btn_video { + color: white; + height: 27px; + background-position: left center; + background-repeat: no-repeat; + padding-left: 37px; + font-size: 1.1em; + text-decoration: none; + text-transform: uppercase; +} +.btn_video:before { + content: ''; + height: 100%; + vertical-align: middle; + margin-right: -0.25em; + /* Adjusts for spacing */ +} + +.m_slider_item_info_text { + color: white; + font-size: x-small; +} +.m_slider_item_info_text strong { + font-family: Arial, sans-serif; + font-style: 26px; +} + +.m_slider_list li { + text-align: center; +} +.m_slider_list img { + margin: 0 auto; + height: auto; +} +.m_slider_list strong { + font-size: 2.3em; + margin-top: 16px; +} + +.m_slider_pagination { + text-align: center; + background-color: white; + padding-top: 18px; + padding-bottom: 6px; +} +.m_slider_pagination .swiper-pagination-switch { + display: inline-block; + width: 3px; + height: 3px; + border: 4px solid #CCCCCC; + border-radius: 50%; + cursor: pointer; +} +.m_slider_pagination .swiper-pagination-switch + .swiper-pagination-switch { + margin-left: 9px; +} +.m_slider_pagination .swiper-visible-switch { + border-color: black; + cursor: auto; +} + +.pf_slider_widget { + overflow: hidden; +} + +.pf_slider_widget_slider { + background-color: #F6F6F6; + padding-bottom: 1px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.m_slider_widget { + max-width: 180px; + margin: 0 auto; +} +.m_slider_widget .m_slider_pagination { + background-color: transparent; + padding-top: 7px; +} +.m_slider_widget [data-viewport] { + overflow: visible; +} +.m_slider_widget .m_slider_item { + opacity: 0.5; + -webkit-transition: opacity cubic-bezier(0.19, 1, 0.22, 1) 1000ms; + -moz-transition: opacity cubic-bezier(0.19, 1, 0.22, 1) 1000ms; + -ms-transition: opacity cubic-bezier(0.19, 1, 0.22, 1) 1000ms; + -o-transition: opacity cubic-bezier(0.19, 1, 0.22, 1) 1000ms; + transition: opacity cubic-bezier(0.19, 1, 0.22, 1) 1000ms; + position: relative; +} +.m_slider_widget .m_slider_item > * { + margin: 0 auto; + max-width: none; + width: auto; + margin-left: 7px; + margin-right: 7px; + display: block; +} +.m_slider_widget .m_video_gallery_info, .m_slider_widget .m_widget_gallery_info { + left: 7px; + right: 7px; + width: auto !important; +} +.m_slider_widget .swiper-slide-active { + opacity: 1; +} + +.pf_slider_widget_horizontal .m_slider_widget { + max-width: 243px; +} +.pf_slider_widget_horizontal .m_slider_widget .m_slider_item > * { + width: 229px; +} +.pf_slider_widget_horizontal .m_slider { + padding-top: 58px; +} +.pf_slider_widget_horizontal .m_slider_pagination { + padding-top: 9px; +} + +.m_comments_slider { + border: 1px solid #d9d9d9; +} +.m_comments_slider .m_news { + border: none; + text-align: left; +} +.m_comments_slider .m_news p { + margin-bottom: 0; +} + +.m_comments_slider .m_slider_pagination { + background: transparent; + text-align: left; + padding-left: 91px; + padding-bottom: 15px; +} + +.no-borderradius .swiper-pagination-switch { + width: 10px; + height: 10px; + border: none; + background: url("../images/backgrounds/noborderradius_mslider_pagination.png") no-repeat -19px 0; +} +.no-borderradius .swiper-visible-switch { + background-position: top left; +} + +.m_players_slider { + background: none; + margin-left: 0; + margin-right: 0; +} +.m_players_slider .m_slider_item > * { + margin-left: 10px; + margin-right: 10px; +} + +.m_player_history_slider, .m_players_slider { + position: relative; +} +.m_player_history_slider > a, .m_players_slider > a { + position: absolute; + top: 207px; +} +.m_player_history_slider .slider_btn_next, .m_players_slider .slider_btn_next { + right: -54px; +} +.m_player_history_slider .slider_btn_prev, .m_players_slider .slider_btn_prev { + left: -54px; +} +.m_player_history_slider [data-slides] > *, .m_players_slider [data-slides] > * { + vertical-align: top; +} + +.m_players_slider_title { + font-size: 2em; + display: block; + text-align: center; + font-weight: normal; + text-transform: uppercase; + margin-bottom: 49px; +} + +.m_players_slider_see_all, a.m_players_slider_see_all { + display: block; + position: static; + text-align: center; + color: #0255a5; + font-weight: bold; + padding-top: 41px; + text-transform: uppercase; + font-size: 1.2em; + text-decoration: none; +} + +.m_links_list { + list-style: none; + font-size: x-small; +} +.m_links_list li { + font-size: 1.3em; + text-transform: uppercase; +} +.m_links_list li + li { + margin-top: 8px; +} +.m_links_list a { + color: #0052A5; + text-decoration: none; + font-weight: bold; +} + +.m_rm_strip { + font-size: x-small; + display: block; + position: relative; + padding-top: 43px; + padding-bottom: 11px; + margin-bottom: 5px; + color: #0052A5; + text-decoration: none; +} +.m_rm_strip .separator { + display: none; +} +.m_rm_strip > span { + background-color: #F6F6F6; + border: 1px solid #D9D9D9; + display: block; + font-size: 1.2em; + font-weight: bold; + text-transform: uppercase; + padding: 17px 128px 17px 67px; +} +.m_rm_strip > span:before, .m_rm_strip > span:after { + content: ""; + display: block; + position: absolute; + background-repeat: no-repeat; + top: 44px; + bottom: 12px; + width: 54px; +} +.m_rm_strip > span:before { + background-position: center center; + border-right: 1px solid #D9D9D9; + left: 0; +} +.m_rm_strip > span:after { + right: 0; + background-position: 28px center; +} + +.m_rm_strip_multiple { + padding-top: 24px; +} +.m_rm_strip_multiple > span { + padding-left: 14px; + padding-right: 216px; +} +.m_rm_strip_multiple > span:before { + display: none; +} +.m_rm_strip_multiple .m_rm_strip_teams { + top: 24px; + bottom: 11px; +} +.m_rm_strip_multiple .m_rm_strip_teams span { + height: 100%; + overflow: visible; +} +.m_rm_strip_multiple .m_rm_strip_teams img { + margin-top: -24px; +} +.m_rm_strip_multiple .m_rm_strip_teams span + span { + border-left: 1px solid #D9D9D9; +} + +.m_rm_strip_teams { + position: absolute; + top: 0; + bottom: 0; + right: 54px; +} + +.m_spaces_list { + list-style: none; + display: table; +} +.m_spaces_list ul { + display: table-row; +} +.m_spaces_list li { + max-width: 143px; + display: table-cell; + text-align: center; + padding-left: 8px; + padding-right: 8px; +} +.m_spaces_list li + * { + border-left: 1px solid #D9D9D9; +} +.m_spaces_list img { + margin: 0 auto; +} +.m_spaces_list small { + font-size: 1.2em; + color: #666666; + text-transform: uppercase; + display: block; + padding-top: 14px; +} + +.m_simple_table { + font-size: x-small; + text-align: left; + border-collapse: collapse; + text-transform: uppercase; +} +.m_simple_table th, .m_simple_table td { + padding-right: 10px; + padding-bottom: 4px; + padding-top: 5px; + vertical-align: top; +} +.m_simple_table th { + font-size: 1.3em; + padding-bottom: 8px; +} +.m_simple_table td { + font-size: 1.2em; +} +.m_simple_table td, .m_simple_table td a { + text-decoration: none; + color: #666666; +} +.m_simple_table td:first-child { + font-size: 1.3em; + font-weight: bold; +} +.m_simple_table td:first-child, .m_simple_table td:first-child a { + color: #0052A5; + padding-left: 4px; + text-decoration: none; +} +.m_simple_table td:first-child a { + margin-left: -9px; +} +.m_simple_table tbody tr + tr td { + border-top: 1px solid #EBEBEB; +} +.m_simple_table tr:hover td { + background-color: #f2f2f2; +} + +td.m_simple_table_word_date { + width: 180px; + white-space: nowrap; + text-align: right; + font-size: 1.2em; +} + +.m_images_slider_viewport { + margin-left: 26px; + margin-right: 26px; +} + +.m_images_slider { + position: relative; + margin-bottom: 43px; +} +.m_images_slider [data-next], .m_images_slider [data-prev] { + position: absolute; + top: 26px; +} +.m_images_slider [data-next] { + right: 0; +} +.m_images_slider [dat-prev] { + left: 0; +} + +.m_images_slider_title { + margin-bottom: 18px; + overflow: hidden; +} +.m_images_slider_title > * { + margin-left: 0 !important; + margin-right: 0 !important; +} +.m_images_slider_title small { + display: block; + text-align: right; + font-size: 1.2em; + margin-top: 2px; +} +.m_images_slider_title span { + font-size: .8em; + text-transform: none; + margin-left: 5px; +} + +.m_images_slider_sponsored_title { + padding-right: 318px; +} +.m_images_slider_sponsored_title small { + float: right; + width: 318px; + margin-right: -318px !important; + text-transform: none; +} + +.m_images_slider_alt .m_images_slider_viewport { + margin: 0; + border: 1px solid #D9D9D9; +} +.m_images_slider_alt [data-next], .m_images_slider_alt [data-prev] { + background-color: white; + background-color: rgba(255, 255, 255, 0.94); + width: 40px; + background-position: center center; + top: 1px; + bottom: 1px; + height: auto; +} +.m_images_slider_alt [data-next] { + right: 1px; +} +.m_images_slider_alt [data-prev] { + left: 1px; +} + +.em_telephone { + font-size: 1.8em; + margin-bottom: 8px; + display: block; +} + +.em_email { + font-size: 1.8em; + color: #666666; +} + +.m_image_map_image { + float: left; + position: relative; +} +.m_image_map_image ul { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + list-style: none; +} + +.m_image_bullet, .m_image_bullet_gate { + position: absolute; + font-size: x-small; +} + +.m_image_gate_item, .m_image_bullet_item { + border: 3px solid #0255a5; + border-radius: 50%; + display: block; + position: relative; +} + +.m_image_bullet_item span, .infoBox { + display: block; + white-space: nowrap; + font-size: 1.4em; + color: #0255a5; + background-color: white; + border: 1px solid #cccccc; + text-transform: uppercase; + font-weight: bold; + padding: 8px 12px; +} +.m_image_bullet_item span:before, .infoBox:before { + content: ""; + background: url("../images/backgrounds/m_images_bullet_arrow.png"); + width: 18px; + height: 10px; + position: absolute; + top: 100%; + left: 14px; + display: block; +} + +.m_image_bullet_item { + background: white; + width: 14px; + height: 14px; + text-decoration: none; + margin: -7px 0 0 -7px; +} +.m_image_bullet_active .m_image_bullet_item span { + color: black; +} +.m_image_bullet_item span { + position: absolute; + bottom: 100%; + left: -17px; + margin-bottom: 19px; + display: none; +} +.m_image_bullet_item:hover span, .m_image_map_expanded .m_image_bullet_item span { + display: block; +} + +.no-borderradius .m_image_bullet_item { + width: 20px; + height: 20px; + border-radius: 0; + border: none; + background: transparent url("../images/backgrounds/m_image_map_nobradius.png") no-repeat left top; + margin: -10px 0 0 -10px; +} + +.m_image_right_bullet .m_image_bullet_item span { + left: auto; + right: -15px; +} +.m_image_right_bullet .m_image_bullet_item span:before { + left: auto; + right: 12px; +} + +.m_image_gate_item { + width: 28px; + height: 28px; + text-align: center; + line-height: 28px; + text-decoration: none; + font-weight: bold; + color: black; +} +.m_image_gate_item span { + font-size: 1.6em; +} + +.no-borderradius .m_image_gate_item { + width: 32px; + height: 32px; + border-radius: 0; + border: none; + background: transparent url("../images/backgrounds/m_image_map_nobradius_big.png") no-repeat left top; +} +.no-borderradius .m_image_gate_item span { + line-height: 32px; +} + +.m_download_file { + font-size: x-small; + color: #0255a5; + text-decoration: none; + display: block; + text-transform: uppercase; + margin: 5px 0 0 0 !important; +} +.m_download_file:before, .m_download_file span { + vertical-align: middle; +} +.m_download_file span { + font-size: 1.1em; + font-weight: bold; +} +.m_download_file:before { + content: attr(data-file-extension); + background-color: #990000; + color: white; + padding: 3px 4px 2px; + margin-right: 10px; + text-transform: uppercase; +} + +.m_chart { + background-color: #F6F6F6; + border: 1px solid #D9D9D9; +} +.m_chart img { + width: 100%; + height: auto; +} + +.m_chart_download { + margin: 25px 20px; +} + +.m_map { + height: 450px; +} +.m_map img { + max-width: none; +} + +.infoBox { + width: auto !important; +} +.infoBox img { + display: none; +} + +.m_login_validation { + font-size: x-small; + padding-left: 419px; + position: relative; + min-height: 404px; + padding-top: 57px; + padding-right: 21px; +} +.m_login_validation p { + font-size: 1.6em; + color: #666666; + margin-top: 21px; + padding-right: 48px; + line-height: 1.35em; +} +.m_login_validation:before { + width: 423px; + height: 485px; + display: block; + content: ""; + background: transparent url("../images/backgrounds/login_validation_bg.png") left top no-repeat; + position: absolute; + left: 0; + bottom: 0; +} + +.m_login_validation_title { + font-size: 3.6em; + color: #0255a5; +} + +.m_login_validation_advantages { + margin-top: 45px; + font-size: x-small; + width: auto; + padding-left: 122px; +} +.m_login_validation_advantages:after { + background: transparent url("../images/backgrounds/m_login_validation_advantages_bg.png") no-repeat left top; + width: 65px; + height: 56px; + border: none; + left: 29px; + top: 30px; +} +.m_login_validation_advantages:before { + width: 122px; +} +.m_login_validation_advantages span { + font-size: 1.6em; + padding-left: 32px; + margin-right: 58px; + line-height: 20px; +} +.m_login_validation_advantages a { + display: block; + font-size: .75em; + text-decoration: none; + color: #0255a5; + text-transform: uppercase; + margin-top: 11px; +} + +.m_error { + position: relative; + overflow: hidden; +} + +.m_error_image { + float: left; + width: 41.6666%; + margin-top: -30px; +} + +.m_error_content { + font-size: x-small; + float: right; + width: 58.3333%; + padding-top: 25px; +} +.m_error_content > * { + margin-left: 10px; + margin-right: 20px; +} +.m_error_content strong { + font-size: 9em; + font-weight: normal; +} +.m_error_content strong span { + display: block; + font-size: .4em; +} +.m_error_content small { + display: block; + font-size: 3em; + font-weight: bold; +} +.m_error_content p { + font-size: 2.4em; +} +.m_error_content p span { + display: block; + margin-top: 30px; + font-size: .67em; + color: #666666; +} +.m_error_content p a { + text-decoration: none; + color: #0255a5; +} + +.m_error_link { + font-size: x-small; + margin-top: 144px; +} +.m_error_link a { + font-size: 1.2em; + color: #0255a5; + text-decoration: none; + font-weight: bold; + margin-right: 25px; +} + +.error_layout .search_bar_error_wrapper { + position: absolute; + width: 100%; + bottom: 70px; + left: 0; + padding: 10px 0; + clear: both; + background-color: #F2F2F2; +} + +.error_layout .search_bar_error { + height: auto !important; + width: 92%; + margin: 0 auto; +} + +.error_layout .search_bar_error .wrapper { + position: static; + height: auto !important; + width: auto; + left: 0; + margin-left: 0; +} + +.m_highlight_tweet_content { + position: relative; + border: 1px solid #D9D9D9; + padding: 20px 0 20px 100px; + color: #999999; +} +.m_highlight_tweet_content strong { + font-size: 1.8em; + text-align: left; +} +.m_highlight_tweet_content strong span { + display: block; + font-size: .6em; + margin-bottom: 20px; +} +.m_highlight_tweet_content p { + font-size: 1.6em; + padding-right: 20px; + line-height: 20px; +} +.m_highlight_tweet_content p span { + display: block; +} +.m_highlight_tweet_content:before { + content: ""; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 80px; + background-color: #F6F6F6; + border-right: 1px solid #D9D9D9; +} +.m_highlight_tweet_content:after { + content: ""; + position: absolute; + top: 22px; + left: 20px; + width: 43px; + height: 35px; + background-repeat: no-repeat; + background-position: left top; +} + +.m_highlight_tweet_footer, .m_highlight_link_footer { + margin-top: 10px; + text-align: left; +} +.m_highlight_tweet_footer p, .m_highlight_link_footer p { + font-size: 15px; + color: #333333; + margin-bottom: 4px; +} +.m_highlight_tweet_footer a, .m_highlight_link_footer a { + font-size: 11px; + text-transform: uppercase; + color: #0255a5; + text-decoration: none; +} + +.m_aditional_info_link { + padding: 10px; + width: 140px; + height: 52px; + overflow: hidden; + background-color: #000; + font-size: 1.2em; + color: #fff; + text-align: center; + display: none; + -webkit-transition: display 100ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: display 100ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: display 100ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: display 100ms cubic-bezier(0.19, 1, 0.22, 1); + transition: display 100ms cubic-bezier(0.19, 1, 0.22, 1); +} + +.m_full_header_video .m_aditional_info_link_wrapper { + top: 50%; + margin-top: -36px; +} +.m_full_header_video .m_full_header_banner_info { + background-color: black; +} +.m_full_header_video .m_full_header_banner_info { + position: static; +} + +.m_aditional_info_link_wrapper { + position: absolute; + top: 136px; +} +.m_aditional_info_link_wrapper img { + visibility: hidden; +} +.m_aditional_info_link_wrapper:hover img { + visibility: visible; +} + +.m_aditional_info_link_wrapper.prev { + left: 0; +} +.m_aditional_info_link_wrapper.prev .btn_prev, .m_aditional_info_link_wrapper.prev img { + float: left; +} + +.m_aditional_info_link_wrapper.prev:hover .m_aditional_info_link, +.m_aditional_info_link_wrapper.next:hover .m_aditional_info_link { + display: inline-block; + width: 140px; +} + +.m_aditional_player_link_wrapper { + text-transform: uppercase; +} +.m_aditional_player_link_wrapper.prev:hover .m_aditional_info_link, .m_aditional_player_link_wrapper.next:hover .m_aditional_info_link { + width: 94px; +} + +.m_aditional_info_link_wrapper.next { + right: 0; +} +.m_aditional_info_link_wrapper.next .btn_next, .m_aditional_info_link_wrapper.next img { + float: right; +} + +.m_full_header_banner, .m_full_header_video { + position: relative; + background-color: #E6E6E6; + overflow: hidden; +} +.m_full_header_banner img, .m_full_header_video img { + margin: 0 auto; +} + +.m_full_header_banner_info_wrapper { + width: 1500px; + left: 50%; + margin-left: -750px; + text-align: left; +} + +.m_full_header_video_info_wrapper, .m_full_header_banner_info_wrapper { + position: relative; +} + +.m_full_header_video_info_wrapper { + max-width: 940px; + margin: 0 auto; +} + +.m_full_header_video_figure { + height: 0; + padding-bottom: 60.9%; +} +.m_full_header_video_figure iframe { + position: absolute; + width: 100%; + height: 100%; +} + +.m_full_header_banner_small .m_full_header_banner_info_wrapper { + max-width: 940px; + margin-left: -470px; +} + +.m_slider_item_info, .m_full_header_banner_info { + padding: 15px 0; + bottom: 0; + position: absolute; +} +.m_slider_item_info, .m_full_header_banner_info, .m_slider_item_info:active, .m_full_header_banner_info:active { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); + background-color: rgba(0, 0, 0, 0.4); +} +.m_slider_item_info strong, .m_full_header_banner_info strong, .m_slider_item_info h1, .m_full_header_banner_info h1 { + font-size: 2.6em; + color: #fff; +} + +.news_banner { + padding-left: 10px; + width: 100%; +} +.news_banner a:first-child { + border: none; +} +.news_banner a { + border-left: 1px solid #999999; +} +.news_banner .news_banner_picture, +.news_banner .news_banner_video { + margin-right: 3px; + /* border-left: 1px solid #999999; */ + background-repeat: no-repeat; + height: 27px; + background-position: 12px 0; + float: left; + text-decoration: none; +} +.news_banner .news_banner_picture span, +.news_banner .news_banner_video span { + font-weight: bold; + font-size: 8px; + color: #999999; + margin: 9px 5px 0 42px; + text-transform: uppercase; + display: block; +} + +.m_full_header_banner_info { + left: 0; + width: 100%; + max-width: 1500px; +} +.m_full_header_banner_info h1 { + padding-left: 10px; + padding-right: 50px; +} +.m_full_header_banner_info p { + margin-top: 18px; + margin-bottom: 3px; + margin-left: 10px; +} +.m_full_header_banner_info p a:first-child { + border: none; +} +.m_full_header_banner_info .news_banner_picture, +.m_full_header_banner_info .news_banner_video { + margin: 0 9px 0 0; + border-left: 1px solid #ffffff; + background-repeat: no-repeat; + height: 27px; + /*ini jmc*/ + text-indent: -9999px; + /* background-position:14px 0; */ + width: auto; + float: left; + text-decoration: none; + /*fin jmc*/ +} +.m_full_header_banner_info .news_banner_picture span, +.m_full_header_banner_info .news_banner_video span { + text-indent: 5px; + font-size: 8px; + color: #ffffff; + text-transform: uppercase; + display: block; +} + +.m_full_header_banner_info .news_banner_picture, .m_full_header_banner_info .news_banner_video { + text-indent: 5px; + font-size: 8px; + color: #ffffff; + margin: 9px 0 0 5px; + text-transform: uppercase; + background-position: 11px 0; + text-indent: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + line-height: 27px; + vertical-align: middle; + padding-left: 3em; + width: auto; +} +.m_full_header_banner_info .news_banner_picture:first-child, .m_full_header_banner_info .news_banner_video:first-child { + margin-left: -9px; +} +.m_full_header_banner_info .news_banner_picture span, .m_full_header_banner_info .news_banner_video span { + margin: 0 8px 0 11px; +} + +.news_banner_iconos_picture, +.news_banner_iconos_video { + margin: 0 9px 0 0; + border-left: 1px solid #ffffff; + background-repeat: no-repeat; + height: 27px; + background-position: 8px 0; + float: left; + text-decoration: none; +} +.news_banner_iconos_picture span, +.news_banner_iconos_video span { + font-size: 8px; + color: #ffffff; + text-transform: uppercase; + display: block; +} + +/*fin jmc*/ +.m_slider_item_info_fans { + padding-top: 26px; + padding-bottom: 25px; +} +.m_slider_item_info_fans, .m_slider_item_info_fans:active { + background-color: rgba(255, 255, 255, 0.49); +} +.m_slider_item_info_fans .m_slider_item_info_text { + color: black; + padding-left: 22px; +} +.m_slider_item_info_fans .m_slider_item_info_text strong { + font-size: 2.4em; + font-weight: bold !important; + color: black; +} + +.no-rgba .m_slider_item_info_fans { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7DFFFFFF,endColorstr=#7DFFFFFF); + background-color: rgba(255, 255, 255, 0.49); +} + +.m_section_news_header { + font-size: x-small; +} +.m_section_news_header p { + font-size: 1.2em; + color: #666666; + font-weight: bold; + margin-bottom: 20px; + margin-top: 0; + text-transform: uppercase; +} +.m_section_news_header strong, .m_section_news_header h2 { + display: block; + font-size: 2em; + font-weight: normal; + margin-bottom: 30px; + line-height: 28px; +} + +.m_section_news_actions { + margin: 20px 0; +} +.m_section_news_actions > * { + vertical-align: top; + margin-right: 5px; +} +.m_section_news_actions .btn_prev_text, +.m_section_news_actions .btn_next_text { + float: right; + margin-right: 0; + margin-left: 5px; +} + +.m_text_content p.cap:first-letter { + font-size: 4.9em; + float: left; + margin: 0px 20px 0 0; + line-height: 1em; + color: #000; +} + +.news_layout .m_text_content a { + color: #000; + border-bottom: 1px solid #4674B1; +} + +.m_section_news_next a { + font-size: .8em; + border: none !important; + color: #0255a5 !important; +} + +.news_layout .m_news_simple { + margin-top: 30px; + margin-bottom: 35px; +} + +.news_layout .m_text_content p { + color: #666; + line-height: 1.5em; +} + +.news_layout .m_text_content .m_questions_list p, +.news_report_layout .m_text_content .m_questions_list p { + font-weight: normal; +} + +.m_questions_list, ol.m_questions_list { + list-style: none; + font-size: x-small; + padding: 0; +} +.m_questions_list strong, ol.m_questions_list strong { + display: block; + font-size: 1.4em; + color: #666666; + line-height: 1.5em; + margin-bottom: 8px; + text-align: left; +} +.m_questions_list li, ol.m_questions_list li { + margin-bottom: 30px; + margin-left: 0; +} + +.m_matches { + font-size: x-small; + border: 1px solid #D9D9D9; + background-color: #F6F6F6; +} + +.m_matches_competition { + float: left; + margin-left: 8px; + padding-top: 25px; + margin-bottom: 22px; +} +.m_matches_competition > * { + vertical-align: top; +} +.m_matches_competition label { + font-size: 1.6em; + font-weight: bold; + color: #767676; + margin-right: 5px; +} +.m_matches_competition .responsive_select { + width: 160px; + vertical-align: middle; +} + +.m_matches_actions { + float: right; + margin-right: 15px; + padding-top: 30px; +} +.m_matches_actions > * { + text-indent: -9999px; + margin-left: 12px; + background-position: right top; +} +.m_matches_actions > * + * { + border-left: 1px solid #d9d9d9; + padding-left: 16px; +} + +.m_matches_calendar { + clear: both; + padding-left: 10px; +} +.m_matches_calendar li { + list-style: none; + float: left; +} +.m_matches_calendar a, .m_matches_calendar label { + position: relative; + top: 1px; + font-weight: bold; + font-size: 1.1em; + color: #9D9D9D; + padding: 10px; + text-decoration: none; + font-weight: bold; + text-transform: uppercase; +} +.m_matches_calendar li.active { + /*ini jmc*/ + /*fin jmc*/ +} +.m_matches_calendar li.active a, .m_matches_calendar li.active label { + border: 1px solid #D9D9D9; + background-color: #fff; + color: #000; + border-bottom: 1px solid #fff; +} +.m_matches_calendar li.active label { + /* border-bottom:1px solid #000; */ + text-decoration: underline; +} + +.m_matches_share { + min-height: 83px; + border: none; +} + +.m_matches_radio_wrapper { + width: 0; + height: 0; + overflow: hidden; + position: relative; + display: block; +} +.m_matches_radio_wrapper input { + position: relative; + display: block; + left: -99999px; + width: 0; + height: 0; + -webkit-appearance: radio; +} + +.m_matches_with_tickets_all .m_matches_calendar_wrapper { + display: none; +} + +.m_matches_title { + padding: 20px 10px; +} + +.m_matches_title strong, .m_matches_simple strong { + display: block; + font-size: 1.6em; + font-weight: bold; + color: #767676; +} + +.m_matches_simple { + font-size: x-small; +} +.m_matches_simple strong { + padding-left: 8px; + padding-top: 32px; + float: left; + max-width: 50%; +} +.m_matches_simple .m_matches_calendar { + padding-top: 20px; +} + +.m_matches_table { + position: relative; + width: 100%; + border-collapse: collapse; + border: 1px solid #D9D9D9; + border-top: none; + border-bottom: none; +} +.m_matches_table .btn { + text-align: center; +} +.m_matches_table caption { + display: none; +} +.m_matches_table:after { + content: ""; + position: absolute; + left: 0; + width: 99.9%; + height: 9px; + border-bottom: 1px solid #D9D9D9; + border-left: 1px solid #D9D9D9; + border-right: 1px solid #D9D9D9; + background-color: #F6F6F6; + display: block; +} +.m_matches_table th { + width: 33.3334%; + text-align: left; + display: none; +} + +.m_matches_table_warning td { + padding: 8px; + border: 3px solid #f8ee98; + border-bottom: none; +} +.m_matches_table_warning + tr td:first-child, .m_matches_table_warning + .m_match_week + tr td:first-child { + border-left: 3px solid #f8ee98; +} +.m_matches_table_warning + tr, .m_matches_table_warning + .m_match_week + tr.m_match { + border-right: 3px solid #f8ee98; + /* td{ + padding-bottom:30px; EN DESA ES NECESARIO PERO EN PRE NO PORQUE SE APLICA OTRO DE 20PX en .m_match_actions_tickets + } */ +} +.m_matches_table_warning + .m_match_week + .m_match { + border-bottom: 3px solid #f8ee98; +} +.m_matches_table_warning + .m_match_with_result td { + border-bottom: none; +} +.m_matches_table_warning + .m_match_with_result .m_match_actions { + border-bottom: 3px solid #f8ee98; +} +.m_matches_table_warning + .m_match_with_result + .m_match_result td { + border-left: 3px solid #f8ee98; + border-bottom: 3px solid #f8ee98; +} +.m_matches_table_warning + .m_match_week td { + border-left: 3px solid #f8ee98; + border-right: 3px solid #f8ee98; + border-bottom: none; +} + +.m_match_week + .m_match .m_match_date { + padding-top: 0; + padding-bottom: 0; +} +.m_match_week + .m_match .m_match_teams { + padding-top: 0; +} +.m_match_week + .m_match .m_match_teams > * { + padding-top: 0; +} +.m_match_week + .m_match .m_match_actions_list { + padding-top: 0; + padding-bottom: 0; +} +.m_match_week + .m_match td { + vertical-align: top; + clear: both; +} +.m_match_week + .m_match .m_match_teams_small_name { + padding-top: 10px; +} +.m_match_week + .m_match .m_match_teams_results { + padding-top: 0; +} +.m_match_week + .m_match .m_match_actions_tickets { + padding-top: 0; +} +.m_match_week + .m_match .m_match_actions_tickets .btn { + margin-top: 0; +} + +.m_matches_table_past + .m_matches_table .m_match_aditional_info { + padding-top: 20px; +} + +.m_matches_table_simple .m_match_date, .m_schedule_table .m_match_date { + padding-top: 0; + padding-bottom: 0; +} +.m_matches_table_simple .m_match_teams, .m_schedule_table .m_match_teams { + padding-top: 0; +} +.m_matches_table_simple .m_match_teams > *, .m_schedule_table .m_match_teams > * { + padding-top: 0; +} +.m_matches_table_simple .m_match_actions_list, .m_schedule_table .m_match_actions_list { + padding-top: 0; + padding-bottom: 0; +} +.m_matches_table_simple td, .m_schedule_table td { + vertical-align: top; +} +.m_matches_table_simple .m_match_teams_small_name, .m_schedule_table .m_match_teams_small_name { + padding-top: 10px; +} +.m_matches_table_simple .m_match_teams_results, .m_schedule_table .m_match_teams_results { + padding-top: 0; +} +.m_matches_table_simple .m_match_actions_tickets, .m_schedule_table .m_match_actions_tickets { + padding-top: 0; +} +.m_matches_table_simple .m_match_actions_tickets .btn, .m_schedule_table .m_match_actions_tickets .btn { + margin-top: 0; +} + +.m_match + * { + border-top: 1px solid #D9D9D9; +} + +.m_match_result { + border-top: none; + border-bottom: 1px solid #D9D9D9; +} + +.m_match_result td { + padding-bottom: 20px; +} + +.m_match_result:last-child { + border-bottom: none; +} + +.m_match_date { + font-size: x-small; + padding: 30px 14px 0 14px; + text-transform: uppercase; + font-size: 1.5em; + font-weight: bold; + color: #666666; + vertical-align: top; + width: auto; + white-space: nowrap; +} +.m_match_date p { + white-space: normal; + vertical-align: top; +} +.m_match_date span { + padding-right: 5px; +} +.m_match_date strong { + color: #CC3333; + vertical-align: top; +} +.m_match_date strong span { + margin-top: 8px; + font-weight: normal; + display: block; + padding: 0; + font-size: 0.7em; + text-transform: none; + white-space: normal; +} +.m_match_date small { + position: relative; + padding-right: 14px; + padding-left: 14px; + min-width: 36px; + text-align: center; + font-size: 1em; +} +.m_match_date small:after, .m_match_date small:before { + content: ""; + position: absolute; + top: 50%; + margin-top: -9px; + width: 1px; + height: 19px; + background-color: #ccc; +} +.m_match_date small:after { + left: 0; +} +.m_match_date small:before { + right: 0; +} + +.m_match_pending_warning { + color: #CC3333; +} + +.m_match_date_time { + max-width: 110px; +} + +.m_match_date_day { + width: 72px; +} +.m_match_date_day + p { + width: 65px; + margin: 2px 0; +} + +p.m_match_aditional_info { + display: block; + font-size: x-small; + text-transform: uppercase; + width: 88px; + margin: 0; + margin-bottom: 15px; + margin-top: 5px; +} + +td.m_match_aditional_info { + text-transform: uppercase; + padding-left: 14px; + padding-top: 15px; + padding-bottom: 10px; + color: #666666; +} + +td.m_match_teams { + width: 310px; + padding-left: 5px; +} +td.m_match_teams > * { + padding-top: 25px; +} +td.m_match_teams > *:first-child { + white-space: nowrap; + float: left; +} + +.m_match_teams { + vertical-align: top; + overflow: hidden; + font-size: x-small; +} +.m_match_teams span, .m_match_teams p { + vertical-align: top; +} +.m_match_teams img { + width: 37px; +} +.m_match_teams strong { + display: block; + font-size: 1.1em; + color: #000; +} +.m_match_teams p { + margin-left: 20px; + float: left; + width: 120px; +} +.m_match_teams a, .m_match_teams p > span { + font-size: 1.1em; + text-decoration: none; +} +.m_match_teams.next_matches > span { + width: 100%; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; +} + +.m_match_teams_results { + vertical-align: top; + padding-top: 5px; + margin: 0 2px; + font-size: 2em; + min-width: 68px; + text-align: center; +} + +.m_match_teams_small_name { + padding-top: 14px; + font-size: 1em; + text-transform: uppercase; + font-weight: bold; +} + +.next_matches .m_match_teams_results { + display: block; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + margin: 0px; + padding: 0px; + width: 20%; + white-space: normal; + text-align: center; +} + +.next_matches .m_match_teams_small_name { + display: block; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + margin: 0px; + width: 40%; + white-space: normal; +} +.next_matches .m_match_teams_small_name:first-child { + text-align: right; + padding-right: 15px; +} +.next_matches .m_match_teams_small_name:last-child { + text-align: left; + padding-left: 15px; +} + +.m_match_teams_competition { + display: block; + margin-top: 8px; + font-weight: normal; + font-size: .8em; + color: #999999; + padding-top: 6px; + padding-bottom: 6px; +} +.m_match_teams_competition img { + /*float: left; + margin-left: -23px; jmc parece que el logo de la competicion estaba oculto adrede*/ + margin-top: -6px; + vertical-align: middle; + margin-right: 2px; + width: 23px; +} + +.m_match_actions { + vertical-align: top; + /* ini jmc + width: 150px; */ + min-width: 190px; + display: block; +} + +.m_match_actions_tickets { + clear: left; +} + +.m_match_actions_precio { + font-size: 1em; + margin-top: 14px; + float: left; +} + +.m_match_actions_precio span { + float: left; + font-weight: bold; +} + +.m_match_actions_rel { + float: right; + margin-right: 38px; + /* solo desktop */ + /* margin-right:-8px; no desktop */ +} + +.m_match_teams p > span:first-child { + border-right: 2px solid #CCCCCC; + /* solo desktop */ + display: block; +} + +/* fin jmc */ +.m_match_actions_list { + padding-top: 10px; + padding-bottom: 20px; + font-size: x-small; +} +.m_match_actions_list li { + list-style: none; + font-size: 1.1em; + font-weight: bold; + text-transform: uppercase; + margin-bottom: 10px; +} +.m_match_actions_list a { + text-decoration: none; + color: #0255a5; +} + +.m_match_actions_tickets { + padding-top: 10px; + padding-bottom: 20px; + margin-right: 10px; + /* ini jmc */ + display: block; + /* fin jmc */ +} +.m_match_actions_tickets p { + overflow: hidden; + margin-top: 8px; +} +.m_match_actions_tickets p a { + float: right; + font-size: 1.1em; + font-weight: bold; + text-transform: uppercase; + text-decoration: none; + color: #0255a5; +} +.m_match_actions_tickets p span { + float: left; + font-size: 1.2em; + color: #000; +} +.m_match_actions_tickets .btn { + margin-top: 10px; +} + +.m_match_result { + font-size: 1.2em; + color: #666666; + padding-right: 100px; +} +.m_match_result td { + padding-top: 12px; + vertical-align: top; + padding-left: 20px; + padding-right: 65px; +} + +.m_match_empty { + font-size: x-small; +} +.m_match_empty td { + padding: 17px 10px 0; + background-color: #fff; + color: #cc0000; + font-size: 1.8em; + font-weight: bold; +} + +.m_matches_tickets { + color: #0052A5; + font-weight: bold; +} + +.m_matches_more { + color: #999999; + font-size: 1.4em; + font-weight: bold; + margin-top: 20px; +} +.m_matches_more a { + color: #0052A5; + text-decoration: none; +} + +.m_matches_no_match { + height: auto; + margin-bottom: 40px; + padding-left: 40px; + font-weight: bold; +} +.m_matches_no_match p { + color: #999999; + font-size: 1.4em; + font-style: italic; + margin-top: 20px; +} +.m_matches_no_match span { + color: #0052A5; + font-size: .8em; + margin-top: 11px; + display: block; +} + +.m_paginator { + display: table; + font-size: x-small; + margin: 0 auto; + font-size: 1.4em; + font-weight: bold; + border: 1px solid #D9D9D9; + border-radius: 4px; + background-color: #fff; +} +.m_paginator a, .m_paginator span { + display: table-cell; + vertical-align: top; + padding: 8px 4px 8px 4px; + color: #787878; + text-decoration: none; +} +.m_paginator a.active { + border-left: 1px solid #0B5BA9; + border-right: 1px solid #0B5BA9; + color: #0255a5; + padding-left: 6px; + padding-right: 6px; +} +.m_paginator a.m_paginator_prev, +.m_paginator a.m_paginator_next { + width: 20px; + padding: 8px 0; + overflow: hidden; + text-indent: -9999px; +} +.m_paginator a.m_paginator_prev { + background-repeat: no-repeat; + background-position: 7px center; + border-right: 1px solid #D9D9D9; +} +.m_paginator a.m_paginator_next { + background-repeat: no-repeat; + background-position: 7px center; + border-left: 1px solid #D9D9D9; +} +.m_paginator span { + width: 10px; + text-indent: -9999px; + background: url("../images/backgrounds/paginator_break.gif") no-repeat center 15px; +} + +.m_match_header { + border: 1px solid #D9D9D9; + padding: 13px 0 23px; + position: relative; + font-size: x-small; + background: white; +} + +.m_match_header_title { + text-transform: uppercase; + font-size: 1.3em; + color: black; + position: absolute; + top: 14px; + left: 11px; +} + +.m_match_header_content { + width: 100%; + display: table; +} +.m_match_header_content > * { + display: table-cell; + vertical-align: middle; +} + +.m_match_header_date_day, .m_match_header_date_time { + white-space: nowrap; + text-align: center; + color: #666666; +} +.m_match_header_date_day > *:first-child, .m_match_header_date_time > *:first-child { + font-weight: bold; +} +.m_match_header_date_day > *, .m_match_header_date_time > * { + font-size: 2em; +} + +.m_match_header_date_day, .m_match_header_date_time, .m_match_header_teams { + background: url("../images/backgrounds/m_match_header_separator.png") no-repeat right center; +} + +.m_match_header_date_day { + width: 87px; +} + +.m_match_header_date_day_pending { + font-weight: normal; + font-size: .5em; + white-space: normal; + line-height: 1em; + margin-top: 2px; + display: block; +} + +.m_match_header_date_time { + width: 78px; +} + +.m_match_header_logos { + white-space: nowrap; + max-width: 246px; + text-align: center; +} +.m_match_header_logos img { + width: 80px; + height: 80px; + max-width: none; +} +.m_match_header_logos img + img { + margin-left: 14px; +} + +.m_match_header_teams a { + text-decoration: none; + display: block; +} +.m_match_header_teams strong { + font-size: 1.7em; + display: block; + color: #333333; +} +.m_match_header_teams img { + vertical-align: middle; + width: 23px; + height: 23px; +} + +.m_match_header_competition { + font-size: 1.2em; + text-transform: uppercase; + color: #777; +} + +.titulo.m_transfers .m_main_header:after { + background: none; +} +.titulo.m_transfers h1 { + font-size: 5.7em; +} + +.social.m_transfers { + border-bottom: 1px solid lightgrey; + margin-top: -24px; +} + +.entradilla.m_transfers { + padding: 24px; +} +.entradilla.m_transfers p { + font-size: 2em; + color: #999999; +} + +.carrousel.m_transfers { + margin-bottom: 30px; +} +.carrousel.m_transfers .m_media_slide_viewport .m_media_slide_wrapper { + height: 290px !important; +} +.carrousel.m_transfers .m_media_slide_viewport .m_media_slide_wrapper .m_media:hover span { + background-color: transparent; +} +.carrousel.m_transfers .m_media_slide_viewport .m_media_slide_wrapper a.m_media_picture { + padding: 0 12px; + float: left; + text-decoration: none; +} +.carrousel.m_transfers .m_media_slide_viewport .m_media_slide_wrapper a.m_media_picture img { + border: 5px solid #e6e6e6; + border-radius: 50%; + width: 200px; + height: 200px; +} +.carrousel.m_transfers .m_media_slide_viewport .m_media_slide_wrapper a.m_media_picture span { + position: relative; + display: block; + text-align: center; +} +.carrousel.m_transfers .m_media_slide_viewport .m_media_slide_wrapper a.m_media_picture span.nombre, .carrousel.m_transfers .m_media_slide_viewport .m_media_slide_wrapper a.m_media_picture a.nombre { + padding: 16px 10px 0 8px; + font-size: 1.3em; + letter-spacing: 1px; + font-family: 'Oswald', sans-serif; + font-weight: normal !important; + font-style: normal !important; + text-transform: uppercase; + color: #333333; +} +.carrousel.m_transfers .m_media_slide_viewport .m_media_slide_wrapper a.m_media_picture span.posicion { + padding: 1px 10px 11px 8px; + font-size: 1.2em; + font-weight: bold; + color: #666666; + text-transform: capitalize; +} +.carrousel.m_transfers .m_player_history_slider .slider_btn_next, .carrousel.m_transfers .m_players_slider .slider_btn_next, +.carrousel.m_transfers .m_player_history_slider .slider_btn_prev, .carrousel.m_transfers .m_players_slider .slider_btn_prev { + top: 85px; +} +.carrousel.m_transfers .m_image_item_picture { + background: none !important; +} + +.m_transfers_sec1 .m_related_image { + border: none !important; +} +.m_transfers_sec1 .wrapper article { + background-color: #f6f6f6; + border: 1px solid lightgrey; + border-top: 2px solid #0255a5; + margin-bottom: 30px; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .medical_report { + margin-bottom: 0; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content { + padding: 18px 18px 18px 10px; + width: 68%; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content > * { + margin-left: 0; + margin-right: 0; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_socia_verficha .btn_social_facebook, .m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_socia_verficha .btn_social_twitter { + border-radius: 50%; + width: 49px; + height: 49px; + float: left; + margin-left: 15px; + margin-bottom: 15px; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_socia_verficha .m_ver_ficha_strip { + float: right; + margin-top: -43px; + margin-bottom: 15px; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_socia_verficha .m_ver_ficha_strip span { + background-color: #FFFFFF; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_nacimiento { + box-sizing: border-box; + background-color: #e8e8e8; + padding: 25px 0; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_nacimiento * { + box-sizing: border-box; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_nacimiento > p:first-child { + border-left: none; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_nacimiento p { + text-align: left; + font-weight: bold; + font-size: 1.2em; + display: block; + float: left; + border-left: 1px solid lightgrey; + padding: 0 16px; + color: #000000; + width: 25%; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_nacimiento p span { + font-size: 1.15em; + display: block; + margin-top: 5px; + color: #999999; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_titulo_cuerpo { + border-bottom: 1px solid lightgrey; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_titulo_cuerpo p { + font-size: 2.1em; + display: block; + padding: 20px 0; + color: #000000; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_titulo_cuerpo p span { + padding: 15px 0; + font-size: .75em; + display: block; + /* margin-top:10px; */ + color: #999999; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_partidos_goles { + border-bottom: 1px solid lightgrey; + padding: 18px 0 18px 0; + margin-bottom: 18px; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_partidos_goles img { + float: left; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_partidos_goles > div { + float: left; + width: 50%; + box-sizing: border-box; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_partidos_goles p { + font-size: 1.4em; + font-family: 'Oswald', sans-serif; + font-weight: normal; + font-style: normal; + padding: 15px 10px 15px 83px; + text-transform: uppercase; + color: #000000; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_partidos_goles p span { + font-family: Arial, Helvetica, sans-serif; + font-size: .9em; + padding: 5px 0 8px 0; + font-size: .85em; + display: block; + text-transform: none; + color: #999999; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_titulo_cuerpo2 p { + font-size: 1.4em; + font-family: 'Oswald', sans-serif; + font-weight: normal; + font-style: normal; + margin-bottom: 12px; + text-transform: uppercase; + color: #000000; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_titulo_cuerpo2 p span { + font-family: Arial, Helvetica, sans-serif; + padding: 5px 0 8px 0; + display: block; + text-transform: none; + color: #999999; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_noticias p.titulo { + font-size: 1.4em; + font-family: 'Oswald', sans-serif; + font-weight: normal; + font-style: normal; + text-transform: uppercase; + color: #000000; + margin-bottom: 9px; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_noticias ul li { + list-style-type: none; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_noticias li { + margin-bottom: 10px; + background-color: #ffffff; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_noticias li article { + background-color: #ffffff; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_noticias .m_highlight_header, .m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_noticias .m_store_header { + width: 111px; + padding-right: 0; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_noticias .m_highlight_content, .m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_noticias .m_store_content { + padding-left: 20px; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_noticias .m_highlight_content:first-child, .m_transfers_sec1 .wrapper .m_transfers_sec_transfer .main_content .m_transfers_sec_transfer_noticias .m_store_content:first-child { + padding-left: 10px; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .aditional_content { + padding: 18px 0 18px 18px; + width: 32%; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .aditional_content img { + width: 100%; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .aditional_content h2 { + font-size: 1.8em; + font-family: 'Oswald', sans-serif; + font-weight: normal; + font-style: normal; + padding: 20px 10px 2px 15px; + text-transform: uppercase; + color: #000000; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .aditional_content h2 a { + color: #000000; + text-decoration: none; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .aditional_content span { + font-family: Arial, Helvetica, sans-serif; + font-size: 16px; + text-transform: capitalize !important; + font-weight: normal; + display: block; + text-transform: none; + color: #999999; + padding: 0 10px 20px 15px; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .aditional_content .m_transfers_sec_transfer_aditional_content1 { + background-color: #FFFFFF; + border: 1px solid #d0d0d0; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .aditional_content .m_transfers_sec_transfer_aditional_content2 { + border-top: 2px solid #0255a5; + background-color: #FFFFFF; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .aditional_content .m_transfers_sec_transfer_aditional_content2 a { + background-color: #FFFFFF; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .aditional_content .m_transfers_sec_transfer_aditional_content2 .m_related { + max-width: 100%; +} +.m_transfers_sec1 .wrapper .m_transfers_sec_transfer .aditional_content .m_transfers_sec_transfer_aditional_content2 .m_related .m_related_content span { + text-transform: none !important; + padding-left: 0; +} + +.pre_footer.m_transfers { + text-align: center; + background-color: #f6f6f6; +} +.pre_footer.m_transfers .wrapper_mini { + display: inline-block; +} +.pre_footer.m_transfers .m_footer_pagination { + border-top: none; + padding-left: 30px; + padding-right: 30px; +} + +.m_transfers_sec1 .m_ver_ficha_strip, .m_transfers_sec_2 .m_ver_ficha_strip { + font-size: x-small; + display: block; + position: relative; + padding-top: 43px; + padding-bottom: 11px; + /* margin-bottom: 5px; */ + color: #0052A5; + text-decoration: none; + max-width: 40%; +} +.m_transfers_sec1 .m_ver_ficha_strip .separator, .m_transfers_sec_2 .m_ver_ficha_strip .separator { + display: none; +} +.m_transfers_sec1 .m_ver_ficha_strip > span, .m_transfers_sec_2 .m_ver_ficha_strip > span { + background-color: #FFFFFF; + border: 1px solid #D9D9D9; + display: block; + font-size: 1.2em; + font-weight: bold; + text-transform: uppercase; + padding: 17px 39px 17px 67px; +} +.m_transfers_sec1 .m_ver_ficha_strip > span:before, .m_transfers_sec1 .m_ver_ficha_strip > span:after, .m_transfers_sec_2 .m_ver_ficha_strip > span:before, .m_transfers_sec_2 .m_ver_ficha_strip > span:after { + content: ""; + display: block; + position: absolute; + background-repeat: no-repeat; + top: 44px; + bottom: 12px; + width: 54px; +} +.m_transfers_sec1 .m_ver_ficha_strip > span:before, .m_transfers_sec_2 .m_ver_ficha_strip > span:before { + background-position: center center; + border-right: 1px solid lightgrey; + left: 0; +} +.m_transfers_sec1 .m_ver_ficha_strip > span:after, .m_transfers_sec_2 .m_ver_ficha_strip > span:after { + right: 0; + background-position: 28px center; +} + +.m_transfers_sec_2 .m_transfers_sec_promote_titulo { + border-bottom: 1px solid #D9D9D9; + margin-bottom: 50px; + border-top: none; +} +.m_transfers_sec_2 .m_transfers_sec_promote_titulo strong { + font-size: 1.4em; + color: #999999; + font-weight: normal; + display: block; + text-align: center; +} +.m_transfers_sec_2 .m_transfers_sec_promote_titulo h2 { + padding-bottom: 30px; + text-transform: capitalize; + font-size: 4em; + display: block; + text-align: center; +} +.m_transfers_sec_2 .m_transfers_sec_promote { + background-color: #f6f6f6; + border: 1px solid lightgrey; + border-top: 2px solid #000000; + padding: 20px; + margin-bottom: 20px; +} +.m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main { + position: relative; +} +.m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_ver_ficha_strip { + position: absolute; + bottom: -11px; + width: auto; +} +.m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_ver_ficha_strip span { + background-position: 40px center; + width: 53%; +} +.m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content1 { + width: 15.5%; + min-height: 210px; + border: 1px solid lightgrey; + border-top: 2px solid #0255A5; + background-color: #FFFFFF; + float: left; +} +.m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content1 .m_related_image, .m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content1 .m_related_content { + border: none; +} +.m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content1 .m_related_image img, .m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content1 .m_related_content img { + width: 100%; +} +.m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content1 .m_related { + max-width: 100%; +} +.m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content1 .m_related .m_related_image img { + margin: 0 auto; +} +.m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content1 .m_related_content { + background-color: #FFFFFF; +} +.m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content1 .m_related_content span { + color: #666666; + text-transform: none; +} +.m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content3 { + width: 50%; + float: left; + padding: 0 5px 0 15px; +} +.m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content3 p { + font-size: 1.6em; +} +.m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content2 { + width: 27%; + float: right; +} +.m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content2 .m_related { + max-width: 100%; +} +.m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content2 .m_related .m_related_image { + padding-left: 20px; + text-align: center; + border-left: 1px solid lightgrey; + border-right: none; + border-top: none; +} +.m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content2 .m_related .m_related_image img { + width: 93%; + display: inline; + width: auto; +} +.m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content2 .m_related .m_related_content { + border-right: none; + border-bottom: none; + border-top: none; + text-align: center; +} + +.m_transfers { + /* ein la sección 2 la pongo al final del este selector m_transfers, else no me funciona*/ +} +.m_transfers .m_transfers_sec_promote_titulo.separador:before { + position: relative; +} +.m_transfers .m_transfers_sec_promote_titulo.separador:after { + top: 55px; +} +.m_transfers .separador { + position: relative; + padding: 89px 0 50px; + border-top: 1px solid lightgrey; +} +.m_transfers .separador:after { + content: ""; + background: url("../images/backgrounds/m_transfers_logo.png") no-repeat right center; + background-position: center center; + background-repeat: no-repeat; + width: 84px; + height: 66px; + position: absolute; + left: 50%; + margin-left: -42px; + top: -33px; + z-index: 2; +} +.m_transfers .separador:before { + position: absolute; + height: 1px; + width: 84px; + background-color: #FFFFFF; + content: ""; + display: block; + left: 50%; + margin-left: -42px; + top: -1px; + z-index: 1; +} +.m_transfers .separador img { + max-width: none; +} + +.m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content2 .m_related .m_related_content { + padding-left: 20px; +} + +.m_highlighted { + background-color: #F6F6F6; + border: 1px solid #D9D9D9; + white-space: nowrap; + position: relative; +} +.m_highlighted > * { + font-size: x-small; + white-space: normal; + vertical-align: top; +} + +.m_highlighted .m_highlighted_sponsor { + position: absolute; + right: 0; + bottom: 100%; + margin-bottom: 20px; +} + +.m_highlighted_aside { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-left: 1px solid #D9D9D9; + width: 32%; + margin-left: -3px; +} + +.m_highlighted_aside_section_title { + background-color: #F0F0F0; + padding: 9px 11px 12px 11px; + text-transform: uppercase; + font-size: 1.3em; + color: #666666; + font-weight: normal; + display: block; + border-bottom: 1px solid #D9D9D9; + margin-bottom: 5px; +} +.m_highlighted_aside_section_title a { + font-size: 0.84615em; + width: 22%; + text-decoration: none; + margin-left: -4px; + text-align: right; + color: #0255a5; + font-weight: bold; +} +.m_highlighted_aside_section_title span { + width: 78%; +} +.m_highlighted_aside_section_title > * { + vertical-align: middle; +} + +.m_highlighted_section { + width: 68%; +} + +.m_highlighted_aside_section + .m_highlighted_aside_section { + border-top: 1px solid #d9d9d9; + margin-top: 14px; +} + +.m_highlighted_aside .commentary { + border: none !important; +} + +.m_highlighted_link { + display: inline-block; + margin: 10px 0; + font-size: 1.1em; + font-weight: bold; + color: #0255a5; + text-transform: uppercase; +} + +.m_highlighted_next_game { + font-size: x-small; + text-transform: uppercase; + position: relative; +} +.m_highlighted_next_game .m_share { + margin-top: 15px; + position: absolute; + bottom: 0; +} + +.m_highlighted_next_game_header, .m_highlighted_summary_game_header, .m_highlighted_finish_game_header { + padding-top: 17px; +} +.m_highlighted_next_game_header p, .m_highlighted_summary_game_header p, .m_highlighted_finish_game_header p { + font-size: 1.2em; + font-weight: bold; + margin: 0 140px; + text-align: center; + color: #777777; +} +.m_highlighted_next_game_header p > * + *:before, .m_highlighted_summary_game_header p > * + *:before, .m_highlighted_finish_game_header p > * + *:before { + content: "\00b7"; + margin-right: 5px; + margin-left: 0; +} + +.m_highlighted_next_game_location, p.m_highlighted_next_game_location { + font-weight: normal; + margin-top: 8px; +} + +.m_highlighted_next_game_title, .m_highlighted_summary_game_title, .m_highlighted_next_game_audio, .m_highlighted_finish_game_title { + font-size: 1.2em; + float: left; + max-width: 144px; + padding-left: 13px; + padding-right: 13px; +} + +.m_highlighted_next_game_teams { + overflow: hidden; + position: relative; + margin-top: 22px; +} +.m_highlighted_next_game_teams:before { + content: ""; + display: block; + top: 0; + bottom: 0; + left: 50%; + width: 1px; + position: absolute; + background: #d9d9d9; +} + +.m_highlighted_next_game_team { + float: left; + width: 50%; + height: 150px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + text-align: right; + font-size: x-small; + padding-right: 32px; + padding-left: 12px; +} +.m_highlighted_next_game_team:before { + content: ""; + height: 100%; + width: 0; + background-color: red; + vertical-align: middle; +} +.m_highlighted_next_game_team > * { + vertical-align: middle; +} +.m_highlighted_next_game_team img { + float: right; + margin-left: 10px; +} +.m_highlighted_next_game_team strong { + color: #333333; + font-size: 1.3em; + text-transform: none; + display: inline-block; + width: 40%; +} + +.m_highlighted_next_game_second_team { + text-align: left; + padding-right: 0; + padding-left: 32px; + padding-right: 12px; +} +.m_highlighted_next_game_second_team img { + float: left; + margin-left: 0; + margin-right: 10px; +} + +.m_highlighted_next_game_info { + display: table; + width: 100%; + color: #777777; + text-transform: uppercase; + margin-top: 40px; + margin-bottom: 56px; + position: relative; +} +.m_highlighted_next_game_info .m_link_dropdown { + margin-left: 12px; + padding-left: 9px; +} + +.m_highlighted_next_game_info_wrapper { + display: table-row; + font-size: x-small; + /*ini jmc*/ + /*fin jmc*/ +} +.m_highlighted_next_game_info_wrapper > * { + display: table-cell; + border-left: 1px solid #cccccc; + font-size: 1.1em; + min-height: 20px; + vertical-align: middle; +} +.m_highlighted_next_game_info_wrapper > *:first-child { + border-left: 0; +} +.m_highlighted_next_game_info_wrapper p { + /* font-weight: normal; min-width: 249px; jmc */ + padding-left: 12px; + padding-right: 9px; +} +.m_highlighted_next_game_info_wrapper p.m_highlighted_next_game_channel { + min-width: 249px; + font-weight: normal; +} +.m_highlighted_next_game_info_wrapper p.m_highlighted_next_game_audio { + font-weight: bold; + color: #000000; + min-width: 110px; + margin-top: 15px; +} +.m_highlighted_next_game_info_wrapper time { + width: 56px; + text-align: center; +} +.m_highlighted_next_game_info_wrapper .m_highlighted_weather { + width: 85px; + text-align: center; +} +.m_highlighted_next_game_info_wrapper > a { + min-width: 162px; + text-align: right; + font-weight: bold; + color: #0255a5; + text-decoration: none; + padding-right: 23px; +} + +.m_highlighted_next_game_info_country { + width: 65px; + position: relative; +} +.m_highlighted_next_game_info_country select, .m_highlighted_next_game_info_country .select { + min-width: 100%; +} +.m_highlighted_next_game_info_country:before { + content: ""; + width: 1px; + background: #cccccc; + height: 100%; + display: block; + position: absolute; + top: 0; + left: 12px; +} + +.m_weather { + font-size: x-small; + vertical-align: center; + position: relative; +} + +.m_weather_degrees { + font-size: 1.8em; + font-weight: bold; + position: relative; + top: 3px; + padding-left: 48px; +} + +.m_weather_icon { + width: 37px; + height: 28px; + content: ""; + position: absolute; + bottom: 0; +} + +.m_highlighted_tickets ul { + display: table; + width: 100%; +} +.m_highlighted_tickets li { + display: table-row; + font-size: x-small; +} +.m_highlighted_tickets li > * { + display: table-cell; +} +.m_highlighted_tickets p { + font-size: 1.4em; + font-weight: bold; + color: #999999; + text-transform: uppercase; + padding: 0 11px; +} +.m_highlighted_tickets small { + font-size: .86em; + font-weight: normal; +} +.m_highlighted_tickets strong { + font-size: 2em; + color: #666666; + min-width: 50px; + text-align: left; + padding-right: 11px; + padding-left: 11px; +} +.m_highlighted_tickets a { + margin-left: 11px; + margin-right: 11px; + margin-top: 9px; +} + +.m_highlighted_tickets strong { + font-size: 2.4em; +} +.m_highlighted_tickets strong span { + font-size: .625em; +} + +.m_highlighted_tickets_rel, +small.m_highlighted_tickets_rel, +.m_match_actions_rel { + font-size: 1.1em; + text-transform: uppercase; + margin-top: 14px; +} +.m_highlighted_tickets_rel a, .m_highlighted_tickets_rel, +small.m_highlighted_tickets_rel a, +small.m_highlighted_tickets_rel, +.m_match_actions_rel a, +.m_match_actions_rel { + display: block; +} +.m_highlighted_tickets_rel a, +small.m_highlighted_tickets_rel a, +.m_match_actions_rel a { + color: #0052A5; + text-decoration: none; + margin-top: 0; +} + +.m_match_actions_rel { + margin-right: 23px; + font-size: 1em; + font-weight: bold; +} + +.m_matches_reduced { + padding-top: 10px; +} + +.m_highlighted_tickets ul { + margin-top: 17px; +} +.m_highlighted_tickets ul:first-child { + margin-top: 0; +} + +.m_highlighted_twits ul, .m_highlighted_tweets ul { + list-style: none; +} +.m_highlighted_twits blockquote, .m_highlighted_tweets blockquote { + font-size: 1.2em; +} +.m_highlighted_twits li .m_mod_figcaption, .m_highlighted_tweets li .m_mod_figcaption { + padding-top: 10px; +} +.m_highlighted_twits li > div, .m_highlighted_tweets li > div { + padding-bottom: 16px; +} + +.m_highlighted_twit_title, .m_highlighted_tweets_title { + margin-bottom: 0; + position: relative; + padding-left: 36px; +} +.m_highlighted_twit_title span, .m_highlighted_tweets_title span { + font-size: .92em; + text-transform: none; + color: #333333; + font-weight: bold; +} +.m_highlighted_twit_title:after, .m_highlighted_tweets_title:after { + content: ""; + position: absolute; + top: 12px; + left: 10px; + width: 21px; + height: 17px; + background-repeat: no-repeat; + background-position: left top; +} + +.m_highlighted_tweets .m_mod_twit { + position: relative; + border-top: 1px solid #D9D9D9; +} +.m_highlighted_tweets .m_mod_twit:first-child { + border-top: none; +} + +.m_highlighted_direct_game { + border: 1px solid #D9D9D9; + border-top: none; + background-color: #F6F6F6; +} + +.m_highlighted_direct_game_actions, .m_highlighted_summary_game_actions { + position: relative; +} +.m_highlighted_direct_game_actions .m_share, .m_highlighted_summary_game_actions .m_share { + float: left; +} +.m_highlighted_direct_game_actions div + a, .m_highlighted_summary_game_actions div + a { + float: right; + font-size: 1.1em; + font-weight: bold; + text-transform: uppercase; + text-decoration: none; + color: #0255a5; + margin-right: 10px; + margin-top: 23px; +} + +.m_highlighted_summary_game { + position: relative; +} + +.m_highlighted_summary_game_title { + text-transform: uppercase; +} + +.m_highlighted_next_game_audio { + text-transform: uppercase; + font-weight: bold; + /* max-width:10%; */ +} + +.m_highlighted_summary_game_actions { + width: 100%; + position: absolute; + left: 0; + bottom: 10px; + bottom: 0; +} + +.m_results_table { + width: 100%; + border-collapse: collapse; + font-size: x-small; +} +.m_results_table thead td { + font-family: Arial, sans-serif; +} +.m_results_table td, .m_results_table th { + text-align: center; +} +.m_results_table th, .m_results_table thead td { + font-size: 1.2em; + color: #767676; +} +.m_results_table th { + font-weight: normal; + height: 23px; + padding-top: 20px; + border-left: 1px solid #d9d9d9; + vertical-align: top; + background-color: white; + position: relative; +} +.m_results_table th:after { + content: ""; + display: block; + height: 20px; + position: absolute; + width: 1px; + background-color: white; + top: 0; + left: -1px; +} +.m_results_table th:first-child { + border-left: none; + position: static; +} +.m_results_table th:first-child:after { + display: none; +} +.m_results_table td { + border-top: 1px solid #d9d9d9; + border-left: 1px solid #d9d9d9; + background-color: #F6F6F6; + font-size: 1.6em; + height: 43px; + vertical-align: middle; + color: #767676; +} +.m_results_table tbody tr:nth-child(2n+2) td { + background-color: #FBFBFB; +} +.m_results_table tbody tr:first-child { + border-top: 1px solid #d9d9d9; +} +.m_results_table tbody tr:first-child tr { + border-top: none; +} +.m_results_table td:first-child { + border-left: none; +} +.m_results_table tbody td:first-child { + color: black; +} +.m_results_table td, .m_results_table th { + width: 35px; +} +.m_results_table td:first-child, .m_results_table th:first-child { + width: 42px; +} + +.m_results_table_simple { + border: 1px solid #D0D0D0; +} +.m_results_table_simple tbody td, .m_results_table_simple tbody tr:nth-child(2n+2) td { + background-color: white; +} +.m_results_table_simple tbody td { + color: #999999 !important; + font-size: 1.4em; +} +.m_results_table_simple .m_results_table_options { + white-space: nowrap; + text-align: left; +} +.m_results_table_simple th { + font-size: 1.3em; + color: #333333; + text-transform: uppercase; + padding-top: 10px; +} +.m_results_table_simple th:after { + display: none; +} + +.m_results_table_options .radio, .m_results_table_options .checkbox { + position: absolute; + left: 9px; + top: 2px; +} +.m_results_table_options > * { + position: relative; + padding-left: 35px; +} + +.m_results_ok td:first-child { + border-left: 2px solid #0099ff; +} + +.m_results_warning td:first-child { + border-left: 2px solid #fdbd0f; +} + +.m_results_ko td:first-child { + border-left: 2px solid #ff0000; +} + +.m_results_table_champions { + border-bottom: 1px solid #D9D9D9; +} +.m_results_table_champions th { + border-top: 1px solid #D9D9D9; +} + +.m_results_table_plain th { + background-color: #F6F6F6; +} + +.m_results_grouped_header, td.m_results_grouped_header { + border-left: none; +} + +.m_results_table_reduced td { + background-color: #f6f6f6 !important; + font-size: 1.5em; +} +.m_results_table_reduced th.m_results_table_team_header, .m_results_table_reduced td.m_results_table_team { + min-width: 0; +} + +th.m_results_table_team_header, td.m_results_table_team { + text-align: left; + padding-left: 16px; + padding-right: 16px; + font-family: Arial, sans-serif; + font-size: 1.2em; + width: auto; + white-space: nowrap; + min-width: 146px; +} +th.m_results_table_team_header img, td.m_results_table_team img { + max-width: 23px; + vertical-align: middle; + margin-right: 8px; +} + +td.m_results_table_team { + color: black; +} +td.m_results_table_team + td { + color: black; +} + +.m_matches_calendar_form { + position: relative; +} +.m_matches_calendar_form:before { + -webkit-transition: opacity 250ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: opacity 250ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: opacity 250ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: opacity 250ms cubic-bezier(0.19, 1, 0.22, 1); + transition: opacity 250ms cubic-bezier(0.19, 1, 0.22, 1); + position: absolute; + opacity: 0; + z-index: 3; + display: block; + content: ""; +} +.m_matches_calendar_form.loading:before { + background: white url("../images/backgrounds/spinner.gif") no-repeat center center; + top: 0; + left: 0; + right: 0; + bottom: 0; + opacity: 0.5; +} +.m_matches_calendar_form .m_matches_table .m_warning { + margin: 15px 15px 0 15px; +} + +.m_results_table_simple { + border: 1px solid #D0D0D0; +} +.m_results_table_simple .m_results_table_options { + font-size: x-small; + text-align: left; + white-space: nowrap; +} +.m_results_table_simple .m_results_table_options div { + padding-right: 9px; +} +.m_results_table_simple .m_results_table_options label { + font-size: 1.2em; +} +.m_results_table_simple td, .m_results_table_simple td.m_results_table_team + td { + font-size: 1.4em; + color: #999999; +} +.m_results_table_simple tbody td:first-child { + color: #999999; +} +.m_results_table_simple th:after { + display: none; +} +.m_results_table_simple th { + color: black; + font-family: 'Oswald', sans-serif; + font-weight: normal !important; + font-style: normal !important; + position: static; +} +.m_results_table_simple tbody td { + background-color: white; +} + +.m_position_table { + font-size: x-small; + background-color: #F6F6F6; + border: 1px solid #D9D9D9; + border-collapse: collapse; +} +.m_position_table td, .m_position_table th { + vertical-align: top; + text-align: center; +} +.m_position_table > thead span { + display: none; +} +.m_position_table > thead th { + height: 19px; +} +.m_position_table > tbody > tr > td { + padding-top: 17px; + padding-bottom: 17px; +} +.m_position_table > tbody > tr + tr > td { + border-top: 1px solid #d9d9d9; +} +.m_position_table [data-header]:before { + content: attr(data-header); + font-family: Arial, sans-serif; + display: block; + font-size: .40em; + color: #767676; + text-align: center; +} +.m_position_table tr + tr [data-header]:before { + display: none; +} +.m_position_table [data-team]:before { + content: attr(data-team); + display: block; + font-family: Arial, sans-serif; + font-size: 1.4em; + color: #333333; + text-align: left; + font-weight: bold; + margin-bottom: 6px; + margin-left: 4px; +} +.m_position_table tfoot td { + font-size: x-small; + text-align: right; + padding: 23px 26px 15px; +} +.m_position_table tfoot td a { + font-weight: bold; + text-transform: uppercase; + text-decoration: none; + color: #0255a5; +} + +.m_position_stats_table { + font-size: x-small; + width: 100%; + color: #767676; +} +.m_position_stats_table th { + font-size: 1.2em; + font-weight: normal; +} +.m_position_stats_table td { + color: #767676; + font-weight: bold; + font-size: 1.4em; + min-width: 22px; +} + +.m_position_stats { + padding-right: 23px; +} + +.m_position_table_team { + padding-left: 15px; + padding-right: 11px; +} + +.m_position_table_pos { + font-size: 3em; + border-right: 1px solid #D9D9D9; +} + +.m_calendar_reduced { + font-size: x-small; +} +.m_calendar_reduced ul { + list-style: none; +} +.m_calendar_reduced li { + border: 1px solid #D9D9D9; +} +.m_calendar_reduced li + li { + border-top: none; +} +.m_calendar_reduced > a { + display: block; + font-size: 1em; + text-transform: uppercase; + text-align: right; + text-decoration: none; + color: #0255a5; + background-color: white; + border: 1px solid #d9d9d9; + border-top: none; + font-weight: bold; + padding: 15px 16px; +} + +.m_calendar_reduced_table { + background-color: #F6F6F6; + border-collapse: collapse; + width: 100%; +} +.m_calendar_reduced_table thead { + display: none; +} +.m_calendar_reduced_table td { + font-size: 1.2em; + width: 44%; + position: relative; + padding: 8px 0 6px 39px; + height: 30px; +} +.m_calendar_reduced_table td > * { + vertical-align: middle; +} +.m_calendar_reduced_table img { + width: auto; + height: 30px; + vertical-align: middle; + margin-right: 9px; + position: absolute; + left: 0; + top: 50%; + margin-top: -15px; +} +.m_calendar_reduced_table td:first-child { + text-align: right; + padding: 8px 39px 6px 0; +} +.m_calendar_reduced_table td:first-child img { + margin-right: 0; + margin-left: 9px; + right: 0; + left: auto; +} +.m_calendar_reduced_table .m_calendar_reduced_goals { + font-size: 1.5em; + width: 12%; + padding: 0 6px; + white-space: nowrap; + text-align: center; +} +.m_calendar_reduced_table tr + tr td { + border-top: 1px solid #D9D9D9; +} + +.m_calendar_reduced_title { + border-bottom: 1px solid #D9D9D9; + display: block; + font-size: 1.3em; + color: #666666; + padding: 16px 15px 11px; + font-weight: normal; +} + +.m_poll .m_images_slider_viewport { + border-bottom: none; +} +.m_poll .m_images_slider { + margin-bottom: 0; +} +.m_poll [data-next], .m_poll [data-prev] { + bottom: 0; +} + +.m_poll_selection { + border: 1px solid #d9d9d9; + border-top: 0; +} + +.m_poll_actions { + float: right; + width: 23%; + padding: 10px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.m_poll_actions a { + display: block; + text-align: center; +} + +.m_poll_console { + font-size: x-small; + float: left; + width: 67%; + display: table; +} +.m_poll_console > * { + font-size: 1.3em; + display: table-cell; + padding-top: 22px; + padding-bottom: 22px; + vertical-align: top; +} + +.m_poll_console_title { + width: 120px; + color: black; + padding-left: 12px; +} + +.m_poll_console_options { + color: #767676; + list-style: none; + padding-bottom: 17px; +} + +.m_poll_selected { + border-left: 1px solid #D9D9D9; + margin-left: 14px; + float: left; + margin-bottom: 5px; +} +.m_poll_selected label { + background-position: right center; + background-repeat: no-repeat; + display: block; + padding-right: 23px; + padding-left: 16px; +} + +.m_poll_selected:first-child { + margin-left: 0; + border-left: none; +} + +.m_poll_current_title { + display: block; + margin-bottom: 25px; + color: #595959; + font-size: 1.6em; + font-weight: normal; + text-transform: uppercase; +} +.m_poll_current_title small { + text-transform: none; + margin-left: 10px; +} +.m_poll_current_title a { + color: #0255a5; + text-decoration: none; +} + +.m_poll_current { + width: 66.66667%; + *width: 66.66567%; +} + +.m_poll_related { + padding-left: 10px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 33.33333%; + *width: 33.33233%; +} +.m_poll_related ul { + position: relative; + width: 100%; + display: table; + border-collapse: collapse; + background-color: #F6F6F6; + border: 1px solid #D9D9D9; + border-bottom: none; +} +.m_poll_related ul:after { + content: ""; + position: absolute; + top: 10px; + bottom: 10px; + right: 100px; + width: 1px; + background-color: #D9D9D9; + position: absolute; +} + +.m_poll_related_title { + display: block; + font-size: 1.4em; + font-weight: normal; + color: #666666; + margin-bottom: 25px; +} + +.m_poll_related_item { + display: table-row; + border-bottom: 1px solid #D9D9D9; +} +.m_poll_related_item img, .m_poll_related_item strong, .m_poll_related_item span { + display: table-cell; + vertical-align: top; +} +.m_poll_related_item strong { + font-weight: normal; + width: 112px; + padding: 12px; + font-size: 1.3em; + text-transform: uppercase; + color: #666666; + line-height: 14px; + vertical-align: middle; +} +.m_poll_related_item span { + width: 100px; + vertical-align: middle; + text-align: center; + font-size: 1.4em; +} + +.m_poll_results_list li { + float: left; + list-style: none; + margin-left: 12px; + max-width: 114px; +} +.m_poll_results_list li:first-child { + margin-left: 0; +} + +.m_poll_result { + position: relative; + border: 1px solid #D9D9D9; + border-top: none; + padding: 8px 0; + background-color: #fff; +} +.m_poll_result strong { + position: relative; + z-index: 2; + display: block; + text-align: center; + font-size: 1.9em; + color: #000; + min-width: 112px; +} +.m_poll_result small { + display: block; + font-size: .6em; + color: #666666; +} +.m_poll_result span { + position: absolute; + z-index: 1; + top: 0; + bottom: 0; + background-color: #E6E6E6; +} + +.m_teams_stats { + font-size: x-small; +} +.m_teams_stats:before, .m_teams_stats:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.m_teams_stats:after { + clear: both; +} +.m_teams_stats { + zoom: 1; +} + +.m_teams_stats_title { + font-size: 2em; + text-align: center; + font-style: normal; + font-weight: normal; + display: block; + color: #666666; + margin-bottom: 61px; + text-transform: uppercase; +} + +.m_teams_stats_list { + display: table; + width: 100%; + text-align: center; +} +.m_teams_stats_list li { + display: table-cell; + position: relative; + padding-bottom: 12px; + width: 160px; + border-left: 1px solid #cccccc; +} +.m_teams_stats_list p { + position: relative; + padding-top: 76px; +} +.m_teams_stats_list li:first-child { + border-left: none; +} +.m_teams_stats_list span { + color: #cccccc; + font-size: 5em; + display: block; + height: 76px; + position: absolute; + top: 0; + left: 0; + right: 0; +} +.m_teams_stats_list dfn { + color: #666666; + font-style: normal; + font-size: 1.3em; +} + +.m_position_stats_table { + width: auto; +} +.m_position_stats_table td, .m_position_stats_table th { + width: 30px; +} + +.m_teams_stats_filter { + overflow: hidden; + margin-bottom: 45px; +} + +.m_teams_stats_filter_selection { + float: left; + margin-left: 20px; +} +.m_teams_stats_filter_selection label { + display: none; +} +.m_teams_stats_filter_selection .select_content { + width: 298px; + font-size: 1.3em; +} + +.m_teams_stats_filter_actions { + float: right; +} +.m_teams_stats_filter_actions > * { + padding: 5px 10px; +} +.m_teams_stats_filter_actions label { + font-size: 1.1em; + color: #0255a5; + text-decoration: none; + text-transform: uppercase; +} +.m_teams_stats_filter_actions label.active { + border: 1px solid #cccccc; + border-radius: 3px; + color: #000; +} +.m_teams_stats_filter_actions span { + display: block; + width: 0; + height: 0; + overflow: hidden; +} + +.m_teams_stats_info { + width: 100%; + border-collapse: collapse; + margin-bottom: 34px; +} +.m_teams_stats_info thead { + border-bottom: 1px solid #e7e7e7; +} +.m_teams_stats_info thead th { + font-size: 12px; + color: #666666; + text-align: left; + text-transform: uppercase; + font-weight: normal; + padding-bottom: 10px; +} +.m_teams_stats_info tr:nth-child(even) { + background-color: #F6F6F6; +} +.m_teams_stats_info td { + padding: 7px; + border-bottom: 1px solid #e7e7e7; + font-size: 1.4em; + color: #666666; +} +.m_teams_stats_info td + td { + font-size: 1.8em; + text-align: left; + width: 15%; +} + +.m_teams_stats_action { + font-size: 1.2em; + text-transform: uppercase; + text-align: center; +} +.m_teams_stats_action a { + color: #0255a5; + font-weight: bold; + text-decoration: none; + font-size: .9em; +} +.m_teams_stats_action .btn_show:after { + display: block; + width: 100%; + margin-left: 0; + margin-top: 5px; + background-position: center top; +} + +.m_teams_stats_list + [data-collapsable] { + margin-top: 34px; +} + +.m_teams_stats_wrapper { + overflow: hidden; + -webkit-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); +} + +.m_direct_info_match { + background-color: #F0F0F0; + border: 1px solid #D9D9D9; +} +.m_direct_info_match > div { + float: left; + width: 50%; +} +.m_direct_info_match .o_commentary { + height: 590px; + overflow-y: auto; +} +.m_direct_info_match .o_commentary .opta-widget-container { + margin-bottom: 0; +} +.m_direct_info_match .o_commentary .opta-widget-container .commentary { + border: none; + border-right: 1px solid #D9D9D9; + margin-bottom: 0; +} +.m_direct_info_match .o_commentary .opta-widget-container li:last-child { + border-bottom: none; +} +.m_direct_info_match .m_highlighted_aside_section_title { + margin-bottom: 0; +} + +.m_cronica_partido { + background-color: #F0F0F0; + border: 1px solid #D9D9D9; +} +.m_cronica_partido > div { + width: 100%; +} +.m_cronica_partido .o_commentary { + height: 590px; + overflow-y: auto; +} +.m_cronica_partido .o_commentary .opta-widget-container { + margin-bottom: 0; +} +.m_cronica_partido .o_commentary .opta-widget-container .commentary { + border: none; + border-right: 1px solid #D9D9D9; + margin-bottom: 0; +} +.m_cronica_partido .o_commentary .opta-widget-container li:last-child { + border-bottom: none; +} +.m_cronica_partido .m_highlighted_aside_section_title { + margin-bottom: 0; +} + +.m_players_list { + list-style: none; +} +.m_players_list > li > * { + margin-left: 10px; + margin-right: 10px; +} +.m_players_list > li { + margin-bottom: 20px; +} + +.m_warning { + background: #F8EE98; + font-size: x-small; + color: #797979; + padding: 13px 15px 14px; +} +.m_warning > * { + font-size: 1.1em; +} +.m_warning > a, .m_warning strong { + font-size: 1.09em; +} +.m_warning strong { + font-weight: normal; + color: #9F9000; +} +.m_warning a { + color: #999999; + text-decoration: none; + display: block; + margin-top: 7px; +} + +.m_tickets_map { + position: relative; +} +.m_tickets_map .m_map { + height: 450px; +} + +.m_tickets_map_actions { + position: absolute; + left: 50%; + margin-left: -470px; + top: 50px; + z-index: 1; + font-size: x-small; +} +.m_tickets_map_actions p { + font-size: 4em; + text-transform: uppercase; + margin-bottom: 7px; + padding-right: 95px; +} +.m_tickets_map_actions strong { + display: block; +} + +.m_tickets_map_info { + bottom: 0; + position: absolute; + left: 0; + right: 0; + background: white; + background: rgba(255, 255, 255, 0.77); + font-size: x-small; +} +.m_tickets_map_info ul { + max-width: 960px; + margin: 0 auto; + display: block; + text-align: justify; + font-size: 0; +} +.m_tickets_map_info ul:after { + width: 100%; + content: ""; + height: 0; +} +.m_tickets_map_info li { + font-size: x-small; + width: 25%; + vertical-align: top; + text-align: left; + padding-top: 31px; + padding-bottom: 13px; +} +.m_tickets_map_info dfn { + font-size: 1.5em; + display: block; + font-style: normal; + text-transform: uppercase; +} +.m_tickets_map_info p { + padding-left: 21px; + padding-right: 57px; +} +.m_tickets_map_info p span { + color: #777777; + font-size: 1.4em; + display: block; +} +.m_tickets_map_info p, .m_tickets_map_info .m_tickets_map_icon { + display: table-cell; + vertical-align: top; +} +.m_tickets_map_info li > div { + display: table; +} +.m_tickets_map_info img { + max-width: none; +} + +.m_tickets_prices { + font-size: x-small; +} +.m_tickets_prices ul { + list-style: none; + overflow: hidden; + margin-bottom: 14px; + text-align: justify; +} +.m_tickets_prices ul:after { + content: ""; + display: inline-block; + width: 100%; + height: 0; +} +.m_tickets_prices li { + min-width: 140px; + display: inline-block; + padding-left: 10px; + padding-bottom: 30px; + border-left: 1px solid #D9D9D9; +} +.m_tickets_prices li:first-child { + border: none; + padding-left: 0; +} +.m_tickets_prices p { + font-size: 1.3em; + color: #666666; +} +.m_tickets_prices dfn { + display: block; + margin-bottom: 3px; + font-size: 1.1em; + font-style: normal; + font-weight: bold; + text-transform: uppercase; + color: #333333; +} +.m_tickets_prices img { + margin: 0 auto; +} + +.m_info { + font-size: x-small; +} + +.m_info_tickets { + font-size: x-small; + font-size: 1.3em; +} + +.m_info_tickets_table { + width: 100%; + table-layout: fixed; + border-collapse: collapse; + border: 1px solid #D9D9D9; +} +.m_info_tickets_table th { + text-transform: uppercase; + text-align: left; +} +.m_info_tickets_table tr > * { + padding: 10px; + border: 1px solid #D9D9D9; +} +.m_info_tickets_table thead th { + background-color: #fff; + color: #333333; +} +.m_info_tickets_table tbody th { + background-color: #F6F6F6; + color: #999999; +} +.m_info_tickets_table tbody td { + color: #666666; +} +.m_info_tickets_table tbody td strong { + color: #999999; +} +.m_info_tickets_table .zones { + width: 140px; +} + +.m_total_price { + font-size: x-small; + padding-top: 18px; + border-top: 6px solid #D9D9D9; + overflow: hidden; +} +.m_total_price span { + font-size: 1.8em; + color: #333333; + float: left; +} +.m_total_price strong { + float: right; + font-size: 2.4em; + color: #666666; +} +.m_total_price strong small { + font-size: .5em; + margin-right: 4px; + font-weight: normal; + vertical-align: middle; +} +.m_total_price strong:after { + content: attr(data-simbol); + font-size: .6em; +} +.m_total_price .m_total_price_sum { + float: none; + font-size: 1em; + color: #666666; +} + +.m_combined_ticket { + font-size: x-small; +} + +.m_combined_ticket_img { + border: 1px solid #d9d9d9; + border-bottom: none; +} +.m_combined_ticket_img img { + margin: 0 auto; +} + +.m_combined_ticket_table { + border-collapse: collapse; + width: 100%; + border: 1px solid #d9d9d9; +} +.m_combined_ticket_table thead { + display: none; +} +.m_combined_ticket_table select, .m_combined_ticket_table .select { + text-align: left; + width: 43px; + min-width: 0; +} +.m_combined_ticket_table td { + height: 50px; +} +.m_combined_ticket_table tr + tr td { + border-top: 1px solid #d9d9d9; +} + +.m_combined_ticket_table_check { + width: 36px; + text-align: center; +} + +.m_combined_ticket_table_price { + width: 55px; + text-align: right; + font-size: 1.6em; + font-weight: bold; + color: #666666; + padding-right: 10px; + padding-left: 10px; +} +.m_combined_ticket_table_price span { + font-size: 0.9em; +} +.m_combined_ticket_table_price strong { + font-size: 1.4em; +} + +.m_combined_ticket_table_quantity { + white-space: nowrap; + font-size: 1.3em; + color: #666666; + text-align: right; + width: 70px; +} +.m_combined_ticket_table_quantity > * { + display: -moz-inline-stack; + display: inline-block; + *display: inline; + zoom: 1; + vertical-align: middle; + visibility: hidden; +} +.m_combined_ticket_table_quantity .select { + font-size: x-small; +} +.m_combined_ticket_table_quantity .select select { + top: 0; +} + +.m_combined_ticket_table_quantity_active > * { + visibility: visible; +} + +.m_combined_ticket_table_description { + font-size: 1.2em; + color: #666666; +} +.m_combined_ticket_table_description small { + font-size: 1em; + display: block; +} + +.m_combined_ticket_table_type { + padding-left: 10px; + padding-right: 10px; + font-size: 1.4em; + color: #666666; + text-transform: uppercase; + border-right: 1px solid #D9D9D9; +} + +.m_combined_ticket_title { + font-size: 1.4em; + color: #333333; + text-transform: uppercase; + font-weight: normal; + margin-bottom: 17px; + display: block; +} + +.m_tickets_slider .m_slider_pagination { + height: 0; + padding: 0; + overflow: visible; + position: relative; + z-index: 1; +} +.m_tickets_slider .swiper-visible-switch { + margin-top: 18px; +} + +.m_tickets_slider_purchase { + position: relative; + border: 1px solid #D9D9D9; + border-top: none; + min-height: 38px; + margin-left: 10px; + margin-right: 10px; + /* jmc padding-bottom: 15px; */ + padding-bottom: 30px; + padding-top: 9px; + /*ini jmc*/ + /*fin jmc*/ + /*entrada electrónica*/ +} +.m_tickets_slider_purchase:before, .m_tickets_slider_purchase:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.m_tickets_slider_purchase:after { + clear: both; +} +.m_tickets_slider_purchase { + zoom: 1; +} +.m_tickets_slider_purchase .m_highlighted_tickets { + float: right; + width: 288px; +} +.m_tickets_slider_purchase .m_share { + position: absolute; + bottom: 5px; + left: 5px; +} +.m_tickets_slider_purchase .m_share.m_share_inline { + display: flex; +} +.m_tickets_slider_purchase .m_warning { + max-width: 64%; + float: left; + padding: 8px 15px 14px; + margin: 26px 0 21px 5px; + /* color: #777777; */ +} +.m_tickets_slider_purchase .m_warning strong { + color: #777777; +} +.m_tickets_slider_purchase .m_warning strong strong { + color: #777777; + font-weight: bold; +} +.m_tickets_slider_purchase h2 { + font-size: 1.8em; + color: #424242; + text-transform: uppercase; + font-weight: normal; + padding-left: 20px; +} + +.m_tickets_slider_simple .swiper-visible-switch { + margin-top: 30px; +} +.m_tickets_slider_simple .m_tickets_slider_purchase { + margin: 0; + padding-top: 19px; + padding-bottom: 0; + border: none; +} +.m_tickets_slider_simple .m_share { + bottom: 0; + left: 0; +} +.m_tickets_slider_simple .m_highlighted_tickets { + width: auto; + min-width: 191px; +} +.m_tickets_slider_simple .m_highlighted_tickets a { + margin: 0; +} + +.m_tickets_slider_purchase_extended { + padding-top: 55px; +} +.m_tickets_slider_purchase_extended .m_share { + bottom: auto; + top: 0; +} +.m_tickets_slider_purchase_extended .practical_info_row { + width: 65%; + float: left; +} +.m_tickets_slider_purchase_extended .m_highlighted_tickets { + width: 35%; + float: right; +} +.m_tickets_slider_purchase_extended .practical_info_row .col, .m_tickets_slider_purchase_extended .practical_info_row .m_poll_current, .m_tickets_slider_purchase_extended .practical_info_row .m_poll_related { + width: 25%; +} +.m_tickets_slider_purchase_extended .practical_info_row .practical_info_big_col { + width: 50%; +} +.m_tickets_slider_purchase_extended .practical_info_row .m_header { + margin-bottom: 0; +} +.m_tickets_slider_purchase_extended .practical_info_row .m_text_content p { + margin-bottom: 10px; +} + +.m_personal_info { + font-size: x-small; + border: 1px solid #d9d9d9; + padding: 13px 15px; + box-shadow: 0px 0px 2px 1px #e5e5e5; + background: white; +} +.m_personal_info .m_header { + color: #333333; + margin-bottom: 6px; +} +.m_personal_info .m_text_content { + margin-bottom: 0; +} + +.m_personal_info_telephone { + font-size: 2.4em; + margin-bottom: 5px; +} + +.m_search_results { + position: relative; + border: 1px solid #D9D9D9; + background-color: #fff; +} +.m_search_results .m_paginator { + margin-top: 10px; + margin-bottom: 20px; +} + +.m_search_results_header { + padding-top: 10px; + font-size: 0; + border-bottom: 1px solid #D9D9D9; + background-color: #F0F0F0; +} +.m_search_results_header legend { + display: none; +} +.m_search_results_header span { + width: 0; + height: 0; + overflow: hidden; + display: block; +} +.m_search_results_header legend + p { + margin-left: 10px; +} +.m_search_results_header label { + position: relative; + padding: 14px 18px; + display: block; + font-size: 13px; + text-transform: uppercase; + font-weight: bold; + color: #A3A3A3; + top: 1px; +} +.m_search_results_header label.active { + background-color: #fff; + border: 1px solid #D9D9D9; + border-bottom: none; + color: #000; +} + +.m_search_results_actions { + position: absolute; + top: 10px; + right: 10px; + font-size: 0; +} +.m_search_results_actions a { + width: 34px; + height: 32px; + font-size: 12px; + background-repeat: no-repeat; + background-position: center; + text-indent: -9999px; + margin-left: 5px; + border: 1px solid #F0F0F0; +} +.m_search_results_actions a.active { + background-color: #fff; + border: 1px solid #D9D9D9; +} + +.m_search_results_filter { + margin: 20px 0; + display: block; + overflow: hidden; +} +.m_search_results_filter legend { + float: left; + padding-top: 11px; + margin: 0 10px; + font-size: 1.1em; + font-weight: bold; + color: #666666; + text-transform: uppercase; +} +.m_search_results_filter p, .m_search_results_filter label, .m_search_results_filter span { + vertical-align: middle; +} +.m_search_results_filter label { + font-size: 1.1em; + font-weight: bold; + color: #666666; + margin-right: 10px; + text-transform: uppercase; +} +.m_search_results_filter .accessible { + display: none; +} +.m_search_results_filter .select_content { + width: 128px; + margin-right: 6px; +} + +.m_search_results_filter_order label { + color: #0255a5; +} +.m_search_results_filter_order span { + width: 0; + height: 0; + overflow: hidden; +} +.m_search_results_filter_order.active label { + color: #000; + border-bottom: 1px solid #666666; +} + +.m_search_results_content { + border-bottom: 10px solid #F0F0F0; + text-align: center; +} +.m_search_results_content > ul { + list-style: none; + text-align: left; +} +.m_search_results_content > ul > li { + margin-bottom: 10px; +} +.m_search_results_content > ul > li > * { + margin-left: 10px; + margin-right: 10px; +} + +.m_search_results_as_list .col, .m_search_results_as_list .m_poll_current, .m_search_results_as_list .m_poll_related { + float: none; + width: 100% !important; +} +.m_search_results_as_list .m_highlight, .m_search_results_as_list .m_store { + height: auto !important; +} + +.m_player_bio { + position: relative; + overflow: hidden; +} +.m_player_bio img { + height: auto; + width: 100%; +} + +.m_player_bio_tools { + position: absolute; + bottom: 36px; +} + +.m_player_bio_data_wrapper { + position: absolute; + left: 0; + right: 0; + bottom: 0; + background-color: #0255A5; + background-color: rgba(2, 85, 165, 0.9); + z-index: 1; +} + +.m_player_bio_data { + max-width: 960px; +} +.m_player_bio_data:before, .m_player_bio_data:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.m_player_bio_data:after { + clear: both; +} +.m_player_bio_data { + zoom: 1; +} +.m_player_bio_data .m_social_profile_btn { + background-color: transparent; + margin-right: 2px; +} +.m_player_bio_data dl { + display: table; + border-collapse: collapse; +} +.m_player_bio_data dd { + display: table-cell; + font-size: 1.5em; + color: white; + border-left: 1px solid #0075E8; + padding: 0 11px; + vertical-align: middle; +} +.m_player_bio_data dd:before { + margin-bottom: 4px; + font-weight: normal; + content: attr(data-dfn); + display: block; + color: #999999; + font-size: .75em; +} +.m_player_bio_data dt:first-child + dd { + border-left: none; +} +.m_player_bio_data dt { + display: none; +} + +.m_player_bio_list { + float: left; + font-size: x-small; + padding-top: 25px; + padding-bottom: 25px; + max-width: 60%; + float: left; + max-width: 60%; +} + +.m_player_bio_weight { + width: 43px; +} + +.m_player_bio_birthday { + width: 122px; +} + +.m_player_bio_birthplace { + min-width: 132px; +} + +.m_player_bio_position { + width: 63px; +} + +.m_player_bio_social { + width: 40%; + float: right; + font-size: x-small; + text-align: right; + padding-top: 13px; + padding-bottom: 18px; +} +.m_player_bio_social small { + color: white; + font-size: 1.2em; + margin-right: 18px; + max-width: 120px; +} +.m_player_bio_social > * { + vertical-align: middle; +} + +.m_player_bio_social_accounts { + padding-right: 6px; +} + +.m_player_bio_basic_info_wrapper { + position: relative; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000); + background-color: rgba(0, 0, 0, 0.7); + margin-right: 90px; + right: 50%; + margin-bottom: 85px; + min-height: 315px; +} +.m_player_bio_basic_info_wrapper:before, .m_player_bio_basic_info_wrapper:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.m_player_bio_basic_info_wrapper:after { + clear: both; +} +.m_player_bio_basic_info_wrapper { + zoom: 1; +} + +.m_player_bio_basic_info { + font-size: x-small; + color: white; + text-transform: uppercase; + padding-top: 40px; + max-width: 390px; + margin-left: auto; +} +.m_player_bio_basic_info > * { + font-size: 5.6em; + margin-left: 16px; +} +.m_player_bio_basic_info > h1, .m_player_bio_basic_info > span { + display: block; + line-height: 0.96em; + font-weight: normal; +} +.m_player_bio_basic_info > h1 strong, .m_player_bio_basic_info > span strong { + display: block; + font-size: 24px; + line-height: 35px; +} +.m_player_bio_basic_info .m_breadcrumb_items { + text-transform: none; +} + +.m_player_bio_basic_info_position { + display: block; + margin-bottom: 48px; +} + +.m_conditions { + border: 1px solid #D0D0D0; +} +.m_conditions .m_text_content { + margin-bottom: 0; +} + +.m_player_bio_banner .m_player_bio_data { + max-width: 960px; + margin: 0 auto; + min-height: 85px; +} +.m_player_bio_banner img { + max-width: none; + min-width: 1500px; + left: 50%; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); + -ms-transform: translateX(0%); + width: auto; + min-height: 100%; +} + +.m_player_bio_main img { + position: absolute; +} + +.m_player_bio_simple { + background-color: #e4e5e0; +} +.m_player_bio_simple img { + width: auto; + height: auto; + left: auto; + right: 10px; + bottom: 0; + margin-left: 0; + position: absolute; +} +.m_player_bio_simple .m_player_bio_data dd { + border-left: 1px solid #0075E8; +} +.m_player_bio_simple .m_player_bio_basic_info_wrapper { + background: none; +} +.m_player_bio_simple .m_player_bio_main_wrapper { + background: transparent url("../images/backgrounds/cantera_header_bg.png") no-repeat 403px bottom; + max-width: 960px; + left: 0; + right: 0; + bottom: 0; + top: 0; + position: absolute; +} +.m_player_bio_simple .m_player_bio_main_wrapper img { + right: 0; + bottom: 0; + min-width: 0; + -webkit-transform: none; + -moz-transform: none; + -ms-transform: none; + -o-transform: none; + transform: none; + min-height: 0; +} +.m_player_bio_simple .m_player_bio_basic_info { + color: black; +} +.m_player_bio_simple .m_player_bio_basic_info > * { + font-size: 5em; +} +.m_player_bio_simple .m_main_header_breadcrumb { + margin-left: 0; +} +.m_player_bio_simple .m_player_bio_basic_info > h1 strong { + line-height: normal; +} +.m_player_bio_simple .m_player_bio_basic_info_position { + margin-bottom: 34px; +} +.m_player_bio_simple .m_player_bio_tools { + position: static; + margin-bottom: 31px; +} + +.m_player_bio_main_wrapper { + max-width: 960px; + margin: 0 auto; + position: relative; + min-height: 468px; +} + +.m_tv_schedule { + border: 1px solid #D9D9D9; +} + +.m_tv_schedule_header { + padding-top: 10px; + font-size: 0; + border-bottom: 1px solid #D9D9D9; + background-color: #F0F0F0; + list-style: none; +} +.m_tv_schedule_header li:first-child { + margin-left: 10px; +} +.m_tv_schedule_header a { + position: relative; + padding: 13px 10px; + margin-right: 20px; + display: block; + font-size: 12px; + text-transform: uppercase; + text-decoration: none; + font-weight: bold; + color: #A3A3A3; + top: 1px; +} +.m_tv_schedule_header li.active a { + background-color: #fff; + border: 1px solid #D9D9D9; + border-bottom: none; + color: #000; +} + +.m_tv_schedule_content { + position: relative; +} +.m_tv_schedule_content th { + padding: 17px 0; + font-size: 1.1em; + color: #000; + font-weight: bold; + text-transform: uppercase; + text-align: left; +} +.m_tv_schedule_content table { + width: 100%; + border-collapse: collapse; +} +.m_tv_schedule_content .btn_download { + position: absolute; + top: 12px; + right: 10px; +} +.m_tv_schedule_content .m_tv_schedule_hour { + width: 57px; + padding-left: 20px; +} + +.m_tv_schedule_channel { + width: 130px; + display: none; +} + +.m_tv_schedule_description { + width: 392px; +} + +.m_tv_schedule_info { + overflow: hidden; + -webkit-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); +} +.m_tv_schedule_info th { + display: none; +} +.m_tv_schedule_info td { + vertical-align: top; + border-bottom: 1px solid #D9D9D9; +} + +.m_tv_schedule_info_hour { + width: 98px; + text-align: center; + padding-top: 16px; +} +.m_tv_schedule_info_hour strong { + color: #666666; + font-size: 1.6em; +} +.m_tv_schedule_info_hour strong span { + display: block; + font-size: .6em; +} + +.m_tv_schedule_info_channel { + width: 130px; +} + +.m_tv_schedule_info_description { + padding-top: 16px; + width: 392px; + font-size: 1.2em; + color: #000; +} + +.m_tv_schedule_time_day { + padding: 10px 15px 10px 20px; + background-color: #F0F0F0; + border-bottom: 1px solid #D9D9D9; + border-top: 2px solid #0255A5; + overflow: hidden; + text-transform: uppercase; +} +.m_tv_schedule_time_day p { + float: left; + font-size: 1.3em; + color: #666666; +} +.m_tv_schedule_time_day strong { + float: right; + font-weight: normal; +} + +.m_tv_schedule_highlight td { + background-color: #000; + color: #fff; + border-bottom: none; +} +.m_tv_schedule_highlight .m_tv_schedule_info_hour strong { + color: #fff; +} + +.m_video_gallery, .m_photos { + overflow: hidden; + box-shadow: 0px 0px 2px 1px #D9D9D9; +} + +.m_video_gallery_container { + float: left; + width: 75%; + *width: 74.999%; +} +.m_video_gallery_container > * { + margin-right: 10px; +} + +.m_video_gallery_info, .m_video_gallery_list span, .m_widget_gallery_info { + position: absolute; + bottom: 0; + left: 0; + right: 0; + background-color: rgba(1, 4, 1, 0.7); + padding: 10px 20px 10px 47px; + color: #fff; + text-decoration: none; + font-size: 1.3em; + background-repeat: no-repeat; + background-position: 10px 10px; + white-space: normal; + text-align: left; +} +.m_video_gallery_info small, .m_video_gallery_list span small, .m_widget_gallery_info small { + display: block; + margin-top: 2px; +} + +.m_video_gallery_list span { + min-height: 22px; +} + +.m_widget_gallery_info { + padding-left: 12px; + background-image: none; +} +.m_widget_gallery_info small { + font-size: .84em; + font-weight: bold; + margin-top: 5px; +} + +.m_video_gallery_list { + float: left; + width: 25%; + *width: 24.999%; +} +.m_video_gallery_list a { + display: block; + text-decoration: none; +} +.m_video_gallery_list li { + position: relative; + list-style: none; +} +.m_video_gallery_list li + li { + margin-top: 8px; +} +.m_video_gallery_list li.active span { + background-color: rgba(255, 255, 255, 0.7); + color: #000; +} + +.m_video_gallery_text { + clear: both; + padding: 20px 50px 10px 10px; + border-top: none; +} +.m_video_gallery_text p, +.m_video_gallery_text a span { + font-size: 1.4em; + color: #000; + font-weight: bold; + margin-bottom: 30px; + text-decoration: none; +} +.m_video_gallery_text a { + text-decoration: none; +} +.m_video_gallery_text a span { + font-size: 1.2em; +} + +.m_video_gallery_text_rm { + background: url("../images/backgrounds/rm_tv.jpg") no-repeat right center; +} + +.m_video_gallery_description { + float: left; + margin-top: -18px; + color: #0255a5; + font-size: 1.1em; + text-transform: uppercase; + text-decoration: none; +} + +.m_video_gallery_header, .m_photos_header { + background-color: #fff; + padding: 19px 10px 14px 10px; + overflow: hidden; +} +.m_video_gallery_header strong, .m_photos_header strong, .m_video_gallery_header h2, .m_photos_header h2 { + float: left; + font-size: 1.8em; + font-weight: normal; + color: #666666; + text-transform: uppercase; +} + +.m_video_gallery_header_all { + float: right; + color: #0255a5; + font-size: 1.1em; + font-weight: bold; + text-transform: uppercase; + text-decoration: none; +} + +.m_video_gallery_player { + position: relative; + width: auto; + overflow: hidden; + height: 0; + padding-bottom: 60.8571%; +} +.m_video_gallery_player iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.m_video_gallery_current { + overflow: visible; + padding-right: 0; +} +.m_video_gallery_current .m_video_gallery_container { + width: 100%; +} +.m_video_gallery_current .m_video_gallery_container > * { + margin-right: 0; +} + +.m_video_gallery_current_actions h1 { + font-size: 1.7em; + color: #000; + margin-bottom: 20px; +} +.m_video_gallery_current_actions > div { + float: left; +} +.m_video_gallery_current_actions a { + vertical-align: middle; +} +.m_video_gallery_current_actions .m_video_gallery_current_readlater { + float: right; + margin-right: 10px; +} + +.m_highlight_image { + position: relative; +} +.m_highlight_image span { + position: absolute; + bottom: 0; + left: 0; + right: 0; + padding: 30px 22px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7DFFFFFF,endColorstr=#7DFFFFFF); + background-color: rgba(255, 255, 255, 0.49); + font-size: 2.8em; + font-weight: bold; + color: #000; +} + +.m_social_connect { + max-width: 960px; + overflow: hidden; +} +.m_social_connect span { + margin-left: 10px; + padding-top: 54px; + float: left; + font-size: 3.2em; + color: #6C6C6E; +} +.m_social_connect ul { + padding-top: 30px; + padding-bottom: 30px; + float: right; + margin-right: 10px; +} +.m_social_connect li { + margin-left: 30px; +} + +.m_social_connect_facebook a, +.m_social_connect_twitter a, +.m_social_connect_google a, +.m_social_connect_youtube a, +.m_social_connect_flickr a { + display: block; + width: 70px; + height: 70px; + background-repeat: no-repeat; + background-position: left top; +} + +.m_highlights_upload_header { + overflow: hidden; +} +.m_highlights_upload_header p { + float: left; + max-width: 560px; + color: #666666; +} +.m_highlights_upload_header p strong { + display: block; + text-transform: uppercase; + font-size: 1.5em; + font-weight: normal; + margin-bottom: 6px; +} +.m_highlights_upload_header p a { + color: #003F92; + font-size: .7em; + text-decoration: none; +} +.m_highlights_upload_header p span { + font-size: 1.4em; +} +.m_highlights_upload_header button { + display: none; +} + +.m_highlights_upload_header_btn { + float: right; +} +.m_highlights_upload_header_btn label { + display: none; +} +.m_highlights_upload_header_btn a { + font-size: 1.1em; + font-weight: bold; + margin-right: 8px; + text-decoration: none; + text-transform: uppercase; + color: #0255a5; +} + +.m_highlights_upload_content { + background-color: transparent; + position: relative; + margin-top: 20px; + margin-left: 0; + margin-right: 0; +} +.m_highlights_upload_content li { + white-space: normal; + font-size: 0; + text-align: left; +} +.m_highlights_upload_content img { + max-width: none; + width: 16.56%; + margin-right: 1px; + margin-bottom: 1px; +} +.m_highlights_upload_content .slider_btn_next, +.m_highlights_upload_content .slider_btn_prev { + position: absolute; + top: 50%; + margin-top: -21px; + width: 22px; + height: 42px; + text-align: left; +} +.m_highlights_upload_content .slider_btn_prev { + left: -28px; +} +.m_highlights_upload_content .slider_btn_next { + right: -28px; +} + +.m_filter_videos, .m_filter_offers { + border: 1px solid #D9D9D9; + background-color: #F6F6F6; +} + +.m_filter_videos_header, .m_filter_offers_header { + overflow: hidden; + padding: 15px; + font-size: 1.2em; + text-transform: uppercase; +} +.m_filter_videos_header strong, .m_filter_offers_header strong { + float: left; + color: #333333; +} +.m_filter_videos_header a, .m_filter_offers_header a { + float: right; +} + +.m_filter_videos_header .btn_show, .m_filter_offers_header .btn_show { + font-size: 1em; + color: #666666; +} + +.m_filter_videos_content [data-filter-category], .m_filter_offers_content [data-filter-category], .m_filter_videos_content [data-filter-category] .checkbox, .m_filter_offers_content [data-filter-category] .checkbox, .m_filter_videos_content [data-filter-category] .radio, .m_filter_offers_content [data-filter-category] .radio, .m_filter_videos_content [data-filter-category] label, .m_filter_offers_content [data-filter-category] label { + display: none; +} +.m_filter_videos_content a[data-filter-by], .m_filter_offers_content a[data-filter-by] { + display: none; +} + +.trending_hidden { + display: none !important; +} + +.m_filters_visible { + display: inline-block !important; +} + +.m_filter_videos_content, .m_filter_offers_content { + overflow: hidden; + -webkit-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); +} +.m_filter_videos_content fieldset, .m_filter_offers_content fieldset { + width: 19.6%; + vertical-align: top; + border-left: 1px solid #D9D9D9; +} +.m_filter_videos_content fieldset a, .m_filter_offers_content fieldset a { + font-size: 1.2em; + font-weight: bold; + color: #0255a5; + text-decoration: none; +} +.m_filter_videos_content fieldset:first-child, .m_filter_offers_content fieldset:first-child { + border-left: none; +} +.m_filter_videos_content fieldset > *, .m_filter_offers_content fieldset > * { + margin-left: 10px; +} +.m_filter_videos_content legend, .m_filter_offers_content legend { + display: none; +} +.m_filter_videos_content p > *, .m_filter_offers_content p > * { + vertical-align: middle; + margin-bottom: 8px; +} +.m_filter_videos_content label, .m_filter_offers_content label { + font-size: 1.3em; + color: #666666; + max-width: 94px; +} + +.m_filter_videos.expanded .m_filter_videos_header, .expanded.m_filter_offers .m_filter_videos_header, .m_filter_videos.expanded .m_filter_offers_header, .expanded.m_filter_offers .m_filter_offers_header { + border-bottom: 1px solid #D9D9D9; +} + +.m_filter_videos_content_title { + display: block; + padding-top: 10px; + margin-bottom: 14px; + font-size: 1.2em; + color: #333333; + text-transform: uppercase; +} + +.m_filter_videos_content_box_action { + display: none; +} + +.m_filter_keywords { + border-top: 1px solid #D9D9D9; + padding: 10px; + overflow: hidden; +} + +.m_filter_keywords_box { + float: left; + max-width: 748px; +} +.m_filter_keywords_box > * { + margin-right: 10px; +} +.m_filter_keywords_box label { + display: none; +} +.m_filter_keywords_box input { + max-width: 180px; + padding: 9px 51px 9px 9px; + font-size: 1.2em; + font-style: italic; + color: #333333; + border: 1px solid #D9D9D9; +} +.m_filter_keywords_box span { + position: relative; + padding: 9px 30px 9px 9px; + margin-bottom: 4px; + border: 1px solid #C0C0C0; + background-color: #DEDEDE; + font-size: 1.2em; + color: #333333; + cursor: pointer; +} +.m_filter_keywords_box span:after { + content: ""; + position: absolute; + width: 12px; + height: 12px; + top: 50%; + right: 10px; + margin-top: -6px; + background-repeat: no-repeat; + background-position: left right; +} +.m_filter_keywords_box p { + position: relative; +} + +.m_filter_keywords_box_add { + position: absolute; + width: 17px; + height: 16px; + top: 50%; + right: 9px; + margin-top: -11px; + background-repeat: no-repeat; + background-position: left right; +} + +.m_filter_keywords_actions { + float: right; +} +.m_filter_keywords_actions > * { + vertical-align: middle; +} +.m_filter_keywords_actions a { + color: #0255a5; + font-size: 1.2em; + vertical-align: middle; + text-decoration: none; + margin-right: 10px; +} + +.m_current_videos { + text-align: center; +} +.m_current_videos ul { + margin-left: 30px; + text-align: left; +} +.m_current_videos li { + list-style: none; + margin-bottom: 20px; +} +.m_current_videos .m_video_item_icon { + margin-left: -24px; + margin-top: -21px; +} +.m_current_videos .m_video_item_icon:before { + border-width: 6px 0 6px 9px; + margin-left: -3px; + margin-top: -7px; +} +.m_current_videos .m_video_item_icon:after { + width: 30px; + height: 30px; + border: 4px solid #fff; +} + +.m_photo { + position: relative; + display: block; + text-decoration: none; +} + +.m_photo_content { + position: absolute; + bottom: 0; + left: 0; + right: 0; + padding: 14px 14px 14px 48px; + background: rgba(1, 4, 1, 0.5); + white-space: normal; +} +.m_photo_content strong { + font-size: 1.4em; + font-weight: normal; + font-family: arial, sans-serif !important; + color: #fff; +} +.m_photo_content p { + font-size: 1.3em; + color: #fff; +} +.m_photo_content:before { + content: ""; + position: absolute; + top: 14px; + left: 10px; + width: 29px; + height: 22px; + background-repeat: no-repeat; +} + +.m_photo_simple .m_photo_content { + padding: 14px; +} +.m_photo_simple .m_photo_content:before { + background: transparent; +} +.m_photo_simple .m_photo_content strong { + font-family: arial,sans-serif; + font-size: 1.2em; +} +.m_photo_simple .m_photo_content p { + font-size: 1.2em; +} + +.m_photos { + padding-bottom: 30px; +} + +.m_photos_content { + white-space: nowrap; +} + +.m_search_club { + border: 1px solid #D9D9D9; +} + +.m_search_club_form { + position: relative; + padding: 10px; + background-color: #F6F6F6; + border-bottom: 1px solid #D9D9D9; +} +.m_search_club_form p { + vertical-align: middle; + margin-right: 8px; +} +.m_search_club_form p .custom-form_tipo_fundacion span.select { + max-width: 330px; + overflow: hidden; +} +.m_search_club_form p .custom-form_tipo_fundacion select#tipo_fundacion { + min-width: 330px; +} +.m_search_club_form select { + width: 130px; +} +.m_search_club_form label { + display: block; + margin-bottom: 4px; + margin-left: 4px; + font-size: 1.2em; + color: #333333; + text-transform: uppercase; + font-weight: bold; +} +.m_search_club_form input[type="text"] { + padding: 10px; + width: 110px; + border: 1px solid #D9D9D9; + border-radius: 5px; + font-size: 1.2em; + color: #333333; +} +.m_search_club_form .btn { + margin-top: 17px; + padding-left: 51px; + padding-right: 51px; +} +.m_search_club_form .m_search_club_form_sports { + display: block; +} +.m_search_club_form .select_content { + background-color: #fff; +} + +.m_search_club_title { + display: block; + padding: 10px; + font-size: 1.4em; + text-transform: uppercase; + color: #333333; +} +.m_search_club_title span { + vertical-align: top; + margin-left: 10px; + margin-top: 3px; + font-size: .9em; + color: #666666; +} + +.m_search_club_content { + background-color: #F6F6F6; +} + +.m_search_club_content_paginator { + padding: 10px; + text-align: center; +} + +.m_search_club_content_list { + width: 100%; +} +.m_search_club_content_list thead { + display: none; +} +.m_search_club_content_list td { + border-bottom: 1px solid #D9D9D9; +} + +.m_search_club_content_list_info { + padding: 15px 0 15px 10px; +} +.m_search_club_content_list_info h2, .m_search_club_content_list_info a { + font-size: 1.4em; + text-decoration: none; + color: #0255a5; + text-transform: uppercase; +} +.m_search_club_content_list_info h2 span, .m_search_club_content_list_info a span { + color: #333333; + margin-right: 2px; +} +.m_search_club_content_list_info h2 { + color: #333333; +} +.m_search_club_content_list_info p { + font-size: 1.4em; + color: #666666; + margin-top: 4px; +} + +.m_search_club_content_list_sport { + font-size: 1.1em; + color: #999999; + text-transform: uppercase; + font-weight: bold; +} + +.m_search_club_content_list_action span { + padding: 2px 6px; + text-align: center; + font-size: 1.5em; + font-weight: bold; + background-color: #fff; + border: 4px solid #0154A5; + border-radius: 50%; + color: #666666; +} +.m_search_club_content_list_action a { + font-size: 1.1em; + font-weight: bold; + margin-left: 30px; + color: #0255a5; + text-transform: uppercase; + text-decoration: none; +} + +.m_search_club_content_map { + height: 350px; +} + +.gm-style img { + max-width: none !important; +} + +.m_search_club_form_sports { + margin-top: 15px; +} +.m_search_club_form_sports label { + margin: -8px 20px 0 5px; + display: inline-block; + vertical-align: middle; + text-transform: capitalize; + color: #666666; +} + +.m_search_club_form_action { + position: absolute; + top: 10px; + right: 5px; +} + +.m_search_project_content .infoBox { + padding: 0; + border: 3px solid #bababa; + width: 227px; +} + +.m_search_project_infobox img { + display: block; +} +.m_search_project_infobox a { + color: #0255a5; + text-decoration: none; +} +.m_search_project_infobox .inner { + padding: 12px; +} +.m_search_project_infobox h2 { + margin-bottom: 5px; +} +.m_search_project_infobox h2 a { + font-size: 15px; + font-weight: bold; +} +.m_search_project_infobox p { + color: #666; +} +.m_search_project_infobox p.type { + font: bold 11px Arial, Helvetica, sans-serif; + color: #999; +} +.m_search_project_infobox p.foot { + margin: 10px 0 0; + padding-top: 5px; + border-top: 1px solid #d4d4d4; +} +.m_search_project_infobox p.foot:before, .m_search_project_infobox p.foot:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.m_search_project_infobox p.foot:after { + clear: both; +} +.m_search_project_infobox p.foot { + zoom: 1; +} +.m_search_project_infobox p.foot span { + float: left; +} +.m_search_project_infobox p.foot a { + float: right; +} + +.m_info_club .btn_show:after { + background-image: none; +} + +.m_info_club_wrapper { + float: left; + width: 50%; +} + +.m_info_club_title { + display: block; + margin-left: 10px; + font-size: 1.4em; + text-transform: uppercase; + margin-bottom: 30px; + color: #000; + text-decoration: none; + font-weight: bold; + cursor: default; +} + +.m_info_club_content_col { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding-bottom: 20px; + border-left: 1px solid #D9D9D9; + float: left; + width: 50%; + list-style: none; +} +.m_info_club_content_col > * { + margin-left: 10px; +} +.m_info_club_content_col strong { + display: block; + margin-bottom: 3px; + font-size: 1.6em; + color: #000; + text-transform: uppercase; +} +.m_info_club_content_col p { + font-size: 1.4em; + color: #666666; + padding-right: 50px; + line-height: 20px; +} +.m_info_club_content_col p span { + display: block; +} +.m_info_club_content_col p a { + color: #0255a5; + text-decoration: none; +} +.m_info_club_content_col li { + margin-bottom: 10px; +} +.m_info_club_content_col li:last-child { + padding-bottom: 20px; +} + +.m_info_club_content_col.first { + border: none; +} + +.m_highlight_mobile { + position: relative; +} +.m_highlight_mobile .btn { + position: absolute; + left: 10px; + bottom: 10px; + z-index: 2; + font-weight: normal; +} +.m_highlight_mobile div { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.4); + z-index: 1; +} + +.m_highlight_mobile_title { + position: absolute; + top: 10px; + left: 10px; + z-index: 3; + color: #fff; + text-transform: uppercase; +} +.m_highlight_mobile_title span { + display: block; + font-size: 1.4em; + margin-bottom: 1px; +} +.m_highlight_mobile_title strong { + font-size: 2.2em; + font-weight: normal !important; +} + +.m_wallpaper { + position: relative; + overflow: hidden; + height: auto !important; + overflow: hidden; +} + +.m_wallpaper_content { + position: absolute; + bottom: 0; + left: 0; + right: 0; + background: url("../images/backgrounds/bg_wallpaper.png"); +} +.m_wallpaper_content > * { + margin-left: 10px; +} +.m_wallpaper_content strong { + display: block; + margin-top: 10px; + margin-bottom: 14px; + font-size: 1.4em; + color: #fff; + text-transform: uppercase; +} +.m_wallpaper_content .btn { + margin-bottom: 10px; +} + +.m_wallpaper_click_content { + position: absolute; + top: 0; + opacity: 0; + left: -100%; + right: 0; + height: 100%; + background: url("../images/backgrounds/bg_wallpaper.png"); +} +.m_wallpaper_click_content > * { + margin-left: 10px; + max-width: 175px; + color: #fff; +} +.m_wallpaper_click_content h1 { + margin-top: 10px; + text-transform: uppercase; + margin-bottom: 4px; + font-size: 1.4em; +} + +.m_wallpaper_click_content_sms { + margin-bottom: 5px; + font-size: 1.6em; +} +.m_wallpaper_click_content_sms span { + color: #FDBD0C; + text-transform: uppercase; +} + +.m_wallpaper_click_content_price { + font-size: 1.2em; + margin-bottom: 20px; +} +.m_wallpaper_click_content_price span { + display: block; +} + +.m_wallpaper_click_content_legal { + font-size: 1.1em; +} + +@-webkit-keyframes fadein { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + left: 0; + } +} + +@-moz-keyframes fadein { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + left: 0; + } +} + +@-ms-keyframes fadein { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + left: 0; + } +} + +@keyframes fadein { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + left: 0; + } +} + +@-webkit-keyframes fadeout { + 0% { + opacity: 1; + height: auto; + } + + 100% { + opacity: 0; + height: 0; + } +} + +@-moz-keyframes fadeout { + 0% { + opacity: 1; + height: auto; + } + + 100% { + opacity: 0; + height: 0; + } +} + +@-ms-keyframes fadeout { + 0% { + opacity: 1; + height: auto; + } + + 100% { + opacity: 0; + height: 0; + } +} + +@keyframes fadeout { + 0% { + opacity: 1; + height: auto; + } + + 100% { + opacity: 0; + height: 0; + } +} + +.fade_in { + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + -o-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-animation-duration: 1s; + -moz-animation-duration: 1s; + -o-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-name: fadein; + -moz-animation-name: fadein; + -o-animation-name: fadein; + animation-name: fadein; +} + +.fade_out { + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + -o-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-animation-duration: 1s; + -moz-animation-duration: 1s; + -o-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-name: fadeout; + -moz-animation-name: fadeout; + -o-animation-name: fadeout; + animation-name: fadeout; +} + +.m_wallpaper_click_link { + font-size: 1.2em; + font-weight: bold; + margin-bottom: 5px; +} +.m_wallpaper_click_link a { + color: #fff; +} + +.m_filter_simple legend, +.m_filter_simple label { + display: none; +} +.m_filter_simple .select { + margin-right: 10px; + vertical-align: middle; +} +.m_filter_simple button { + border: none; + background-color: transparent; + text-transform: uppercase; + color: #0255a5; + font-weight: bold; +} + +.m_player_history { + font-size: x-small; +} + +.m_player_history_figure { + border-radius: 50%; + width: 220px; + height: 220px; + overflow: hidden; + margin: 0 auto; +} +.m_player_history_figure img { + width: 220px; + height: 220px; +} +.no-borderradius .m_player_history_figure { + border-radius: 0; + position: relative; +} +.no-borderradius .m_player_history_figure .m_player_history_mask { + content: ""; + left: 0; + right: 0; + bottom: 0; + top: 0; + display: block; + background: url("../images/backgrounds/m_player_history_figure_mask.png") no-repeat left top; + position: absolute; +} + +.m_player_history_caption { + text-transform: uppercase; + white-space: normal; + padding: 0 22px; +} +.m_player_history_caption strong { + font-size: 2.1em; + display: block; + margin-top: 18px; +} +.m_player_history_caption p { + font-size: 1.4em; + padding-top: 7px; +} + +.m_player_history_slider { + background-color: transparent; +} +.m_player_history_slider .m_players_slider_title { + color: #666666; + margin-bottom: 42px; +} + +.m_store_items { + max-width: 300px; + border: 1px solid #D9D9D9; + border-top: 2px solid #0255A5; + font-size: x-small; + background-color: #F6F6F6; +} + +.m_store_items_pic { + display: block; + margin: 0 auto -21px; +} + +.m_store_items_title { + font-size: 20px; + color: #666666; + text-transform: uppercase; + text-align: center; + display: block; + padding-top: 18px; + padding-bottom: 39px; + background-color: #fff; + margin-bottom: -32px; +} + +.m_store_items_link { + background: #fff; + display: block; + text-decoration: none; + color: #003F92; + font-size: 1.1em; + text-align: center; + text-transform: uppercase; + padding-top: 35px; + padding-bottom: 20px; +} + +.m_footer_pagination { + background-color: #F6F6F6; + border-left: 1px solid #d9d9d9; + border-right: 1px solid #d9d9d9; + border-top: 1px solid #d2d2d2; +} + +.m_footer_pagination_wrapper { + display: block; + width: 100%; + max-width: 960px; + margin: 0 auto; + font-size: x-small; +} +.m_footer_pagination_wrapper > a { + width: 35%; + max-width: 35%; + display: block; + color: black; + font-size: 1.2em; + text-transform: uppercase; + text-decoration: none; + padding-top: 30px; + padding-bottom: 31px; +} + +.m_footer_pagination_next, +.m_footer_pagination_prev { + float: left; +} + +.m_footer_pagination_next { + border-left: 1px solid #d9d9d9; + text-align: right; + padding-right: 21px; + float: right; + padding-left: 10px; +} + +.m_footer_pagination_prev { + border-right: 1px solid #d9d9d9; + text-align: left; + padding-left: 21px; + padding-right: 10px; +} + +.m_footer_pagination_next:after, +.m_footer_pagination_prev:before { + content: ""; + width: 6px; + height: 12px; +} + +.m_footer_pagination_next:after { + float: right; + margin-right: -19px; +} + +.m_footer_pagination_prev:before { + float: left; + margin-left: -19px; +} + +.m_footer_pagination_wrapper { + text-align: center; +} + +.m_footer_pagination_wrapper .m_footer_pagination_all, .m_footer_pagination_all { + width: auto; + max-width: none; +} + +.bio_strip_row { + background: #dfdfdf; + /* Old browsers */ + background: -moz-linear-gradient(top, #dfdfdf 0%, #c8c8c8 100%); + /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfdfdf), color-stop(100%, #c8c8c8)); + /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #dfdfdf 0%, #c8c8c8 100%); + /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #dfdfdf 0%, #c8c8c8 100%); + /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #dfdfdf 0%, #c8c8c8 100%); + /* IE10+ */ + background: linear-gradient(to bottom, #dfdfdf 0%, #c8c8c8 100%); + /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#c8c8c8',GradientType=0 ); + /* IE6-9 */ +} + +.m_bio_strip { + min-height: 500px; + position: relative; + max-width: 960px; + margin: 0 auto; + background: url("../images/backgrounds/bg_bio_strip.png") no-repeat 280px 102px; +} + +.m_bio_strip_content { + width: 41.66667%; + *width: 41.66567%; + float: right; + padding-top: 60px; +} +.m_bio_strip_content > * { + margin-left: 10px; + margin-right: 10px; +} +.m_bio_strip_content strong { + display: block; + padding-right: 20px; + margin-bottom: 20px; + font-size: 1.9em; + font-weight: bold; + color: #333333; +} +.m_bio_strip_content p { + padding-right: 12px; + font-size: 1.3em; + color: #666666; + margin-bottom: 30px; + line-height: 20px; +} + +.m_bio_strip_quote, .m_bio_quote { + color: #333333; +} +.m_bio_strip_quote strong, .m_bio_quote strong { + display: block; + margin-bottom: 6px; + font-size: 1.1em; + text-transform: uppercase; +} +.m_bio_strip_quote p, .m_bio_quote p, .m_bio_strip_quote a, .m_bio_quote a { + font-size: 1.3em; + color: #333333; + margin-right: 20px; +} +.m_bio_strip_quote a, .m_bio_quote a { + text-decoration: none; + border-bottom: 1px solid #0255a5; + /*padding-bottom: 7px; jmc adidas*/ +} +.m_bio_strip_quote blockquote, .m_bio_quote blockquote { + position: relative; + /* margin-top:78px; jmc adidas */ + margin: 56px 0 20px 0; + z-index: 1; +} +.m_bio_strip_quote blockquote:before, .m_bio_quote blockquote:before { + position: absolute; + top: -41px; + left: 0; + z-index: -1; + display: block; + content: ""; + width: 68px; + height: 62px; + background-repeat: no-repeat; + background-position: left top; +} + +.m_bio_strip_quote { + padding-top: 26px; + width: 16.66667%; + *width: 16.66567%; + /* ini jmc*/ + /* fin jmc*/ +} +.m_bio_strip_quote > * { + margin-left: 10px; + margin-right: 10px; +} +.m_bio_strip_quote a { + display: block; +} +.m_bio_strip_quote .m_related_spot a { + border: none; +} + +.m_bio_strip_player { + width: 41.66667%; + *width: 41.66567%; + left: 16.66667%; + bottom: 0; + top: 0; + position: absolute; +} +.m_bio_strip_player img { + position: absolute; + bottom: 0; +} + +.m_bio_quote blockquote { + padding-top: 38px; + margin-bottom: 30px; + margin-top: 0; +} +.m_bio_quote blockquote:before { + top: 0; +} +.m_bio_quote p, .m_bio_quote a { + font-size: 1.5em; + margin-right: 70px; + line-height: 1.3em; +} + +.m_player_anchors { + font-size: x-small; +} +.m_player_anchors a { + display: inline-block; + text-transform: uppercase; + color: #0255a5; + text-decoration: none; + font-size: 1.1em; + font-weight: bold; + margin-left: 16px; +} +.m_player_anchors a:first-child { + margin-left: 0; +} + +.m_player_bio_date_current { + width: 12px; + white-space: nowrap; + overflow: hidden; + display: inline-block; + background-repeat: no-repeat; + vertical-align: middle; + height: 42px; + background-position: center center; + margin-top: -9px; +} + +.m_abcindex { + background-color: #F6F6F6; + border: 1px solid #d9d9d9; + padding: 15px 13px 3px; +} + +.m_abcindex_nav { + text-align: justify; + text-transform: uppercase; + font-size: x-small; +} +.m_abcindex_nav:after { + content: ""; + width: 100%; + display: inline-block; +} +.m_abcindex_nav > * { + text-decoration: none; + font-size: 1.3em; + color: #666666; +} + +.m_abcindex_active { + color: black; +} + +.m_trophy_results_table { + width: 100%; + border-collapse: collapse; + font-size: x-small; +} +.m_trophy_results_table th { + border-left: 1px solid #d9d9d9; + border-bottom: 19px solid white; +} +.m_trophy_results_table th:first-child { + border-left: none; +} +.m_trophy_results_table tbody tr:first-child td { + border-top: none; +} +.m_trophy_results_table tbody tr td { + border-top: 1px solid #d9d9d9; +} + +.m_trophy_results_teams { + width: 225px; + font-size: 1.2em; +} +.m_trophy_results_teams div { + position: relative; + min-height: 14px; + padding-top: 19px; + padding-bottom: 12px; + padding-left: 79px; +} +.m_trophy_results_teams img { + position: absolute; + left: 21px; + top: 50%; + margin-top: -22px; +} + +.m_highlight_private .m_widget_title { + background-repeat: no-repeat; + background-position: 10px 10px; + padding-left: 36px; + border-top: none; +} +.m_highlight_private .m_highlight_content, .m_highlight_private .m_store_content { + padding-left: 11px; +} +.m_highlight_private .m_highlight_content p, .m_highlight_private .m_store_content p { + margin: 18px 0; +} +.m_highlight_private .m_highlight_content .actions a, .m_highlight_private .m_store_content .actions a { + display: inline-block; +} +.m_highlight_private .m_highlight_content .link, .m_highlight_private .m_store_content .link { + margin-left: 25px; +} + +.m_filter_offers_header_filters { + list-style: none; + display: inline-block; + padding-left: 18px; +} +.m_filter_offers_header_filters * { + vertical-align: middle; +} +.m_filter_offers_header_filters li { + display: inline-block; + padding-right: 18px; +} + +.m_filter_offers_content .m_filter_offers_content_box { + padding-top: 14px; +} +.m_filter_offers_content fieldset { + width: 32%; +} + +.m_years_slider { + background: #333333; +} +.m_years_slider .slider_btn_next, .m_years_slider .slider_btn_prev { + top: 0; + bottom: 4px; + width: 92px; +} +.m_years_slider .m_slider_list { + font-size: x-small; + position: relative; + min-width: 100%; +} +.m_years_slider .m_slider_list:after { + display: block; + content: ""; + position: absolute; + height: 4px; + left: 0; + right: 0; + bottom: 0; + background: #e4e5e0; + z-index: 0; +} +.m_years_slider li { + border-bottom: 4px solid #e4e5e0; + font-size: 1.9em; + margin-left: -0.16em; + vertical-align: bottom; +} +.m_years_slider .active { + border-bottom: 4px solid #AF994F; + background-color: black; + font-size: 2.7em; + z-index: 1; +} +.m_years_slider .active a { + font-weight: bold; + color: #AF994F; +} +.m_years_slider li a { + color: #666666; + line-height: 112px; + text-decoration: none; + display: block; + padding: 0 24px; +} + +.m_years_slider, .m_history_slider { + position: relative; +} +.m_years_slider .slider_btn_next, .m_years_slider .slider_btn_prev, .m_history_slider .slider_btn_next, .m_history_slider .slider_btn_prev { + position: absolute; + background-color: black; + background-position: center center; + background-repeat: no-repeat; +} +.m_years_slider .slider_btn_next, .m_history_slider .slider_btn_next { + right: 0; +} +.m_years_slider .slider_btn_prev, .m_history_slider .slider_btn_prev { + left: 0; +} + +.m_history_slider .slider_btn_next, .m_history_slider .slider_btn_prev { + width: 72px; + height: 72px; + top: 50%; + margin-top: -36px; +} + +.m_partner_slider { + position: relative; + background: none; + padding: 0 14px; + margin-top: 24px; + margin-bottom: 24px; +} +.m_partner_slider .slider_btn_next, +.m_partner_slider .slider_btn_prev { + position: absolute; + top: 50%; + width: 12px; + height: 22px; + background-repeat: no-repeat; + margin-top: -11px; +} +.m_partner_slider .slider_btn_next { + right: 0; +} +.m_partner_slider .slider_btn_prev { + left: 0; +} + +.m_action_link { + color: #0255a5; + font-weight: bold; + font-size: 1.2em; + text-decoration: none; + text-transform: uppercase; +} + +.m_suscribe { + position: relative; + border-top: 1px solid #ccc; + border-bottom: 1px solid #ccc; + padding: 16px 174px 16px 4px; +} +.m_suscribe .heading { + display: block; + font-size: 1.8em; + margin-bottom: 10px; + color: #666; +} +.m_suscribe .heading span { + font-size: 1.5em; +} +.m_suscribe p { + font-size: 1.1em; + color: #7F7E7E; + text-transform: uppercase; + line-height: 1.5; +} +.m_suscribe p a { + display: block; + color: #0255a5; + text-decoration: none; + font-weight: bold; +} +.m_suscribe .btn { + position: absolute; + top: 50%; + right: 4px; + margin-top: -18px; +} + +.m_highlight_link_footer a { + font-weight: bold; +} + +.m_list_contest { + list-style: none; + border-top: 1px solid #D9D9D9; +} +.m_list_contest li a { + display: block; + text-decoration: none; + padding: 26px 10px; + border-bottom: 1px solid #D9D9D9; +} +.m_list_contest .ico { + float: left; + width: 50px; + text-align: center; +} +.m_list_contest .ico_text { + color: #0255a5; + font-size: 31px; + font-weight: bold; +} +.m_list_contest p, .m_list_contest strong { + padding-left: 82px; +} +.m_list_contest strong { + display: block; + font-size: 1.5em; + color: #333333; + text-transform: uppercase; + margin-bottom: 12px; +} +.m_list_contest p { + color: #666666; + font-size: 1.4em; +} + +.m_list_contest_header p { + font-size: 1.4em; + color: #666666; + text-transform: uppercase; + margin-bottom: 20px; +} +.m_list_contest_header h2 { + font-size: 2.2em; + font-weight: normal; + margin-bottom: 12px; +} + +.m_list_contest_footer { + text-align: right; + margin: 20px 0; +} +.m_list_contest_footer a { + color: #0255a5; + font-size: 11px; + font-weight: bold; + text-transform: uppercase; + text-decoration: none; +} + +.m_winners .picture { + float: left; + width: 190px; +} +.m_winners .info { + margin-left: 190px; + padding: 20px 25px; +} +.m_winners .info .title { + display: block; + font-size: 1.6em; + text-transform: uppercase; + margin-bottom: 10px; +} +.m_winners .info p { + font-size: 1.3em; + text-transform: uppercase; + color: #999999; +} +.m_winners .info ul { + list-style: none; + padding-top: 12px; +} +.m_winners .info li { + margin: 8px 0; +} +.m_winners .info li a { + font-size: 1.1em; + font-weight: bold; + color: #0255a5; +} + +.m_video_slider { + position: relative; +} + +.m_play_video_slider { + position: absolute; + top: 20px; + left: 20px; + background: #fff; + width: 204px; + text-align: center; +} +.m_play_video_slider .m_heading_play_video_slider { + height: 168px; + padding: 28px 10px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-bottom: 1px solid #ccc; +} +.m_play_video_slider .m_heading_play_video_slider img, .m_play_video_slider .m_heading_play_video_slider strong { + display: inline-block; + vertical-align: middle; +} +.m_play_video_slider .m_heading_play_video_slider strong { + font-size: 2.4em; + font-weight: normal; + margin-left: 6px; +} +.m_play_video_slider .play { + display: block; + background-repeat: no-repeat; + background-position: 10px center; + text-align: left; + padding: 22px 0; +} +.m_play_video_slider .play span { + display: inline-block; + padding-left: 50px; +} + +.m_matches_results_table tr { + border-bottom: 1px solid #D9D9D9; +} +.m_matches_results_table thead tr { + border: none; +} +.m_matches_results_table th { + display: table-cell; + width: auto; + color: #767676; + font-size: 1.1em; + text-transform: uppercase; + border-right: 1px solid #D9D9D9; +} +.m_matches_results_table th, .m_matches_results_table td { + padding: 10px; +} +.m_matches_results_table .year { + font-size: 1.5em; + font-weight: bold; + color: #666666; + width: 12%; +} +.m_matches_results_table .team { + padding: 10px 20px 10px; + font-size: 1.2em; + width: 38%; +} +.m_matches_results_table .team, .m_matches_results_table .team a { + color: black; + text-decoration: none; +} +.m_matches_results_table .team a { + display: block; + font-weight: bold; +} +.m_matches_results_table .team .team_image { + display: inline-block; + vertical-align: middle; + width: 47px; + text-align: center; + margin-right: 12px; +} +.m_matches_results_table .team .team_image img { + display: inline; +} +.m_matches_results_table .result { + font-size: 2em; + text-align: center; + width: 12%; +} + +.m_highlighted_finish_game { + position: relative; + display: block; +} +.m_highlighted_finish_game .m_share { + max-width: 288px; +} + +.m_highlighted_finish_game_header { + text-transform: uppercase; +} + +.m_highlighted_finish_game_teams { + position: relative; + margin-top: 22px; +} +.m_highlighted_finish_game_teams > * { + vertical-align: top; + width: 33.33333%; + *width: 33.33233%; +} +.m_highlighted_finish_game_teams:after { + content: ''; + width: 1px; + height: 84px; + background: #D9D9D9; + position: absolute; + top: 50%; + left: 50%; + margin-top: -44px; +} + +.m_highlighted_finish_game_team { + overflow: hidden; +} +.m_highlighted_finish_game_team img { + float: right; + margin-left: 18px; +} +.m_highlighted_finish_game_team .m_match_game_result { + text-align: right; +} +.m_highlighted_finish_game_team .m_match_game_result strong { + font-size: 1.4em; + color: #333; +} +.m_highlighted_finish_game_team .m_match_game_result ul { + list-style: none; + color: #666666; + font-size: 1.2em; +} + +.m_highlighted_next_finish_second_team img { + float: left; + margin-left: 0; + margin-right: 18px; +} +.m_highlighted_next_finish_second_team .m_match_game_result { + text-align: left; +} + +.m_highlighted_finish_game_result { + position: relative; + text-align: center; + text-transform: uppercase; + font-size: 1.2em; + font-weight: bold; + vertical-align: middle; + z-index: 2; +} +.m_highlighted_finish_game_result strong { + font-size: 6.66em; + vertical-align: middle; + line-height: 1.1; +} + +.m_highlighted_finish_game_actions { + text-align: center; + margin-top: 20px; + margin-bottom: 20px; +} + +p.m_highlighted_finish_game_location { + font-weight: normal; +} + +.m_history_overlapped { + margin-top: -73px; +} + +.m_history_slider { + font-size: x-small; +} +.m_history_slider .m_slider_item { + vertical-align: top; + padding: 0 10px; +} + +.m_history_slides { + background: none; +} + +.m_history_slider_year { + font-size: 16em; + text-align: center; + color: #eee; + font-weight: bold; +} +.m_history_slider_year:before, .m_history_slider_year:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.m_history_slider_year:after { + clear: both; +} +.m_history_slider_year { + zoom: 1; +} + +.m_history_slider_year_link:after, .m_history_facebook:after { + content: ""; + display: inline-block; + width: 25px; + height: 25px; + background-color: #0255a5; + background-repeat: no-repeat; + background-position: center center; + vertical-align: middle; +} + +.m_history_slider_year_link { + position: absolute; + color: #0255a5; + left: 50%; + margin-left: 257px; + top: 78px; + font-size: 1.2em; + text-transform: uppercase; + text-decoration: none; +} +.m_history_slider_year_link:after { + margin-left: 10px; +} + +.m_history_slider_item { + border: 1px solid #d9d9d9; + font-size: x-small; + background: white; + white-space: normal; + display: table; + width: 1px; +} +.m_history_slider_item img { + max-width: none; +} + +.m_history_slider_content { + height: auto; + overflow: hidden; +} + +.m_history_slider_item_title, strong.m_history_slider_item_title { + font-size: 1.4em; + color: #333333; + text-transform: uppercase; +} + +.m_history_slider_item_text { + color: #999999; + font-size: 1.4em; +} + +.m_history_slider_item_description { + padding: 85px 22px 29px; + background-repeat: no-repeat; + background-position: center 22px; +} + +.m_history_text { + position: relative; +} +.m_history_text h2 { + font-size: 2.5em; +} +.m_history_text .m_share { + position: absolute; + bottom: 63px; + left: 11px; +} +.m_history_text .m_text { + border-top: 1px solid #d9d9d9; + padding-top: 49px; +} +.m_history_text .m_text_content { + padding-left: 165px; +} +.m_history_text .m_text_content > * { + margin-right: 308px; +} +.m_history_text .m_text_content figure { + margin: 68px 0 65px; + border-top: 2px solid #AF994F; +} +.m_history_text .m_text_content figure:before, .m_history_text .m_text_content figure:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.m_history_text .m_text_content figure:after { + clear: both; +} +.m_history_text .m_text_content figure { + zoom: 1; +} +.m_history_text .m_text_content figure img { + float: right; + height: auto; + width: 66.66667%; + *width: 66.66567%; +} +.m_history_text .m_text_content figure figcaption { + float: left; + font-size: 1.4em; + color: #333333; + width: 16.66667%; + *width: 16.66567%; + padding-top: 25px; + margin-left: 13px; +} + +.m_history_text_cols:before, .m_history_text_cols:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.m_history_text_cols:after { + clear: both; +} +.m_history_text_cols { + zoom: 1; +} +.m_history_text_cols .m_text { + float: left; + width: 75%; + *width: 74.999%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding-right: 80px; +} +.m_history_text_cols .m_history_text_aside { + float: right; + width: 25%; + *width: 24.999%; + border-top: 1px solid #d9d9d9; + padding-top: 56px; +} +.m_history_text_cols .m_text_content > * { + margin-right: 0; +} + +.m_history_facebook { + font-size: 1.5em; + color: #0255a5; + text-decoration: none; +} +.m_history_facebook img { + display: block; + margin-bottom: 14px; +} +.m_history_facebook:after { + margin-top: 14px; +} + +.m_history_year_nav { + font-size: x-small; +} +.m_history_year_nav nav { + white-space: nowrap; +} +.m_history_year_nav nav > * { + display: inline-block; + color: #666; + text-decoration: none; + font-size: 1.3em; + padding-bottom: 6px; + border-bottom: 1px solid transparent; +} +.m_history_year_nav nav > .active { + color: #333; + border-bottom-color: #333; +} +.m_history_year_nav nav * + * { + margin-left: 24px; +} + +.club_excerpt_history_row .m_history_year_nav { + margin-left: 24px; + margin-top: -21px; + margin-bottom: 31px; +} + +.m_schedule_calendar_day { + display: table-cell; + width: 14.28%; + text-align: center; +} +.m_schedule_calendar_day > * { + line-height: 40px; + display: block; +} + +.m_schedule_calendar { + border: 1px solid #D9D9D9; + background-color: #F6F6F6; + font-size: x-small; +} + +.m_schedule_calendar_grid { + display: table; + width: 100%; +} + +.m_schedule_calendar_row { + display: table-row; +} + +.m_schedule_calendar_current_date { + display: table; + width: 100%; + border-bottom: 1px solid #D9D9D9; +} +.m_schedule_calendar_current_date > * { + display: table-cell; + vertical-align: top; +} +.m_schedule_calendar_current_date span { + width: 71.4%; + text-align: center; + font-size: 1.2em; + text-transform: uppercase; + padding: 10px 5px; +} +.m_schedule_calendar_current_date a { + width: 14.28%; +} + +.m_schedule_calendar_dow { + font-size: 1.1em; + color: #999999; +} +.m_schedule_calendar_dow > * { + padding-top: 9px; + padding-bottom: 9px; +} + +.m_schedule_calendar_content { + min-height: 270px; + visibility: hidden; +} +.m_schedule_calendar_content.ready { + visibility: visible; +} + +.m_schedule_calendar_days { + font-size: 1.4em; + color: #666666; +} +.m_schedule_calendar_days > :first-child { + border-left: none; +} +.m_schedule_calendar_days .adjacent-month { + color: #cccccc; +} +.m_schedule_calendar_days .event a { + color: #0255a5; + text-decoration: none; +} +.m_schedule_calendar_days .today { + background-color: #0255A5; +} +.m_schedule_calendar_days .today > *, .m_schedule_calendar_days .today.event > * { + color: white; +} +.m_schedule_calendar_days .today ~ * { + background-color: #cccccc; +} +.m_schedule_calendar_days > * { + border-top: 1px solid white; + border-left: 1px solid white; +} + +.m_schedule_calendar_btn { + vertical-align: middle; +} +.m_schedule_calendar_btn span { + display: none; +} +.m_schedule_calendar_btn:before { + content: ""; + width: 7px; + height: 13px; + margin: 0 auto; + display: block; + line-height: 34px; + background-repeat: no-repeat; + background-position: center center; +} + +.m_schedule_table table { + width: 100%; +} +.m_schedule_table .m_schedule_event + * > *, .m_schedule_table .m_match + * > * { + border-top: 1px solid #d9d9d9; +} +.m_schedule_table .btn { + text-align: center; +} + +.m_schedule_event > * { + border-top: 1px solid #d9d9d9; + padding-top: 17px; + padding-bottom: 15px; +} + +.m_schedule_event_content { + display: table; + width: 100%; +} +.m_schedule_event_content > * { + display: table-cell; + vertical-align: top; +} + +.m_schedule_event_date { + font-size: x-small; + width: 110px; + padding-left: 8px; + padding-right: 10px; +} +.m_schedule_event_date dt { + display: none; +} +.m_schedule_event_date dd { + display: block; + font-size: 1.2em; + color: #666666; + margin-bottom: 6px; +} + +.m_schedule_event_date_place, dd.m_schedule_event_date_place { + color: black; +} + +.m_schedule_event_description { + padding-left: 19px; + font-size: x-small; +} +.m_schedule_event_description .m_share { + margin-left: -11px; +} + +.m_schedule_event_description_title { + font-size: 1.1em; + margin-bottom: 4px; + color: #666666; + display: block; +} + +.m_schedule_event_description_text { + color: #333333; + font-size: 1.4em; + text-transform: uppercase; + padding-right: 80px; +} + +.m_schedule_event_img { + width: 155px; +} + +.m_cup_legend { + position: relative; + overflow: hidden; + background: #F6F6F6; + border: 1px solid #D9D9D9; + border-top: 2px solid #AF994F; + margin-bottom: 20px; + min-height: 250px; +} +.m_cup_legend .m_cup_legend_picture { + position: absolute; + top: 0; + left: 0; + width: 220px; + height: 100%; + overflow: hidden; +} +.m_cup_legend .m_cup_legend_info { + margin-left: 220px; + margin-right: 250px; + padding: 24px 18px 14px 8px; +} +.m_cup_legend .m_cup_legend_info .number { + font-size: 4em; + text-align: right; + line-height: 1; + color: #AE994E; + float: left; + width: 50px; + margin-right: 16px; +} +.m_cup_legend .m_cup_legend_details { + position: relative; + padding-left: 66px; + padding-bottom: 16px; + color: #666666; +} +.m_cup_legend .m_cup_legend_details h2 { + font-size: 1.8em; + text-transform: uppercase; + color: #333333; + margin-bottom: 8px; +} +.m_cup_legend .m_cup_legend_details p { + font-size: 1.4em; + line-height: 1.3; + margin-bottom: 16px; +} +.m_cup_legend .m_cup_legend_details .dates { + display: block; + font-size: 1.2em; + line-height: 18px; + margin-bottom: 38px; +} +.m_cup_legend .m_cup_legend_actions a + a { + margin-left: 22px; +} +.m_cup_legend .m_cup_legend_gallery { + width: 250px; + height: 250px; + position: absolute; + top: 50%; + right: 0; + margin-top: -125px; +} +.m_cup_legend .m_cup_legend_gallery .m_slider { + position: relative; + margin: 0; +} +.m_cup_legend .m_cup_legend_gallery .m_slider img { + width: 100%; +} +.m_cup_legend .m_cup_legend_gallery .m_slider .slider_btn_next, +.m_cup_legend .m_cup_legend_gallery .m_slider .slider_btn_prev { + position: absolute; + bottom: 20px; + width: 12px; + height: 22px; + background-repeat: no-repeat; +} +.m_cup_legend .m_cup_legend_gallery .m_slider .slider_btn_next { + right: 8px; +} +.m_cup_legend .m_cup_legend_gallery .m_slider .slider_btn_prev { + right: 30px; +} +.m_cup_legend .m_cup_legend_gallery .m_photo_content { + text-align: left; + padding-right: 56px; +} + +.m_cap_legend_nav { + margin-bottom: 10px; +} +.m_cap_legend_nav:before, .m_cap_legend_nav:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.m_cap_legend_nav:after { + clear: both; +} +.m_cap_legend_nav { + zoom: 1; +} +.m_cap_legend_nav .m_share { + float: right; +} +.m_cap_legend_nav .m_inner_nav { + padding: 8px 0; +} + +.event_content_row h1 { + font-size: 2.4em; + border-bottom: 1px solid #d9d9d9; + color: black; + margin-bottom: 10px; + padding-bottom: 14px; +} +.event_content_row dl { + font-size: 1.4em; + margin-bottom: 30px; +} +.event_content_row dt { + float: left; + margin-right: 5px; +} +.event_content_row dt:before, .event_content_row dt:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.event_content_row dt:after { + clear: both; +} +.event_content_row dt { + zoom: 1; +} +.event_content_row dd { + margin-bottom: 2px; +} + +.m_colaborate { + border: 1px solid #d4d4d4; +} +.m_colaborate img { + height: auto; +} +.m_colaborate .m_colaborate_header img { + width: 100%; +} +.m_colaborate p { + font-size: 14px; + color: #666; + margin: 10px 0; + line-height: 17px; +} +.m_colaborate h2 { + font-size: 15px; + text-transform: uppercase; + line-height: 118%; + margin-bottom: 10px; +} +.m_colaborate ul.bullets { + margin: 10px 0 10px 20px; + font-size: 14px; + color: #666; +} +.m_colaborate ul.bullets li { + margin: 10px 0; +} + +.m_colaborate_standalone { + margin: 0 10px 20px; +} + +.m_colaborate_content { + padding: 20px; +} +.m_colaborate_content strong { + font-size: 11px; + display: block; + margin-bottom: 5px; + color: #999; + text-transform: uppercase; +} +.m_colaborate_content .m_colaborate_content_title { + color: #666; + font-weight: normal; + text-transform: uppercase; + font-size: 16px; +} +.m_colaborate_content .m_colaborate_email { + font-size: 1.2em; +} + +.m_colaborate_info_row { + border-bottom: 1px solid #d4d4d4; +} +.m_colaborate_info_row .col, .m_colaborate_info_row .m_poll_current, .m_colaborate_info_row .m_poll_related { + width: 48%; + padding: 0 20px 10px; +} +.m_colaborate_info_row .detail { + font-size: 16px; + color: #0053A5; +} + +.m_colaborate_note { + padding: 10px 20px; + font-size: 13px; + font-style: italic; + color: #666; +} + +.m_project_list { + margin: 0 10px; +} +.m_project_list .m_header { + margin-bottom: 10px; +} +.m_project_list .m_highlight, .m_project_list .m_store { + margin-bottom: 20px; +} + +.m_project_location { + border: 1px solid #d4d4d4; + margin: 0 10px; +} +.m_project_location .m_slider { + margin: 0; +} +.m_project_location .col, .m_project_location .m_poll_current, .m_project_location .m_poll_related { + padding: 12px 12px 20px; +} +.m_project_location h2 { + font-size: 16px; + text-transform: uppercase; + margin: 0 12px 12px; +} +.m_project_location h2 img { + display: inline; + vertical-align: middle; + margin-right: 5px; + width: 24px; +} +.m_project_location h3 { + font-size: 14px; + text-transform: uppercase; + line-height: 118%; + margin-bottom: 5px; + color: #333; + white-space: nowrap; +} +.m_project_location p { + font-size: 14px; + color: #666; + margin: 0 0 10px; +} +.m_project_location .detail { + font-size: 20px; + color: #0053A5; +} + +.m_highlight_project_info { + width: 100%; +} +.m_highlight_project_info .col, .m_highlight_project_info .m_poll_current, .m_highlight_project_info .m_poll_related { + padding: 10px 20px 20px; +} +.m_highlight_project_info img { + width: auto; +} +.m_highlight_project_info h2 { + font-size: 14px; + text-transform: uppercase; + line-height: 118%; + margin-bottom: 5px; + color: #333; + white-space: nowrap; +} +.m_highlight_project_info p { + font-size: 14px; + color: #666; + margin: 0 0 10px; +} +.m_highlight_project_info .detail { + font-size: 20px; + color: #0053A5; +} + +.m_donate { + border-top: 1px solid #d4d4d4; +} +.m_donate .m_highlight_content_title { + font: bold 14px Arial, Helvetica, sans-serif !important; + color: #999; +} + +.main_row.main_row_visible.m_planeta_blanco, .club_info_layout .main_row_visible.m_planeta_blanco.overlapping_main_row { + border: 1px solid #d9d9d9; + background-color: #ffffff; + box-shadow: 0 0 10px #d9d9d9; + padding: 11px 0 60px 0; + margin-top: 0; +} +.main_row.main_row_visible.m_planeta_blanco .form_errors.with_errors, .club_info_layout .main_row_visible.m_planeta_blanco.overlapping_main_row .form_errors.with_errors { + padding-bottom: 4%; +} +.main_row.main_row_visible.m_planeta_blanco .form_row, .club_info_layout .main_row_visible.m_planeta_blanco.overlapping_main_row .form_row { + padding-left: 77px; +} +.main_row.main_row_visible.m_planeta_blanco .form_row small, .club_info_layout .main_row_visible.m_planeta_blanco.overlapping_main_row .form_row small { + padding-top: 3px; + font-size: 11px; + color: #666666; + font-style: italic; +} +.main_row.main_row_visible.m_planeta_blanco .form_row .row_form .vip_layout.form_row.m_header_sep, .club_info_layout .main_row_visible.m_planeta_blanco.overlapping_main_row .form_row .row_form .vip_layout.form_row.m_header_sep { + margin-bottom: 15px; +} +.main_row.main_row_visible.m_planeta_blanco .form_row .m_header, .club_info_layout .main_row_visible.m_planeta_blanco.overlapping_main_row .form_row .m_header { + margin-left: -86px; + margin-bottom: 15px; + width: 115%; + padding-top: 10px; +} +.main_row.main_row_visible.m_planeta_blanco .form_row .m_header h2, .club_info_layout .main_row_visible.m_planeta_blanco.overlapping_main_row .form_row .m_header h2 { + padding-left: 11px; + text-transform: uppercase; + font-size: 18px; + float: left; + color: #666666; +} +.main_row.main_row_visible.m_planeta_blanco .form_row .m_header span, .club_info_layout .main_row_visible.m_planeta_blanco.overlapping_main_row .form_row .m_header span { + text-transform: capitalize; + font-size: 12px; + float: right; + color: #666666; +} +.main_row.main_row_visible.m_planeta_blanco .form_row .form_checkbox_field label, .club_info_layout .main_row_visible.m_planeta_blanco.overlapping_main_row .form_row .form_checkbox_field label { + margin-left: 24px; + width: 80%; +} +.main_row.main_row_visible.m_planeta_blanco small, .club_info_layout .main_row_visible.m_planeta_blanco.overlapping_main_row small { + display: inline-block; + margin-left: 3px; + margin-top: 3px; +} +.main_row.main_row_visible.m_planeta_blanco .m_personal_info, .club_info_layout .main_row_visible.m_planeta_blanco.overlapping_main_row .m_personal_info { + margin-top: 0 !important; +} + +.m_planeta_blanco_foto { + margin: 1em 0; +} + +/*fin jmc*/ +.escapa { + width: 100%; + margin: 0 auto; +} + +header.m_landing { + text-align: center; + /* background-color: #E6E6E6; */ +} +header.m_landing figure { + /* max-height: 400px; */ +} +header.m_landing figure ul li { + border: none; +} +header.m_landing figure ul li span { + color: #FFFFFF; +} +header.m_landing figure .header_fondo { + width: 100%; +} +header.m_landing figure .escapa { + margin-top: 24px; + /* text-transform: uppercase; */ +} +header.m_landing figure .escapa strong { + color: #115FAA; + font-size: 4.5em; + margin-bottom: 24px; + display: block; +} +header.m_landing figure .escapa img { + margin: 0 auto; + max-width: 100%; + padding-bottom: 12px; +} +header.m_landing figure .escapa button { + max-width: 290px; + margin: 0 auto; + font-size: 1.8em; + padding: 26px; +} +header.m_landing figure .escapa h2 { + color: #115FAA; + font-size: 1.8em; + padding-top: 30px; +} + +#body.m_landing { + text-align: center; +} +#body.m_landing section .pre_footer { + width: 100%; + margin: 30px 0; +} +#body.m_landing section .pre_footer.pre_footer2 { + margin-top: 0 !important; +} +#body.m_landing section .m_landing_art2 header { + float: left; + /* max-width:45%; */ +} +#body.m_landing section .m_landing_art2 header img { + width: 100%; +} +#body.m_landing section .m_landing_art2 .m_landing_art2_li { + margin: 27px 0 40px 34px; + width: 58%; + float: left; +} +#body.m_landing section .m_landing_art2 .m_landing_art2_li h3 { + text-align: left; + font-size: 1.7em; + color: #797979; + font-weight: normal; + padding-bottom: 30px; + margin-left: -50px; +} +#body.m_landing section .m_landing_art2 .m_landing_art2_li ul { + text-align: left; + font-size: 1.7em; + color: #797979; + font-weight: normal; +} +#body.m_landing section .m_landing_art2 .m_landing_art2_li ul li { + line-height: 2em; +} +#body.m_landing section .m_landing_art3 header p { + font-size: 1.4em; + color: black; + margin-bottom: 10px; + font-weight: bold; +} +#body.m_landing section .m_landing_art3 header h3 { + font-size: 1.4em; + color: #777777; + margin-bottom: 10px; + font-weight: normal; +} +#body.m_landing section .m_landing_art3 header h2 { + font-size: 2em; + color: #0255a5; + text-transform: uppercase; + margin-bottom: 16px; +} +#body.m_landing section .m_landing_art3 button { + margin-bottom: 40px; + font-size: 1.8em; + padding: 26px; + width: 30%; + margin: 0 auto; +} +#body.m_landing section .m_landing_art3 aside { + margin: 40px 0; + display: block; +} +#body.m_landing section .m_landing_art3 aside a { + font-size: 1.8em; + color: #0255a5; + text-decoration: none; +} +#body.m_landing section small { + display: block; + margin-left: 90px; + color: #777777; + font-size: 9px; + text-align: left; +} + +footer.m_landing { + text-align: center; +} +footer.m_landing .pre_footer { + margin: 0; + border-top: 0; +} +footer.m_landing .footer_sponsors { + padding: 40px 0; +} + +/*fin jmc*/ +.m_search_box { + border: 1px solid #D9D9D9; + padding: 8px; +} +.m_search_box form { + position: relative; +} +.m_search_box .accessible { + display: none; +} +.m_search_box input { + margin-left: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.m_search_box button { + background-color: #0255a5; + background-position: center center; + background-repeat: no-repeat; + border: none; + border-radius: 3px; + text-indent: -999em; + width: 54px; + height: 36px; + position: absolute; + top: 0; + right: 0; +} + +.m_list_links { + list-style: none; + padding: 14px 20px; +} +.m_list_links li { + font-size: 1.3em; + line-height: 1.4; + margin: 6px 0; +} +.m_list_links li a { + color: #666666; + text-decoration: none; +} +.m_list_links .active a { + color: black; +} + +.m_archive ul { + background: #F6F6F6; +} +.m_archive ul + ul { + border-top: 1px solid #E6E6E6; +} + +.m_popup_player { + background-color: black; + width: auto !important; + max-width: 880px; + display: block !important; +} + +.m_flow_player video[poster] { + visibility: hidden; +} + +.m_flow_player { + background-color: black; +} +.m_flow_player video { + bottom: 0; + left: 0; + margin: 0 auto; + right: 0; + top: 0; + width: 100%; +} + +.flowplayer .fp-ratio { + padding-top: 60.8571%; +} + +.page_gallery { + background: #292929; +} + +.m_photo_gallery { + color: #fff; +} +.m_photo_gallery ul { + list-style: none; +} +.m_photo_gallery a { + text-decoration: none; + color: #fff; +} +.m_photo_gallery .next-gallery-mobile { + font-size: 1.4em; + color: #fff; + text-align: right; + padding: 24px 18px 22px; + margin-top: 18px; +} +.m_photo_gallery .next-gallery-mobile span { + vertical-align: middle; +} +.m_photo_gallery .preload { + padding: 108px 40px 20px; +} +.m_photo_gallery .preload img, .m_photo_gallery .preload h1 { + display: inline-block; + vertical-align: middle; +} +.m_photo_gallery .preload h1 { + color: #666666; + font-size: 5em; + font-weight: normal; + padding-left: 24px; +} +.m_photo_gallery .preload h1 span { + display: block; +} + +.m_photo_gallery_header { + width: 100%; + background: #000; + color: #fff; + z-index: 2; +} +.m_photo_gallery_header:before, .m_photo_gallery_header:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.m_photo_gallery_header:after { + clear: both; +} +.m_photo_gallery_header { + zoom: 1; +} +.m_photo_gallery_header a { + display: block; +} +.m_photo_gallery_header li { + float: left; + min-height: 44px; + border-left: 1px solid #333; +} + +.m_photo_gallery_header_title { + float: left; + max-width: 49%; + position: relative; +} +.m_photo_gallery_header_title li:first-child { + position: absolute; + left: 0; + top: 50%; + padding: 8px 16px; + margin-top: -30px; +} +.m_photo_gallery_header_title li { + padding: 8px 16px 8px 60px; +} +.m_photo_gallery_header_title li h1 { + font-size: 1.8em; + padding: 9px 0; +} + +.m_photo_gallery_header_nav { + float: right; + display: table; + width: 49%; +} +.m_photo_gallery_header_nav li { + font-size: 1.2em; + text-transform: uppercase; + display: table-cell; + float: none; + vertical-align: middle; +} +.m_photo_gallery_header_nav a { + padding: 24px 18px 22px; +} +.m_photo_gallery_header_nav a span { + vertical-align: middle; +} +.m_photo_gallery_header_nav .ico_close_grey { + text-indent: -999em; + background-position: center center; + padding: 20px 18px; +} +.m_photo_gallery_header_nav .next-gallery + li { + white-space: nowrap; +} +.m_photo_gallery_header_nav .next-gallery a { + position: relative; + padding-left: 38px; +} +.m_photo_gallery_header_nav .next-gallery a .ico_photo_small { + position: absolute; + left: 9px; + top: 50%; + margin-top: -9px; +} +.m_photo_gallery_header_nav .next-gallery a .ico_arrow_btn_next, .m_photo_gallery_header_nav .next-gallery a .btn_next:after { + position: absolute; + right: 10px; + top: 50%; + margin-top: -6px; +} + +.m_photo_gallery_slide { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.m_photo_gallery_slide:before, .m_photo_gallery_slide:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.m_photo_gallery_slide:after { + clear: both; +} +.m_photo_gallery_slide { + zoom: 1; +} +.m_photo_gallery_slide .slides > li { + position: relative; + display: none !important; +} +.m_photo_gallery_slide .slides > li.flex-active-slide { + display: block !important; +} +.m_photo_gallery_slide .slides > li .photo { + margin: 0 auto; + max-width: 1500px; + text-align: center; +} +.m_photo_gallery_slide .slides > li .photo img { + display: inline-block; + height: auto; +} +.m_photo_gallery_slide .slides > li .description { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + background: #000; + background: rgba(0, 0, 0, 0.8); + color: #fff; + text-align: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 18px 55% 10px 30px; +} +.m_photo_gallery_slide .slides > li .description h2 { + font-size: 1.6em; + font-weight: normal; + margin-bottom: 6px; +} +.m_photo_gallery_slide .slides > li .description p { + font-size: 1.4em; +} +.m_photo_gallery_slide .slides > li .description .m_share { + max-width: 300px; + margin-top: 12px; +} +.m_photo_gallery_slide .slides > li .description .m_share.expanded { + background-color: transparent; +} +.m_photo_gallery_slide .slides > li .description .m_share_action { + margin-left: 0; + padding-left: 22px; +} +.m_photo_gallery_slide .slides > li .description .m_share_action:after { + background-position: 0px 12px; +} +.m_photo_gallery_slide .flex-prev, +.m_photo_gallery_slide .flex-next { + display: block; + position: absolute; + top: 50%; + margin-top: -21px; + width: 22px; + height: 42px; + text-indent: -999em; + background-repeat: no-repeat; + z-index: 100; +} +.m_photo_gallery_slide .flex-prev { + left: 26px; +} +.m_photo_gallery_slide .flex-next { + right: 26px; +} + +.m_related_gallery { + padding: 46px 0 46px; + text-align: left; +} +.m_related_gallery .hide_for_mobile_devices a { + float: left; +} + +.m_related_promo { + margin-left: 0; + margin-right: 0; +} + +.m_related_gallery_header { + font-size: 2.8em; + color: #999; + margin-bottom: 30px; +} +.m_related_gallery_header strong { + font-weight: normal; +} + +.m_related_gallery_content:before, .m_related_gallery_content:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.m_related_gallery_content:after { + clear: both; +} +.m_related_gallery_content { + zoom: 1; +} +.m_related_gallery_content .col, .m_related_gallery_content .m_poll_current, .m_related_gallery_content .m_poll_related { + margin: 0 10px 20px 10px; +} + +.m_related_gallery_actions { + padding: 34px 0; +} +.m_related_gallery_actions:before, .m_related_gallery_actions:after { + content: "."; + display: block; + height: 0; + overflow: hidden; +} +.m_related_gallery_actions:after { + clear: both; +} +.m_related_gallery_actions { + zoom: 1; +} +.m_related_gallery_actions .prev, +.m_related_gallery_actions .next { + display: block; + font-size: 1.2em; + color: #fff; + text-decoration: none; +} +.m_related_gallery_actions .prev strong, +.m_related_gallery_actions .next strong { + display: block; + font-weight: normal; + color: #999; + font-size: 1.166em; +} +.m_related_gallery_actions .prev { + background-position: left center; + background-repeat: no-repeat; + padding-left: 26px; + float: left; +} +.m_related_gallery_actions .next { + background-position: right center; + background-repeat: no-repeat; + padding-right: 26px; + text-align: right; + float: right; +} + +.last-slide .flex-direction-nav, +.last-slide .m_photo_gallery_thumbnails, +.last-slide .m_photo_gallery_header_nav .next-gallery { + display: none; +} + +.m_photo_gallery_thumbnails { + position: absolute; + right: 2%; + bottom: 32px; + width: 54%; + z-index: 200; +} +.m_photo_gallery_thumbnails li { + background: #000; + height: 50px; + overflow: hidden; + cursor: pointer; +} +.m_photo_gallery_thumbnails li img { + width: 100%; + height: auto; + min-height: 100%; + opacity: .2; + filter: alpha(opacity=20); +} +.m_photo_gallery_thumbnails li.flex-active-slide img { + opacity: 1; + filter: alpha(opacity=100); +} + +.m_photo_gallery_author { + font-size: 1.1em; + font-weight: bold; + display: block; + text-transform: uppercase; + margin-bottom: 6px; +} + +.m_related_promo_link { + margin-left: 10px; + margin-right: 10px; +} + +.m_news_results_empty { + border: 1px solid #CCCCCC; + padding: 24px 15px 48px 122px; + background: url("../images/backgrounds/m_news_results_empty.png") no-repeat 24px 19px; + font-size: x-small; +} +.m_news_results_empty > * { + color: #CC0000; + display: block; + font-size: 1.8em; +} + +.m_news_results_empty_title { + font-weight: bold; + margin-bottom: 12px; +} + +.m_news_results_empty_query { + font-weight: normal; +} +.m_news_results_empty_query:after, .m_news_results_empty_query:before { + content: ""; + display: inline; +} + +.pf_newsletter { + font-size: x-small; + min-height: 300px; +} +.pf_newsletter .form_checkbox_field { + margin-top: 23px; +} +.pf_newsletter .form_checkbox_field label { + font-size: 1.4em; +} +.pf_newsletter .form_checkbox_field input:first-child + label, .pf_newsletter .form_checkbox_field span:first-child + label { + margin-right: 17px; +} +.pf_newsletter .form_text_field { + margin-top: 26px; +} +.pf_newsletter .form_text_field.error:before, .pf_newsletter .form_text_field.valid:before { + display: none; +} +.pf_newsletter .form_text_field:before { + content: ""; + position: absolute; + width: 7px; + height: 100%; + background-repeat: no-repeat; + background-position: center center; + display: block; + right: 12px; + top: 0; +} + +.pf_newsletter_content { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + background-color: #F6F6F6; + padding: 18px 0 23px; + background-image: url("../images/backgrounds/pf_rm_logo.png"); + background-repeat: no-repeat; + background-position: left bottom; +} +.pf_newsletter_content > * { + margin-left: 21px; + margin-right: 20px; +} +.pf_newsletter_content p { + color: #666666; + font-size: 1.4em; + line-height: 1.4em; +} + +.pf_newsletter_footer { + margin-top: 20px; + display: table; +} +.pf_newsletter_footer .form_checkbox_field { + margin-top: 0; + position: relative; + padding-left: 24px; +} +.pf_newsletter_footer .form_checkbox_field label { + font-size: 1.1em; +} +.pf_newsletter_footer .form_checkbox_field > input, .pf_newsletter_footer .form_checkbox_field > span { + position: absolute; + top: 0; + left: 0; +} +.pf_newsletter_footer > * { + display: table-cell; + vertical-align: top; +} + +.pf_newsletter_actions .btn { + min-width: 114px; + white-space: nowrap; +} + +.pf_social_tabs [data-navigation] a { + display: inline-block; +} + +.m_tickets_platforms_item { + border: 1px solid #CCCCCC; + display: inline-block; + margin-left: 25px; + margin-right: 25px; + -webkit-transition: background-color 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: background-color 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: background-color 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: background-color 1000ms cubic-bezier(0.19, 1, 0.22, 1); + transition: background-color 1000ms cubic-bezier(0.19, 1, 0.22, 1); + border-radius: 3px; + overflow: hidden; + margin-bottom: 20px; +} +.m_tickets_platforms_item:hover { + background-color: #F0F0F0; +} + +.m_tickets_platforms_list { + text-align: center; +} + +.tickets_popup .mfp-inline { + padding-bottom: 55px; +} + +.m_rm_title { + color: #999999; + font-size: 2em; + text-align: center; + margin-bottom: 32px; + background: url("../images/backgrounds/tickets_popup_logo.png") no-repeat center top; + padding-top: 85px; +} + +.select_content { + font-size: 1.2em; +} + +.m_player_stats [data-season] { + display: none; +} +.m_player_stats .active_season { + display: block; +} +.m_player_stats .m_teams_stats_title { + margin-bottom: 45px; +} + +.m_player_stat_1 .player_stat_1, .m_player_stat_2 .player_stat_2, .m_player_stat_3 .player_stat_3, .m_player_stat_4 .player_stat_4, .m_player_stat_5 .player_stat_5, .m_player_stat_6 .player_stat_6, .m_player_stat_7 .player_stat_7, .m_player_stat_8 .player_stat_8, .m_player_stat_9 .player_stat_9, .m_player_stat_10 .player_stat_10 { + display: block; +} + +.m_slider_list .m_news strong { + font-size: 1.8em; +} + +.m_slider_list .m_photo_content strong { + font-size: 1.2em; +} + +#condiciones_generales .mfp-inline, .terms_and_conditions .mfp-inline { + max-height: 300px; + overflow: auto; +} +#condiciones_generales .mfp-inline p, .terms_and_conditions .mfp-inline p { + margin-bottom: 10px; + font-size: 11px; + line-height: 140%; +} +#condiciones_generales .mfp-inline p.title, .terms_and_conditions .mfp-inline p.title { + margin-bottom: 5px; + font-weight: bold; + font-size: 15px; +} + +.fill_with_overlay { + display: none; + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF,endColorstr=#66FFFFFF); + background-color: rgba(255, 255, 255, 0.4); +} + +.disable_while_filling .fill_with_overlay { + display: block; +} + +.m_tickets { + font-size: x-small; + border-top: 1px solid #d9d9d9; +} +.m_tickets .m_confirmation { + margin-top: 24px; +} + +.m_tickets_item { + border-bottom: 1px solid #d9d9d9; + list-style: none; + padding-top: 23px; + padding-bottom: 23px; +} + +.m_tickets_item_btn { + white-space: nowrap; +} + +.m_tickets_item_wrapper { + display: table; + width: 100%; +} +.m_tickets_item_wrapper > * { + display: table-cell; + vertical-align: top; +} + +.m_tickets_item_description { + width: 100%; + padding-right: 10px; +} +.m_tickets_item_description p, .m_tickets_item_description strong { + font-size: 1.4em; +} +.m_tickets_item_description strong { + text-transform: uppercase; + color: #333333; +} +.m_tickets_item_description p { + color: #666666; +} + +.m_tickets_conditions { + font-size: 1.4em; + color: #666666; + margin-top: 29px; +} + +.m_tickets_competition { + display: block; + font-weight: normal; + font-size: .78em; + margin-bottom: 7px; +} + +.m_match_ticket_request { + background: #f6f6f6; + border: 1px solid #e6e6e6; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + padding: 20px; + color: #666666; + font-size: 14px; +} +.m_match_ticket_request strong { + text-transform: uppercase; + display: block; + font-size: 18px; + color: #333333; + margin-bottom: 5px; +} +.m_match_ticket_request > span { + display: block; +} +.m_match_ticket_request span + p { + margin-top: 20px; +} + +.m_line_up { + border: 1px solid #D9D9D9; +} + +.m_line_up_header { + position: relative; + padding: 20px; + background-color: #F6F6F6; +} +.m_line_up_header:after { + content: ""; + position: absolute; + top: 40px; + left: 50%; + margin-left: 1px; + width: 1px; + height: 40px; + background-color: #D9D9D9; +} +.m_line_up_header p { + width: 49.7%; +} +.m_line_up_header p, .m_line_up_header p > * { + vertical-align: top; +} +.m_line_up_header span { + padding-top: 32px; + font-size: 1.6em; + font-weight: bold; + padding-left: 15px; +} + +.m_line_up_second_team { + text-align: right; +} +.m_line_up_second_team span { + padding-right: 15px; +} +.m_line_up_second_team img { + float: right; +} + +.m_line_up_content { + position: relative; + width: 100%; + border-collapse: collapse; +} +.m_line_up_content thead { + display: none; +} +.m_line_up_content td { + padding: 10px 0; + font-size: 1.4em; +} + +.m_line_up_number_first { + text-align: center; + width: 8%; +} + +.m_line_up_player_first { + width: 42%; + border-left: 1px solid #D9D9D9; + border-right: 1px solid #d9d9d9; + padding-left: 10px !important; +} + +.m_line_up_content_second_team { + text-align: right; +} + +.m_line_up_player_second { + width: 42%; + text-align: right; + padding-right: 10px !important; +} + +.m_line_up_number_second { + width: 8%; + text-align: center; + border-left: 1px solid #D9D9D9; +} + +.m_line_up_content tr { + background-color: #F6F6F6; +} + +.m_line_up_content tr:nth-child(odd) { + background-color: #EBEBEB; +} + +.m_line_up_substitutes { + background-color: #fff; + font-size: x-small !important; +} +.m_line_up_substitutes > * { + font-size: 1.6em; + color: black; + text-transform: uppercase; + font-weight: normal; + font-family: Arial, sans-serif !important; + padding: 20px; +} + +.m_action_notice { + font-size: x-small; + position: relative; + border: 1px solid #d9d9d9; +} +.m_action_notice p { + font-size: 1.8em; + color: #666666; + padding-right: 48px; + line-height: 1.35em; +} + +.m_action_notice_player { + position: absolute; + bottom: 0; + left: 16px; + z-index: 1; +} + +.m_action_notice_wrapper { + position: relative; + padding: 17px 21px 12px 403px; + min-height: 260px; + overflow: hidden; +} +.m_action_notice_wrapper:after { + position: absolute; + content: ""; + display: block; + width: 222px; + height: 310px; + background-repeat: no-repeat; + top: 43px; + left: 35px; +} + +.m_login_validation_title { + font-size: 3.6em; + font-weight: bold; + color: #0255a5; + margin-bottom: 11px; + white-space: pre; + /* CSS 2.0 */ + white-space: pre-wrap; + /* CSS 2.1 */ + white-space: pre-line; + /* CSS 3.0 */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + white-space: -moz-pre-wrap; + /* Mozilla */ + white-space: -hp-pre-wrap; + /* HP Printers */ + word-wrap: break-word; + /* IE 5+ */ +} +.m_login_validation_title a { + color: #0255a5; +} +.m_login_validation_title a[href^='mailto'] { + display: block; + font-size: 22px; + margin-bottom: 10px; + margin-top: 10px; + text-decoration: none; +} + +.m_action_notice_message { + margin-bottom: 17px; +} + +.dashboard_btn { + text-decoration: none; + text-transform: uppercase; + color: #999999; + font-size: 1.4em; +} +.dashboard_btn:before { + content: ""; + vertical-align: middle; + display: inline-block; + width: 73px; + height: 73px; + margin-right: 20px; +} + +.m_process_data { + text-align: left; + font-size: x-small; + color: #666666; +} +.m_process_data thead { + display: none; +} +.m_process_data tbody { + font-size: 1.6em; +} +.m_process_data th { + padding-right: 10px; + width: 193px; +} +.m_process_data tr + tr th, .m_process_data tr + tr td { + padding-top: 11px; +} + +.m_process_small { + border-top: 1px solid #d9d9d9; + padding-top: 37px; +} +.m_process_small > * { + font-size: 1em; +} + +.m_process_description, .m_process_small { + font-size: 1.4em; + color: #666666; + line-height: 1.43em; +} + +.m_widget_sponsor { + border: 1px solid #d9d9d9; + position: relative; + background-color: #fff; +} +.m_widget_sponsor p, .m_widget_sponsor a { + font-size: 1.1em; + display: block; + padding: 8px 61px 8px 11px; + text-align: right; + vertical-align: middle; + color: #666666; + text-decoration: none; +} +.m_widget_sponsor img { + position: absolute; + top: 0; + right: 0; + width: auto; +} + +.m_widget_sponsor_alt { + background-color: black; +} +.m_widget_sponsor_alt p { + color: white; +} + +.m_games .m_widget_sponsor { + border-top: none; +} + +.m_next_match .m_widget_sponsor, .m_reports .m_widget_sponsor, .m_relationships_news .m_widget_sponsor, .pf_slider_widget .m_widget_sponsor, .m_publication .m_widget_sponsor { + border-left: none; + border-right: none; + border-bottom: none; +} + +.o_matchstats { + overflow: hidden; + margin-bottom: -20px; +} +.o_matchstats h2 { + display: block !important; +} + +.m_highlighted_sponsor { + font-size: x-small; +} +.m_highlighted_sponsor p, .m_highlighted_sponsor a { + display: block; + background-color: white; + padding: 8px 61px 8px 10px; + position: relative; + font-size: 1.1em; + text-align: right; + text-decoration: none; + color: #666; +} +.m_highlighted_sponsor img { + position: absolute; + top: 50%; + margin-top: -14px; + right: 0; +} +.medical_report .m_highlighted_sponsor a { + padding: 8px 9px 8px 10px; +} +.medical_report .m_highlighted_sponsor a img { + display: inline; + position: static; + height: auto; + width: auto; +} + +.m_cookie { + position: fixed; + width: 100%; + bottom: 0; + left: 0; + z-index: 1; + display: none; + padding: 15px 0; + background-color: #666666; +} +.m_cookie p { + margin-bottom: 12px; + text-transform: uppercase; + text-align: center; + color: #E0E0E0; + font-size: 1.2em; +} +.m_cookie p small { + text-transform: none; + font-size: .9em; +} +.m_cookie p a { + color: #E0E0E0; +} +.m_cookie p + p { + margin-bottom: 0; +} + +.m_cookie_btn { + margin-left: 10px; + padding: 4px 15px; + background-color: #fff; + font-size: 1.2em; + text-transform: uppercase; + text-decoration: none; + color: #666666 !important; +} + +.m_toggle { + font-size: x-small; + border: 1px solid #D0D0D0; + overflow: hidden; + margin-bottom: 10px; +} +.m_toggle.expanded { + border-bottom: 1px solid #fff; +} + +.m_toggle_text { + padding: 15px; + float: left; + font-size: 1.4em; + color: #999999; + text-transform: uppercase; +} + +.m_toggle_link { + padding: 15px; + float: right; + font-size: 1.2em; +} +.m_toggle_link a { + color: #0255a5; + text-decoration: none; + text-transform: uppercase; +} + +.m_toggle .m_info_tickets_table { + border: none; + border-top: 1px solid #D0D0D0; +} +.m_toggle .m_info_tickets_table tr > * { + border: none; + border-bottom: 1px solid #D0D0D0; +} +.m_toggle .m_info_tickets_table tbody td { + border-left: 1px solid #D0D0D0; +} +.m_toggle .m_info_tickets_table thead th { + border-left: 1px solid #d0d0d0; +} +.m_toggle .m_info_tickets_table thead th:first-child { + border-left: none; +} + +.m_toggle + .m_toggle { + margin-bottom: 10px; +} + +.m_capacity_container { + clear: both; + overflow: hidden; + -webkit-transition: height 150ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: height 150ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: height 150ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: height 150ms cubic-bezier(0.19, 1, 0.22, 1); + transition: height 150ms cubic-bezier(0.19, 1, 0.22, 1); +} + +.m_capacity { + font-size: 1.3em; + border: none; + border-top: 1px solid #D0D0D0; +} +.m_capacity thead th { + text-align: center; + background-color: #F6F6F6; + border-bottom: 1px solid #D0D0D0; +} +.m_capacity thead th span { + display: none; +} +.m_capacity tbody .even > * { + background-color: #F6F6F6; +} +.m_capacity tbody th { + vertical-align: top; + background-color: transparent; + color: #666666; +} +.m_capacity tbody th small { + margin-top: 5px; + display: block; + text-transform: none; +} +.m_capacity tbody td { + border-left: 1px solid #D0D0D0; +} +.m_capacity tbody td strong { + display: block; + text-align: center; +} +.m_capacity tr > * { + border: none; + border-bottom: 1px solid #D0D0D0; +} + +.m_special_banner { + position: relative; + overflow: hidden; +} +.m_special_banner img { + visibility: hidden; + height: 100%; + max-width: none; + left: 50%; + position: relative; +} +.m_special_banner.j_max { + text-align: center; + width: auto !important; +} +.m_special_banner.j_max img { + display: inline; + height: auto; + margin-left: 0 !important; + max-width: 100%; + position: static; + width: auto !important; +} +.m_special_banner .m_special_properties { + width: 100%; + height: auto; +} +.m_special_banner .m_header { + width: 100%; + position: absolute; + top: 92px; + left: 0; + z-index: 1; + color: #fff; +} +.m_special_banner .m_header h1 { + padding: 10px; + max-width: 598px; + font-size: 1.5em; + background-color: rgba(0, 0, 0, 0.4); +} + +.m_banner_ready img { + visibility: visible; +} + +.specials_layout .m_section_news_actions { + text-align: center; +} +.specials_layout .m_share_action:after { + border-right: 1px solid #D9D9D9; + background-color: #F6F6F6; +} +.specials_layout .m_text h3 { + font-size: 4em; + font-weight: bold !important; + color: #000; + text-transform: none; + margin-bottom: 25px; +} +.specials_layout .m_cite { + margin-top: 80px; + margin-bottom: 40px; +} +.specials_layout .media_row { + margin-bottom: 50px; +} + +.m_special_cite { + position: relative; + padding: 50px 0; + border-top: 1px solid #DFDFDF; + border-bottom: 1px solid #DFDFDF; + margin-bottom: 70px; +} +.m_special_cite:after { + content: ""; + position: absolute; + bottom: -64px; + left: 50%; + margin-left: -67px; + width: 134px; + height: 134px; + background-image: url("../images/backgrounds/m_special.png"); +} +.m_special_cite p { + padding-top: 40px; + margin: 0 auto; + margin-bottom: 50px; + max-width: 600px; + font-size: 3.7em; + font-weight: bold; + text-align: center; + color: #0255a5; +} + +.m_special_title { + margin: 0 auto; + max-width: 700px; + margin-bottom: 65px; + font-size: 2.4em; + text-transform: uppercase; + text-align: center; + font-weight: normal; + line-height: 35px; +} + +.m_video { + margin: 40px 0; +} +.m_video .flowplayer .fp-ratio { + padding-top: 42.5%; +} + +/*ini jmc*/ +.main_row.main_tickets_row .important.col .video_row, .club_info_layout .main_tickets_row.overlapping_main_row .important.col .video_row, .main_row.main_tickets_row .important.m_poll_current .video_row, .club_info_layout .main_tickets_row.overlapping_main_row .important.m_poll_current .video_row, .main_row.main_tickets_row .important.m_poll_related .video_row, .club_info_layout .main_tickets_row.overlapping_main_row .important.m_poll_related .video_row { + margin-bottom: 44px; +} + +/*fin jmc*/ +.m_text_content .m_cite p { + line-height: normal; + font-weight: bold; + margin-bottom: 0; +} + +.m_cite { + position: relative; + padding: 40px 0; + border-top: 1px solid #D9D9D9; + border-bottom: 1px solid #D9D9D9; + font-size: 2em; + text-transform: uppercase; + color: #000; +} +.m_cite p { + text-align: center; +} +.m_cite:after { + content: ""; + position: absolute; + top: -24px; + left: 50%; + margin-left: -38px; + width: 77px; + height: 49px; + background-position: left top; + background-repeat: no-repeat; +} +.m_cite:before { + content: ""; + position: absolute; + top: -24px; + left: 50%; + width: 118px; + height: 49px; + margin-left: -59px; + background-color: #fff; +} + +.m_special_banner_link { + width: 72px; + height: 52px; + display: block; + position: absolute; + left: 50%; + margin-left: -36px; + background-color: black; + background-color: rgba(82, 82, 82, 0.7); + background-repeat: no-repeat; + background-position: center center; + background-image: url("../images/backgrounds/ico_special.png"); + background-position: center center; + z-index: 1; +} + +.m_especiales { + text-align: center; + padding-bottom: 6em !important; + padding-top: 4.5em !important; +} +.m_especiales .l-section { + overflow: hidden; + height: 350px; +} +.m_especiales .l-section a { + text-decoration: none; +} + +.m_especiales_title span.m_especiales_title_txt { + display: block; + color: #666666; + text-transform: uppercase; + font-size: 2em; + padding-bottom: 2em; + padding-top: 1em; +} + +.m_especiales_img { + position: relative; +} + +.m_especiales_img:after { + content: ""; + position: absolute; + z-index: 9; + bottom: 30px; + left: 50%; + width: 31px; + height: 43px; + margin-left: -15px; + background-image: url("../images/icons/svg/ico_logo_m_especiales.svg"); + background-repeat: no-repeat; + background-position: center bottom; +} +.no-svg .m_especiales_img:after { + background-image: url("../images/icons/png/ico_logo_m_especiales.png"); +} + +.m_especiales_txt { + position: relative; + padding-top: 1.6em; +} +.l-col50 .m_especiales_txt { + padding-top: 4.4em; +} + +.m_especiales_txt:before { + content: ""; + position: absolute; + top: -200px; + left: 0; + width: 100%; + height: 200px; + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(1, 1, 1, 0)), to(rgba(0, 0, 0, 0.5))); + background: -webkit-linear-gradient(top, rgba(1, 1, 1, 0), rgba(0, 0, 0, 0.5)); + background: -moz-linear-gradient(top, rgba(1, 1, 1, 0), rgba(0, 0, 0, 0.5)); + background: -ms-linear-gradient(top, rgba(1, 1, 1, 0), rgba(0, 0, 0, 0.5)); + background: -o-linear-gradient(top, rgba(1, 1, 1, 0), rgba(0, 0, 0, 0.5)); +} + +.m_especiales_pt { + margin-bottom: 0.4em; + text-transform: uppercase; + font-family: arial, helvetica, sans-serif; + font-size: 1.2em; + font-weight: bold; + color: #999999; +} +.l-col50 .m_especiales_pt { + margin-bottom: 1em; +} + +.m_especiales_t { + padding: 0 10px 0 10px; + text-transform: uppercase; + line-height: 100%; + font-family: "Oswald", sans-serif; + font-size: 1.4em; + color: #333333; +} +.l-col50 .m_especiales_t { + font-size: 2em; +} + +.m_especiales_actions { + padding-top: 5em; + clear: both; +} +.m_especiales_actions a { + font-family: arial, helvetica, sans-serif; + font-size: 1.1em; + font-weight: bold; + text-transform: uppercase; + text-decoration: none; + color: #FFFFFF; +} + +.ag_section { + background-color: #000; + font-size: 2em; +} + +.m_aviso_global { + text-transform: uppercase; + overflow: hidden; + backface-visibility: hidden; + font-size: x-small; + font-weight: bold; + margin: 0 auto; + z-index: 1; + position: relative; +} + +#m_ag_cont { + display: none; + opacity: 0; +} +#m_ag_cont .rm_section_row { + overflow: hidden; + position: relative; +} + +.m_aviso_global .m_ag_item { + height: 44px; + -moz-box-sizing: border-box; + float: left; + padding-top: 1.5em; +} + +.m_ag_item_inner { + vertical-align: center; + font-size: 1em; + color: #CCCCCC; + padding: 0 1.6em 0 1.6em; + border-left: 1px solid #282A29; +} +.m_ag_item:first-child .m_ag_item_inner { + border: none; +} + +.m_ag_tambien, .m_ag_rmtv { + color: #aaaaaa; + margin-right: 1em; +} + +.m_ag_tambien_otros { + border-left: none; + padding-left: 0.1em; +} + +.m_ag_item a { + color: #0e87f1; + /* $blue-claro (hay que crearlo) */ + margin-left: 1.1em; + text-decoration: none; +} + +.m_ag_title { + color: #5fcc2e; + background-image: url("../images/backgrounds/m_ag_title.png"); + background-position: left center; + background-repeat: no-repeat; + padding-left: 1.3em; +} + +.m_ag_close { + height: 44px; + width: 200px; + right: -175px; + padding-left: 10px; + background-color: #000000; + z-index: 1; + top: 0; + background-image: url("../images/backgrounds/m_ag_close.png"); + background-repeat: no-repeat; + background-position: 10px center; + position: absolute; + font-size: x-small; + text-align: right; +} + +.m_ag_wrapper { + height: 44px; + float: left; + width: 3000px; + -webkit-transition-property: -webkit-transform, left, top; + -webkit-transition-duration: 0s; + -webkit-transform: translate3d(0px, 0, 0); + -webkit-transition-timing-function: ease; + -moz-transition-property: -moz-transform, left, top; + -moz-transition-duration: 0s; + -moz-transform: translate3d(0px, 0, 0); + -moz-transition-timing-function: ease; + -o-transition-property: -o-transform, left, top; + -o-transition-duration: 0s; + -o-transform: translate3d(0px, 0, 0); + -o-transition-timing-function: ease; + -o-transform: translate(0px, 0px); + -ms-transition-property: -ms-transform, left, top; + -ms-transition-duration: 0s; + -ms-transform: translate3d(0px, 0, 0); + -ms-transition-timing-function: ease; + transition-property: transform, left, top; + transition-duration: 0s; + transform: translate3d(0px, 0, 0); + transition-timing-function: ease; +} + +.l-vs-row { + padding-top: 35px; + margin-bottom: 30px; + overflow: hidden; + background-color: #000000; +} + +.l-vs-col60 { + margin-left: 2.127659574%; + width: 60.63829787%; + padding-bottom: 45.4787234%; + position: relative; +} +.is_movil .l-vs-col60 { + padding-bottom: 30px; +} + +.l-vs-col30 { + margin-left: 3.191489362%; + width: 31.91489362%; +} + +.m_video_stream { + font-size: x-small; + background-color: #000000; + position: relative; + overflow: hidden; +} +.m_video_stream video { + max-width: 100%; +} + +.m_video_stream_pre { + margin-bottom: 25px; +} + +.m_audio_stream_player { + color: #FFFFFF; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 100%; +} +.m_audio_stream_player object { + width: 100%; +} +.m_audio_stream_player .m_video_gallery_container { + width: 100%; +} +.m_audio_stream_player .m_video_gallery_container .m_video_gallery_player { + padding-bottom: 71%; +} +.m_audio_stream_player .m_video_gallery_container .flowplayer { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; +} + +.m_video_stream_add_cont { + position: absolute; + width: 31.25%; + bottom: 32px; +} +.m_video_stream_add_cont img { + width: 100%; +} + +.m_video_youtube_section_row { + padding-top: 98px !important; + padding-bottom: 10px !important; +} +.m_video_youtube_section_row .m_audio_stream_player { + bottom: 30px; +} + +.m_audio_stream { + border-right: 1px solid #D9D9D9; + width: 68%; + display: block; + overflow: hidden; + position: relative; + font-family: arial, helvetica, sans-serif; + font-size: 1.2em; + font-weight: bold; + height: 50px; + clear: both; + background-color: #edeeed; +} +.m_highlighted_direct_game .m_audio_stream { + width: 100%; + border-right: none; +} +.m_audio_stream .m_audio_inner { + width: 1000px; +} +.m_audio_stream span { + border-left: 1px solid #d9d9da; + padding-left: 12px; + padding-right: 12px; + margin-top: 18px; +} +.m_audio_stream .m_audio_play, .m_audio_stream .m_audio_mute { + float: left; + cursor: pointer; + width: 54px; + height: 50px; + background-image: url(../images/icons/png/m_audio_pause.png); + background-position: center center; + background-repeat: no-repeat; +} +.m_audio_stream .m_audio_play:hover, .m_audio_stream .m_audio_mute:hover { + background-image: url(../images/icons/png/m_audio_pause_over.png); +} +.m_audio_stream .m_audio_play span, .m_audio_stream .m_audio_mute span { + text-indent: 1000px; + display: block; +} +.m_audio_stream .m_audio_play span { + border: none; +} +.m_audio_stream .m_audio_mute { + background-image: url(../images/icons/png/m_audio_nomute.png); +} +.m_audio_stream .m_audio_mute:hover { + background-image: url(../images/icons/png/m_audio_nomute_over.png); +} +.m_audio_stream .m_audio_stopped { + background-image: url(../images/icons/png/m_audio_play.png); +} +.m_audio_stream .m_audio_stopped:hover { + background-image: url(../images/icons/png/m_audio_play_over.png); +} +.m_audio_stream .m_audio_muted { + background-image: url(../images/icons/png/m_audio_mute.png); +} +.m_audio_stream .m_audio_muted:hover { + background-image: url(../images/icons/png/m_audio_mute_over.png); +} +.m_audio_stream .m_audio_player_cont { + width: 0; + height: 0; + position: absolute; + left: -10000px; + top: -10000px; +} +.m_audio_stream .m_audio_text_cont { + float: left; +} +.m_audio_stream .m_audio_titulo { + display: inline-block; + text-transform: uppercase; +} +.m_audio_stream .m_audio_titulo_evento { + display: inline-block; + color: #999999; +} +.m_audio_stream .m_audio_maximizar { + position: absolute; + right: 0; + top: 0; + height: 50px; + width: 80px; + background-image: -webkit-linear-gradient(right, #ededed 70%, rgba(237, 237, 237, 0) 100%); + background-image: -moz-linear-gradient(right, #ededed 70%, rgba(237, 237, 237, 0) 100%); + background-image: -ms-linear-gradient(right, #ededed 70%, rgba(237, 237, 237, 0) 100%); + background-image: -o-linear-gradient(right, #ededed 70%, rgba(237, 237, 237, 0) 100%); + background-image: linear-gradient(right, #ededed 70%, #ededed 100%); +} +.m_audio_stream .m_audio_iframe { + border: none; + width: 100%; + height: 100%; + overflow: hidden; +} +.m_audio_stream .m_audio_error { + line-height: 50px; + text-align: center; + display: block; + margin: 0; +} +.m_audio_stream .m_audio_volume { + float: left; + width: 100px; + height: 50px; + width: 140px; + margin-right: 16px; + overflow: hidden; +} +.m_audio_stream .m_track { + width: 100%; + height: 8px; + margin-top: 21px; + background-color: #9a9b9c; + position: relative; +} +.m_audio_stream .m_track-slider { + background-color: #ddd; + height: 8px; + width: 0px; + position: absolute; +} +.m_audio_stream .m_track-auxi { + background: none repeat scroll 0 0 #00cd9a; + height: 100%; + width: 0; +} + +.m_validation { + padding-top: 30px; + font-size: x-small; +} +.m_validation p { + color: #666666; + font-size: 1.6em; + line-height: 1.35em; + padding: 10px; +} + +.m_validation_title { + color: #0255A5; + font-size: 3.6em; + font-weight: bold; + margin-bottom: 11px; +} + +.m_validation_extra_info { + border: 1px solid #E6E6E6; +} +.m_validation_extra_info p { + font-size: 1.6em; + line-height: 20px; + margin-right: 58px; + padding: 20px 32px 20px 32px; +} +.m_validation_extra_info a { + color: #0255A5; + display: block; + font-size: 0.75em; + margin-top: 11px; + text-decoration: none; + text-transform: uppercase; +} + +.m_img_header { + position: relative; +} +.m_img_header strong { + font-size: 2.2em; +} + +.m_img_banner_info { + padding-left: 20px; + width: 60%; +} + +.m_match_col { + float: left; + width: 50%; + margin-top: 10px; +} + +.tickets_layout .m_section_news_header { + padding-bottom: 20px; +} +.tickets_layout .m_section_news_header img { + float: left; + margin: 0 10px 10px 0; +} +.tickets_layout .m_section_news_header strong { + font-size: 1.8em; + margin-bottom: 0; +} +.tickets_layout .m_section_news_header a { + text-decoration: none; + color: #0255a5; +} + +.m_suscribe .btn_e_buy { + padding: 12px 45px; +} +.m_suscribe .subheading { + font-size: 1.4em; + color: #666; +} +.m_suscribe.m_e_buy p { + text-transform: none; + margin-bottom: 10px; + font-size: 1.4em; +} + +.m_ds_banner { + /**/ + /**/ +} +.m_ds_banner .m_header { + margin: 0 auto; + max-width: 960px; + position: relative; +} +.m_ds_banner .m_header .wrapper { + margin-left: 30px; + left: 120px; + position: absolute; + top: 250px; +} +.m_ds_banner .m_header .wrapper .wrapper_inner { + min-width: 100px; + padding-top: 40px; + background-image: url("../images/backgrounds/di_stefano_h1.gif"); + background-position: left top; + background-repeat: no-repeat; +} +.m_ds_banner h1 { + padding-bottom: 30px; + width: 580px; + position: absolute; + text-transform: uppercase; + color: #FFFFFF; + font-size: 50px; + background-image: url("../images/backgrounds/di_stefano_h1.gif"); + background-position: left bottom; + background-repeat: no-repeat; +} +.m_ds_banner h1 strong { + font-size: 80px; + font-weight: normal; +} +.m_ds_banner h1 span { + font-size: 80px; + display: block; +} +.m_ds_banner img { + margin: 0 auto; +} + +.m_ds_title { + border-bottom: 1px solid #DFDFDF; + max-width: 1500px !important; + margin-top: 75px !important; + margin: 0 auto; + margin-bottom: 50px !important; + text-align: center; + padding-bottom: 86px; + margin-bottom: 20px; + position: relative; +} +.m_ds_title:after { + content: " "; + position: absolute; + background-color: #FFFFFF; + background-image: url(../images/backgrounds/bg_escudo.png); + background-repeat: no-repeat; + background-position: center center; + background-size: 65px 90px; + height: 90px; + width: 134px; + margin-left: -67px; + left: 50%; + bottom: -32px; +} +.m_ds_title figure { + font-size: 50px; + font-weight: bold; + color: #0255a5; +} + +.m_ds_link { + font-size: 13px; + text-transform: uppercase; + text-decoration: none; + color: #0255a5; + display: inline-block; + margin-top: 10px; + font-weight: bold; +} + +.m_ds_link_video { + padding: 7px 20px 6px 52px; + margin-left: 20px; + background-position: 18px center; + background-repeat: no-repeat; + display: inline-block; + border-left: 1px solid #0255a5; +} + +.m_ds_noticias { + border-bottom: 1px solid #dfdfdf; + padding-bottom: 40px; +} +.m_ds_noticias * { + box-sizing: border-box; +} +.m_ds_noticias .section, .m_ds_noticias .m_poll_results { + margin: 0 auto; + max-width: 960px; +} +.m_ds_noticias .m_highlights_banner_item { + height: 400px !important; + width: 460px !important; + margin-left: 10px !important; + margin-right: 10px !important; + margin-top: 20px; + float: left; + position: static; +} +.m_ds_noticias .m_highlights_banner_item a { + height: 400px !important; +} +.m_ds_noticias .m_highlights_banner_item p { + font-family: "Oswald", sans-serif; + font-weight: 400 !important; +} +.m_ds_noticias .m_highlights_banner_item .m_highlights_banner_image .m_highlights_banner_overlay { + background: none; +} +.m_ds_noticias .m_highlights_banner_item .m_highlights_banner_image .m_highlights_banner_overlay { + background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%); + /* FF3.6+ */ + background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.37))); + /* Chrome,Safari4+ */ + background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%); + /* Chrome10+,Safari5.1+ */ + background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%); + /* Opera 12+ */ + background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%); + /* IE10+ */ + background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%); + /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f000000', endColorstr='#5e000000',GradientType=1 ); + /* IE6-9 fallback on horizontal gradient */ +} +.m_ds_noticias .m_highlights_banner_item .m_highlights_banner_image .m_highlights_banner_overlay:hover { + background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); + /* FF3.6+ */ + background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.3))); + /* Chrome,Safari4+ */ + background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); + /* Chrome10+,Safari5.1+ */ + background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); + /* Opera 12+ */ + background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); + /* IE10+ */ + background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); + /* W3C */ +} +.m_ds_noticias .m_highlights_banner_item .m_highlights_banner_image img { + position: static; + margin-left: 0; + margin-left: -50%; +} +.m_ds_noticias .m_highlights_banner_item .m_highlights_banner_info { + text-transform: uppercase; + min-height: 150px !important; +} +.m_ds_noticias .m_highlights_banner_item .m_highlights_banner_info span { + font-size: 12px; + margin-top: 5px; +} +.m_ds_noticias .m_highlights_banner_item_2X { + width: auto !important; +} +.m_ds_noticias .m_highlights_banner_item_2X .m_highlights_banner_image img { + margin-left: 0; +} + +/*--ini_part2:stylesheet.part2.css--*/ +/*@import 'stylesheet.part3.css';*/ +@-ms-viewport { + width: device-width; + minimum-scale: 1; + maximum-scale: 1; +} + +@viewport { + width: device-width; + minimum-scale: 1; + maximum-scale: 1; +} + +/* ================ */ +/* = MEDIAQUERIES = */ +/* ================ */ +/* Default Layout: 992px. + Leftover space for scrollbars @1024px: 32px. +-------------------------------------------------------------------------------*/ +img { + max-width: 100%; + display: block; +} + +img.inline { + display: inline; +} + +.map img { + max-width: none; + display: inline; +} + +.wrapper { + -webkit-text-size-adjust: 100%; + /* Stops Mobile Safari from auto-adjusting font-sizes */ +} + +.hide_for_desktop, .show_on_mobile { + display: none; +} + +/* Modern browsers + Inherits styles from: Default Layout. +-----------------------------------------------------------------*/ +/* Desktop Layout: 992. + Inherits styles from: Default Layout. +-----------------------------------------------------------------*/ +@media only screen and (min-width: 991px) { + .show_on_desktop { + display: block; + } + + .m_inner_nav ul { + height: auto !important; + } + + .m_highlighted_aside_section { + min-height: 0 !important; + } + + .m_link_nav_content { + height: auto !important; + } + + html, body, + .gallery_layout, + .m_photo_gallery, + .m_photo_gallery_content { + height: 100%; + } + + .m_photo_gallery_header { + position: absolute; + top: 0; + left: 0; + z-index: 2; + } + + .m_photo_gallery_slide { + height: 100%; + } + .m_photo_gallery_slide .flex-viewport, + .m_photo_gallery_slide .slides, + .m_photo_gallery_slide .slides > li, + .m_photo_gallery_slide .slides li .photo { + height: 100%; + } + .m_photo_gallery_slide .slides li { + position: relative; + } + .m_photo_gallery_slide .slides li .photo { + height: 100%; + max-width: 1500px; + margin: 0 auto; + background-repeat: no-repeat; + background-position: center center; + background-size: contain; + } + .m_photo_gallery_slide .slides li .photo img { + display: none; + } + + .m_member_expanded .m_member_picture { + padding: 10px; + } +} +/* Tablet & Mobile Layout: 768px. + Inherits styles from: Default , Mobile and Tablet Layouts. +-----------------------------------------------------------------*/ +@media only screen and (max-width: 990px) { + .pre_footer_row > .col, .pre_footer_row > .m_poll_current, .pre_footer_row > .m_poll_related, + .club_info_layout .main_row > .col, + .club_info_layout .overlapping_main_row > .col, + .club_info_layout .main_row > .m_poll_current, + .club_info_layout .overlapping_main_row > .m_poll_current, + .club_info_layout .main_row > .m_poll_related, + .club_info_layout .overlapping_main_row > .m_poll_related, + .sports_layout .match_info_row > .col, + .sports_layout .match_info_row > .m_poll_current, + .sports_layout .match_info_row > .m_poll_related, + .partner_layout .main_row > .col, + .partner_layout .club_info_layout .overlapping_main_row > .col, + .club_info_layout .partner_layout .overlapping_main_row > .col, + .partner_layout .main_row > .m_poll_current, + .partner_layout .club_info_layout .overlapping_main_row > .m_poll_current, + .club_info_layout .partner_layout .overlapping_main_row > .m_poll_current, + .partner_layout .main_row > .m_poll_related, + .partner_layout .club_info_layout .overlapping_main_row > .m_poll_related, + .club_info_layout .partner_layout .overlapping_main_row > .m_poll_related, + .m_bio_strip > .col, + .m_bio_strip > .m_poll_current, + .m_bio_strip > .m_poll_related { + float: none; + width: auto; + } + + .no-svg .m_link_nav_content_sublevel_wrapper .m_link_nav_content_sublevel.active > a:after, .m_link_nav_content_sublevel_wrapper .no-svg .m_link_nav_content_sublevel.active > a:after { + background-image: url("../images/icons/png/arrow_down_big.png"); + } + + .m_link_nav_content_sublevel_wrapper .m_link_nav_content_sublevel.active > a:after { + background-image: url("../images/icons/svg/arrow_down_big.svg"); + } + + .no-svg .navigation_goto_subnav, .no-svg .navigation_dropdown [data-back-btn]:before, .navigation_dropdown .no-svg [data-back-btn]:before, + .no-svg .navigation_sub_nav [data-back-btn]:before, + .navigation_sub_nav .no-svg [data-back-btn]:before, .no-svg .header_corp_nav .m_link_dropdown, .header_corp_nav .no-svg .m_link_dropdown, .no-svg .header_corp_nav .m_link_dropdown [data-back-btn]:before, .header_corp_nav .m_link_dropdown .no-svg [data-back-btn]:before { + background-image: url("../images/icons/png/goto.png"); + } + + .navigation_goto_subnav, .navigation_dropdown [data-back-btn]:before, + .navigation_sub_nav [data-back-btn]:before, + .navlist_item_active .navigation_sub_nav [data-back-btn]:before, .header_corp_nav .m_link_dropdown, .header_corp_nav .m_link_dropdown [data-back-btn]:before { + background-image: url("../images/icons/svg/goto.svg"); + } + + .side_panel .social_rss_btn { + background-image: url("../images/icons/svg/social_rss_black.svg"); + } + + .no-svg .side_panel .social_twitter_btn, .side_panel .no-svg .social_twitter_btn { + background-image: url("../images/icons/png/social_twitter_black.png"); + } + + .side_panel .social_twitter_btn { + background-image: url("../images/icons/svg/social_twitter_black.svg"); + } + + .no-svg .side_panel .social_facebook_btn, .side_panel .no-svg .social_facebook_btn { + background-image: url("../images/icons/png/social_facebook_black.png"); + } + + .side_panel .social_facebook_btn { + background-image: url("../images/icons/svg/social_facebook_black.svg"); + } + + .hide_for_desktop { + display: block; + } + + .hide_for_mobile_devices { + display: none; + } + + .show_on_mobile_devices { + display: block; + } + + [role="banner"] { + border-bottom: 1px solid #D4D4D4; + } + + [role="banner"].sticky .header_main_wrapper, + .header_main_wrapper { + padding: 6px 15px 0 62px; + min-height: 52px; + } + + .header_logo { + /*width: 130px; + luto:*/ + width: 170px; + } + + .page_banner_alt .header_logo img { + float: none; + display: inline-block; + } + .page_banner_alt .header_logo:before { + content: ""; + display: inline-block; + height: 43px; + width: 0; + vertical-align: middle; + } + + .page_banner_alt .header_logo_description { + display: none; + } + + .original_logo { + display: block !important; + position: static !important; + } + + .sticky_header_logo { + display: none !important; + } + + .mobile_menu_trigger { + height: 56px; + border-right: 1px solid #D9D9D9; + width: 50px; + display: block; + position: absolute; + left: 0; + top: 0; + } + .mobile_menu_trigger span, .mobile_menu_trigger span:before, .mobile_menu_trigger span:after { + width: 20px; + height: 2px; + background-color: #000300; + display: block; + position: absolute; + } + .mobile_menu_trigger span:before, .mobile_menu_trigger span:after { + content: ""; + } + .mobile_menu_trigger span { + left: 50%; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + -moz-transform: translateX(-50%) translateY(-50%); + -ms-transform: translateX(-50%) translateY(-50%); + -o-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + } + .mobile_menu_trigger span:before { + top: -6px; + } + .mobile_menu_trigger span:after { + bottom: -6px; + } + + .home_layout .main_row, .home_layout .club_info_layout .overlapping_main_row, .club_info_layout .home_layout .overlapping_main_row { + display: table; + } + .home_layout .important { + display: table-footer-group; + float: none; + width: 100%; + } + .home_layout .aside { + display: table-header-group; + float: none; + width: 100%; + } + + .rivalry_layout .team_row_modules > * { + margin-left: 10px; + margin-right: 10px; + } + + .club_info_layout .aside { + margin-bottom: 20px; + } + .club_info_layout .full_ad_row > * + * { + margin-top: 20px; + } + .club_info_layout .full_ad_row { + margin-bottom: 40px; + } + .club_info_layout .gold_sponsors_row .m_header { + text-align: left; + } + .club_info_layout .gold_sponsors_row > * { + text-align: center; + } + .club_info_layout .full_text_row > * { + margin-right: 20px; + } + .club_info_layout .main_row .aside > *, .club_info_layout .overlapping_main_row .aside > * { + margin-left: 20px; + margin-right: 20px; + } + .club_info_layout .chart_row { + margin-bottom: 28px; + } + .club_info_layout .chart_row > * { + margin-left: 0; + margin-right: 0; + } + .club_info_layout .full_history_section .m_slider { + margin-left: 0; + margin-right: 0; + } + .club_info_layout .slider_row .m_section_news_actions { + margin-top: 20px; + } + .club_info_layout .important .slider_row .m_slider { + margin-left: 0; + margin-right: 0; + } + .club_info_layout .news_results_row > *, .club_info_layout .filter_row > * { + margin-left: 20px !important; + margin-right: 20px !important; + } + .club_info_layout .news_results_paginator_col { + margin-bottom: 20px; + } + + .club_excerpt_history_row .wrapper, .club_full_history_row .wrapper { + margin: 0; + border: none; + } + + .tickets_layout .m_tour_features:nth-child(even) { + padding-left: 0; + } + .tickets_layout .m_tour_features:nth-child(odd) { + padding-right: 0; + } + .tickets_layout .slider_row > * { + margin-left: 0 !important; + margin-right: 0 !important; + } + .tickets_layout .aside .aside_link { + display: none; + } + + .news_opta_layout .aditional_content { + display: none; + } + + .player_layout .player_stats_row { + background-color: #FAFAFA; + margin-bottom: 0; + } + + .m_footer_pagination { + border-top: 1px solid #d9d9d9; + } + + .medical_report .m_player { + max-width: 220px; + } + + .news_report_layout .main_content > * { + margin-left: 0; + margin-right: 0; + } + .news_report_layout .important > * { + margin-left: 10px !important; + margin-right: 10px !important; + } + + [data-slideable], .side_panel { + -webkit-transition: -webkit-transform 250ms cubic-bezier(0.19, 1, 0.22, 1); + -webkit-backface-visibility: hidden; + -moz-transition: -moz-transform 250ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-backface-visibility: hidden; + -ms-transition: -ms-transform 250ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-backface-visibility: hidden; + -o-transition: -o-transform 250ms cubic-bezier(0.19, 1, 0.22, 1); + -o-backface-visibility: hidden; + transition: transform 250ms cubic-bezier(0.19, 1, 0.22, 1); + backface-visibility: hidden; + } + + [role="banner"].sticky { + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + -o-transition: none !important; + transition: none !important; + } + + .menu_open [role="banner"].sticky { + left: 270px !important; + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -ms-transform: translateX(0); + -o-transform: translateX(0); + transform: translateX(0); + } + + .side_panel { + background-image: url("../images/backgrounds/side_panel_bg.png"); + background-position: right top; + background-repeat: repeat-y; + } + + [data-slideable] { + -moz-backface-visibility: visible; + } + + .side_panel { + display: block; + width: 270px; + position: fixed; + bottom: 0; + top: 0; + left: -270px; + z-index: 0; + background-color: #222; + } + + .menu_open [data-slideable], .menu_open .side_panel { + -webkit-transform: translateX(270px); + -moz-transform: translateX(270px); + -ms-transform: translateX(270px); + -o-transform: translateX(270px); + transform: translateX(270px); + } + + [role=navigation] { + -webkit-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + -o-transform: translateZ(0); + transform: translateZ(0); + overflow: hidden; + } + + .navlist_item_active .navigation_dropdown, .navigation_dropdown { + border-top: none; + border-bottom: none; + } + + .navigation_list .navlist_item_with_dropdown.navlist_item_with_advertisement .navigation_dropdown { + left: 0; + width: 100%; + right: auto; + -webkit-transform: translateX(100%); + -moz-transform: translateX(100%); + -ms-transform: translateX(100%); + -o-transform: translateX(100%); + transform: translateX(100%); + } + + .navigation_list .navlist_item_active.navlist_item_with_dropdown.navlist_item_with_advertisement .navigation_dropdown.current_panel, + .navigation_list .navlist_item_with_dropdown .navigation_dropdown.current_panel { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -ms-transform: translateX(0); + -o-transform: translateX(0); + transform: translateX(0); + } + + .navigation_link > span, .navigation_list a, .navigation_dropdown_content_list a, .navlist_item_active .navigation_dropdown_content_list a, .navigation_sub_nav_list a, .with_advertisement ul a, .navigation_tools .navigation_list a { + border: none; + padding-top: 20px; + padding-bottom: 20px; + position: relative; + padding-left: 18px; + font-size: 1.4em; + } + .navigation_link > span:before, .navigation_list a:before, .navigation_dropdown_content_list a:before, .navlist_item_active .navigation_dropdown_content_list a:before, .navigation_sub_nav_list a:before, .with_advertisement ul a:before, .navigation_tools .navigation_list a:before { + position: absolute; + } + .navigation_link > span, .navigation_list a, .navigation_dropdown_content_list a, .navlist_item_active .navigation_dropdown_content_list a, .navigation_sub_nav_list a, .with_advertisement ul a, .navigation_tools .navigation_list a, .navigation_link > span:hover, .navigation_list a:hover, .navigation_dropdown_content_list a:hover, .navigation_sub_nav_list a:hover, .with_advertisement ul a:hover { + color: #8c8c8c !important; + } + + .navigation_link, .navigation_list > li, .navigation_dropdown_content_list > li, .navlist_item_active .navigation_dropdown_content_list > li, .navigation_sub_nav_list > li, .with_advertisement ul > li, .navigation_tools .navigation_list > li { + float: none; + margin-left: 0; + border-bottom: 1px solid #333333; + border-top: none; + padding-top: 0; + background-color: transparent !important; + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + -o-transition: none !important; + transition: none !important; + } + + .navigation_link { + text-decoration: none; + text-transform: uppercase; + } + .navigation_link > span { + display: block; + } + + .navigation_list + , .navigation_dropdown_content_list + , .navlist_item_active .navigation_dropdown_content_list + , .navigation_sub_nav_list + , .with_advertisement ul + , .navigation_tools .navigation_list { + padding: 0; + margin-bottom: 0; + border-top: 1px solid #333333; + } + .navigation_list li, .navigation_dropdown_content_list li, .navlist_item_active .navigation_dropdown_content_list li, .navigation_sub_nav_list li, .with_advertisement ul li, .navigation_tools .navigation_list li { + font-size: x-small; + } + .navigation_list .with_dropdown a, .navigation_dropdown_content_list .with_dropdown a, .navlist_item_active .navigation_dropdown_content_list .with_dropdown a, .navigation_sub_nav_list .with_dropdown a, .with_advertisement ul .with_dropdown a, .navigation_tools .navigation_list .with_dropdown a { + margin-right: 0; + } + .navigation_list .with_dropdown a:after, .navigation_dropdown_content_list .with_dropdown a:after, .navlist_item_active .navigation_dropdown_content_list .with_dropdown a:after, .navigation_sub_nav_list .with_dropdown a:after, .with_advertisement ul .with_dropdown a:after, .navigation_tools .navigation_list .with_dropdown a:after { + display: none; + } + + .navigation_list.with_active_section { + margin-bottom: 0; + } + + .navlist_item:hover > a, .navlist_item_active > a { + color: #8c8c8c !important; + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + -o-transition: none !important; + transition: none !important; + } + + .navigation_sub_nav_list, .with_dropdown .navigation_sub_nav_list { + min-width: 0; + } + + .navigation_dropdown, .navigation_sub_nav { + width: 100%; + top: 0; + left: 0; + display: block; + z-index: 4; + -webkit-transition: -webkit-transform 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: -moz-transform 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: -ms-transform 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: -o-transform 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1); + -webkit-transform: translateX(100%); + -moz-transform: translateX(100%); + -ms-transform: translateX(100%); + -o-transform: translateX(100%); + transform: translateX(100%); + } + + .navigation_dropdown, .navigation_sub_nav, + .navlist_item_active .navigation_dropdown, + .navigation_dropdown_content { + background: #222222 url("../images/backgrounds/side_panel_bg.png") right top repeat-y; + height: auto; + } + + .navigation_dropdown { + display: none !important; + } + + .navigation_dropdown.visible_panel { + display: block !important; + } + + .navigation_sub_nav_advertisement { + display: none; + } + + .navigation_sub_nav_advertisement + .navigation_sub_nav_list, + .navigation_sub_nav_wrapper > * { + float: none; + } + + .navigation_sub_nav_advertisement + .navigation_sub_nav_list { + border-right: none; + } + + .with_dropdown:hover:after, + .navlist_item_active .with_dropdown:hover:after { + display: none; + } + + .navigation_sub_nav { + padding-top: 0; + margin-left: 0; + } + + .navigation_dropdown_content, .navlist_item_active .navigation_dropdown_content { + padding: 0; + border: none; + border-bottom: none; + } + + .navigation_goto_subnav { + background-position: 21px center; + background-repeat: no-repeat; + position: absolute; + display: block; + width: 57px; + height: 100%; + top: 0; + right: 0; + border-left: 1px solid #333333; + } + + .navigation_list { + position: relative; + } + + .navlist_item_active .current_panel, .current_panel { + display: block !important; + position: absolute; + top: 0; + min-height: 100%; + min-width: 100%; + height: auto; + z-index: 4; + } + + .current_panel { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -ms-transform: translateX(0); + -o-transform: translateX(0); + transform: translateX(0); + -webkit-backface-visibility: hidden; + } + .current_panel .navigation_sub_nav { + top: -112px; + } + + .navigation_dropdown_content { + border-left: none; + } + .navigation_dropdown_content:before { + display: none; + } + + .navigation_sub_nav_wrapper { + background: none; + border: none; + } + + .navigation_sub_nav_list, + .with_advertisement ul { + border-right: none; + } + + .navigation_dropdown [data-back-btn], + .navigation_sub_nav [data-back-btn], + .navlist_item_active .navigation_sub_nav [data-back-btn] { + display: block; + background-color: black; + color: #8c8c8c; + text-decoration: none; + padding-left: 35px; + position: relative; + } + .navigation_dropdown [data-back-btn]:before, + .navigation_sub_nav [data-back-btn]:before, + .navlist_item_active .navigation_sub_nav [data-back-btn]:before { + content: ""; + display: block; + position: absolute; + left: 14px; + top: 50%; + background-position: left right; + background-repeat: no-repeat; + width: 11px; + height: 19px; + -webkit-transform: rotate(180deg) translateY(11px); + -moz-transform: rotate(180deg) translateY(11px); + -ms-transform: rotate(180deg) translateY(11px); + -o-transform: rotate(180deg) translateY(11px); + transform: rotate(180deg) translateY(11px); + } + + .navlist_item_with_dropdown:hover .navigation_dropdown { + padding-top: 0; + } + + .navlist_item_with_dropdown > a { + margin-right: 0; + } + .navlist_item_with_dropdown > a:after { + display: none; + } + + .navigation_dropdown .navigation_breadcrumb { + display: block; + font-weight: bold; + text-decoration: none; + } + + .navigation_dropdown_content_list li > a, + .navlist_item_active .navigation_dropdown_content_list li > a { + padding-left: 33px; + } + + [role="banner"] [data-morph="nav"] { + display: none; + } + + .navigation_list li { + position: static; + } + + .header_corp_nav { + position: static; + top: 0; + right: 0; + background-color: black; + font-size: x-small; + } + .header_corp_nav li { + display: block; + border-left: none; + font-size: 1.4em; + border-right: none; + padding-left: 19px; + } + .header_corp_nav a { + padding-top: 21px; + } + .header_corp_nav a, .header_corp_nav a:hover { + color: #cccccc !important; + } + + #mobile_devices_menu_holder { + position: relative; + overflow: hidden; + } + + .header_corp_nav .m_link_dropdown { + position: static; + background-position: 233px center; + display: table; + width: 100%; + padding: 0; + } + .header_corp_nav .m_link_dropdown > span, .header_corp_nav .m_link_dropdown > small { + display: table-cell; + color: white; + text-transform: uppercase; + font-size: 0.9em; + line-height: 58px; + display: table-cell; + padding-left: 19px; + } + .header_corp_nav .m_link_dropdown > small { + color: #cccccc; + padding-right: 13px; + white-space: nowrap; + } + .header_corp_nav .m_link_dropdown > small:after { + width: 1px; + height: 9px; + background-color: #333333; + display: inline-block; + content: ""; + vertical-align: middle; + margin-left: 12px; + } + .header_corp_nav .m_link_dropdown > span { + color: white; + font-weight: bold; + width: 100%; + padding-left: 0; + position: relative; + } + .header_corp_nav .m_link_dropdown [data-back-btn] { + position: relative; + } + .header_corp_nav .m_link_dropdown [data-back-btn]:before { + content: ""; + display: block; + position: absolute; + left: 18px; + top: 50%; + background-repeat: no-repeat; + width: 11px; + height: 19px; + margin-top: -12px; + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + .header_corp_nav .m_link_dropdown_list { + margin-top: 0; + position: absolute; + min-height: 100%; + top: 0; + left: 0; + display: block; + background-color: black; + border: none; + font-size: x-small; + -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -webkit-transform: translateX(100%); + -moz-transition: -moz-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transform: translateX(100%); + -ms-transition: -ms-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transform: translateX(100%); + -o-transition: -o-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transform: translateX(100%); + transition: transform 1000ms cubic-bezier(0.19, 1, 0.22, 1); + transform: translateX(100%); + } + .header_corp_nav .m_link_dropdown_list li { + border: none; + font-size: x-small; + padding: 0; + -webkit-transition: none; + -moz-transition: none; + -ms-transition: none; + -o-transition: none; + transition: none; + } + .header_corp_nav .m_link_dropdown_list li:hover { + background-color: transparent; + } + .header_corp_nav .m_link_dropdown_list a, .header_corp_nav .m_link_dropdown_list span { + color: #999999; + font-weight: normal; + text-transform: uppercase; + padding: 0; + line-height: 53px; + font-size: 1.4em; + border-bottom: 1px solid #333333; + padding: 0 20px 0 45px; + } + .header_corp_nav .m_link_dropdown_list a:hover, .header_corp_nav .m_link_dropdown_list span:hover { + background-color: #222; + } + .header_corp_nav .m_link_dropdown_list span { + font-weight: bold; + color: white; + } + .header_corp_nav .current_panel { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -ms-transform: translateX(0); + -o-transform: translateX(0); + transform: translateX(0); + } + .header_corp_nav span[data-mobile-label] { + font-size: 0 !important; + color: black !important; + white-space: nowrap; + } + .header_corp_nav span[data-mobile-label]:before { + color: white; + content: attr(data-mobile-label); + display: inline-block; + background: none; + width: auto; + height: 20px; + font-size: 14px; + left: 0; + top: 0; + } + + .navlist_item_tool > a { + display: block !important; + } + .navlist_item_tool > a:hover, .navlist_item_tool > a { + color: white !important; + font-weight: bold; + } + + .footer_sitemap .wrapper { + text-align: center; + font-size: x-small; + } + .footer_sitemap .wrapper > .col, .footer_sitemap .wrapper > .m_poll_current, .footer_sitemap .wrapper > .m_poll_related { + float: none; + width: auto; + height: auto !important; + padding-top: 0; + padding-bottom: 0; + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + -o-transition: none !important; + transition: none !important; + } + .footer_sitemap .wrapper > .col:hover, .footer_sitemap .wrapper > .m_poll_current:hover, .footer_sitemap .wrapper > .m_poll_related:hover { + background-color: transparent; + } + + .search_bar { + display: none; + } + + .search_bar_always { + display: block; + overflow: visible; + z-index: 2; + -webkit-transition: none; + -moz-transition: none; + -ms-transition: none; + -o-transition: none; + transition: none; + height: auto; + padding: 19px; + } + .sticky .search_bar_always { + display: none; + } + .search_bar_always .wrapper { + width: auto; + position: relative; + top: 0; + left: auto; + margin-left: 0; + } + .search_bar_always .search_bar_results_wrapper { + left: 19px; + right: 19px; + margin-left: 0; + width: auto; + } + .search_bar_always .search_bar_actions { + text-align: right; + width: auto; + } + .search_bar_always .search_bar_actions .btn { + margin-right: 19px; + } + .search_bar_always .search_bar_close { + display: none; + } + .search_bar_always .search_bar_input { + margin-right: 135px; + } + + .search_layout { + padding-top: 0; + } + .search_layout .search_bar { + margin-bottom: 26px; + } + + .header_corp_nav_login_logged { + background: transparent; + } + .header_corp_nav_login_logged a { + display: block; + overflow: hidden; + } + .header_corp_nav_login_logged small { + float: left; + margin-right: 10px; + } + .header_corp_nav_login_logged li { + border-top: 1px solid #333333; + } + .header_corp_nav_login_logged li:hover { + background-color: transparent; + } + .header_corp_nav_login_logged .m_link_dropdown_list { + margin-top: 0; + border: none; + } + .header_corp_nav_login_logged .m_link_dropdown_list:before { + display: none; + } + + .pre_footer_row .col, .pre_footer_row .m_poll_current, .pre_footer_row .m_poll_related { + margin-bottom: 20px; + } + + .pre_footer .m_publication ul { + height: auto; + } + + .footer_sitemap a { + font-size: 1.4em; + } + + .footer_sitemap_links, .footer_sitemap_links .hide_for_mobile_devices { + display: none; + } + + .footer_standalone_links .footer_sitemap_links { + display: block; + } + + .footer_standalone_links li { + display: inline-block; + vertical-align: top; + margin-top: 0; + } + + .footer_gold_sponsors { + padding-left: 24px; + } + + .footer_silver_sponsors { + padding-right: 14px; + padding-top: 40px; + } + + .side_panel .footer_social { + padding: 17px 15px; + border: none; + text-align: left; + } + .side_panel .footer_social a + a { + margin-left: 9px; + } + .side_panel .hide_on_sidebar { + display: none; + } + .side_panel .social_facebook_btn, .side_panel .social_twitter_btn, .side_panel .social_google_plus_btn, .side_panel .social_youtube_btn, .side_panel .social_flickr_btn, .side_panel .social_rss_btn, .side_panel .social_renren_btn, .side_panel .social_sinaweibo_btn, .side_panel .social_tencent_btn, .side_panel .social_wechat_btn, .side_panel .social_youku_btn { + background-color: #6d6c6f; + } + .side_panel .social_facebook_btn:hover, .side_panel .social_twitter_btn:hover, .side_panel .social_google_plus_btn:hover, .side_panel .social_youtube_btn:hover, .side_panel .social_flickr_btn:hover, .side_panel .social_rss_btn:hover, .side_panel .social_renren_btn:hover, .side_panel .social_sinaweibo_btn:hover, .side_panel .social_tencent_btn:hover, .side_panel .social_wechat_btn:hover, .side_panel .social_youku_btn:hover { + background-color: #9d9d9d; + } + + .home_layout .full_ad_row > * + * { + margin-top: 10px; + } + .home_layout .cups_row { + margin-bottom: 40px; + } + .home_layout .social_row > * { + margin-left: 0; + margin: 0 5px 40px 0; + } + + .register_layout .aside > * { + margin-left: 10px; + margin-right: 10px; + } + .register_layout .important > * { + margin-left: 10px; + margin-right: 10px; + } + .register_layout .main_row, .register_layout .club_info_layout .overlapping_main_row, .club_info_layout .register_layout .overlapping_main_row { + margin-bottom: 0; + } + + .register_layout .main_row, .overlapping_row, .club_info_layout .overlapping_main_row, .vip_layout .main_row.overlapping_row, .vip_layout .club_info_layout .overlapping_main_row, .club_info_layout .vip_layout .overlapping_main_row { + margin-top: 0; + } + + .home_layout .highlighted_row > *, .club_info_layout .multiple_row .col > *, .tickets_layout .multiple_row .col > *, .fundacion_layout .multiple_row .col > *, .club_info_layout .multiple_row .m_poll_current > *, .tickets_layout .multiple_row .m_poll_current > *, .fundacion_layout .multiple_row .m_poll_current > *, .club_info_layout .multiple_row .m_poll_related > *, .tickets_layout .multiple_row .m_poll_related > *, .fundacion_layout .multiple_row .m_poll_related > *, .club_info_layout .practical_info_row .col > *, .vip_layout .practical_info_row .col > *, .club_info_layout .practical_info_row .m_poll_current > *, .vip_layout .practical_info_row .m_poll_current > *, .club_info_layout .practical_info_row .m_poll_related > *, .vip_layout .practical_info_row .m_poll_related > *, .club_info_layout .rm_text_row > *, .club_info_layout .nav_row > *, .club_info_layout .text_row > *, .club_info_layout .full_text_row > *, .club_info_layout .img_map_row > *, .club_info_layout .schedule_nav_row > *, .club_info_layout .member_row .col > *, .club_info_layout .member_row .m_poll_current > *, .club_info_layout .member_row .m_poll_related > *, .club_info_layout .members_row .col > *, .club_info_layout .members_row .m_poll_current > *, .club_info_layout .members_row .m_poll_related > *, .club_info_layout .m_header_inner > *, .club_info_layout .m_images_slider_title > *, .club_info_layout .content_row > *, .club_info_layout .form_row > *, .club_info_layout .event_footer_row > *, .club_info_layout .header_image_row .col > *, .club_info_layout .header_image_row .m_poll_current > *, .club_info_layout .header_image_row .m_poll_related > *, .club_info_layout .tabs_row > *, .club_info_layout .m_header_top > *, .club_info_layout .filter_row > *, .club_info_layout .news_results_row > *, .club_full_history_row > *, .club_excerpt_history_row > *, .tickets_layout .important > *, .tickets_layout .match_header_row > *, .tickets_layout .slider_row > *, .sports_layout .highlighted_row > *, .sports_layout .calendar_row > *, .sports_layout .classification_row > *, + .sports_layout .poll_row > *, .sports_layout .highlights_row > *, .sports_layout .team_compare_row > *, + .sports_layout .rm_strip_row > *, .sports_layout .content_row > *, .sports_layout .header_row > .col > *, .sports_layout .header_row > .m_poll_current > *, .sports_layout .header_row > .m_poll_related > *, .sports_layout .players_row > *, .sports_layout .minor_league_slider_row > *, .news_report_layout .important > *, .news_report_layout .aside > *, .specials_layout .important > *, .specials_layout .news > *, .vip_layout .important > *, .fans_layout .col_tv_schedule > *, .fans_layout .banner_kids_row > *, .fans_layout .filter_row > *, .fans_layout .upload_row > *, .fans_layout .search_club_row > *, .fans_layout .aditional_content_row .banner > *, .search_layout .search_results_row > *, .search_layout .header_row > *, .search_layout .highlights_row > *, .search_layout .empty_results_row > *, .player_layout .social_row > *, .player_layout .cups_row > *, .player_layout .video_row > *, .player_layout .text_row .important > *, .partner_layout .important > *, .partner_layout .card_row .aside > *, .madridistas_layout .important > *, .madridistas_layout .aside > *, .madridistas_layout .m_section_news_header > *, .madridistas_layout .m_header > *, .madridistas_layout .main_content .m_text_content > *, .notices_layout .main_row > *, .notices_layout .club_info_layout .overlapping_main_row > *, .club_info_layout .notices_layout .overlapping_main_row > *, .notices_layout .details_row > *, .m_highlighted_finish_game > *, .event_content_row > * { + margin-left: 20px; + margin-right: 20px; + } + + .sports_layout .rm_section { + margin-top: 0; + } + + .vip_layout .main_row .important, .vip_layout .club_info_layout .overlapping_main_row .important, .club_info_layout .vip_layout .overlapping_main_row .important, .vip_layout .main_row .aside, .vip_layout .club_info_layout .overlapping_main_row .aside, .club_info_layout .vip_layout .overlapping_main_row .aside { + float: none; + width: auto; + } + .vip_layout .img_row img { + width: 100%; + height: auto; + } + .vip_layout .important .slider_row { + margin-left: 0; + margin-right: 0; + } + .vip_layout .aside > .m_personal_info:first-child { + margin-top: 0; + } + .vip_layout .slider_row { + margin-left: 0; + margin-right: 0; + } + .vip_layout .slider_row .m_slider { + margin-left: 0; + margin-right: 0; + } + + .fans_layout .aside .m_popular_videos { + display: none; + } + + .partner_layout .important > * { + margin-left: 10px; + margin-right: 10px; + } + .partner_layout .aside.hide_for_mobile_devices { + width: 100%; + display: block; + float: none; + } + .partner_layout .aside.hide_for_mobile_devices .m_action_link { + display: none; + } + .partner_layout .aside .m_highlight_private { + /* width:auto; */ + width: 96.5%; + position: relative; + opacity: .99; + /*p { + float:none!important; + max-width: 90%!important; + } */ + } + .partner_layout .aside .m_highlight_private .m_highlight_content, .partner_layout .aside .m_highlight_private .m_store_content { + padding: 8px 10px; + } + .partner_layout .aside .m_highlight_private .m_highlight_content:before, .partner_layout .aside .m_highlight_private .m_store_content:before, .partner_layout .aside .m_highlight_private .m_highlight_content:after, .partner_layout .aside .m_highlight_private .m_store_content:after { + content: "."; + display: block; + height: 0; + overflow: hidden; + } + .partner_layout .aside .m_highlight_private .m_highlight_content:after, .partner_layout .aside .m_highlight_private .m_store_content:after { + clear: both; + } + .partner_layout .aside .m_highlight_private .m_highlight_content, .partner_layout .aside .m_highlight_private .m_store_content { + zoom: 1; + } + .partner_layout .aside .m_highlight_private .m_highlight_content p, .partner_layout .aside .m_highlight_private .m_store_content p { + float: left; + margin: 8px 0; + } + .partner_layout .aside .m_highlight_private .m_highlight_content .actions, .partner_layout .aside .m_highlight_private .m_store_content .actions { + float: right; + /* max-width: 90%!important; */ + /* float:left; */ + text-align: right; + /* text-align: left; */ + } + .partner_layout .aside .m_highlight_private .m_highlight_content .actions a, .partner_layout .aside .m_highlight_private .m_store_content .actions a { + display: inline-block; + } + .partner_layout .aside .m_highlight_private .m_highlight_content .actions .link, .partner_layout .aside .m_highlight_private .m_store_content .actions .link { + margin-top: 10px; + display: inline-block; + } + .partner_layout .main_row, .partner_layout .club_info_layout .overlapping_main_row, .club_info_layout .partner_layout .overlapping_main_row { + margin-top: 0px; + } + + .col.aside .m_highlight_private .m_highlight_content p, .aside.m_poll_current .m_highlight_private .m_highlight_content p, .aside.m_poll_related .m_highlight_private .m_highlight_content p, .col.aside .m_highlight_private .m_store_content p, .aside.m_poll_current .m_highlight_private .m_store_content p, .aside.m_poll_related .m_highlight_private .m_store_content p { + float: left; + } + + .m_partidos_fuera #socio_check, .m_partidos_fuera #madridista_check { + margin-top: 13px; + } + .m_partidos_fuera .tipoTitular .col_form_4.noexpand { + margin: 17px 15px 0 0; + } + .m_partidos_fuera .tipoTitular .col_form_4.noexpand label { + margin-top: 7px; + } + .m_partidos_fuera .tipoTitular .col_form_4.noexpand span { + margin-top: 9px; + } + .m_partidos_fuera .tipoTitular .col_form_3.noexpand { + margin-top: 0; + } + + .m_link_nav { + position: relative; + } + + .m_link_nav_action { + display: block; + padding: 15px 20px; + border-top: 1px solid #000400; + border-bottom: 1px solid #D0D0D0; + } + + .m_link_nav_content li.active { + border: none; + } + + .m_link_nav_content { + width: 100%; + position: absolute; + top: 46px; + left: 0; + overflow: hidden; + background: white; + border-left: 1px solid #D0D0D0; + border-right: 1px solid #D0D0D0; + margin-left: -1px; + } + + .m_link_nav_content_sublevel.active { + display: block; + width: 100%; + } + + .m_link_nav_subcontent { + border-bottom: 1px solid #0C0000; + } + + .m_social_mod_grid_sizer { + width: 25%; + } + + .m_social_mod_grid_paginator { + width: 50%; + } + + .m_highlight_header img, .m_store_header img { + margin: 0 auto; + } + + .m_highlights_banner_container > * { + width: 499px; + } + + /* .m_highlights_banner_iconos_picture span, .m_highlights_banner_iconos_video span { + font-size:11px; + margin:7px 0 0 37px; + } */ + .m_media span { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); + background-color: rgba(0, 0, 0, 0.4); + } + .m_media:hover span { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); + background-color: rgba(0, 0, 0, 0.4); + } + .m_media .m_video_item_icon, + .m_media .m_image_item_picture { + display: block; + } + .m_media:hover .m_video_item_icon, .m_media:hover .m_image_item_picture { + display: block; + } + + .m_highlighted_direct_game_actions div + a, .m_highlighted_summary_game_actions div + a { + margin-bottom: 10px; + } + + .m_advantages { + width: auto; + display: block; + } + + .m_main_header { + min-height: 0; + overflow: hidden; + } + .m_main_header > * { + height: auto; + padding-right: 0; + } + .m_main_header:after { + background-image: url("../images/backgrounds/rm_logo_headers_tablet.png"); + } + + .m_highlighted > * { + float: none; + width: auto; + display: block; + } + + .m_highlighted_next_game_info_wrapper { + display: block; + } + .m_highlighted_next_game_info_wrapper > a { + display: block; + text-align: center; + width: auto; + border: none; + margin-top: 10px; + } + + .m_highlighted_next_game_info { + width: auto; + margin: 17px auto 0; + } + + .m_highlighted_next_game { + margin-bottom: 8px; + } + + .m_player_simple { + position: relative; + max-width: none; + } + + .m_media_slide_next { + right: 0; + margin-right: 0; + } + + .m_media_slide_prev { + left: 0; + margin-left: 0; + } + + .m_poll_related_item strong { + width: 70px; + text-transform: none; + } + + .m_full_header_banner_info_wrapper { + max-width: 100% !important; + margin-left: 0 !important; + left: 0; + } + .m_full_header_banner_info_wrapper img { + width: auto; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); + max-width: none; + position: relative; + left: 50%; + margin: 0; + } + + .m_tickets_map_info { + position: static; + } + + .m_tickets_slider > * { + margin-left: 0; + margin-right: 0; + } + + .m_tickets_slider_purchase { + border-left: none; + border-right: none; + } + + /*ini jmc*/ + .m_tickets_slider_purchase .m_warning { + max-width: 57%; + } + + /*fin jmc*/ + .m_slider_banner img { + height: 300px !important; + width: auto; + max-width: none; + position: relative; + left: 50%; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); + } + .m_slider_banner .m_slider_item { + overflow: hidden; + } + + .m_articles_view_more { + margin-top: 19px; + } + + .m_player_bio_data_wrapper { + position: static; + background: none; + } + + .m_player_history_slider .m_slider_viewport { + margin-left: 71px; + margin-right: 71px; + } + .m_player_history_slider .slider_btn_next { + right: 18px; + } + .m_player_history_slider .slider_btn_prev { + left: 18px; + } + .m_player_history_slider .m_players_slider_title { + font-size: 2.4em; + text-transform: none; + } + + .m_bio_strip { + background-position: center bottom; + background-size: 240px 328px; + } + + .m_bio_strip_player { + text-align: center; + position: static; + } + .m_bio_strip_player img { + display: inline-block; + position: static; + width: 250px; + height: auto; + } + + .m_bio_strip_content { + padding-top: 25px; + } + .m_bio_strip_content p { + padding-right: 8px; + } + + .m_bio_strip_quote { + padding-top: 0; + margin-bottom: 40px; + } + .m_bio_strip_quote blockquote { + margin-top: 63px; + } + + .m_suscribe { + padding-right: 4px; + } + .m_suscribe .btn { + position: relative; + top: auto; + right: auto; + margin-top: 16px; + } + + .m_play_video_slider .m_heading_play_video_slider { + height: auto; + } + + .madridistas_layout .m_section_news_header img { + float: none; + width: 100%; + height: auto; + margin: 0 0 20px; + } + .madridistas_layout .m_section_news_header strong { + font-size: 1.5em; + line-height: 22px; + } + .madridistas_layout .important .img_row img { + height: auto; + } + + .m_link_nav_content_sublevel_wrapper { + width: 300px; + left: auto; + border-top: 1px solid black; + } + .m_link_nav_content_sublevel_wrapper .active > a { + background-color: white; + border-bottom-color: #d0d0d0; + } + .m_link_nav_content_sublevel_wrapper .m_link_nav_subcontent { + border-bottom: none; + } + .m_link_nav_content_sublevel_wrapper .m_link_nav_subcontent.visible { + border-bottom: 1px solid black; + } + .m_link_nav_content_sublevel_wrapper li.active .active { + border-top: none; + } + .m_link_nav_content_sublevel_wrapper li.active .active > * { + background-color: transparent !important; + } + .m_link_nav_content_sublevel_wrapper .m_link_nav_content_sublevel.active > a:after { + width: 19px; + height: 11px; + } + + .fundacion_layout .highlight_fundacion_row .col, .fundacion_layout .highlight_fundacion_row .m_poll_current, .fundacion_layout .highlight_fundacion_row .m_poll_related { + float: none; + width: auto; + } + .fundacion_layout .highlight_fundacion_row .m_highlight, .fundacion_layout .highlight_fundacion_row .m_store { + border-top: 1px solid #d4d4d4; + margin-bottom: -1px; + } + .fundacion_layout .main_row .important, .fundacion_layout .club_info_layout .overlapping_main_row .important, .club_info_layout .fundacion_layout .overlapping_main_row .important { + float: none; + width: auto; + } + .fundacion_layout .main_row .aside, .fundacion_layout .club_info_layout .overlapping_main_row .aside, .club_info_layout .fundacion_layout .overlapping_main_row .aside { + display: none; + } + + .m_photo_gallery_slide .slides li .photo { + background: none !important; + } + .m_photo_gallery_slide .slides li .description { + position: relative; + left: auto; + bottom: auto; + padding: 15px 10px; + } + + .page_gallery { + background: #000; + } + + .m_photo_gallery_header_title, + .m_photo_gallery_header_title li { + float: none; + } + + .m_photo_gallery_header_title li:first-child { + position: static; + margin-top: 0; + } + + .m_photo_gallery_header_title .title { + border-top: 1px solid #333; + padding-left: 16px; + } + .m_photo_gallery_header_title .title h1 { + font-size: 2em; + } + + .m_photo_gallery_header_title { + max-width: none; + } + + .m_photo_gallery_header_nav .close { + position: absolute; + top: 0; + right: 0; + } + + .m_photo_gallery_thumbnails { + position: relative; + right: auto; + bottom: auto; + width: 100%; + } + + .m_photo_gallery_header_nav .hide_for_mobile { + display: none; + } + + .m_photo_gallery_slide { + border-top-width: 0 !important; + } + + .m_related_gallery { + padding: 10px 0; + } + + .m_related_gallery_header { + padding-left: 18px; + } + + .m_related_gallery_content .col, .m_related_gallery_content .m_poll_current, .m_related_gallery_content .m_poll_related { + margin-left: 0 !important; + text-align: center; + float: none !important; + } + .m_related_gallery_content .col a, .m_related_gallery_content .m_poll_current a, .m_related_gallery_content .m_poll_related a { + margin-bottom: 10px; + } + .m_related_gallery_content .col a.m_photo, .m_related_gallery_content .m_poll_current a.m_photo, .m_related_gallery_content .m_poll_related a.m_photo { + text-align: left; + display: inline-block; + float: none; + } + + .m_related_gallery_actions .prev { + float: none; + margin-bottom: 5px; + } + + .m_colaborate_image img, .m_colaborate > img { + width: 100%; + } + + .m_ad + .m_ad { + margin-top: 20px !important; + } + + .specials_layout .main_row > .important, .specials_layout .club_info_layout .overlapping_main_row > .important, .club_info_layout .specials_layout .overlapping_main_row > .important { + width: auto; + float: none; + } + .specials_layout .m_header { + margin-left: 20px; + } + .specials_layout .news { + width: auto; + float: none; + } + + .m_match + * { + border-top: none; + } + + .m_match_actions_rel { + margin-right: 0px; + } + + .m_match_teams p > span:first-child { + border: none; + display: block; + } + + .escapa #side_nav_mobile_trigger { + display: none; + } + + /* .header_corp_nav, .escapa #side_nav_mobile_trigger{ + display:none; + } + */ + #body.m_landing section .m_landing_art2 header { + float: none; + } + #body.m_landing section .m_landing_art2 header img { + max-width: 59%; + display: inline-block; + } + #body.m_landing section .m_landing_art2 .m_landing_art2_li { + width: 90%; + float: none; + } + #body.m_landing section .m_landing_art2 .m_landing_art2_li h3 { + margin-left: 0; + } + #body.m_landing section .m_landing_art2 .m_landing_art2_li ul { + margin-left: 40px; + } + #body.m_landing section .m_landing_art3 button { + width: 39%; + } + #body.m_landing section small { + text-align: center; + margin-left: 10px; + } + + br.m_audio_clear { + display: none; + } + + .m_audio_stream { + width: 50%; + box-sizing: border-box; + } + .m_audio_stream .m_audio_volume { + width: 160px; + } + + .m_planeta_blanco .form_row .m_header { + width: 112% !important; + } + + .g-t1 { + font-size: 11px; + } + + .g-t2 { + font-size: 26px; + } + + .l-vs-row { + margin-bottom: 30px; + overflow: hidden; + background-color: #000000; + } + + .l-vs-col60 { + margin-left: 0; + width: 100%; + padding-bottom: 75%; + } + + .l-vs-col30 { + margin-left: 0; + margin-top: 20px; + width: 100%; + } + + .m_video_stream { + font-size: x-small; + background-color: #000000; + position: relative; + overflow: hidden; + padding-left: 20px; + padding-right: 20px; + padding-bottom: 20px; + } + + .m_audio_stream_player { + bottom: 0 !important; + } + + .m_video_stream_title { + margin-top: 25px; + } + + .m_video_stream_add_cont { + position: static; + width: 100%; + margin-top: 40px; + } + .m_video_stream_add_cont .m_ad { + margin-left: 0; + margin-right: 0; + } + + .g-table-b { + width: 100%; + } + .g-table-b th, .g-table-b td { + min-width: 65px; + padding-left: 10px; + padding-right: 10px; + } + + .l-main_row { + margin-top: 0; + } + + .l-header .l-info-r { + margin-top: 5px; + } + + div[class*="col_form_"] { + width: 100%; + } + + .form_checkbox_field .form_text_field { + padding-left: 13px; + } + .form_checkbox_field .form_text_field label { + margin-left: 7px; + } + .form_checkbox_field .form_text_field span { + margin-left: 7px; + } + + .m_ds_banner { + overflow: hidden; + position: relative; + } + .m_ds_banner .m_header { + bottom: 0; + margin: 0 auto; + max-width: 100%; + position: absolute; + width: 100%; + z-index: 99; + } + .m_ds_banner .m_header .wrapper { + text-align: center; + position: static; + width: 100%; + margin-left: 0; + background-color: #010101; + padding-top: 30px; + max-width: 100%; + } + .m_ds_banner .m_header .wrapper .wrapper_inner { + padding-top: 30px; + padding-bottom: 30px; + background-position: center top; + } + .m_ds_banner h1 { + width: auto; + font-size: 30px; + position: static; + background-position: center bottom; + } + .m_ds_banner h1 span { + font-size: 30px; + font-weight: bold; + } + .m_ds_banner img { + left: -79%; + max-width: 200%; + position: relative; + width: 200%; + } + + .m_ds_title { + margin-top: 45px !important; + padding-bottom: 9em; + margin-bottom: 20px; + } + .m_ds_title figure { + font-size: 30px; + } + + .m_ds_noticias { + margin-left: 10px !important; + margin-right: 10px !important; + border-bottom: none !important; + padding-bottom: 0 !important; + } + .m_ds_noticias .m_highlights_banner_item { + height: auto !important; + width: 100% !important; + margin-left: 0 !important; + margin-right: 0 !important; + float: none; + } + .m_ds_noticias .m_highlights_banner_item a { + height: auto !important; + } + .m_ds_noticias .m_highlights_banner_item .m_highlights_banner_image { + width: 100% !important; + } + .m_ds_noticias .m_highlights_banner_item .m_highlights_banner_image img { + height: auto; + width: 100%; + margin-left: 0; + } + .m_ds_noticias .m_highlights_banner_item .m_highlights_banner_info { + padding-left: 15px; + padding-right: 15px; + min-height: 90px !important; + max-height: 100px !important; + } + .m_ds_noticias .m_highlights_banner_item .m_highlights_banner_info p { + font-size: 16px; + font-weight: normal; + } + .m_ds_noticias .m_highlights_banner_item_hover .m_highlights_banner_info { + min-height: 110px !important; + max-height: 125px !important; + } + + .m_partner .m_text_content .m_text_content_tipo { + min-height: 380px; + } + .m_partner .m_text_content .m_text_content_tipo img { + max-width: 85% !important; + } + .m_partner .m_text_content .m_text_content_normas img { + max-width: 85% !important; + } + .m_partner .m_text_content .m_text_content_normas strong.m_text_content_normas_titulo_2_lines p { + padding-top: 1.3em; + } +} +/* Tablet Layout: 768px. + Inherits styles from: Default Layout. +-----------------------------------------------------------------*/ +@media only screen and (min-width: 768px) and (max-width: 990px) { + .vip_layout .sections_aside > .col, .vip_layout .sections_aside > .m_poll_current, .vip_layout .sections_aside > .m_poll_related, .vip_layout .sections_aside > .m_poll_current, .vip_layout .sections_aside > .m_poll_related { + width: 33.33333%; + *width: 33.33233%; + } + + .club_info_layout .members_row > .col, .club_info_layout .members_row > .m_poll_current, .club_info_layout .members_row > .m_poll_related, .club_info_layout .members_row > .m_poll_current, .club_info_layout .members_row > .m_poll_related { + width: 25%; + *width: 24.999%; + } + + .notices_layout .details_row > * { + width: 100%; + *width: 99.999%; + } + + .with_sticky_banner { + padding-top: 59px; + } + + .hide_for_desktop { + display: block; + } + + .hide_for_tablet, .show_on_mobile { + display: none; + } + + .show_on_tablet { + display: block; + } + + .footer_sitemap .wrapper > .col, .footer_sitemap .wrapper > .m_poll_current, .footer_sitemap .wrapper > .m_poll_related { + display: inline-block; + } + .footer_sitemap .wrapper > .footer_standalone_links { + display: block; + } + .footer_sitemap .wrapper > .col > *, .footer_sitemap .wrapper > .m_poll_current > *, .footer_sitemap .wrapper > .m_poll_related > * { + margin-left: 0; + margin-right: 0; + } + + .sticky .navigation_tools { + display: none; + } + + .footer_sitemap .col + .col, .footer_sitemap .m_poll_current + .col, .footer_sitemap .m_poll_related + .col, .footer_sitemap .col + .m_poll_current, .footer_sitemap .m_poll_current + .m_poll_current, .footer_sitemap .m_poll_related + .m_poll_current, .footer_sitemap .col + .m_poll_related, .footer_sitemap .m_poll_current + .m_poll_related, .footer_sitemap .m_poll_related + .m_poll_related, .footer_standalone_links li + li { + margin-left: 23px; + } + + .footer_standalone_links ul { + padding-top: 32px; + } + + .footer_sitemap .wrapper { + padding-top: 52px; + padding-bottom: 68px; + } + + .footer_copyright_text > * { + margin-left: 20px; + } + + .footer_links > * { + margin-right: 5px; + } + + .m_social_mod_nav_prev, + .m_social_mod_nav_next { + z-index: 2; + } + + .m_social_mod_nav_prev { + left: 7px; + } + + .m_social_mod_nav_next { + right: 6px; + } + + .m_inner_nav ul { + height: auto !important; + } + + .m_inner_nav ul { + height: auto !important; + } + + .home_layout .full_banner_row { + margin-bottom: 25px; + } + .home_layout .aside > * { + margin-bottom: 5px; + } + .home_layout .full_ad_row { + margin-bottom: 30px; + } + .home_layout .full_ad_row > * + * { + margin-top: 10px; + } + .home_layout .cups_row { + margin-bottom: 40px; + } + .home_layout .social_row > * { + margin-left: 0; + margin: 0 5px 40px 0; + } + .home_layout .highlighted_row { + margin-top: 20px; + } + + .tickets_layout .main_tickets_row .important, + .tickets_layout .main_tickets_row .aside { + width: auto; + float: none; + } + .tickets_layout .main_row > .aside > *, .tickets_layout .club_info_layout .overlapping_main_row > .aside > *, .club_info_layout .tickets_layout .overlapping_main_row > .aside > * { + margin-left: 20px; + margin-right: 20px; + } + .tickets_layout .m_info_tickets { + margin-bottom: 20px; + } + .tickets_layout .slider_row { + margin-bottom: 60px; + } + + .sports_layout .highlighted_row { + margin-top: 20px; + } + .sports_layout .main_row > .col, .sports_layout .club_info_layout .overlapping_main_row > .col, .club_info_layout .sports_layout .overlapping_main_row > .col, .sports_layout .main_row > .m_poll_current, .sports_layout .club_info_layout .overlapping_main_row > .m_poll_current, .club_info_layout .sports_layout .overlapping_main_row > .m_poll_current, .sports_layout .main_row > .m_poll_related, .sports_layout .club_info_layout .overlapping_main_row > .m_poll_related, .club_info_layout .sports_layout .overlapping_main_row > .m_poll_related { + float: none; + width: 100%; + } + .sports_layout .main_row > .aside > *, .sports_layout .club_info_layout .overlapping_main_row > .aside > *, .club_info_layout .sports_layout .overlapping_main_row > .aside > * { + margin-left: 20px; + margin-right: 20px; + } + .sports_layout .m_social_mod_inner_nav { + margin-left: 20px; + margin-right: 20px; + } + .sports_layout .players_two_row ul > li.col, .sports_layout .players_two_row ul > li.m_poll_current, .sports_layout .players_two_row ul > li.m_poll_related { + width: 25%; + *width: 24.999%; + } + .sports_layout .important > .m_highlighted { + margin-left: 20px; + margin-right: 20px; + margin-top: 20px; + } + .sports_layout .m_matches_results_container { + margin-left: 20px; + margin-right: 20px; + } + + .rivalry_layout .overlapping_row, .rivalry_layout .club_info_layout .overlapping_main_row, .club_info_layout .rivalry_layout .overlapping_main_row { + margin-top: -110px; + } + .rivalry_layout .team_row { + background-image: none; + } + .rivalry_layout .team_row_wrapper > * { + width: 50%; + } + .rivalry_layout .team_row_wrapper > :first-child > * { + margin-left: 10px; + } + + .header_section_overlapped { + padding: 0; + } + + .register_layout .main_row, .overlapping_row, .club_info_layout .overlapping_main_row, .vip_layout .main_row.overlapping_row, .vip_layout .club_info_layout .overlapping_main_row, .club_info_layout .vip_layout .overlapping_main_row { + margin-top: 0; + } + + .register_layout .main_row, .register_layout .club_info_layout .overlapping_main_row, .club_info_layout .register_layout .overlapping_main_row { + border: none; + } + .register_layout .options_row { + margin-top: 23px; + } + + .news_layout .main_row > .important, .news_layout .club_info_layout .overlapping_main_row > .important, .club_info_layout .news_layout .overlapping_main_row > .important { + width: 100%; + } + .news_layout .additional_content { + display: none; + } + .news_layout .header_row .col > *, .news_layout .header_row .m_poll_current > *, .news_layout .header_row .m_poll_related > * { + margin-left: 20px; + margin-right: 20px; + } + .news_layout .content_row > .main_content > * { + margin-left: 20px; + margin-right: 20px; + } + .news_layout .additional_aside > * { + margin-left: 20px; + margin-right: 20px; + } + .news_layout .actions_row > .col > *, .news_layout .actions_row > .m_poll_current > *, .news_layout .actions_row > .m_poll_related > * { + margin-left: 20px; + margin-right: 20px; + } + + .news_opta_layout .main_row .aside, .news_opta_layout .club_info_layout .overlapping_main_row .aside, .club_info_layout .news_opta_layout .overlapping_main_row .aside, .news_opta_layout .main_row .important, .news_opta_layout .club_info_layout .overlapping_main_row .important, .club_info_layout .news_opta_layout .overlapping_main_row .important { + float: none; + width: auto; + } + .news_opta_layout .main_row .important, .news_opta_layout .club_info_layout .overlapping_main_row .important, .club_info_layout .news_opta_layout .overlapping_main_row .important { + margin-bottom: 20px; + } + + .club_info_layout .m_slider_inner .m_slider_viewport img { + height: auto !important; + } + .club_info_layout .m_rm_strip { + margin-bottom: 40px; + } + .club_info_layout .slider_row .m_slider { + margin-left: 0; + margin-right: 0; + } + .club_info_layout .schedule_row { + margin-bottom: 50px; + } + + .club_excerpt_history_row { + overflow: hidden; + } + .club_excerpt_history_row .figure { + width: 168px; + right: 34px; + bottom: -30px; + } + .club_excerpt_history_row .m_text_content * { + font-size: 1.8em; + } + .club_excerpt_history_row .m_text_content strong { + font-size: 1em; + } + .club_excerpt_history_row .wrapper { + min-height: 250px; + } + + .club_excerpt_history_row .important, .club_full_history_row .important { + width: 58.33333%; + *width: 58.33233%; + margin-left: 0; + } + .club_excerpt_history_row .wrapper, .club_full_history_row .wrapper { + padding-left: 65px; + margin: 0; + } + + .club_full_history_row .aside { + padding-left: 29px; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + width: 20%; + padding-right: 20px; + } + + .vip_layout .main_row, .vip_layout .club_info_layout .overlapping_main_row, .club_info_layout .vip_layout .overlapping_main_row { + margin-top: 0; + } + .vip_layout .main_row .aside, .vip_layout .club_info_layout .overlapping_main_row .aside, .club_info_layout .vip_layout .overlapping_main_row .aside { + margin-bottom: 40px; + } + .vip_layout .main_row .aside > *, .vip_layout .club_info_layout .overlapping_main_row .aside > *, .club_info_layout .vip_layout .overlapping_main_row .aside > * { + margin-left: 20px; + margin-right: 20px; + } + .vip_layout .m_slider { + margin-left: 20px; + margin-right: 20px; + } + .vip_layout .sections_row, .vip_layout .spaces_row { + margin-left: 10px; + margin-right: 10px; + } + .vip_layout .text_row { + margin-bottom: 24px; + } + .vip_layout .practical_info_row { + margin-left: 0; + margin-right: 0; + } + .vip_layout .aside { + margin-top: 20px; + } + .vip_layout .sections_aside { + overflow: hidden; + margin-left: 10px; + margin-right: 10px; + } + .vip_layout .sections_aside > .col, .vip_layout .sections_aside > .m_poll_current, .vip_layout .sections_aside > .m_poll_related { + margin-left: 0; + margin-right: 0; + margin-top: 0; + } + .vip_layout .sections_aside > .col > *, .vip_layout .sections_aside > .m_poll_current > *, .vip_layout .sections_aside > .m_poll_related > * { + margin-left: 10px; + margin-right: 10px; + } + .vip_layout .contact_info_row { + margin-top: 20px; + } + + .saved_items .saved_items_content { + width: 80%; + } + .saved_items .m_main_header > * { + font-size: 5.5em; + } + .saved_items .m_search_results_content li > * { + margin-left: 10px; + margin-right: 10px; + } + .saved_items .header_section { + overflow: visible; + min-height: 0px; + } + .saved_items .m_main_header { + overflow: visible; + min-height: 0px; + } + + .fans_layout .main_row > .important, .fans_layout .club_info_layout .overlapping_main_row > .important, .club_info_layout .fans_layout .overlapping_main_row > .important { + float: none; + width: auto; + } + .fans_layout .col_tv_schedule > * { + margin-left: 10px; + margin-right: 10px; + } + .fans_layout .channel_row > * { + width: 25%; + } + .fans_layout .banner_kids_row > * { + margin-left: 10px; + margin-right: 10px; + } + .fans_layout .video_row > * { + margin-left: 0; + margin-right: 0; + } + .fans_layout .m_video_gallery_container > * { + margin-right: 1px; + } + .fans_layout .m_video_gallery_player { + padding-bottom: 74.2%; + } + .fans_layout .filter_row > * { + margin-right: 10px; + margin-left: 10px; + } + .fans_layout .col_highlights_videos .m_header_link, + .fans_layout .col_highlights_videos .m_header_links { + margin-left: 30px; + margin-right: 30px; + } + .fans_layout .wallpapers_content_row { + padding-left: 18px; + } + .fans_layout .wallpapers_content_row .m_wallpaper { + width: auto; + height: auto; + } + .fans_layout .wallpapers_row .banner_row { + margin-left: 0; + margin-right: 0; + } + .fans_layout .highlights_row .m_highlight, .fans_layout .highlights_row .m_store { + padding-bottom: 75px; + } + .fans_layout .m_highlight_mobile img { + width: 100%; + height: auto !important; + } + + .partner_layout .card_row .content { + width: 77%; + } + .partner_layout .card_row > .aditional_content { + width: 20.66667%; + } + .partner_layout .card_row > .aditional_content > * { + margin-left: 20px; + } + .partner_layout .card_row .m_text_content { + padding-right: 77px; + } + .partner_layout .main_row > *, .partner_layout .club_info_layout .overlapping_main_row > *, .club_info_layout .partner_layout .overlapping_main_row > * { + margin-left: 20px; + margin-right: 20px; + } + .partner_layout .important > * { + margin-left: 0; + margin-right: 0; + } + + .search_bar_standalone > * { + margin-left: 20px; + margin-right: 20px; + } + + .m_schedule li:nth-child(1n+3) { + display: none; + } + + .m_schedule ul { + display: table; + min-width: 100%; + } + .m_schedule ul li { + vertical-align: top; + display: table-cell; + width: 50%; + } + .m_schedule ul li + li { + border-left: 1px solid #D9D9D9; + } + + .player_layout .main_banner_row { + margin-bottom: 38px; + } + .player_layout .social_row { + margin-bottom: 18px; + } + .player_layout .bio_strip_row { + margin-bottom: 36px; + } + .player_layout .cups_row { + margin-bottom: 39px; + } + .player_layout .video_row { + margin-bottom: 26px; + } + .player_layout .video_row > * { + margin-left: 0; + margin-right: 0; + } + .player_layout .media_row { + margin-bottom: 45px; + } + .player_layout .player_stats_row { + padding-bottom: 60px; + padding-top: 34px; + } + + .m_cups_viewport { + max-width: 580px; + } + + .m_cups [data-prev] { + left: 28px; + } + + .m_cups [data-next] { + right: 28px; + } + + .full_ad_row .m_ad { + max-width: 728px; + } + + .m_main_header { + padding-top: 39px; + padding-bottom: 35px; + } + .m_main_header > * { + font-size: 3em; + margin-left: 26px; + margin-right: 26px; + } + .m_main_header:after { + width: 118px; + height: 167px; + right: 15px; + top: 11px; + } + + .m_main_header_reduced > * { + padding-left: 26px; + padding-right: 26px; + } + + .m_main_header_multi > * { + padding-right: 26px; + } + + .register_validation_layout .section, .register_validation_layout .m_poll_results { + max-width: none; + margin-left: 10px; + margin-right: 10px; + } + .register_validation_layout .main_row, .register_validation_layout .club_info_layout .overlapping_main_row, .club_info_layout .register_validation_layout .overlapping_main_row { + border: 1px solid #d9d9d9; + margin-top: 41px; + } + + .m_login_validation { + padding-top: 30px; + padding-right: 10px; + } + .m_login_validation p { + padding-right: 0; + margin-top: 7px; + } + + .m_login_validation_advantages { + margin-top: 22px; + } + .m_login_validation_advantages span { + margin-right: 0; + } + + .m_highlighted_aside_section { + float: left; + width: 50%; + border-top: 1px solid #d9d9d9; + } + .m_highlighted_aside_section + .m_highlighted_aside_section { + margin-top: 0; + border-left: 1px solid #d9d9d9; + margin-left: -1px; + } + + .m_highlighted_aside_section_full { + float: none; + width: auto; + } + + .m_highlighted_aside { + min-height: 0 !important; + border: none; + margin-left: 0; + } + .m_highlighted_aside:before, .m_highlighted_aside:after { + content: "."; + display: block; + height: 0; + overflow: hidden; + } + .m_highlighted_aside:after { + clear: both; + } + .m_highlighted_aside { + zoom: 1; + } + + .m_highlighted_aside .commentary { + border-right: 1px solid #d9d9d9 !important; + } + + .m_highlighted_tickets a { + margin-bottom: 17px; + } + + .m_players_slider .slider_btn_next, .m_players_slider .slider_btn_prev { + top: 207px; + width: 52px; + height: 72px; + background-color: rgba(255, 255, 255, 0.73); + background-size: 5px 10px; + background-position: center center; + } + .m_players_slider .slider_btn_next { + right: 0; + } + .m_players_slider .slider_btn_prev { + left: 0; + } + + .m_matches_table { + width: 100%; + border-collapse: collapse; + } + .m_matches_table th { + width: 20%; + text-align: left; + } + .m_matches_table th.m_matches_table_actions { + width: 60%; + } + .m_matches_table .m_match_actions { + text-align: right; + } + + .m_match_actions_tickets .btn { + padding: 18px 20px; + } + + .m_match_date { + width: 162px; + } + + td.m_match_teams p { + max-width: 40%; + width: auto; + } + + .m_match_actions { + width: 205px; + text-align: left; + } + .m_match_actions > * { + margin-right: 20px; + } + + .m_poll_current_title small { + display: block; + margin-left: 0; + } + + .m_poll_related ul:after { + right: 79px; + } + + .m_poll_related_item strong { + width: 70px; + } + .m_poll_related_item span { + width: 64px; + padding: 0 6px; + text-align: left; + font-size: 1.8em; + } + + .m_poll_results_list li { + max-width: 108px; + margin-left: 15px; + } + + .m_position_table { + display: block; + } + .m_position_table tr + tr [data-header]:before { + display: block; + } + .m_position_table > * { + display: block; + } + .m_position_table > tbody { + display: table; + width: 100%; + } + .m_position_table > tbody > tr { + display: table-cell; + vertical-align: middle; + width: 50%; + } + .m_position_table > tbody > tr + tr > td { + border-top: none; + } + + .m_position_table_pos { + width: 62px; + } + + .m_position_stats { + padding-right: 0; + } + + .m_position_stats_table td { + width: 30px; + } + + .m_position_table_team { + width: 80px; + } + + .m_full_header_banner_info_wrapper img { + height: 368px; + } + + .m_info_table th { + width: 120px; + } + + .m_section img { + width: 100%; + } + + .m_tickets_prices li { + padding-left: 8px; + } + .m_tickets_prices li:first-child { + padding-left: 0; + } + + .m_tickets_map .m_map { + height: 450px; + } + + .m_tickets_map_actions { + margin-left: 0; + left: 27px; + top: 28px; + } + + .m_tickets_map_info { + position: static; + } + .m_tickets_map_info li { + padding-top: 40px; + padding-bottom: 40px; + } + .m_tickets_map_info li > div { + position: relative; + padding-top: 54px; + } + .m_tickets_map_info ul { + margin-left: 20px; + margin-right: 20px; + } + .m_tickets_map_info li > div, .m_tickets_map_info p, .m_tickets_map_info .m_tickets_map_icon { + display: block; + } + .m_tickets_map_info p { + padding-left: 0; + padding-right: 64px; + } + .m_tickets_map_info .m_tickets_map_icon { + position: absolute; + top: auto; + bottom: 100%; + margin-bottom: -44px; + } + + .m_text_content { + margin-bottom: 0; + } + + .m_match_header { + border: none; + padding-top: 30px; + } + + .m_match_header_title { + top: 28px; + } + + .m_match_header_date_day, .m_match_header_date_time { + background: none; + } + .m_match_header_date_day > *, .m_match_header_date_time > * { + font-size: 1.7em; + } + + .m_match_header_date_day { + width: 70px; + } + + .m_match_header_date_time { + width: 50px; + padding-right: 5px; + } + + .m_teams_stats_list span { + font-size: 4.8em; + } + + .m_player_bio img, .m_player_bio_banner img { + margin-left: 0; + width: auto; + min-height: 0; + height: 100%; + max-width: none; + min-width: 0; + left: 50%; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); + } + + .m_player_bio_data { + background-color: #024484; + } + + .m_player_bio_list { + float: none; + bottom: 85px; + max-width: none; + position: absolute; + left: 0; + right: 0; + background-color: rgba(2, 85, 165, 0.9); + } + + .m_player_bio_no_sw .m_player_bio_list { + bottom: 0; + } + + .m_player_bio_social { + display: block; + float: none; + width: auto; + } + + .m_player_bio_simple img { + height: auto; + left: auto; + right: 0; + bottom: auto; + top: 0; + -webkit-transform: none; + -moz-transform: none; + -ms-transform: none; + -o-transform: none; + transform: none; + position: absolute; + } + + .m_player_bio_main_wrapper { + height: 370px; + min-height: 0; + overflow: hidden; + } + + .m_player_bio_main { + padding-bottom: 83px; + } + + .m_player_bio_banner .m_player_bio_data, .m_player_bio_data { + max-width: none; + } + + .m_player_bio_basic_info { + padding-top: 34px; + } + .m_player_bio_basic_info > * { + font-size: 4.8em; + margin-left: 18px; + } + + .m_player_bio_main { + position: relative; + } + + .m_player_bio_basic_info_wrapper { + right: auto; + width: 330px; + margin-bottom: 0; + min-height: 285px; + } + + .m_player_bio_simple .m_player_bio_basic_info_wrapper { + width: auto; + margin-right: 400px; + min-height: 298px; + } + .m_player_bio_simple .m_player_bio_basic_info { + margin-left: 33px; + } + .m_player_bio_simple .m_player_bio_basic_info > * { + margin-left: 0; + } + .m_player_bio_simple .m_player_bio_basic_info_position { + margin-bottom: 16px; + } + .m_player_bio_simple .m_player_bio_main_wrapper { + height: auto; + background-position: center bottom; + } + .m_player_bio_simple .m_player_bio_main_wrapper img { + top: auto; + } + + .m_slider_item_info_fans { + padding-top: 19px; + padding-bottom: 41px; + } + .m_slider_item_info_fans .m_slider_item_info_text strong { + font-size: 2.4em; + } + + .m_social_connect span { + font-size: 2.2em; + padding-top: 44px; + margin-left: 20px; + } + .m_social_connect ul { + margin-right: 36px; + } + .m_social_connect li { + margin-left: 20px; + } + + .m_social_connect_facebook a, + .m_social_connect_twitter a, + .m_social_connect_google a, + .m_social_connect_youtube a, + .m_social_connect_flickr a { + width: 49px; + height: 49px; + background-size: 49px 49px; + } + + .m_video_image { + max-width: 235px; + } + + .m_filter_keywords_box { + max-width: 554px; + } + + .m_filter_videos_content fieldset, .m_filter_offers_content fieldset { + width: 18.6%; + } + + .m_filter_offers_content fieldset { + width: 32%; + } + + .m_player_history_figure { + width: 198px; + height: 198px; + } + + .news_report_layout .main_content, + .news_report_layout .aditional_content, + .news_layout .main_content, + .news_layout .aditional_content { + width: 100%; + } + .news_report_layout .m_related, + .news_layout .m_related { + max-width: none; + overflow: hidden; + position: relative; + } + .news_report_layout .m_related_image, + .news_layout .m_related_image { + float: left; + width: 140px; + } + .news_report_layout .m_related_content, + .news_layout .m_related_content { + position: absolute; + top: 0px; + bottom: 0px; + right: 0px; + left: 142px; + } + + .m_footer_pagination_next { + padding-right: 47px; + } + .m_footer_pagination_next:after { + margin-right: -27px; + } + + .m_footer_pagination_prev { + padding-left: 47px; + } + .m_footer_pagination_prev:before { + margin-left: -27px; + } + + .m_footer_pagination_wrapper .m_footer_pagination_next, + .m_footer_pagination_wrapper .m_footer_pagination_prev { + width: 32%; + max-width: 32%; + } + + .madridistas_layout .main_row .important, .madridistas_layout .club_info_layout .overlapping_main_row .important, .club_info_layout .madridistas_layout .overlapping_main_row .important { + width: 60%; + } + .madridistas_layout .main_row .aside, .madridistas_layout .club_info_layout .overlapping_main_row .aside, .club_info_layout .madridistas_layout .overlapping_main_row .aside { + width: 40%; + } + + .m_history_slider_year { + font-size: 13em; + } + + .m_history_overlapped { + margin-top: -44px; + } + + .m_history_slider_year_link { + left: auto; + margin-left: 0; + right: 19px; + top: 58px; + } + + .m_history_text .m_text_content { + padding-left: 64px; + } + .m_history_text .m_text_content figure { + margin-left: -64px; + } + .m_history_text .m_share { + clear: both; + float: left; + position: relative; + top: 0; + left: 65px; + margin-bottom: 50px; + } + + .club_excerpt_history_row .m_history_year_nav { + margin-left: 9px; + margin-bottom: 25px; + } + + .m_schedule_calendar { + background-color: #F6F6F6; + } + + .m_schedule_calendar_content { + min-height: 400px; + } + + .m_schedule_calendar_grid { + width: 446px; + margin: 0 auto 30px; + background-color: #f2f2f2; + } + + .m_schedule_calendar_day > * { + line-height: 62px; + } + + .m_schedule_calendar_days { + font-size: 2em; + } + + .m_schedule_calendar_dow { + font-size: 1.4em; + } + .m_schedule_calendar_dow > * { + padding-top: 25px; + padding-bottom: 9px; + background: #f6f6f6; + } + + .m_main_header_with_subnav { + overflow: visible; + } + .m_main_header_with_subnav .m_header { + padding-right: 338px; + } + + .m_cup_legend .m_cup_legend_picture { + width: 118px; + position: relative; + overflow: visible; + } + .m_cup_legend .m_cup_legend_picture img { + position: absolute; + max-width: none; + right: 0; + } + .m_cup_legend .m_cup_legend_info { + margin-left: 118px; + } + + .m_spaces_list li { + padding-left: 24px; + padding-right: 24px; + } + + .m_member_expanded .m_member_picture { + padding: 10px; + } + + .pre_footer { + margin-top: 20px; + } + + .pre_footer_row { + padding: 10px 0px; + } + + .m_action_notice { + overflow: hidden; + } + + .m_action_notice_player { + left: -65px; + } + + .m_action_notice_wrapper { + padding-left: 354px; + min-height: 288px; + } + + .specials_layout .m_header h1 { + font-size: 1.3em; + } + + .titulo.m_transfers h1 { + font-size: 3em !important; + } + + .carrousel.m_transfers .m_media_slide_viewport .m_media span { + background-color: transparent !important; + } + + .m_transfers_sec1 .m_related_image { + width: auto; + } + .m_transfers_sec1 .m_related_content { + width: auto; + position: static !important; + } + + .m_transfers_sec_2 .m_related_content { + position: static !important; + } + + .m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content2 .m_related .m_related_content { + padding-left: 20px; + overflow: hidden; + width: 100%; + } + + .m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content2 .m_related .m_related_image { + width: 100%; + } + + .news_report_layout .m_related_image, .news_layout .m_related_image { + float: none; + width: auto; + } +} +/* Mobile Layout: 320px. + Inherits styles from: Default Layout. +---------------------------------------------*/ +@media only screen and (max-width: 767px) { + /* .header_corp_nav{ + display: block; + } */ + .fans_one_column .highlights_row_4colums > .col, .fans_one_column .highlights_row_4colums > .m_poll_current, .fans_one_column .highlights_row_4colums > .m_poll_related, .search_layout .highlights_row ul > .col, .search_layout .highlights_row ul > .m_poll_current, .search_layout .highlights_row ul > .m_poll_related, .fans_one_column .highlights_row_4colums > .m_poll_current, .search_layout .highlights_row ul > .m_poll_current, .fans_one_column .highlights_row_4colums > .m_poll_related, .search_layout .highlights_row ul > .m_poll_related { + width: 50%; + *width: 49.999%; + } + + .notices_layout .details_row > * { + width: 100%; + *width: 99.999%; + } + + .fans_two_columns .content_row > .col, .fans_two_columns .content_row > .m_poll_current, .fans_two_columns .content_row > .m_poll_related, + .club_info_layout .content_row > .col, + .club_info_layout .content_row > .m_poll_current, + .club_info_layout .content_row > .m_poll_related, + .tickets_layout .content_row > .col, + .tickets_layout .content_row > .m_poll_current, + .tickets_layout .content_row > .m_poll_related, + .sports_layout .content_row > .col, + .sports_layout .content_row > .m_poll_current, + .sports_layout .content_row > .m_poll_related, + .news_layout .content_row > .col, + .news_layout .content_row > .m_poll_current, + .news_layout .content_row > .m_poll_related, + .partner_layout .content_row > .col, + .partner_layout .content_row > .m_poll_current, + .partner_layout .content_row > .m_poll_related, + .madridistas_layout .content_row > .col, + .madridistas_layout .content_row > .m_poll_current, + .madridistas_layout .content_row > .m_poll_related, + .fundacion_layout .content_row > .col, + .fundacion_layout .content_row > .m_poll_current, + .fundacion_layout .content_row > .m_poll_related, + .fans_two_columns .main_row > .col, + .fans_two_columns .club_info_layout .overlapping_main_row > .col, + .club_info_layout .fans_two_columns .overlapping_main_row > .col, + .fans_two_columns .main_row > .m_poll_current, + .fans_two_columns .club_info_layout .overlapping_main_row > .m_poll_current, + .club_info_layout .fans_two_columns .overlapping_main_row > .m_poll_current, + .fans_two_columns .main_row > .m_poll_related, + .fans_two_columns .club_info_layout .overlapping_main_row > .m_poll_related, + .club_info_layout .fans_two_columns .overlapping_main_row > .m_poll_related, + .club_info_layout .main_row > .col, + .club_info_layout .overlapping_main_row > .col, + .club_info_layout .main_row > .m_poll_current, + .club_info_layout .overlapping_main_row > .m_poll_current, + .club_info_layout .main_row > .m_poll_related, + .club_info_layout .overlapping_main_row > .m_poll_related, + .tickets_layout .main_row > .col, + .tickets_layout .club_info_layout .overlapping_main_row > .col, + .club_info_layout .tickets_layout .overlapping_main_row > .col, + .tickets_layout .main_row > .m_poll_current, + .tickets_layout .club_info_layout .overlapping_main_row > .m_poll_current, + .club_info_layout .tickets_layout .overlapping_main_row > .m_poll_current, + .tickets_layout .main_row > .m_poll_related, + .tickets_layout .club_info_layout .overlapping_main_row > .m_poll_related, + .club_info_layout .tickets_layout .overlapping_main_row > .m_poll_related, + .sports_layout .main_row > .col, + .sports_layout .club_info_layout .overlapping_main_row > .col, + .club_info_layout .sports_layout .overlapping_main_row > .col, + .sports_layout .main_row > .m_poll_current, + .sports_layout .club_info_layout .overlapping_main_row > .m_poll_current, + .club_info_layout .sports_layout .overlapping_main_row > .m_poll_current, + .sports_layout .main_row > .m_poll_related, + .sports_layout .club_info_layout .overlapping_main_row > .m_poll_related, + .club_info_layout .sports_layout .overlapping_main_row > .m_poll_related, + .news_layout .main_row > .col, + .news_layout .club_info_layout .overlapping_main_row > .col, + .club_info_layout .news_layout .overlapping_main_row > .col, + .news_layout .main_row > .m_poll_current, + .news_layout .club_info_layout .overlapping_main_row > .m_poll_current, + .club_info_layout .news_layout .overlapping_main_row > .m_poll_current, + .news_layout .main_row > .m_poll_related, + .news_layout .club_info_layout .overlapping_main_row > .m_poll_related, + .club_info_layout .news_layout .overlapping_main_row > .m_poll_related, + .partner_layout .main_row > .col, + .partner_layout .club_info_layout .overlapping_main_row > .col, + .club_info_layout .partner_layout .overlapping_main_row > .col, + .partner_layout .main_row > .m_poll_current, + .partner_layout .club_info_layout .overlapping_main_row > .m_poll_current, + .club_info_layout .partner_layout .overlapping_main_row > .m_poll_current, + .partner_layout .main_row > .m_poll_related, + .partner_layout .club_info_layout .overlapping_main_row > .m_poll_related, + .club_info_layout .partner_layout .overlapping_main_row > .m_poll_related, + .madridistas_layout .main_row > .col, + .madridistas_layout .club_info_layout .overlapping_main_row > .col, + .club_info_layout .madridistas_layout .overlapping_main_row > .col, + .madridistas_layout .main_row > .m_poll_current, + .madridistas_layout .club_info_layout .overlapping_main_row > .m_poll_current, + .club_info_layout .madridistas_layout .overlapping_main_row > .m_poll_current, + .madridistas_layout .main_row > .m_poll_related, + .madridistas_layout .club_info_layout .overlapping_main_row > .m_poll_related, + .club_info_layout .madridistas_layout .overlapping_main_row > .m_poll_related, + .fundacion_layout .main_row > .col, + .fundacion_layout .club_info_layout .overlapping_main_row > .col, + .club_info_layout .fundacion_layout .overlapping_main_row > .col, + .fundacion_layout .main_row > .m_poll_current, + .fundacion_layout .club_info_layout .overlapping_main_row > .m_poll_current, + .club_info_layout .fundacion_layout .overlapping_main_row > .m_poll_current, + .fundacion_layout .main_row > .m_poll_related, + .fundacion_layout .club_info_layout .overlapping_main_row > .m_poll_related, + .club_info_layout .fundacion_layout .overlapping_main_row > .m_poll_related, + .club_info_layout .overlapping_main_row > .col, + .club_info_layout .overlapping_main_row > .m_poll_current, + .club_info_layout .overlapping_main_row > .m_poll_related, + .register_layout .options_row ul > .col, + .register_layout .options_row ul > .m_poll_current, + .register_layout .options_row ul > .m_poll_related, + .fans_one_column .highlights_row_3colums > .col, + .fans_one_column .highlights_row_3colums > .m_poll_current, + .fans_one_column .highlights_row_3colums > .m_poll_related, + .register_layout .main_row > .col, + .register_layout .club_info_layout .overlapping_main_row > .col, + .club_info_layout .register_layout .overlapping_main_row > .col, + .register_layout .main_row > .m_poll_current, + .register_layout .club_info_layout .overlapping_main_row > .m_poll_current, + .club_info_layout .register_layout .overlapping_main_row > .m_poll_current, + .register_layout .main_row > .m_poll_related, + .register_layout .club_info_layout .overlapping_main_row > .m_poll_related, + .club_info_layout .register_layout .overlapping_main_row > .m_poll_related, + .register_layout .club_info_layout .overlapping_main_row > .col, + .register_layout .club_info_layout .overlapping_main_row > .m_poll_current, + .register_layout .club_info_layout .overlapping_main_row > .m_poll_related, + .club_info_layout .register_layout .overlapping_main_row > .col, + .club_info_layout .register_layout .overlapping_main_row > .m_poll_current, + .club_info_layout .register_layout .overlapping_main_row > .m_poll_related, + .club_info_layout .practical_info_row > .col, + .club_info_layout .practical_info_row > .m_poll_current, + .club_info_layout .practical_info_row > .m_poll_related, + .vip_layout .practical_info_row > .col, + .vip_layout .practical_info_row > .m_poll_current, + .vip_layout .practical_info_row > .m_poll_related, + .club_info_layout .gold_sponsors_row > .col, + .club_info_layout .gold_sponsors_row > .m_poll_current, + .club_info_layout .gold_sponsors_row > .m_poll_related, + .club_info_layout .multiple_row > .col, + .club_info_layout .multiple_row > .m_poll_current, + .club_info_layout .multiple_row > .m_poll_related, + .news_layout .header_row > .col, + .news_layout .header_row > .m_poll_current, + .news_layout .header_row > .m_poll_related, + .partner_layout .highlights_row > .col, + .partner_layout .highlights_row > .m_poll_current, + .partner_layout .highlights_row > .m_poll_related, + .partner_layout .card_row > .col, + .partner_layout .card_row > .m_poll_current, + .partner_layout .card_row > .m_poll_related, + .rm_section_row > .col, + .rm_section_row > .m_poll_current, + .rm_section_row > .m_poll_related, + .m_poll_results > .col, + .m_poll_results > .m_poll_current, + .m_poll_results > .m_poll_related, + .player_layout .text_row > .col, + .player_layout .text_row > .m_poll_current, + .player_layout .text_row > .m_poll_related { + float: none; + width: auto; + } + + .fans_two_columns .banner_row > .col > *, .fans_two_columns .banner_row > .m_poll_current > *, .fans_two_columns .banner_row > .m_poll_related > *, .club_info_layout .banner_row > .col > *, .club_info_layout .banner_row > .m_poll_current > *, .club_info_layout .banner_row > .m_poll_related > *, .tickets_layout .banner_row > .col > *, .tickets_layout .banner_row > .m_poll_current > *, .tickets_layout .banner_row > .m_poll_related > *, .sports_layout .banner_row > .col > *, .sports_layout .banner_row > .m_poll_current > *, .sports_layout .banner_row > .m_poll_related > *, .news_layout .banner_row > .col > *, .news_layout .banner_row > .m_poll_current > *, .news_layout .banner_row > .m_poll_related > *, .partner_layout .banner_row > .col > *, .partner_layout .banner_row > .m_poll_current > *, .partner_layout .banner_row > .m_poll_related > *, .madridistas_layout .banner_row > .col > *, .madridistas_layout .banner_row > .m_poll_current > *, .madridistas_layout .banner_row > .m_poll_related > *, .fundacion_layout .banner_row > .col > *, .fundacion_layout .banner_row > .m_poll_current > *, .fundacion_layout .banner_row > .m_poll_related > *, .fans_two_columns .header_row > .col > *, .fans_two_columns .header_row > .m_poll_current > *, .fans_two_columns .header_row > .m_poll_related > *, .club_info_layout .header_row > .col > *, .club_info_layout .header_row > .m_poll_current > *, .club_info_layout .header_row > .m_poll_related > *, .tickets_layout .header_row > .col > *, .tickets_layout .header_row > .m_poll_current > *, .tickets_layout .header_row > .m_poll_related > *, .sports_layout .header_row > .col > *, .sports_layout .header_row > .m_poll_current > *, .sports_layout .header_row > .m_poll_related > *, .news_layout .header_row > .col > *, .news_layout .header_row > .m_poll_current > *, .news_layout .header_row > .m_poll_related > *, .partner_layout .header_row > .col > *, .partner_layout .header_row > .m_poll_current > *, .partner_layout .header_row > .m_poll_related > *, .madridistas_layout .header_row > .col > *, .madridistas_layout .header_row > .m_poll_current > *, .madridistas_layout .header_row > .m_poll_related > *, .fundacion_layout .header_row > .col > *, .fundacion_layout .header_row > .m_poll_current > *, .fundacion_layout .header_row > .m_poll_related > *, .fans_one_column .banner_row > .col > *, .fans_one_column .banner_row > .m_poll_current > *, .fans_one_column .banner_row > .m_poll_related > *, .fans_two_columns .banner_row > .m_poll_current > *, .club_info_layout .banner_row > .m_poll_current > *, .tickets_layout .banner_row > .m_poll_current > *, .sports_layout .banner_row > .m_poll_current > *, .news_layout .banner_row > .m_poll_current > *, .partner_layout .banner_row > .m_poll_current > *, .madridistas_layout .banner_row > .m_poll_current > *, .fundacion_layout .banner_row > .m_poll_current > *, .fans_two_columns .header_row > .m_poll_current > *, .club_info_layout .header_row > .m_poll_current > *, .tickets_layout .header_row > .m_poll_current > *, .sports_layout .header_row > .m_poll_current > *, .news_layout .header_row > .m_poll_current > *, .partner_layout .header_row > .m_poll_current > *, .madridistas_layout .header_row > .m_poll_current > *, .fundacion_layout .header_row > .m_poll_current > *, .fans_one_column .banner_row > .m_poll_current > *, .fans_two_columns .banner_row > .m_poll_related > *, .club_info_layout .banner_row > .m_poll_related > *, .tickets_layout .banner_row > .m_poll_related > *, .sports_layout .banner_row > .m_poll_related > *, .news_layout .banner_row > .m_poll_related > *, .partner_layout .banner_row > .m_poll_related > *, .madridistas_layout .banner_row > .m_poll_related > *, .fundacion_layout .banner_row > .m_poll_related > *, .fans_two_columns .header_row > .m_poll_related > *, .club_info_layout .header_row > .m_poll_related > *, .tickets_layout .header_row > .m_poll_related > *, .sports_layout .header_row > .m_poll_related > *, .news_layout .header_row > .m_poll_related > *, .partner_layout .header_row > .m_poll_related > *, .madridistas_layout .header_row > .m_poll_related > *, .fundacion_layout .header_row > .m_poll_related > *, .fans_one_column .banner_row > .m_poll_related > * { + margin-left: 0; + margin-right: 0; + } + + .no-svg .m_inner_nav_content:after { + background-image: url("../images/icons/png/arrow_select.png"); + } + + .m_inner_nav_content:after { + background-image: url("../images/icons/svg/arrow_select.svg"); + } + + .no-svg .m_register:after { + background-image: url("../images/icons/png/register_partner_mob.png"); + } + + .m_register:after { + background-image: url("../images/icons/svg/register_partner_mob.svg"); + } + + .no-svg .m_register_no_partner:after { + background-image: url("../images/icons/png/no_register_mob.png"); + } + + .m_register_no_partner:after { + background-image: url("../images/icons/svg/no_register_mob.svg"); + } + + /* lo de arriba revisarlo */ + .m_header_as_title > *, .m_header_inner > *, .m_images_slider_title > * { + font-size: 1.5em; + } + + .m_header_sub_title > * { + font-size: 1.4em; + } + + .m_header_strong > * { + font-size: 1.6em; + } + + .m_header_button strong, .m_header_link strong, .m_header_links strong { + padding-top: 0; + width: 133px; + font-size: 1.4em; + } + + .m_header_links .links { + padding-top: 8px; + } + .m_header_links .links a { + font-size: 1.1em; + background-color: #F6F6F6; + border: 1px solid #D9D9D9; + padding: 10px; + margin-right: 4px; + margin-bottom: 4px; + border-radius: 4px; + } + + .navigation_tools { + display: none; + } + + .home_layout .highlighted_row > *, .club_info_layout .multiple_row .col > *, .tickets_layout .multiple_row .col > *, .fundacion_layout .multiple_row .col > *, .club_info_layout .multiple_row .m_poll_current > *, .tickets_layout .multiple_row .m_poll_current > *, .fundacion_layout .multiple_row .m_poll_current > *, .club_info_layout .multiple_row .m_poll_related > *, .tickets_layout .multiple_row .m_poll_related > *, .fundacion_layout .multiple_row .m_poll_related > *, .club_info_layout .practical_info_row .col > *, .vip_layout .practical_info_row .col > *, .club_info_layout .practical_info_row .m_poll_current > *, .vip_layout .practical_info_row .m_poll_current > *, .club_info_layout .practical_info_row .m_poll_related > *, .vip_layout .practical_info_row .m_poll_related > *, .club_info_layout .rm_text_row > *, .club_info_layout .nav_row > *, .club_info_layout .text_row > *, .club_info_layout .full_text_row > *, .club_info_layout .img_map_row > *, .club_info_layout .schedule_nav_row > *, .club_info_layout .member_row .col > *, .club_info_layout .member_row .m_poll_current > *, .club_info_layout .member_row .m_poll_related > *, .club_info_layout .members_row .col > *, .club_info_layout .members_row .m_poll_current > *, .club_info_layout .members_row .m_poll_related > *, .club_info_layout .m_header_inner > *, .club_info_layout .m_images_slider_title > *, .club_info_layout .content_row > *, .club_info_layout .form_row > *, .club_info_layout .event_footer_row > *, .club_info_layout .header_image_row .col > *, .club_info_layout .header_image_row .m_poll_current > *, .club_info_layout .header_image_row .m_poll_related > *, .club_info_layout .tabs_row > *, .club_info_layout .m_header_top > *, .club_info_layout .filter_row > *, .club_info_layout .news_results_row > *, .club_full_history_row > *, .club_excerpt_history_row > *, .tickets_layout .important > *, .tickets_layout .match_header_row > *, .tickets_layout .slider_row > *, .sports_layout .highlighted_row > *, .sports_layout .calendar_row > *, .sports_layout .classification_row > *, + .sports_layout .poll_row > *, .sports_layout .highlights_row > *, .sports_layout .team_compare_row > *, + .sports_layout .rm_strip_row > *, .sports_layout .content_row > *, .sports_layout .header_row > .col > *, .sports_layout .header_row > .m_poll_current > *, .sports_layout .header_row > .m_poll_related > *, .sports_layout .players_row > *, .sports_layout .minor_league_slider_row > *, .news_report_layout .important > *, .news_report_layout .aside > *, .specials_layout .important > *, .specials_layout .news > *, .vip_layout .important > *, .fans_layout .col_tv_schedule > *, .fans_layout .banner_kids_row > *, .fans_layout .filter_row > *, .fans_layout .upload_row > *, .fans_layout .search_club_row > *, .fans_layout .aditional_content_row .banner > *, .search_layout .search_results_row > *, .search_layout .header_row > *, .search_layout .highlights_row > *, .search_layout .empty_results_row > *, .player_layout .social_row > *, .player_layout .cups_row > *, .player_layout .video_row > *, .player_layout .text_row .important > *, .partner_layout .important > *, .partner_layout .card_row .aside > *, .madridistas_layout .important > *, .madridistas_layout .aside > *, .madridistas_layout .m_section_news_header > *, .madridistas_layout .m_header > *, .madridistas_layout .main_content .m_text_content > *, .notices_layout .main_row > *, .notices_layout .club_info_layout .overlapping_main_row > *, .club_info_layout .notices_layout .overlapping_main_row > *, .notices_layout .details_row > *, .m_highlighted_finish_game > *, .event_content_row > * { + margin-left: 10px; + margin-right: 10px; + } + + .fans_two_columns .content_row > .col > div, .club_info_layout .content_row > .col > div, .tickets_layout .content_row > .col > div, .sports_layout .content_row > .col > div, .news_layout .content_row > .col > div, .partner_layout .content_row > .col > div, .madridistas_layout .content_row > .col > div, .fundacion_layout .content_row > .col > div, .fans_two_columns .content_row > .m_poll_current > div, .club_info_layout .content_row > .m_poll_current > div, .tickets_layout .content_row > .m_poll_current > div, .sports_layout .content_row > .m_poll_current > div, .news_layout .content_row > .m_poll_current > div, .partner_layout .content_row > .m_poll_current > div, .madridistas_layout .content_row > .m_poll_current > div, .fundacion_layout .content_row > .m_poll_current > div, .fans_two_columns .content_row > .m_poll_related > div, .club_info_layout .content_row > .m_poll_related > div, .tickets_layout .content_row > .m_poll_related > div, .sports_layout .content_row > .m_poll_related > div, .news_layout .content_row > .m_poll_related > div, .partner_layout .content_row > .m_poll_related > div, .madridistas_layout .content_row > .m_poll_related > div, .fundacion_layout .content_row > .m_poll_related > div { + text-align: center; + } + .fans_two_columns .content_row > .col > div > img, .club_info_layout .content_row > .col > div > img, .tickets_layout .content_row > .col > div > img, .sports_layout .content_row > .col > div > img, .news_layout .content_row > .col > div > img, .partner_layout .content_row > .col > div > img, .madridistas_layout .content_row > .col > div > img, .fundacion_layout .content_row > .col > div > img, .fans_two_columns .content_row > .m_poll_current > div > img, .club_info_layout .content_row > .m_poll_current > div > img, .tickets_layout .content_row > .m_poll_current > div > img, .sports_layout .content_row > .m_poll_current > div > img, .news_layout .content_row > .m_poll_current > div > img, .partner_layout .content_row > .m_poll_current > div > img, .madridistas_layout .content_row > .m_poll_current > div > img, .fundacion_layout .content_row > .m_poll_current > div > img, .fans_two_columns .content_row > .m_poll_related > div > img, .club_info_layout .content_row > .m_poll_related > div > img, .tickets_layout .content_row > .m_poll_related > div > img, .sports_layout .content_row > .m_poll_related > div > img, .news_layout .content_row > .m_poll_related > div > img, .partner_layout .content_row > .m_poll_related > div > img, .madridistas_layout .content_row > .m_poll_related > div > img, .fundacion_layout .content_row > .m_poll_related > div > img { + display: inline; + } + + .pre_footer { + margin-top: 20px; + } + + .pre_footer_row { + padding: 10px 0; + } + + .register_validation_layout .main_row, .register_validation_layout .club_info_layout .overlapping_main_row, .club_info_layout .register_validation_layout .overlapping_main_row { + margin: 10px 10px 200px; + position: relative; + } + + .home_layout .rm_section_row { + padding-top: 20px; + padding-bottom: 20px; + } + .home_layout .full_banner_row { + margin-bottom: 20px; + } + .home_layout .aside > * { + margin-bottom: 0; + } + .home_layout .full_ad_row { + margin-bottom: 25px; + } + .home_layout .highlighted_row { + margin-top: 10px; + } + + .register_layout .options_row { + margin-top: 20px; + } + .register_layout .options_row .col > *, .register_layout .options_row .m_poll_current > *, .register_layout .options_row .m_poll_related > * { + margin-left: 44px; + } + .register_layout .options_row .col + .col, .register_layout .options_row .m_poll_current + .col, .register_layout .options_row .m_poll_related + .col, .register_layout .options_row .col + .m_poll_current, .register_layout .options_row .m_poll_current + .m_poll_current, .register_layout .options_row .m_poll_related + .m_poll_current, .register_layout .options_row .col + .m_poll_related, .register_layout .options_row .m_poll_current + .m_poll_related, .register_layout .options_row .m_poll_related + .m_poll_related { + margin-top: 15px; + } + + .tickets_layout .main_tickets_row { + margin-bottom: 10px; + } + .tickets_layout .match_header_row { + margin-top: 17px; + margin-top: 10px; + } + .tickets_layout .tabs_row > * { + margin-left: 0; + margin-right: 0; + } + .tickets_layout .tabs_row .m_matches_table:after { + height: 19px; + background: #F6F6F6; + } + .tickets_layout .important .m_header_inner, .tickets_layout .important .m_images_slider_title { + margin-bottom: 20px; + } + .tickets_layout .important .m_tickets_prices { + margin-bottom: 30px; + } + .tickets_layout .important .m_tickets_prices ul { + margin-bottom: 0; + } + .tickets_layout .m_info_tickets { + margin-bottom: 20px; + } + .tickets_layout .slider_row { + margin-bottom: 11px; + } + .tickets_layout .gallery_row > * { + display: block; + width: auto; + padding-left: 0; + padding-right: 0; + } + .tickets_layout .gallery_row .view_all { + text-align: center; + } + .tickets_layout .map_row { + margin-top: 50px; + margin-bottom: 39px; + } + .tickets_layout .table_row { + overflow-x: auto; + } + .tickets_layout .table_row table { + min-width: 720px; + } + + .sports_layout .highlighted_row { + margin-top: 10px; + } + .sports_layout .m_social_mod_inner_nav { + margin-left: 10px; + margin-right: 10px; + } + .sports_layout .players_row ul > li { + width: 49.9%; + } + .sports_layout .minor_league_slider_row { + margin-top: 0; + } + .sports_layout .match_info_row .m_tabs { + margin-left: 0; + margin-right: 0; + } + .sports_layout .form_row .important { + width: auto; + } + .sports_layout .form_row .important > * { + margin-left: 10px; + margin-right: 10px; + } + .sports_layout .important > .m_highlighted { + margin-left: 10px; + margin-right: 10px; + margin-top: 10px; + } + + .rivalry_layout .overlapping_row, .rivalry_layout .club_info_layout .overlapping_main_row, .club_info_layout .rivalry_layout .overlapping_main_row { + margin-top: -56px; + } + .rivalry_layout .team_row { + background-image: none; + } + .rivalry_layout .team_row_wrapper > * { + width: auto; + float: none; + } + .rivalry_layout .team_row_wrapper > * > * { + margin-left: 10px !important; + } + .rivalry_layout .team_row_wrapper > * + * { + margin-top: 20px; + } + .rivalry_layout .team_row_wrapper .m_section div { + height: auto; + } + .rivalry_layout .team_row_wrapper .m_section img { + height: auto; + width: 100%; + margin-bottom: 0; + } + .rivalry_layout .m_full_header_banner_info_wrapper img { + width: 100% !important; + height: auto !important; + } + + .fans_two_columns .banner_row { + margin-bottom: 15px; + } + + .fans_one_column .highlights_row_3colums > .col, .fans_one_column .highlights_row_3colums > .m_poll_current, .fans_one_column .highlights_row_3colums > .m_poll_related { + margin-bottom: 10px; + } + + .register_layout .aside { + margin-top: 30px; + } + + .header_section_overlapped { + padding: 0; + } + + .club_info_layout .practical_info_row .col, .vip_layout .practical_info_row .col, .club_info_layout .practical_info_row .m_poll_current, .vip_layout .practical_info_row .m_poll_current, .club_info_layout .practical_info_row .m_poll_related, .vip_layout .practical_info_row .m_poll_related { + border-left: none; + height: auto !important; + } + .club_info_layout .practical_info_row .col + .col, .vip_layout .practical_info_row .col + .col, .club_info_layout .practical_info_row .m_poll_current + .col, .vip_layout .practical_info_row .m_poll_current + .col, .club_info_layout .practical_info_row .m_poll_related + .col, .vip_layout .practical_info_row .m_poll_related + .col, .club_info_layout .practical_info_row .col + .m_poll_current, .vip_layout .practical_info_row .col + .m_poll_current, .club_info_layout .practical_info_row .m_poll_current + .m_poll_current, .vip_layout .practical_info_row .m_poll_current + .m_poll_current, .club_info_layout .practical_info_row .m_poll_related + .m_poll_current, .vip_layout .practical_info_row .m_poll_related + .m_poll_current, .club_info_layout .practical_info_row .col + .m_poll_related, .vip_layout .practical_info_row .col + .m_poll_related, .club_info_layout .practical_info_row .m_poll_current + .m_poll_related, .vip_layout .practical_info_row .m_poll_current + .m_poll_related, .club_info_layout .practical_info_row .m_poll_related + .m_poll_related, .vip_layout .practical_info_row .m_poll_related + .m_poll_related { + border-top: 1px solid #d9d9d9 !important; + padding-top: 14px !important; + margin-top: 25px; + } + + .club_info_layout .gold_sponsors_row { + margin-left: 0; + margin-right: 0; + } + .club_info_layout .gold_sponsors_row > * { + display: block; + text-align: center; + } + .club_info_layout .silver_sponsors_row { + margin-top: 26px; + } + .club_info_layout .members_row > .col, .club_info_layout .members_row > .m_poll_current, .club_info_layout .members_row > .m_poll_related, .club_info_layout .silver_sponsors_row > .col, .club_info_layout .silver_sponsors_row > .m_poll_current, .club_info_layout .silver_sponsors_row > .m_poll_related, .club_info_layout .bronze_sponsors_row > .col, .club_info_layout .bronze_sponsors_row > .m_poll_current, .club_info_layout .bronze_sponsors_row > .m_poll_related { + width: 49.9%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .club_info_layout .multiple_row .col, .club_info_layout .multiple_row .m_poll_current, .club_info_layout .multiple_row .m_poll_related { + margin-bottom: 10px; + display: block; + } + .club_info_layout .multiple_row + .multiple_row { + margin-top: 21px; + } + .club_info_layout .img_map_row { + margin-bottom: 40px; + } + .club_info_layout .m_rm_strip { + margin-bottom: 18px; + margin-top: -24px; + } + .club_info_layout .text_row { + margin-bottom: 20px; + padding-right: 10px; + } + .club_info_layout .map_row { + margin-bottom: 39px; + } + .club_info_layout .full_history_section .cups_row { + border-top: none; + padding-top: 0; + } + .club_info_layout .slider_row { + margin-bottom: 10px; + } + + .club_excerpt_history_row .figure { + position: static; + float: none; + } + .club_excerpt_history_row .figure img { + width: 220px; + margin: 0 auto; + } + + .club_excerpt_history_row .important, .club_excerpt_history_row .aside, .club_full_history_row .important, .club_full_history_row .aside { + float: none; + width: auto; + } + .club_excerpt_history_row .m_text_content *, .club_full_history_row .m_text_content * { + font-size: 1.7em; + } + .club_excerpt_history_row .m_text_content strong, .club_full_history_row .m_text_content strong { + font-size: 1em; + } + .club_excerpt_history_row .m_text, .club_full_history_row .m_text { + padding: 0 10px; + } + + .club_full_history_row .important { + padding: 18px 0 0 0; + margin: 0; + border-top: 1px solid #d9d9d9; + } + .club_full_history_row .aside { + padding: 0 0 19px; + max-width: 173px; + margin: 0 auto; + text-align: center; + } + .club_full_history_row .aside img { + margin-top: 15px; + } + .club_full_history_row .wrapper { + margin: 0; + padding-top: 18px; + } + + .news_layout .additional_aside { + float: none; + width: auto; + } + .news_layout .content_row > .main_content > * { + margin-left: 20px; + margin-right: 20px; + } + .news_layout .header_row .col > *, .news_layout .header_row .m_poll_current > *, .news_layout .header_row .m_poll_related > *, + .news_layout .actions_row .col > *, + .news_layout .actions_row .m_poll_current > *, + .news_layout .actions_row .m_poll_related > * { + margin-left: 20px; + margin-right: 20px; + } + .news_layout .actions_row { + margin-top: 20px; + } + + .vip_layout .main_row, .vip_layout .club_info_layout .overlapping_main_row, .club_info_layout .vip_layout .overlapping_main_row { + margin-top: 0; + } + .vip_layout .sections_row > .col, .vip_layout .sections_row > .m_poll_current, .vip_layout .sections_row > .m_poll_related, .vip_layout .sections_aside > .col, .vip_layout .sections_aside > .m_poll_current, .vip_layout .sections_aside > .m_poll_related { + float: none; + width: auto; + } + .vip_layout .sections_row > .col + .col, .vip_layout .sections_row > .m_poll_current + .col, .vip_layout .sections_row > .m_poll_related + .col, .vip_layout .sections_row > .col + .m_poll_current, .vip_layout .sections_row > .m_poll_current + .m_poll_current, .vip_layout .sections_row > .m_poll_related + .m_poll_current, .vip_layout .sections_row > .col + .m_poll_related, .vip_layout .sections_row > .m_poll_current + .m_poll_related, .vip_layout .sections_row > .m_poll_related + .m_poll_related, .vip_layout .sections_aside > .col + .col, .vip_layout .sections_aside > .m_poll_current + .col, .vip_layout .sections_aside > .m_poll_related + .col, .vip_layout .sections_aside > .col + .m_poll_current, .vip_layout .sections_aside > .m_poll_current + .m_poll_current, .vip_layout .sections_aside > .m_poll_related + .m_poll_current, .vip_layout .sections_aside > .col + .m_poll_related, .vip_layout .sections_aside > .m_poll_current + .m_poll_related, .vip_layout .sections_aside > .m_poll_related + .m_poll_related { + margin-top: 20px; + } + .vip_layout .spaces_row { + margin-left: 0; + margin-right: 0; + } + .vip_layout .aside { + margin-bottom: 40px; + margin-top: 10px; + } + .vip_layout .calendar_row, .vip_layout .sections_row { + margin-bottom: 20px; + } + .vip_layout .calendar_row { + margin-left: 0; + margin-right: 0; + } + .vip_layout .calendar_row .m_matches_table:after { + height: 19px; + background: #F6F6F6; + border: none; + } + .vip_layout .contact_info_row { + margin-top: 20px; + } + + .saved_items .m_main_header > * { + font-size: 5.5em; + } + .saved_items .m_advice { + margin-top: 20px; + margin-bottom: 20px; + } + .saved_items .saved_items_content { + width: 100%; + } + .saved_items .m_search_results_content li > * { + margin-left: 10px; + margin-right: 10px; + } + .saved_items .header_section { + min-height: 0px; + } + + .search_layout .highlights_row ul .col, .search_layout .highlights_row ul .m_poll_current, .search_layout .highlights_row ul .m_poll_related { + margin-top: 20px; + } + .search_layout .highlights_row ul .col:nth-child(-n+2), .search_layout .highlights_row ul .m_poll_current:nth-child(-n+2), .search_layout .highlights_row ul .m_poll_related:nth-child(-n+2) { + margin-top: 0; + } + + .fans_layout .highlight_map_row .col, .fans_layout .highlight_map_row .m_poll_current, .fans_layout .highlight_map_row .m_poll_related { + float: none; + display: block; + width: auto !important; + } + .fans_layout .highlights_row .col, .fans_layout .highlights_row .m_poll_current, .fans_layout .highlights_row .m_poll_related { + float: none; + width: auto; + margin-bottom: 10px; + } + .fans_layout .main_row .important, .fans_layout .club_info_layout .overlapping_main_row .important, .club_info_layout .fans_layout .overlapping_main_row .important { + float: none; + width: auto; + } + .fans_layout .highlight_club_row .col, .fans_layout .highlight_club_row .m_poll_current, .fans_layout .highlight_club_row .m_poll_related { + margin-bottom: 10px; + } + .fans_layout .highlight_club_row .col .m_highlight_border, .fans_layout .highlight_club_row .m_poll_current .m_highlight_border, .fans_layout .highlight_club_row .m_poll_related .m_highlight_border { + border-top: 1px solid #D9D9D9; + } + .fans_layout .m_ad { + margin-right: 10px; + margin-left: 10px; + margin-bottom: 10px; + } + .fans_layout .main_kids_row { + margin-bottom: 20px; + } + .fans_layout .main_kids_row .col, .fans_layout .main_kids_row .m_poll_current, .fans_layout .main_kids_row .m_poll_related { + float: none; + width: auto; + } + .fans_layout .main_kids_row .m_header { + margin-bottom: 20px; + } + .fans_layout .video_row > * { + margin-left: 0; + margin-right: 0; + } + .fans_layout .filter_row { + margin-bottom: 10px; + } + .fans_layout .col_highlights_videos .m_header_link, + .fans_layout .col_highlights_videos .m_header_links { + margin: 10px 10px 12px 10px; + } + .fans_layout .col_highlights_videos .m_header_link strong, + .fans_layout .col_highlights_videos .m_header_link h2 { + font-size: 1.4em; + } + .fans_layout .col_highlights_videos .m_header_link .link { + padding-top: 13px; + } + .fans_layout .col_highlights_videos .m_current_videos li { + width: 49%; + padding: 0px 5px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + } + .fans_layout .col_highlights_videos .m_current_videos li .m_video_image { + max-width: none; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + } + .fans_layout .wallpapers_content_row { + padding-left: 0; + } + .fans_layout .wallpapers_content_row .m_wallpaper { + width: 47%; + margin-right: 0; + margin-left: 5px; + } + .fans_layout .mobile_row .m_highlight_mobile { + width: 95%; + margin-right: 10px; + margin-left: 10px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + } + .fans_layout .mobile_row .m_highlight_mobile img { + width: 100%; + height: auto; + } + .fans_layout .highlight_club_row { + overflow: hidden; + } + .fans_layout .highlight_club_row .col, .fans_layout .highlight_club_row .m_poll_current, .fans_layout .highlight_club_row .m_poll_related { + width: 100%; + } + .fans_layout .aside { + width: 100% !important; + } + .fans_layout .aditional_content_row .aditional_content { + display: none; + } + .fans_layout .aditional_content_row .col, .fans_layout .aditional_content_row .m_poll_current, .fans_layout .aditional_content_row .m_poll_related { + width: 100%; + } + + .partner_layout .m_articles_title { + margin-top: 10px; + } + .partner_layout .m_articles_col { + border-top: 1px solid #D9D9D9; + } + .partner_layout .highlights_row > .col, .partner_layout .highlights_row > .m_poll_current, .partner_layout .highlights_row > .m_poll_related { + width: auto !important; + margin-bottom: 10px; + } + .partner_layout .card_row .aditional_content .m_related { + margin: 0 auto; + margin-bottom: 20px; + } + .partner_layout .card_row .content .m_text { + margin-left: 10px; + margin-right: 10px; + } + .partner_layout .aside .m_highlight_private .m_highlight_content p, .partner_layout .aside .m_highlight_private .m_store_content p { + max-width: 48%; + float: left; + } + + .hide_for_desktop { + display: block; + } + + .hide_for_mobile { + display: none; + } + + .show_on_mobile { + display: block; + } + + .with_sticky_banner { + padding-top: 58px; + } + + .btn_full.btn_big { + padding: 12px 0; + } + + .btn_read_later, .btn_read_later_active { + padding: 0; + border: 1px solid #D9D9D9; + width: 36px; + height: 36px; + } + .btn_read_later span, .btn_read_later_active span { + display: none; + } + + .m_highlight:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) > a, .m_store:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) > a, + .m_search_results_content .m_highlight > a, + .m_search_results_content .m_store > a { + display: table-row; + vertical-align: top; + } + .m_highlight:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) > a > *, .m_store:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) > a > *, + .m_search_results_content .m_highlight > a > *, + .m_search_results_content .m_store > a > * { + display: table-cell; + vertical-align: top; + } + .m_highlight:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_highlight_header, .m_store:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_highlight_header, .m_highlight:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_store_header, .m_store:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_store_header, + .m_search_results_content .m_highlight .m_highlight_header, + .m_search_results_content .m_store .m_highlight_header, + .m_search_results_content .m_highlight .m_store_header, + .m_search_results_content .m_store .m_store_header { + width: 111px; + height: auto; + padding: 10px 20px 10px 10px; + } + .m_highlight:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_highlight_content, .m_store:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_highlight_content, .m_highlight:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_store_content, .m_store:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_store_content, + .m_search_results_content .m_highlight .m_highlight_content, + .m_search_results_content .m_store .m_highlight_content, + .m_search_results_content .m_highlight .m_store_content, + .m_search_results_content .m_store .m_store_content { + padding: 0; + padding-bottom: 8px; + } + .m_highlight:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_highlight_content strong, .m_store:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_highlight_content strong, .m_highlight:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_store_content strong, .m_store:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_store_content strong, + .m_search_results_content .m_highlight .m_highlight_content strong, + .m_search_results_content .m_store .m_highlight_content strong, + .m_search_results_content .m_highlight .m_store_content strong, + .m_search_results_content .m_store .m_store_content strong { + padding-top: 10px; + } + .m_highlight:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_highlight_content p, .m_store:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_highlight_content p, .m_highlight:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_store_content p, .m_store:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_store_content p, + .m_search_results_content .m_highlight .m_highlight_content p, + .m_search_results_content .m_store .m_highlight_content p, + .m_search_results_content .m_highlight .m_store_content p, + .m_search_results_content .m_store .m_store_content p { + padding-right: 10px; + } + .m_highlight:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_highlight_content_title, .m_store:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_highlight_content_title, .m_highlight:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_highlight_content h1, .m_store:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_highlight_content h1, .m_highlight:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_store_content h1, .m_store:not(.m_highlight_banner):not(.m_highlight_new):not(.m_highlight_grid):not(.m_highlight_private) .m_store_content h1, + .m_search_results_content .m_highlight .m_highlight_content_title, + .m_search_results_content .m_store .m_highlight_content_title, + .m_search_results_content .m_highlight .m_highlight_content h1, + .m_search_results_content .m_store .m_highlight_content h1, + .m_search_results_content .m_highlight .m_store_content h1, + .m_search_results_content .m_store .m_store_content h1 { + padding-right: 10px; + } + + .m_highlight:hover, .m_store:hover { + box-shadow: none; + } + .m_highlight:hover img, .m_store:hover img { + opacity: 1; + } + + .m_highlight_image { + position: relative; + } + .m_highlight_image img { + max-width: none; + position: relative; + left: 50%; + margin-left: -470px; + } + + .m_pagination_prev { + margin-bottom: 30px; + } + + .footer_sitemap .wrapper { + padding-top: 25px; + padding-bottom: 60px; + } + + .footer_standalone_links { + padding-top: 0; + } + .footer_standalone_links li { + display: block; + } + + .footer_standalone_links li, + .footer_sitemap .wrapper .col, + .footer_sitemap .wrapper .m_poll_current, + .footer_sitemap .wrapper .m_poll_related { + padding-top: 15px; + } + .footer_standalone_links li:first-child, + .footer_sitemap .wrapper .col:first-child, + .footer_sitemap .wrapper .m_poll_current:first-child, + .footer_sitemap .wrapper .m_poll_related:first-child { + padding-top: 0; + } + + .footer_gold_sponsors, + .footer_silver_sponsors { + display: block; + float: none; + text-align: center; + } + + .footer_silver_sponsors a { + margin-left: 17px; + } + + .footer_sponsors { + padding: 47px 0 38px; + } + + .footer_copyright_text { + display: block; + text-align: center; + float: none; + } + + .footer_copyright .wrapper > .footer_copyright_text { + width: auto; + } + + .footer_social a + a { + margin-left: 12px; + } + + .footer_social { + padding: 26px 0 24px; + } + + .m_tabs { + margin: 10px; + padding-top: 0; + padding-bottom: 6px; + } + + .m_tabs_navigation { + background-color: white; + padding-left: 0; + padding-right: 0; + border: 1px solid white; + margin: -1px -1px 0; + } + .m_tabs_navigation a { + font-size: x-small; + border: none; + padding: 0 8px 0; + padding-bottom: 14px; + } + .m_tabs_navigation .active span { + font-size: 1.2em; + display: block; + border-bottom: 2px solid black; + padding-bottom: 3px; + } + + .m_tabs_content { + border-top: 1px solid #D9D9D9; + } + + .m_tabs_header { + border: none; + padding-left: 10px; + } + + .m_tabs_simple .m_tabs_navigation { + margin-bottom: 0; + } + .m_tabs_simple .m_tabs_navigation .active { + background: none; + } + .m_tabs_simple .m_tabs_content { + background-color: #f6f6f6; + } + + .m_tabs_alt .m_tabs_navigation .active { + background: none; + } + + .m_advantages_table { + position: relative; + } + .m_advantages_table td:first-child, .m_advantages_table th:first-child { + white-space: normal; + } + .m_advantages_table table { + display: inline-block; + white-space: nowrap; + min-width: 0; + width: auto; + } + .m_advantages_table:not(.m_advantages_table_single):after { + content: ""; + display: block; + width: 30px; + top: 0; + bottom: 0; + right: 0; + position: absolute; + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); + /* FF3.6+ */ + background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); + /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); + /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); + /* Opera 11.10+ */ + background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); + /* IE10+ */ + background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); + /* W3C */ + } + + .m_advantages_table_wrapper { + overflow-x: auto; + padding-right: 27px; + } + + .m_advantages_table_headers { + display: block; + position: absolute; + top: 0; + left: 0; + z-index: 3; + background-color: white; + -webkit-transform: translateZ(0); + } + + .m_advantages_table_body td > div { + width: 106px; + } + .m_advantages_table_body th > div { + padding: 0; + } + + .m_advantages_table_footer td:first-child { + width: 151px; + } + .m_advantages_table_footer .btn { + min-width: 0; + font-size: 1em; + } + + .m_advantages_table_head th { + height: auto; + } + + .m_advantages_table_head th:first-child > div { + border: none; + } + + .m_advantages_header_advantages, .m_advantages_table_head th, + .m_advantages_table_body th { + font-size: x-small; + vertical-align: bottom; + } + + .m_advantages_table_body th, + .m_advantages_prices td:first-child, + .m_advantages_table_head th:first-child { + visibility: hidden; + } + + .m_advantages_header_advantages > div, + .m_advantages_table_head th > div { + color: #333333; + background-color: white; + font-size: 1.3em; + text-transform: uppercase; + font-weight: normal; + padding: 13px 0 11px 10px; + max-width: 140px; + } + + .m_advantages_header_advantages { + max-width: 150px; + } + + .m_advantages_header_advantages { + white-space: nowrap; + } + .m_advantages_header_advantages div { + display: inline-block; + } + .m_advantages_header_advantages span { + white-space: normal; + } + .m_advantages_header_advantages div:not(.first) { + max-width: 96px; + visibility: hidden; + padding-top: 14px; + } + + .m_advantages_header_advantages .first { + padding-top: 14px; + } + + .m_advantages_header_advantages, + .m_advantages_table_head th:first-child { + border: 1px solid #d9d9d9; + border-right: none; + border-bottom: none; + } + + .m_advantages_prices { + white-space: normal; + } + + .m_advantages_headers, + .m_advantages_table_body th > div { + color: #666666; + font-size: 1.2em; + font-weight: normal; + width: 125px; + padding: 8px 16px 8px 10px; + background-color: #F0F0F0; + } + + .m_advantages_table_body .bottom th div { + margin-bottom: 0; + } + + .m_advantages_headers { + position: relative; + border-top: 1px solid #0255A5; + } + .m_advantages_headers:after { + content: ""; + display: block; + border-top: 1px solid #d5d5d5; + position: absolute; + top: -1px; + left: 0; + right: 0; + height: 0px; + } + + .m_advantages_table_headers > div { + border-right: 2px solid #0255A5; + } + + .m_register { + position: relative; + min-height: 0; + } + .m_register:after { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + display: block; + width: 30px; + background-repeat: no-repeat; + } + + .m_register_title { + position: static; + padding: 33px 0; + padding-left: 50px; + text-align: left; + border-bottom: none; + } + .m_register_title:after { + top: 50%; + margin-top: -37px; + left: 24px; + bottom: auto; + width: 74px; + height: 74px; + background-size: 74px 74px; + margin-bottom: 0; + } + + .m_register_card .m_register_title:after { + width: 74px; + height: 74px; + background-size: 74px 74px; + } + + .m_register_no_partner .m_register_title:after { + width: 74px; + height: 74px; + background-size: 74px 74px; + } + + .m_register_content { + display: none; + } + + .m_login { + padding-bottom: 81px; + } + .m_login > * { + display: block; + width: 100%; + } + + .m_login_facebook { + position: relative; + padding-top: 29px; + } + .m_login_facebook:before { + top: -1px; + bottom: auto; + left: 0; + right: 0; + height: 1px; + width: auto; + background: #D9D9D9; + } + .m_login_facebook:after { + height: auto; + width: 49px; + left: 50%; + top: 0; + bottom: auto; + text-align: center; + margin-top: -7px; + margin-left: -25px; + line-height: normal; + } + .m_login_facebook > * { + margin: 0 auto; + display: block; + max-width: 156px; + } + + .m_login_fields { + padding-bottom: 30px; + } + .m_login_fields > * { + margin-right: 0; + } + + .m_login_actions { + position: absolute; + bottom: 0; + left: 0; + right: 0; + padding-top: 19px; + text-align: center; + border-top: 1px solid #D9D9D9; + } + .m_login_actions .btn { + display: block; + width: 100%; + } + + .m_inner_nav { + font-size: x-small; + } + .m_inner_nav strong { + display: block; + margin-top: 0; + margin-bottom: 16px; + } + .m_inner_nav.m_social_mod_inner_nav { + margin-right: 6px; + } + + .m_inner_nav_content { + position: relative; + display: block; + border: 1px solid #D9D9D9; + background-color: #F6F6F6; + padding: 0; + border-radius: 3px; + } + + .m_inner_nav_content:hover { + cursor: pointer; + } + + .m_inner_nav_content:after { + content: ""; + position: absolute; + top: 10px; + right: 10px; + width: 8px; + height: 15px; + background-repeat: no-repeat; + } + + .m_inner_nav_content ul { + position: absolute; + width: 100%; + top: 34px; + left: 0; + background-color: #F6F6F6; + padding: 0; + overflow: hidden; + z-index: 1; + } + + .expandend .m_inner_nav_content ul { + padding: 5px 0; + } + + .m_inner_nav_content li { + display: block; + font-size: 1.1em; + font-weight: bold; + padding: 5px 10px; + } + + .m_inner_nav_content a { + display: block; + padding: 2px 0; + color: #333; + font-size: 1em; + } + + .m_inner_nav_content p { + display: block; + font-size: 1.1em; + font-weight: bold; + padding: 10px; + text-transform: uppercase; + } + + .m_inner_nav_content li.active { + border: none; + } + + .m_section { + overflow: hidden; + text-align: left; + position: relative; + padding-left: 180px; + min-height: 153px; + } + .m_section a { + overflow: hidden; + } + .m_section div { + display: block; + position: absolute; + top: 0; + left: 0; + width: 162px; + height: 153px; + overflow: hidden; + } + .m_section img { + display: inline; + width: 162px; + height: 153px; + } + .m_section strong { + margin: 0; + padding: 0; + margin-right: 20px; + margin-top: 20px; + margin-bottom: 10px; + display: inline-block; + } + .m_section p { + margin: 0; + padding: 0; + padding-right: 20px; + padding-bottom: 20px; + font-size: 1.5em; + } + .m_section div:after { + background: none; + } + + .m_sections > * + * { + margin-top: 10px; + } + + .m_share_action { + font-size: 11px; + padding-bottom: 13px; + } + + .m_mod_figcaption p { + font-weight: bold; + color: black; + } + + .m_mod_big p { + font-weight: normal; + color: #999999; + } + + .m_mod_small { + max-width: 139px; + } + .m_mod_small figcaption { + padding: 8px 11px; + } + .m_mod_small p { + display: none; + } + .m_mod_small p + .m_mod_source { + margin-top: 0; + } + .m_mod_small .m_mod_source_logo { + top: 0; + } + + .m_mod_source { + margin-right: 16px; + } + + .m_mod_source_logo { + right: -22px; + } + + .m_mod_source_logo { + max-width: 18px; + } + + .m_mod_twit .m_mod_figcaption { + padding-top: 2px; + } + .m_mod_twit .m_mod_figcaption strong, .m_mod_twit .m_mod_figcaption a { + display: none; + } + + .m_social_mod_grid_sizer, .m_social_mod_grid_paginator { + width: 100%; + } + + .m_mod_x2, .m_mod_x1 { + width: .99em; + } + + .m_social_mod_nav { + display: none; + } + + .m_highlights_banner_container > * { + width: 280px; + height: 262px; + } + + .m_highlights_banner_image img { + height: 262px; + width: auto; + margin-left: -215px; + } + + .m_highlights_banner_info p { + font-size: 1.7em; + } + + .m_highlights_banner_info { + padding-bottom: 47px; + } + + .m_articles_col { + display: block; + width: auto; + } + .m_articles_col > *, .m_articles_col:first-child > * { + margin: 0; + margin-bottom: 10px; + } + + .m_articles_banner { + margin-bottom: 10px; + } + + .m_articles_row { + margin-top: 10px; + } + + .m_articles_inner_nav { + margin-bottom: 20px; + } + + .m_cups [data-next] { + margin-left: -31px; + } + .m_cups [data-prev] { + margin-right: -31px; + } + .m_cups .m_cup + .m_cup { + border-left: 0; + } + + .m_cups_actions a { + display: block; + margin: 0; + font-weight: bold; + } + + .m_cups_actions a + a { + margin-top: 25px; + } + + .m_schedule_table .m_match + * > * { + border-top: none; + } + .m_schedule_table .m_match_aditional_info { + text-align: center; + padding-left: 0; + } + + .full_ad_row .m_ad { + max-width: 300px; + } + + .m_member_expanded .m_member_picture { + width: 110px; + margin-left: 10px; + margin-top: 11px; + margin-bottom: 11px; + } + .m_member_expanded .m_member_info { + margin-left: 130px; + padding-left: 10px; + padding-top: 8px; + padding-bottom: 8px; + } + + .m_slider_list, .m_slider_item, .m_slider_item img { + height: auto !important; + } + + .m_slider_list .m_slider_item_footer { + white-space: normal; + } + + .m_download_list strong, ul.m_download_list strong { + width: 55%; + } + .m_download_list span, ul.m_download_list span { + width: 45%; + } + + .m_rm_strip { + color: #0255a5; + } + .m_rm_strip .m_rm_strip_teams { + display: none; + } + .m_rm_strip .separator { + display: block; + } + + .m_rm_strip_multiple { + padding-top: 0; + padding-bottom: 0; + } + .m_rm_strip_multiple > span { + padding-top: 62px; + text-align: center; + padding: 62px 10px 11px; + font-size: 1.1em; + } + .m_rm_strip_multiple > span:after { + display: none; + } + .m_rm_strip_multiple .m_rm_strip_teams { + display: block; + height: 40px; + left: 50%; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); + width: auto; + right: auto; + top: 8px; + } + .m_rm_strip_multiple .m_rm_strip_teams img { + height: 40px; + margin-top: 0; + } + .m_rm_strip_multiple .m_rm_strip_teams span + span { + border-left: none; + margin-left: 10px; + } + + .m_partidos_fuera .tipoTitular #tipoTitularSoc .col_form_4.noexpand, .m_partidos_fuera .tipoTitular #tipoTitularMad .col_form_4.noexpand { + margin: 17px 15px 0 0; + width: 34% !important; + } + .m_partidos_fuera .tipoTitular #tipoTitularSoc .col_form_4.noexpand label, .m_partidos_fuera .tipoTitular #tipoTitularMad .col_form_4.noexpand label { + margin-top: 7px; + } + .m_partidos_fuera .tipoTitular #tipoTitularSoc .col_form_3.noexpand, .m_partidos_fuera .tipoTitular #tipoTitularMad .col_form_3.noexpand { + width: 60% !important; + margin-top: 0; + } + .m_partidos_fuera .tickets_add_members .row_form .col_form_4.noexpand { + width: 57% !important; + float: left; + } + .m_partidos_fuera .tickets_add_members .row_form .col_form_4.noexpand label.col_form_2 { + width: 50% !important; + margin-top: 25px; + float: left; + } + .m_partidos_fuera .tickets_add_members .row_form .col_form_4.noexpand label.col_form_2 input.col_form_2 { + float: right; + } + .m_partidos_fuera .tickets_add_members .row_form .col_form_4.noexpand span.radio { + width: 40% !important; + float: right; + margin-top: -15px; + } + .m_partidos_fuera .tickets_add_members .row_form .col_form_3.noexpand { + width: 42% !important; + float: left; + } + + .row_form > * { + display: block; + width: auto !important; + } + .row_form > * + * { + margin-top: 25px; + } + .row_form > * > * { + margin-left: 0; + margin-right: 0; + } + + .form_inline_checkbox label { + font-size: 1.3em; + position: relative; + top: -1px; + color: #666666; + display: block; + margin-left: 19px; + } + .form_inline_checkbox .checkbox, .form_inline_checkbox .radio { + float: left; + } + .form_inline_checkbox label ~ .checkbox, .form_inline_checkbox label ~ .radio, .form_inline_checkbox label ~ label { + margin-top: 10px; + } + .form_inline_checkbox label + .checkbox, .form_inline_checkbox label + .radio { + margin-left: 0; + } + + .m_chart { + border-left: none; + border-right: none; + } + + .m_main_header { + padding-top: 25px; + padding-bottom: 23px; + } + .m_main_header > * { + font-size: 2.4em; + margin-left: 19px; + margin-right: 19px; + } + .m_main_header:after { + width: 98px; + height: 136px; + background-size: 98px 136px; + right: 3px; + top: 6px; + } + + .m_main_header_reduced > *, .m_main_header_multi > * { + padding-left: 19px; + padding-right: 19px; + } + + .m_links_section_list { + border-top: 1px solid #D9D9D9; + } + + .m_spaces_list ul { + display: block; + font-size: 0; + } + .m_spaces_list li { + font-size: x-small; + width: 50%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + max-width: none; + display: inline-block; + vertical-align: top; + } + .m_spaces_list li:nth-child(2n+1) { + border: none; + } + .m_spaces_list small { + padding-bottom: 10px; + } + + .m_images_slider img { + margin: 0 auto; + } + + .m_images_slider_viewport { + margin-right: 13px; + margin-left: 13px; + } + + .m_images_slider_sponsored_title { + display: table; + padding-right: 0; + margin-bottom: 14px; + } + .m_images_slider_sponsored_title > * { + display: table-header-group; + } + .m_images_slider_sponsored_title small { + display: table-footer-group; + margin-right: 0 !important; + width: 100%; + text-align: left; + margin-top: 3px; + } + + .m_image_map_image { + min-width: 940px; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); + margin-left: 50%; + } + + .m_error_content { + float: none; + width: auto; + } + .m_error_content strong { + font-size: 10em; + } + .m_error_content p span { + display: none; + } + + .m_error_link { + margin-top: 25px; + margin-bottom: 20px; + } + + .m_news_simple p { + font-size: 1.5em; + } + + .m_news_simple { + padding-right: 5px; + } + + .m_highlight_tweet_content { + padding-left: 70px; + padding-top: 15px; + padding-bottom: 15px; + } + .m_highlight_tweet_content strong { + display: block; + font-size: 1.5em; + font-weight: normal; + margin-bottom: 15px; + } + .m_highlight_tweet_content strong span { + display: inline; + } + .m_highlight_tweet_content p { + text-align: left; + font-size: 1.4em; + font-style: italic; + } + .m_highlight_tweet_content:before { + width: 53px; + } + .m_highlight_tweet_content:after { + background-size: 31px 25px; + top: 15px; + left: 12px; + } + + .m_text_content { + margin-bottom: 0; + } + + .m_section_news_actions { + margin-top: 10px; + margin-bottom: 10px; + } + + .m_section_news_header p { + margin-bottom: 15px; + } + .m_section_news_header h2 { + font-size: 1.7em; + margin-bottom: 18px; + line-height: 22px; + } + + .news_layout .m_text_content p.cap:first-letter { + font-size: 1em; + float: none; + line-height: normal; + margin: 0; + padding: 0; + font-family: arial,sans-serif; + } + + .news_layout .m_text_content p { + text-align: left; + } + + .m_full_header_banner_info_wrapper img { + height: 153px; + } + + .m_full_header_banner_info { + position: static; + background-color: #000; + padding-bottom: 19px; + margin-bottom: 0; + } + .m_full_header_banner_info h1 { + color: #fff; + font-size: 2.2em; + padding-left: 20px; + padding-right: 20px; + line-height: 24px; + } + + .m_highlighted_next_game_header p, .m_highlighted_summary_game_header p, .m_highlighted_finish_game_header p { + margin-left: 0; + margin-right: 0; + } + + .m_highlighted_next_game_team { + position: relative; + height: 98px; + padding: 0 0 10px; + text-align: center; + } + .m_highlighted_next_game_team > * { + vertical-align: bottom; + } + .m_highlighted_next_game_team img { + margin: 0; + position: absolute; + top: 0; + left: 50%; + margin-left: -29px; + width: auto; + height: 65px; + } + .m_highlighted_next_game_team strong { + display: inline; + width: auto; + } + + .m_highlighted_next_game_info_wrapper { + position: relative; + } + .m_highlighted_next_game_info_wrapper .m_highlighted_next_game_info_country, .m_highlighted_next_game_info_wrapper time, .m_highlighted_next_game_info_wrapper .m_highlighted_weather { + position: absolute; + top: 0; + left: 50%; + } + .m_highlighted_next_game_info_wrapper time { + margin-left: -28px; + padding-top: 4px; + min-height: 16px; + } + .m_highlighted_next_game_info_wrapper p { + padding-top: 29px; + border: none; + text-align: center; + } + .m_highlighted_next_game_info_wrapper .m_highlighted_weather { + margin-left: 29px; + } + .m_highlighted_next_game_info_wrapper .m_link_dropdown { + padding-top: 4px; + background-position: 33px 7px; + } + + .m_link_dropdown [data-back-btn] { + display: block; + } + + .m_highlighted_next_game_info_country { + margin-left: -95px; + border: none; + } + .m_highlighted_next_game_info_country:before { + display: none; + } + + .m_weather_icon { + width: 25px; + height: 18px; + background-size: 25px 18px; + bottom: 2px; + } + + .m_weather_degrees { + top: 1px; + } + + .m_highlighted > * { + min-height: 0 !important; + } + + .m_highlighted_aside { + margin-left: 0; + border-left: none; + border-top: 1px solid #d9d9d9; + } + + .m_highlighted_aside .o_commentary .opta-widget-container li:last-child { + border-bottom: none; + } + + .m_players_slider .m_player { + max-width: 218px; + margin: 0 auto; + } + + .m_players_slider .slider_btn_next { + right: 17px; + } + .m_players_slider .slider_btn_prev { + left: 17px; + } + + .m_matches { + padding-bottom: 15px; + border: none; + } + + .m_matches_competition { + padding-top: 15px; + } + + .m_matches_competition .responsive_select { + display: block; + width: 282px; + margin-top: 10px; + } + + .m_matches_calendar_wrapper { + clear: both; + width: auto; + display: block; + overflow-x: auto; + overflow-y: hidden; + margin: 0 auto; + } + .m_matches_calendar_wrapper:before, .m_matches_calendar_wrapper:after { + content: "."; + display: block; + height: 0; + overflow: hidden; + } + .m_matches_calendar_wrapper:after { + clear: both; + } + .m_matches_calendar_wrapper { + zoom: 1; + } + + .m_matches_calendar { + white-space: nowrap; + float: left; + } + .m_matches_calendar li { + float: none; + display: -moz-inline-stack; + display: inline-block; + *display: inline; + zoom: 1; + } + .m_matches_calendar li.active a, .m_matches_calendar li.active label { + border: none; + background-color: transparent; + } + + .m_matches_table { + background-color: #F6F6F6; + margin-bottom: 0px; + border: none; + } + .m_matches_table:after { + background-color: transparent; + height: 0; + } + + .m_match + .m_match, + .m_match { + border: 1px solid #D0D0D0; + margin-top: 10px; + } + + .m_match_result { + border: none; + } + + .m_match { + display: block; + margin-left: 10px; + margin-right: 10px; + border: 1px solid #D0D0D0; + } + + .m_match td, + .m_match_result td { + display: block; + max-width: 100%; + background-color: #fff; + margin: 0; + padding-bottom: 10px; + } + .m_match td > *, + .m_match_result td > * { + margin-left: 10px; + margin-right: 10px; + } + + .m_match_date { + width: auto; + text-align: center; + } + .m_match_date p { + max-width: none; + } + .m_match_date strong span { + display: -moz-inline-stack; + display: inline-block; + *display: inline; + zoom: 1; + margin-left: 5px; + margin-top: 0; + } + .m_match_date .m_match_date_day, .m_match_date .m_match_date_time { + margin-bottom: 10px; + } + .m_match_date small:before { + display: none; + } + + .m_match_date_time { + margin-left: 0 !important; + margin-top: 0 !important; + } + + .m_match_date_day { + width: auto; + } + + .m_match_date, + .m_match_teams { + padding: 10px; + padding-left: 0; + } + + .m_match_actions_list, + .m_match_actions_tickets { + padding-top: 0; + } + + .m_match_actions_tickets { + display: block; + } + .m_match_actions_tickets .btn { + display: block; + text-align: center; + margin-top: 0; + } + + .m_match_teams p { + margin-left: 0; + float: none; + } + + .m_match_teams.next_matches { + padding: 0px; + margin: 0px; + width: 100%; + } + + .m_match_teams.next_matches > span { + margin: 0px; + } + + .m_match_teams img + img { + margin-left: 4px; + } + + .m_match_teams_results { + margin: 0 10px; + } + + .m_match_teams_competition { + display: block !important; + } + + .m_match_result { + margin-left: 10px; + margin-right: 10px; + display: block; + padding-right: 0; + border: 1px solid #D0D0D0; + border-top: none; + } + .m_match_result td { + padding-right: 30px; + padding-left: 10px; + } + .m_match_result:last-child { + border-bottom: 1px solid #D9D9D9; + } + + .m_match_with_result { + border-bottom: none !important; + } + + .m_match_actions_list { + padding-top: 10px; + padding-bottom: 0; + border-top: 1px solid #D0D0D0; + } + + .m_match_with_result .m_match_actions_list { + margin-bottom: -16px; + } + + .m_matches_table_warning { + display: block; + margin-left: 10px; + margin-right: 10px; + } + tr + .m_matches_table_warning { + margin-top: 10px; + } + .m_matches_table_warning td { + display: block; + padding: 5px 5px 0; + background-color: white; + } + .m_matches_table_warning + tr { + margin-top: 0; + border: 3px solid #F8EE98; + border-top: none; + } + .m_matches_table_warning + tr td { + border: none !important; + } + .m_matches_table_warning + .m_match_with_result + .m_match_result { + border: none; + } + .m_matches_table_warning + .m_match_with_result + .m_match_result td { + border-left: 3px solid #F8EE98; + border-right: 3px solid #F8EE98; + } + + p.m_match_aditional_info { + padding-bottom: 15px; + margin-bottom: 0; + text-align: center; + width: auto; + } + + td.m_match_aditional_info { + padding-top: 20px; + padding-bottom: 0; + } + + .m_match_week + .m_match .m_match_date { + padding-top: 15px; + } + + .m_matches_table_warning + .m_match_week { + margin-left: 10px; + margin-right: 10px; + display: block; + border-bottom: none; + } + + .m_matches_table_warning + .m_match_week + .m_match { + margin-top: 0; + border: 3px solid #f8ee98; + border-top: none; + } + .m_matches_table_warning + .m_match_week + .m_match td { + border: none !important; + } + + .m_match_week { + border-top: none; + } + + .m_matches_table_warning td { + background-color: transparent; + } + + .m_results_table_expanded td:nth-child(n+5), .m_results_table_expanded th:nth-child(n+5) { + display: none; + } + + .m_results_table_extra_headers { + display: none; + } + + .m_matches_simple strong { + max-width: none; + } + + td.m_match_teams { + padding-right: 0; + width: 100%; + padding-bottom: 0; + width: 98%; + } + td.m_match_teams > span { + width: 85px; + float: none; + } + td.m_match_teams > * { + padding: 10px 10px 10px 40px; + float: none !important; + display: block !important; + margin: 0; + width: auto !important; + text-align: center; + } + td.m_match_teams > *:first-child { + padding-left: 10px; + } + td.m_match_teams p { + width: 100%; + max-width: none; + clear: left; + width: auto; + padding: 10px; + margin-right: 0; + display: block; + } + + .m_match_actions { + width: auto; + } + + .m_match_actions_list { + padding-top: 10px !important; + } + + .m_login_validation { + padding-left: 101px; + padding-top: 26px; + min-height: 258px; + } + .m_login_validation:before { + height: 253px; + left: 0; + width: 104px; + overflow: hidden; + background-size: 221px 253px; + background-position: right top; + } + .m_login_validation p { + margin-top: 9px; + padding-bottom: 10px; + padding-left: 10px; + padding-right: 10px; + } + + .m_login_validation_title { + font-size: 2.2em; + padding-left: 10px; + } + + .m_login_validation_advantages { + position: absolute; + left: -1px; + right: -1px; + margin-top: 0; + top: 100%; + } + + .m_login_validation_advantages span { + margin-right: 0; + } + + .m_poll_selection { + border-top: 1px solid #d9d9d9; + } + .m_poll_selection > * { + float: none; + width: auto; + } + .m_poll_selection .m_poll_actions { + display: block; + padding-top: 0; + } + + .m_poll_selected { + border-left: none; + float: none; + margin-left: 0; + } + + .m_teams_stats_list { + display: block; + overflow: hidden; + } + .m_teams_stats_list li { + float: left; + display: block; + width: 50%; + border-left: none; + padding-bottom: 10px; + } + .m_teams_stats_list li:nth-child(4n), .m_teams_stats_list li:nth-child(4n-1) { + background: white; + } + .m_teams_stats_list li:nth-child(4n-2), .m_teams_stats_list li:nth-child(4n-3) { + background: #f5f5f5; + } + .m_teams_stats_list span { + top: 4px; + font-size: 5em; + } + .m_teams_stats_list dfn { + display: block; + padding: 0 34px; + text-align: center; + } + + .m_teams_stats_info thead th { + font-size: 10px; + } + .m_teams_stats_info td + td { + width: 20%; + } + + .m_teams_stats_title { + font-size: 1.8em; + margin: 0 20px 20px; + } + + .m_teams_stats_filter_selection { + margin-left: 2px; + } + .m_teams_stats_filter_selection .select_content { + width: 312px; + margin-bottom: 10px; + } + + .m_teams_stats_wrapper { + clear: both; + } + + .m_poll_results_list { + font-size: 0; + float: left; + white-space: nowrap; + } + .m_poll_results_list li { + float: none; + font-size: x-small; + display: -moz-inline-stack; + display: inline-block; + *display: inline; + zoom: 1; + } + + .m_poll_current { + margin-bottom: 20px; + overflow-y: hidden; + overflow-x: visible; + } + + .m_poll_related_title { + margin-bottom: 10px; + } + + .m_poll_related_item img { + width: 56px; + } + .m_poll_related_item strong { + width: auto; + } + + .m_tickets_prices ul { + margin-bottom: 30px; + } + .m_tickets_prices li { + text-align: center; + border: none; + width: 49%; + padding-left: 0; + } + + .m_position_table { + width: 100%; + } + + .m_tickets_map .m_map { + height: 270px; + } + + .m_tickets_map_info li { + display: block; + width: auto; + padding-bottom: 0; + } + .m_tickets_map_info li > div { + width: 100%; + } + + .m_tickets_map_icon { + width: 85px; + text-align: center; + } + .m_tickets_map_icon img { + display: inline; + } + + .m_tickets_map_actions { + left: 15px; + top: 15px; + margin-left: 0; + } + .m_tickets_map_actions p { + font-size: 2.4em; + } + + .m_match_header { + text-align: center; + padding-bottom: 19px; + } + .m_match_header .m_highlighted_tickets { + padding-top: 7px; + border-top: 1px solid #d9d9d9; + margin-top: 10px; + } + .m_match_header .m_highlighted_tickets p { + text-align: left; + } + .m_match_header .m_highlighted_tickets strong { + text-align: right; + } + + .m_match_header_teams { + background: none; + } + + .m_match_header_title { + position: static; + font-size: 1.2em; + margin-bottom: 6px; + display: block; + } + + .m_match_header_content > * { + display: block; + } + + .m_match_header_date_day, .m_match_header_date_time { + display: -moz-inline-stack; + display: inline-block; + *display: inline; + zoom: 1; + background: none; + width: auto; + } + + .m_match_header_date_time { + margin-left: 12px; + } + + .m_match_header_logos { + width: auto; + max-width: none; + margin-top: 19px; + margin-bottom: 19px; + } + + .m_tickets_slider .m_slider_pagination { + height: auto; + } + + .m_tickets_slider_purchase { + border: none; + } + .m_tickets_slider_purchase .m_highlighted_tickets { + float: none; + margin: 0 auto; + padding-bottom: 20px; + padding-top: 6px; + } + .m_tickets_slider_purchase .m_share { + display: none; + } + .m_tickets_slider_purchase .m_highlighted_tickets { + background: #F6F6F6; + border: 1px solid #D9D9D9; + } + .m_tickets_slider_purchase .m_highlighted_tickets_rel { + display: none; + } + + .m_tickets_slider_purchase_extended .practical_info_row { + float: none; + } + .m_tickets_slider_purchase_extended .practical_info_row .col:nth-child(-n+2), .m_tickets_slider_purchase_extended .practical_info_row .m_poll_current:nth-child(-n+2), .m_tickets_slider_purchase_extended .practical_info_row .m_poll_related:nth-child(-n+2) { + width: 49%; + display: inline-block; + vertical-align: top; + margin-top: 0 !important; + padding-top: 0 !important; + border-top: none !important; + } + .m_tickets_slider_purchase_extended .practical_info_row .col:nth-child(n+3), .m_tickets_slider_purchase_extended .practical_info_row .m_poll_current:nth-child(n+3), .m_tickets_slider_purchase_extended .practical_info_row .m_poll_related:nth-child(n+3) { + margin-top: 19px; + display: block; + } + .m_tickets_slider_purchase_extended .practical_info_row, .m_tickets_slider_purchase_extended .m_highlighted_tickets { + width: auto; + } + + .m_slider_item_info .btn_video { + margin-top: 0; + } + + .m_slider_item_info_fans { + padding-top: 9px; + padding-bottom: 24px; + } + .m_slider_item_info_fans .m_slider_item_info_text { + padding-left: 11px; + } + .m_slider_item_info_fans .m_slider_item_info_text strong { + font-size: 1.4em; + } + + .m_slider_item_info_text strong { + display: block; + font-size: 2em; + margin-top: 0; + margin-bottom: 5px; + } + + .m_player_bio_data { + background: #0255a5; + } + + .m_player_bio_basic_info_wrapper, .m_player_bio_simple .m_player_bio_basic_info_wrapper { + left: 0; + right: 0; + top: auto; + margin-right: 0; + background: black; + min-height: 0; + margin-bottom: 0; + margin-top: 340px; + } + + .m_player_bio_list, .m_player_bio_social { + float: none; + max-width: none; + } + + .m_player_bio_simple .m_player_bio_basic_info { + color: white; + } + + .m_player_bio_simple .m_player_bio_main_wrapper { + min-height: 269px; + } + + .m_player_bio_social { + width: auto; + text-align: center; + background: #024484; + padding-top: 23px; + padding-bottom: 22px; + } + .m_player_bio_social .m_social_profile_btn { + margin-left: 11px; + margin-right: 0; + } + .m_player_bio_social .m_social_profile_btn:first-child { + margin-left: 0; + } + .m_player_bio_social small { + display: block; + max-width: none; + margin-bottom: 13px; + } + .m_player_bio_social small br { + content: " "; + } + .m_player_bio_social small br:after { + content: " "; + } + + .m_player_bio_list { + padding-top: 12px; + padding-bottom: 17px; + } + .m_player_bio_list dl, .m_player_bio_list dd { + display: block; + } + .m_player_bio_list dd:after { + display: none; + } + .m_player_bio_list dd:before { + margin-top: 4px; + font-weight: normal; + content: attr(data-dfn); + display: block; + color: #999999; + font-size: .85em; + float: left; + margin-left: -133px; + width: 123px; + } + .m_player_bio_list dd { + width: auto; + clear: both; + padding-left: 153px; + font-size: 1.4em; + font-weight: normal; + } + + .m_player_bio_basic_info { + top: auto; + line-height: 2em; + padding: 27px 79px 31px 20px; + margin-left: 0; + } + + .m_player_bio_basic_info > *, .m_player_bio_simple .m_player_bio_basic_info > * { + font-size: 2.8em; + } + + .m_player_bio_basic_info > h1 strong { + font-size: .6em; + line-height: normal; + margin-top: 12px; + } + + .m_player_bio_simple .m_player_bio_main img { + height: auto; + width: auto; + top: 0; + bottom: auto; + left: 50%; + right: auto; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); + } + + .m_player_bio_main { + position: relative; + overflow: hidden; + } + .m_player_bio_main img { + left: -130px; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); + height: 269px; + width: auto; + max-width: none; + } + + .m_player_bio_basic_info_position { + position: absolute; + right: 0; + bottom: auto; + top: 50%; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + width: 61px; + padding-right: 18px; + text-align: right; + margin-top: -2px; + } + + .m_player_bio_simple .m_player_bio_basic_info .m_player_bio_basic_info_position, + .m_player_bio_basic_info_position { + font-size: 2.3em; + line-height: 0.7em; + } + + .m_player_bio_simple .m_player_bio_basic_info_position { + font-style: 3.6em !important; + } + + .m_player_bio_banner img { + margin-left: 0; + min-width: 0; + } + + .mfp-content { + position: fixed; + top: 0; + left: 0; + right: 0; + background: white; + } + .mfp-content .m_share { + display: block; + position: static; + float: none; + } + .mfp-content .mfp_view_more { + padding-right: 15px; + } + + .mfp_actions { + padding-right: 0; + padding-bottom: 15px; + } + + .mfp_header { + padding: 10px 43px 16px 5px; + } + + .mfp_title { + font-size: 1.4em; + } + + .mfp-iframe-holder .mfp-close { + right: 5px; + } + + .mfp-close { + background-size: 20px; + width: 20px; + height: 20px; + top: 12px; + } + + .mfp-zoom-out { + /* animate in */ + /* animate out */ + } + .mfp-zoom-out .mfp-with-anim { + opacity: 1 !important; + } + .mfp-zoom-out .mfp-with-anim { + -webkit-transform: translateY(-100%); + -moz-transform: translateY(-100%); + -ms-transform: translateY(-100%); + -o-transform: translateY(-100%); + transform: translateY(-100%); + } + .mfp-zoom-out.mfp-ready .mfp-with-anim { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + .mfp-zoom-out.mfp-removing .mfp-with-anim { + -webkit-transform: translateY(-100%); + -moz-transform: translateY(-100%); + -ms-transform: translateY(-100%); + -o-transform: translateY(-100%); + transform: translateY(-100%); + } + + .search_bar_always { + padding: 10px; + } + + .m_search_results_actions { + display: none; + } + + .m_search_results_filter { + display: none; + } + + .m_search_results_header { + background-color: transparent; + margin-bottom: 20px; + border: none; + } + .m_search_results_header label { + padding: 5px 0; + margin-right: 10px; + margin-top: 4px; + font-size: 12px; + color: #0255a5; + border-bottom: 2px solid #fff; + } + .m_search_results_header label.active { + border: none; + border-bottom: 2px solid #000; + } + + .m_search_results_content .col, .m_search_results_content .m_poll_current, .m_search_results_content .m_poll_related { + float: none; + width: 100% !important; + } + .m_search_results_content .m_highlight, .m_search_results_content .m_store { + height: auto !important; + } + + .m_combined_ticket_table_price strong { + font-size: 1em; + } + + .m_combined_ticket_table_type { + font-size: 1.2em; + } + + .tickets_layout .main_combtickets_row .multiple_row .col, .tickets_layout .main_combtickets_row .multiple_row .m_poll_current, .tickets_layout .main_combtickets_row .multiple_row .m_poll_related { + margin-bottom: 30px; + float: none; + width: auto; + } + .tickets_layout .main_combtickets_row .multiple_row .col > *, .tickets_layout .main_combtickets_row .multiple_row .m_poll_current > *, .tickets_layout .main_combtickets_row .multiple_row .m_poll_related > * { + margin-left: 0; + margin-right: 0; + } + .tickets_layout .form_legend span { + margin-bottom: 0px; + } + .tickets_layout .form_legend { + padding-bottom: 20px; + } + + .player_layout .main_banner_row { + margin-bottom: 34px; + } + .player_layout .video_row > *, .player_layout .social_row > * { + margin-left: 0; + margin-right: 0; + } + .player_layout .social_row { + margin: 0; + } + .player_layout .social_row .m_inner_nav_content { + margin-right: 10px; + } + .player_layout .bio_strip_row { + margin-bottom: 19px; + } + .player_layout .video_row { + margin-bottom: 28px; + } + .player_layout .media_row { + margin-bottom: 43px; + } + .player_layout .player_history_row { + margin-bottom: 40px; + } + .player_layout .player_stats_row { + padding-bottom: 36px; + } + .player_layout .m_teams_stats_list li:nth-child(4n), .player_layout .m_teams_stats_list li:nth-child(4n-1) { + background-color: #fafafa; + } + .player_layout .text_row .important { + margin-bottom: 64px; + } + .player_layout .text_row .aside > * { + margin-left: 10px; + } + .player_layout .text_row .m_bio_quote blockquote { + width: 49%; + display: inline-block; + vertical-align: top; + } + + .m_highlight_social_google .m_highlight_header, .m_highlight_social_google .m_store_header, + .m_highlight_social_twitter .m_highlight_header, + .m_highlight_social_twitter .m_store_header, + .m_highlight_social_fb .m_highlight_header, + .m_highlight_social_fb .m_store_header { + position: relative; + } + .m_highlight_social_google .m_highlight_header .m_highlight_cover, .m_highlight_social_google .m_store_header .m_highlight_cover, + .m_highlight_social_twitter .m_highlight_header .m_highlight_cover, + .m_highlight_social_twitter .m_store_header .m_highlight_cover, + .m_highlight_social_fb .m_highlight_header .m_highlight_cover, + .m_highlight_social_fb .m_store_header .m_highlight_cover { + content: ""; + position: absolute; + left: auto; + right: auto; + bottom: auto; + top: auto; + left: 10px; + top: 10px; + bottom: 91px; + width: 81px; + height: 33px; + padding: 10px 20px 10px 10px; + } + + .m_highlight_social_google .m_highlight_header .m_highlight_cover:after, .m_highlight_social_google .m_store_header .m_highlight_cover:after, + .m_highlight_social_twitter .m_highlight_header .m_highlight_cover:after, + .m_highlight_social_twitter .m_store_header .m_highlight_cover:after, + .m_highlight_social_fb .m_highlight_header .m_highlight_cover:after, + .m_highlight_social_fb .m_store_header .m_highlight_cover:after { + width: 26px; + height: 26px; + top: 50%; + left: 50%; + margin-top: -18px; + margin-left: -20px; + background-size: 26px 26px; + } + + .m_tv_schedule_content thead { + display: none; + } + .m_tv_schedule_content .btn_download { + display: none; + } + + .m_tv_schedule_info_description { + padding-top: 20px !important; + } + .m_tv_schedule_info_description p { + padding-left: 15px; + } + + .m_tv_schedule_header { + background-color: transparent; + margin-bottom: 10px; + border: none; + width: 100%; + white-space: nowrap; + overflow-x: auto; + } + .m_tv_schedule_header a { + padding: 5px 0; + margin-right: 10px; + margin-top: 4px; + font-size: 12px; + color: #0255a5; + border-bottom: 2px solid #fff; + } + .m_tv_schedule_header li.active a { + border: none; + border-bottom: 2px solid #000; + } + + .m_tv_schedule_info_channel img { + max-width: none; + width: 100px; + } + + .m_video_gallery, .m_photos { + margin-right: 0; + margin-left: 0; + } + + .m_video_gallery_container { + float: none; + width: 100%; + margin-bottom: 3px; + } + .m_video_gallery_container > * { + margin-right: 0; + } + + .m_video_gallery_header, .m_photos_header { + padding: 20px 10px; + } + .m_video_gallery_header strong, .m_photos_header strong { + float: none; + display: block; + font-size: 1.4em; + } + + .m_video_gallery_header_all { + float: none; + } + + .m_video_gallery_list { + float: none; + width: 100%; + } + .m_video_gallery_list ul { + letter-spacing: -.31em; + word-spacing: -.43em; + } + .m_video_gallery_list li { + margin-top: 0px; + margin-bottom: 10px; + width: 48.7%; + float: left; + font-size: 1em; + } + .m_video_gallery_list li.hide_for_mobile { + display: none; + } + .m_video_gallery_list li + li { + float: right; + margin-top: 0px; + margin-top: 0px; + } + .m_video_gallery_list span { + letter-spacing: 0; + word-spacing: 0; + } + + .m_video_gallery_text_rm { + background: none; + } + + .m_video_gallery_text { + display: none; + } + + .m_highlights_upload .m_highlights_upload_header_btn { + margin-top: 15px; + } + + .m_highlights_upload_content img { + width: 49%; + } + + .m_video_image_slider { + margin-left: 0; + margin-right: 0; + } + .m_video_image_slider .m_slider_viewport { + margin-left: 0; + margin-right: 0; + margin-bottom: 20px; + } + .m_video_image_slider .m_slider_item { + width: 161px !important; + } + .m_video_image_slider .slider_btn_next, + .m_video_image_slider .slider_btn_prev { + display: none !important; + } + .m_video_image_slider .m_video_image { + max-width: 160px; + } + .m_video_image_slider .m_video_image_content { + padding-left: 12px; + } + + .m_current_videos { + margin-left: 0; + margin-right: 0; + } + .m_current_videos ul { + margin: 0; + } + .m_current_videos li { + font-size: 0; + } + .m_current_videos .m_video_image { + max-width: 158px; + } + + .m_filters_visible { + display: block !important; + } + + .m_filter_videos_content_box_action { + display: block; + } + + .m_filter_videos_content fieldset, .m_filter_offers_content fieldset { + display: block; + width: auto; + height: auto !important; + border-bottom: 1px solid #D9D9D9; + } + .m_filter_videos_content label, .m_filter_offers_content label { + max-width: none; + } + + .m_filter_keywords_box input { + max-width: none; + width: 217px; + } + + .m_filter_keywords_actions { + float: none; + clear: both; + text-align: center; + } + + .m_photos_content { + white-space: normal; + } + + .m_search_club_content_list tr { + position: relative; + display: block; + border-bottom: 1px solid #D9D9D9; + padding-bottom: 14px; + } + .m_search_club_content_list td { + display: block; + border: none; + } + .m_search_club_content_list .m_search_club_content_list_sport { + position: absolute; + top: 21px; + right: 17px; + } + .m_search_club_content_list .m_search_club_content_list_info p { + padding-right: 30px; + } + .m_search_club_content_list .m_search_club_content_list_action { + margin-top: -10px; + } + .m_search_club_content_list .m_search_club_content_list_action a { + margin-left: 5px; + } + .m_search_club_content_list .m_search_club_content_list_action span { + font-size: 10px; + padding: 2px 5px; + } + + .m_search_club_form p { + margin-bottom: 10px; + } + + .m_search_club_form .m_search_club_form_cp { + display: block; + } + + .m_search_club_form .m_search_club_form_name input { + width: 220px; + } + + .m_search_club_form_action { + position: static; + display: block !important; + } + .m_search_club_form_action .btn { + width: 100%; + padding-left: 0; + padding-right: 0; + display: block; + } + + .m_search_club_title { + padding-bottom: 33px; + } + + .m_info_club .btn_show:after { + float: right; + background: url("../images/icons/svg/arrow_down.svg") no-repeat left top; + } + + .m_info_club_wrapper, + .m_info_club_content_col { + float: none; + width: auto; + } + + .m_info_club_content { + background-color: #F6F6F6; + overflow: hidden; + height: 0; + -webkit-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1); + border-bottom: 1px solid #D9D9D9; + } + + .m_info_club_title { + margin: 0; + padding: 20px 10px; + border-bottom: 1px solid #000; + cursor: pointer; + } + + .m_info_club_content_col li { + margin-top: 10px; + margin-bottom: 10px; + } + + .news_report_layout .aditional_content, + .news_layout .aditional_content { + width: 100%; + } + .news_report_layout .m_related, + .news_layout .m_related { + max-width: none; + overflow: hidden; + position: relative; + } + .news_report_layout .m_related_image, + .news_layout .m_related_image { + float: left; + width: 140px; + } + .news_report_layout .m_related_content, + .news_layout .m_related_content { + position: absolute; + top: 0px; + bottom: 0px; + right: 0px; + left: 142px; + } + .news_report_layout .important, + .news_report_layout .aside, + .news_report_layout .main_content, + .news_layout .important, + .news_layout .aside, + .news_layout .main_content { + width: 100%; + } + .news_report_layout .important .m_relationships_news, + .news_layout .important .m_relationships_news { + margin-bottom: 30px; + } + + .m_footer_pagination_wrapper { + border: none; + } + .m_footer_pagination_wrapper > a { + height: auto !important; + } + .m_footer_pagination_wrapper .m_footer_pagination_prev, .m_footer_pagination_wrapper .m_footer_pagination_next { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + float: left; + width: 50%; + max-width: 50%; + border: none; + } + .m_footer_pagination_wrapper .m_footer_pagination_all { + float: none; + clear: both; + background-color: black; + color: white; + } + + .m_footer_pagination_prev { + padding-left: 30px; + } + + .m_footer_pagination_next { + padding-right: 30px; + } + + .m_result .result span { + position: absolute; + top: 20px; + font-family: 'Oswald', sans-serif; + font-weight: normal !important; + font-style: normal !important; + font-size: 5em; + } + .m_result .result img { + width: 50px; + height: 50px; + top: 33%; + } + .m_result .result .team_1 span { + left: 90px; + } + .m_result .result .team_2 span { + right: 90px; + } + .m_result .status { + position: static; + } + + .m_player_history_figure { + width: 176px; + height: 176px; + } + + .m_player_history_slider .m_slider_viewport { + margin-left: 61px; + margin-right: 61px; + } + + .m_abcindex { + overflow-x: scroll; + -webkit-overflow-scrolling: touch; + background-color: transparent; + border: none; + padding-left: 0; + padding-right: 0; + } + + .m_abcindex_nav { + min-width: 1140px; + } + .m_abcindex_nav > * { + font-size: 1.2em; + } + + .m_abcindex_active { + border-bottom: 1px solid black; + } + + .m_highlight_private .m_highlight_content, .m_highlight_private .m_store_content { + padding: 8px 10px; + } + .m_highlight_private .m_highlight_content:before, .m_highlight_private .m_store_content:before, .m_highlight_private .m_highlight_content:after, .m_highlight_private .m_store_content:after { + content: "."; + display: block; + height: 0; + overflow: hidden; + } + .m_highlight_private .m_highlight_content:after, .m_highlight_private .m_store_content:after { + clear: both; + } + .m_highlight_private .m_highlight_content, .m_highlight_private .m_store_content { + zoom: 1; + } + .m_highlight_private .m_highlight_content p, .m_highlight_private .m_store_content p { + float: left; + margin: 8px 0; + max-width: 48%; + } + .m_highlight_private .m_highlight_content .actions, .m_highlight_private .m_store_content .actions { + float: right; + max-width: 50%; + text-align: right; + } + .m_highlight_private .m_highlight_content .actions a, .m_highlight_private .m_store_content .actions a { + display: inline-block; + } + .m_highlight_private .m_highlight_content .actions .link, .m_highlight_private .m_store_content .actions .link { + margin-top: 10px; + } + + .m_winners .picture { + width: 110px; + margin-left: 10px; + margin-top: 11px; + } + .m_winners .info { + margin-left: 130px; + padding-left: 10px; + padding-top: 8px; + padding-bottom: 8px; + } + + .madridistas_layout .main_row .aside, .madridistas_layout .club_info_layout .overlapping_main_row .aside, .club_info_layout .madridistas_layout .overlapping_main_row .aside, + .madridistas_layout .main_row .important, + .madridistas_layout .club_info_layout .overlapping_main_row .important, + .club_info_layout .madridistas_layout .overlapping_main_row .important { + float: none; + width: auto; + } + .madridistas_layout .m_highlight_private { + margin-bottom: 20px; + } + .madridistas_layout .highlights_row_3columns .col, .madridistas_layout .highlights_row_3columns .m_poll_current, .madridistas_layout .highlights_row_3columns .m_poll_related, + .madridistas_layout .highlights_row_2columns .col, + .madridistas_layout .highlights_row_2columns .m_poll_current, + .madridistas_layout .highlights_row_2columns .m_poll_related, + .madridistas_layout .main_content, + .madridistas_layout .aditional_content { + float: none; + width: auto; + } + .madridistas_layout .highlights_row_2columns .col, .madridistas_layout .highlights_row_2columns .m_poll_current, .madridistas_layout .highlights_row_2columns .m_poll_related { + margin-top: 0; + } + .madridistas_layout .m_related { + max-width: none; + overflow: hidden; + position: relative; + } + .madridistas_layout .aditional_content .m_related_image { + float: left; + width: 140px; + } + .madridistas_layout .video_row .m_related_image img { + width: 100%; + height: auto; + } + .madridistas_layout .m_related_content { + position: absolute; + top: 0px; + bottom: 0px; + right: 0px; + left: 142px; + } + .madridistas_layout .img_row img { + width: 100%; + height: auto; + } + .madridistas_layout .m_text_content { + margin-bottom: 40px; + } + .madridistas_layout .m_section_news_actions { + margin: 20px 0; + } + + .m_play_video_slider { + width: auto; + position: relative; + top: auto; + left: auto; + text-align: left; + margin-top: 20px; + padding: 0 10px; + } + .m_play_video_slider .m_heading_play_video_slider, + .m_play_video_slider .play { + display: inline-block; + vertical-align: middle; + width: 49%; + padding: 10px 0; + } + .m_play_video_slider .m_heading_play_video_slider { + border-bottom: none; + border-right: 1px solid #ccc; + height: auto; + } + .m_play_video_slider .m_heading_play_video_slider img { + max-width: 30px; + } + .m_play_video_slider .m_heading_play_video_slider strong { + font-size: 1.8em; + } + .m_play_video_slider .play { + font-size: 10px; + } + + .m_matches_results_table { + background-color: transparent; + margin-bottom: 0px; + border: 1px solid #D9D9D9; + border-top: none; + border-bottom: none; + } + .m_matches_results_table th { + display: none; + } + .m_matches_results_table .year { + width: 18%; + } + .m_matches_results_table .result { + width: 26%; + } + .m_matches_results_table .team { + text-align: center; + width: 28%; + } + .m_matches_results_table .team .team_image { + display: block; + margin: 0 auto 12px; + } + + .m_highlighted_finish_game_teams:after { + display: none; + } + + .m_highlighted_finish_game_team img { + float: none; + height: 65px; + width: auto; + margin: 0 auto 12px; + } + .m_highlighted_finish_game_team .m_match_game_result { + text-align: center; + } + + .m_highlighted_finish_game_result { + font-size: 1em; + padding: 14px 0; + } + .m_highlighted_finish_game_result strong { + font-size: 2.6em; + } + + .m_years_slider .active a { + font-size: 1em; + } + .m_years_slider .slider_btn_next, .m_years_slider .slider_btn_prev { + width: 32px; + } + .m_years_slider li a { + line-height: 72px; + } + + .m_history_slider_year { + font-size: 6em; + } + + .m_history_overlapped { + margin-top: -23px; + } + + .m_history_slider_item { + margin: 0 auto; + } + + .m_history_slider_year_link { + bottom: 0; + top: auto; + right: 10px; + left: auto; + margin-left: 0; + } + + .m_history_slider { + padding-bottom: 33px; + } + + .m_history_text { + margin-left: 0 !important; + margin-right: 0 !important; + } + .m_history_text h2 { + font-size: 2em; + color: #666; + } + .m_history_text .m_text_content { + padding-left: 22px; + padding-right: 22px; + } + .m_history_text .m_text_content > * { + margin-right: 10px; + } + .m_history_text .m_share { + clear: both; + float: left; + position: relative; + top: 0; + left: 22px; + margin-bottom: 20px; + margin-top: 22px; + } + + .m_history_text_cols .m_text, .m_history_text_cols .m_history_text_aside { + float: none; + width: auto; + padding-right: 0; + } + .m_history_text_cols .m_history_facebook { + border-top: 0; + display: block; + border-top: 1px solid #d9d9d9; + border-bottom: 1px solid #d9d9d9; + margin-left: 0; + margin-right: 0; + padding: 24px 22px 33px; + } + .m_history_text_cols .m_history_facebook p { + width: 240px; + } + + .m_history_slider .slider_btn_next, .m_history_slider .slider_btn_prev { + width: 34px; + height: 34px; + margin-top: -17px; + } + + .m_history_year_nav { + overflow: hidden; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .m_history_year_nav nav { + float: left; + } + + .m_schedule_event_img { + display: none; + } + + .m_schedule_table .m_match { + margin-left: 0; + margin-right: 0; + border-left: none; + border-right: none; + border-top: 0; + } + + .m_matches_table .m_match_date { + white-space: normal !important; + } + .m_matches_table .m_match_date_day { + margin-right: 5px !important; + } + + .m_schedule_table .m_match_teams { + padding-top: 10px; + } + + .m_schedule_event_description_text { + padding-right: 14px; + } + + .m_schedule_nav a { + margin-right: 5px; + margin-bottom: 8px; + } + .m_schedule_nav a + a { + margin-left: 0; + } + + .m_main_header_with_subnav { + overflow: visible; + } + .m_main_header_with_subnav .m_link_nav_content_sublevel_wrapper { + position: static; + width: auto; + background-color: #fff; + border: none; + padding-bottom: 11px; + padding-top: 11px; + overflow: visible; + } + .m_main_header_with_subnav .m_header { + overflow: hidden; + } + .m_main_header_with_subnav .m_link_nav_content_sublevel { + width: 300px; + margin: 0 auto; + border-left: 1px solid #d9d9d9 !important; + border-right: 1px solid #d9d9d9 !important; + border-top: 1px solid black !important; + } + .m_main_header_with_subnav .m_link_nav_subcontent { + position: absolute; + z-index: 2; + background: #f6f6f6; + border-left: 1px solid #d9d9d9 !important; + border-right: 1px solid #d9d9d9 !important; + margin-left: -1px; + width: 100%; + } + + .m_cup_legend .col, .m_cup_legend .m_poll_current, .m_cup_legend .m_poll_related, .m_cup_legend .col_r { + width: auto; + max-width: none; + float: none; + } + .m_cup_legend .m_cup_legend_picture { + width: 88px; + left: auto; + right: 0; + overflow: visible; + } + .m_cup_legend .m_cup_legend_picture img { + position: absolute; + max-width: none; + left: 0; + } + .m_cup_legend .m_cup_legend_info { + margin-left: 0; + margin-right: 88px; + min-height: 240px; + } + .m_cup_legend .m_cup_legend_info .number { + font-size: 3.8em; + width: 42px; + margin-right: 10px; + } + .m_cup_legend .m_cup_legend_details { + padding-left: 52px; + } + .m_cup_legend .m_cup_legend_gallery { + position: relative; + top: auto; + right: auto; + margin-top: 0; + width: 100%; + height: auto; + } + + .m_colaborate_info_row, .m_project_location .m_project_row, .m_highlight_project_info { + display: block; + } + .m_colaborate_info_row > .col, .m_project_location .m_project_row > .col, .m_highlight_project_info > .col, .m_colaborate_info_row > .m_poll_current, .m_project_location .m_project_row > .m_poll_current, .m_highlight_project_info > .m_poll_current, .m_colaborate_info_row > .m_poll_related, .m_project_location .m_project_row > .m_poll_related, .m_highlight_project_info > .m_poll_related { + display: block; + width: auto; + } + + .fundacion_layout .fundacion_header img { + float: none; + } + .fundacion_layout .fundacion_header img.banner { + width: 100%; + } + .fundacion_layout .fundacion_header img.map { + display: none; + } + .fundacion_layout .fundacion_header a { + background: #000; + position: static; + display: block; + width: auto; + } + .fundacion_layout .search_club_row .checkbox_field { + margin: 0; + float: none; + } + .fundacion_layout .search_club_row .m_search_club_new { + width: auto; + border: 0; + padding-left: 30px; + background-position: 7px center; + line-height: 18px; + margin: -8px 0 16px; + } + .fundacion_layout .search_club_row .m_search_club_content_list_sport { + width: auto; + } + .fundacion_layout .search_club_row .m_search_club_content_list_action { + width: auto; + padding-left: 6px; + } + .fundacion_layout .fundation_content .main_content { + margin-left: 0; + } + .fundacion_layout .fundation_content .aditional_content { + display: none; + } + .fundacion_layout .highlight_fundacion_row .col, .fundacion_layout .highlight_fundacion_row .m_poll_current, .fundacion_layout .highlight_fundacion_row .m_poll_related { + margin-bottom: 10px; + } + + .m_filter_offers_header_filters { + float: left; + clear: left; + padding-left: 0; + margin-top: 14px; + } + + .vip_layout .telephone_col { + width: auto; + display: block; + border: none; + } + + .vip_layout .email_col { + margin-top: 20px; + width: auto; + display: block; + padding-left: 0; + } + + .m_slider_banner img { + width: 100%; + } + + .m_direct_basket { + overflow-x: scroll; + } + + #contenedor-para-demos { + min-width: 400px; + } + + .m_line_up_header p { + width: 48.7%; + } + .m_line_up_header img { + display: block; + } + .m_line_up_header span { + padding-left: 0; + font-size: 1.5em; + padding-top: 22px; + } + + .m_line_up_second_team span { + padding-left: 0; + } + + .m_line_up_content td { + font-size: 1.2em; + } + + .m_action_notice { + overflow: hidden; + } + + .m_action_notice_player { + width: 221px; + margin-left: -117px; + } + + .m_action_notice_wrapper { + padding-left: 100px; + min-height: 199px; + } + .m_action_notice_wrapper:after { + display: none; + } + + .m_login_validation_title { + font-size: 2.2em; + } + + .m_toggle_text { + font-size: 1.1em; + } + + .m_toggle_link { + font-size: 1em; + } + + .m_capacity thead .m_capacity_price { + width: 8%; + } + .m_capacity thead .m_capacity_zone { + width: 52%; + } + .m_capacity thead .m_capacity_public { + width: 20%; + } + .m_capacity thead .m_capacity_member { + width: 20%; + } + .m_capacity tbody th { + vertical-align: top; + padding-left: 2px; + font-family: 'Oswald', sans-serif; + font-weight: normal !important; + font-style: normal !important; + } + .m_capacity tbody th span { + padding-bottom: 3px; + font-size: 1em; + -webkit-writing-mode: vertical-rl; + -moz-writing-mode: vertical-rl; + -ms-writing-mode: vertical-rl; + -o-writing-mode: vertical-rl; + writing-mode: vertical-rl; + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + transform: rotate(-180deg); + color: #999999; + } + .m_capacity tbody th small { + display: none; + } + .m_capacity tbody td { + width: 30%; + } + + .specials_layout .m_header { + width: 87%; + } + .specials_layout .m_header h1 { + font-size: 1em; + } + .specials_layout .m_text h3 { + font-size: 3em; + } + + .m_special_cite { + padding-top: 0; + margin-bottom: 30px; + } + + .m_special_cite p { + font-size: 2.7em; + } + + .m_special_title { + max-width: 300px; + font-size: 2em; + margin-bottom: 25px; + margin-top: 38px; + } + + .m_text_content .m_cite p { + font-size: 1em; + } + + .rm_e_section { + background-image: none; + } + + .m_especiales { + padding-top: 2em !important; + padding-bottom: 1.5em !important; + } + .m_especiales .l-col { + float: none; + margin-bottom: 15px; + } + .m_especiales .l-col25, .m_especiales .l-col50 { + width: 100%; + } + .m_especiales .l-section { + overflow: hidden; + height: 110px; + } + + .m_especiales_title { + display: none; + } + + .m_especiales_img { + float: left; + width: 110px; + height: 110px; + overflow: hidden; + } + .m_especiales_img img { + height: 132px; + max-width: none; + } + .l-col50 .m_especiales_img img { + margin-left: -155px; + } + .m_especiales_img:after { + display: none; + } + + .m_especiales_txt { + padding-left: 111px; + padding-top: 3em !important; + } + + .m_especiales_actions { + padding-top: 0; + } + + .m_ag_title { + background-image: none; + padding-left: 1em; + } + + br.m_audio_clear { + display: none; + } + + .m_audio_stream { + width: 100% !important; + border-right: none; + height: 100px; + } + .m_audio_stream .m_audio_titulo { + display: inline-block; + } + .m_audio_stream .m_audio_text_cont { + width: 100%; + float: none; + } + .m_audio_stream .m_audio_titulo_evento { + margin-top: 1px; + display: block; + clear: both; + height: 50px; + padding-top: 18px; + border-top: 1px solid #d9d9da; + border-left: none; + } + .m_audio_stream .m_audio_maximizar { + margin-top: 51px; + } + + .m_audio_desplegada .m_audio_titulo { + display: none; + } + + .m_planeta_blanco .form_row { + padding-left: 0 !important; + } + .m_planeta_blanco .form_row .m_header { + margin-left: 0 !important; + width: 100% !important; + } + .m_planeta_blanco .form_row .m_header h2 { + padding-left: 0 !important; + } + + .g-t1 { + font-size: 11px; + } + + .g-t2 { + font-size: 18px; + } + + .l-vs-row { + margin-bottom: 30px; + overflow: hidden; + background-color: #000000; + } + + .l-vs-col60 { + margin-left: 0; + width: 100%; + padding-bottom: 75%; + } + + .m_video_youtube_section_row { + padding-top: 20px !important; + padding-bottom: 10px !important; + } + + .m_video_stream { + padding-left: 10px; + padding-right: 10px; + } + + .m_video_stream_title { + margin-top: 15px; + } + + .m_video_stream_add_cont { + position: static; + margin-top: 25px; + width: 100%; + } + .m_video_stream_add_cont .m_ad { + margin-left: 0; + margin-right: 0; + } + + #live object { + width: 100%; + } + + .m_tickets_slider_purchase.m_e_buy { + border-bottom: 1px solid #D9D9D9; + } + .m_tickets_slider_purchase.m_e_buy .m_match_col { + width: 100%; + float: none; + } + .m_tickets_slider_purchase.m_e_buy .m_share { + float: none; + display: block; + } + .m_tickets_slider_purchase.m_e_buy .m_highlighted_tickets_wide { + float: none; + width: 100%; + clear: both; + background: none; + border: none; + } + + .m_suscribe .btn_e_buy { + display: block; + text-align: center; + } + + .g-table-b th, .g-table-b td { + min-width: 1px; + padding-left: 1%; + padding-right: 1%; + } + + .l-col-important, .l-col-aside { + width: 100%; + padding-right: 10px; + padding-left: 10px; + float: none; + } + + .l-col-aside { + margin-top: 15px; + } + .l-col-aside img { + margin: 0 auto; + } + + .l-form { + padding-left: 0; + } + + .titulo.m_transfers h1 { + font-size: 3em !important; + } + + .entradilla.m_transfers { + padding-bottom: 40px !important; + margin-bottom: 50px !important; + } + .entradilla.m_transfers p { + font-size: 14px; + } + .entradilla.m_transfers:after { + background-size: 36px 50px; + height: 76px; + width: 60px; + margin-left: -30px; + left: 50%; + bottom: -32px; + } + + .carrousel.m_transfers { + margin-bottom: 0 !important; + } + + .m_transfers .m_related_content { + position: static !important; + } + .m_transfers .m_player_history { + display: inline-block; + } + .m_transfers .m_media span { + background-color: transparent !important; + } + + .m_transfers_sec1 { + margin-right: 10px; + margin-left: 10px; + } + .m_transfers_sec1 article { + background-color: transparent !important; + } + .m_transfers_sec1 .col.aditional_content, .m_transfers_sec1 .aditional_content.m_poll_current, .m_transfers_sec1 .aditional_content.m_poll_related { + padding: 15px !important; + width: 100% !important; + } + .m_transfers_sec1 .m_transfers_jugador { + clear: both; + } + .m_transfers_sec1 .m_transfers_sec_transfer_aditional_content1 { + margin-right: 0; + } + .m_transfers_sec1 .m_related_image { + width: 100% !important; + clear: both !important; + } + .m_transfers_sec1 .m_transfers_sec_transfer_socia_verficha { + padding: 0 !important; + } + .m_transfers_sec1 .m_transfers_sec_transfer_socia_verficha a { + display: none; + } + .m_transfers_sec1 .m_transfers_sec_transfer_socia_verficha .m_ver_ficha_strip { + display: block; + max-width: 100%; + margin-left: 15px; + margin-right: 15px; + float: none !important; + width: auto; + } + .m_transfers_sec1 .m_transfers_sec_transfer_nacimiento p { + float: none !important; + width: 100% !important; + text-align: left !important; + margin-bottom: 12px; + border: none !important; + } + .m_transfers_sec1 .m_transfers_sec_transfer_titulo_cuerpo span { + display: none !important; + } + .m_transfers_sec1 .m_transfers_sec_transfer_partidos, .m_transfers_sec1 .m_transfers_sec_transfer_goles { + float: none !important; + width: 100% !important; + } + .m_transfers_sec1 .m_highlight_list .m_highlight_content p, .m_transfers_sec1 .m_highlight_list .m_store_content p { + display: none !important; + } + .m_transfers_sec1 .col.main_content, .m_transfers_sec1 .main_content.m_poll_current, .m_transfers_sec1 .main_content.m_poll_related { + width: 100% !important; + padding-left: 0 !important; + padding-right: 0 !important; + } + .m_transfers_sec1 .m_transfers_sec_transfer_titulo_cuerpo { + font-size: 0.8em; + } + .m_transfers_sec1 .m_transfers_sec_transfer_titulo_cuerpo, + .m_transfers_sec1 .m_transfers_sec_transfer_partidos_goles, + .m_transfers_sec1 .m_transfers_sec_transfer_titulo_cuerpo2, + .m_transfers_sec1 .m_transfers_sec_transfer_noticias { + padding-right: 10px !important; + padding-left: 10px !important; + } + + .m_transfers_sec_2 { + clear: both; + border-top: 1px solid #d9d9d9; + padding-top: 40px !important; + margin-top: 70px !important; + } + .m_transfers_sec_2 > * { + margin-right: 10px !important; + margin-left: 10px !important; + } + .m_transfers_sec_2 h2 { + font-size: 2.4em !important; + } + .m_transfers_sec_2 article { + background-color: transparent !important; + } + .m_transfers_sec_2 .m_related_image { + width: 100% !important; + clear: both !important; + float: none !important; + } + .m_transfers_sec_2 .m_transfers_sec_transfer_aditional_content1, + .m_transfers_sec_2 .m_transfers_sec_transfer_aditional_content3 { + width: 100% !important; + float: none !important; + padding: 0 !important; + } + .m_transfers_sec_2 .m_transfers_sec_transfer_aditional_content1 p, + .m_transfers_sec_2 .m_transfers_sec_transfer_aditional_content3 p { + margin-top: 10px; + } + .m_transfers_sec_2 .m_transfers_sec_transfer_aditional_content1 .m_related_content { + position: static !important; + } + .m_transfers_sec_2 .m_ver_ficha_strip { + width: 100% !important; + max-width: 100%; + position: relative !important; + margin-top: -40px; + } + .m_transfers_sec_2 .m_ver_ficha_strip span { + width: 100% !important; + box-sizing: border-box; + } + .m_transfers_sec_2:after { + background-size: 34px 47px; + margin-left: -40px; + width: 80px; + top: -50px; + } + + .m_transfers_sec_transfer_aditional_content2 { + float: none !important; + border: 1px solid #d9d9d9; + border-top: 2px solid #0255a5; + margin-right: 10px !important; + margin-left: 10px !important; + margin-bottom: 10px !important; + padding: 0; + } + .m_transfers_sec_transfer_aditional_content2 a { + background-color: #FFFFFF; + } + .m_transfers_sec_transfer_aditional_content2 .m_related_image { + width: 100% !important; + clear: both !important; + } + .m_transfers_sec_transfer_aditional_content2 .m_related_image img { + width: 100%; + } + .m_transfers_sec_transfer_aditional_content2 .m_related_content { + border: none; + position: static !important; + text-align: center; + } + + .m_transfers_sec_promote_main2 { + margin-right: 0 !important; + margin-left: 0 !important; + margin-top: 10px; + width: auto !important; + } + .m_transfers_sec_promote_main2 .m_related_image { + padding-left: 0 !important; + border: none !important; + } + .m_transfers_sec_promote_main2 .m_related_image img { + width: 100% !important; + } + + .pre_footer.m_transfers .m_footer_pagination { + border: none; + } + .pre_footer.m_transfers .m_footer_pagination a { + background: transparent; + color: #000; + } + + .sl_container { + text-align: center; + } + .sl_container a[class^='btn_social_'] { + margin-left: 5px; + margin-right: 5px; + border-radius: 50%; + } + + .m_transfers_sec_2 .m_transfers_sec_promote .m_transfers_sec_promote_main .m_transfers_sec_transfer_aditional_content2 .m_related .m_related_content { + padding-left: 10px; + } + + .m_partner .m_text_content .m_text_content_tipo, .m_partner .m_text_content .m_text_content_normas { + width: 100%; + } + .m_partner .m_text_content .m_text_content_tipo img, .m_partner .m_text_content .m_text_content_normas img { + max-width: 90% !important; + margin: 0 auto; + } +} +/* Wide Mobile Layout: 480px. + Inherits styles from: Default Layout, Mobile Layout. +------------------------------------------------------------*/ +@media only screen and (min-width: 480px) and (max-width: 767px) { + .club_info_layout .members_row > .col, .club_info_layout .members_row > .m_poll_current, .club_info_layout .members_row > .m_poll_related, .club_info_layout .members_row > .m_poll_current, .club_info_layout .members_row > .m_poll_related { + width: 33.33333%; + *width: 33.33233%; + } + + .m_social_mod_grid_sizer { + width: 49.95%; + } + + .m_social_mod_grid_paginator { + width: 100%; + } + + .m_mod_x2, .m_mod_x1 { + width: .99em; + } + + .mfp-content { + position: absolute; + } + + .mfp-zoom-out { + /* animate in */ + /* animate out */ + } + .mfp-zoom-out .mfp-with-anim { + opacity: 0 !important; + } + .mfp-zoom-out.mfp-ready .mfp-with-anim { + opacity: 1 !important; + } + .mfp-zoom-out.mfp-removing .mfp-with-anim { + opacity: 0 !important; + } +} +/* Retina media query. + Overrides styles for devices with a + device-pixel-ratio of 2+, such as iPhone 4. +-----------------------------------------------*/ + + +@media only screen and (max-width: 990px) { + .col.important { + *zoom: 1; + } + .col.important:before { + content: " "; + display: table; + clear: both; + } + .col.important:after { + content: " "; + display: table; + clear: both; + } +} + + + + +@media print { + .js-printable { + padding-top: 0 !important; + } + .js-printable .header_schedule, + .js-printable .header_corp_nav, + .js-printable .navigation_tools, + .js-printable header[role='banner'] nav, + .js-printable .pre_footer, + .js-printable footer .footer_social, + .js-printable footer .footer_sitemap, + .js-printable footer .footer_sponsors, + .js-printable .js-print { + display: none !important; + } + .js-printable .header_main_wrapper { + max-width: none; + } + .js-printable .header_logo.original_logo { + display: block !important; + } + .js-printable .sticky[role="banner"] { + position: static !important; + border: none !important; + } + .js-printable .master-layout > .section, .js-printable .master-layout > .m_poll_results { + box-sizing: border-box; + max-width: 100% !important; + } + .js-printable .main_row, .js-printable .club_info_layout .overlapping_main_row, .club_info_layout .js-printable .overlapping_main_row { + margin-top: 10px; + } + .js-printable .main_row .col, .js-printable .club_info_layout .overlapping_main_row .col, .club_info_layout .js-printable .overlapping_main_row .col, .js-printable .main_row .m_poll_current, .js-printable .club_info_layout .overlapping_main_row .m_poll_current, .club_info_layout .js-printable .overlapping_main_row .m_poll_current, .js-printable .main_row .m_poll_related, .js-printable .club_info_layout .overlapping_main_row .m_poll_related, .club_info_layout .js-printable .overlapping_main_row .m_poll_related { + width: auto; + float: none; + } + .js-printable .details_row .col, .js-printable .details_row .m_poll_current, .js-printable .details_row .m_poll_related { + width: auto; + float: none; + } + .js-printable [role="contentinfo"] { + background-color: transparent !important; + } + .js-printable [role="contentinfo"] .wrapper { + max-width: none; + } + .js-printable .m_action_notice .m_action_notice_player { + display: none; + } + .js-printable .m_action_notice .m_action_notice_wrapper { + padding-left: 21px; + min-height: 10px; + } + .js-printable .m_action_notice .m_action_notice_wrapper .dashboard_btn { + display: none; + } + .js-printable .m_action_notice .m_action_notice_wrapper:after { + display: none; + } +} diff --git a/css/raw/rolex.css b/css/raw/rolex.css new file mode 100644 index 0000000..209b7e2 --- /dev/null +++ b/css/raw/rolex.css @@ -0,0 +1,958 @@ +@charset "UTF-8";/*! normalize.css v1.0.1 | MIT License | git.io/normalize *//*! normalize.css v1.0.1 | HTML5 Display Definitions | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block} +audio,canvas,video{display:inline-block;*display:inline;*zoom:1} +audio:not([controls]){display:none;height:0} +[hidden]{display:none} +/*! normalize.css v1.0.1 | Base | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} +body{margin:0} +/*! normalize.css v1.0.1 | Links | MIT License | git.io/normalize */a:focus{outline:thin dotted} +a:active,a:hover{outline:0} +/*! normalize.css v1.0.1 | Typography | MIT License | git.io/normalize */h1{font-size:2em} +abbr[title]{border-bottom:1px dotted} +b,strong{font-weight:bold} +blockquote{margin:1em 40px} +dfn{font-style:italic} +mark{background:#ff0;color:#000} +p,pre{margin:1em 0} +code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em} +pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word} +q{quotes:"\201C" "\201D" "\2018" "\2019"} +q{quotes:none} +q:before,q:after{content:'';content:none} +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} +dl,menu,ol,ul{margin:1em 0} +dd{margin:0 0 0 40px} +menu,ol,ul{padding:0 0 0 40px} +nav ul,nav ol{list-style:none;list-style-image:none} +/*! normalize.css v1.0.1 | Embedded Content | MIT License | git.io/normalize */img{border:0;-ms-interpolation-mode:bicubic} +svg:not(:root){overflow:hidden} +/*! normalize.css v1.0.1 | Figures | MIT License | git.io/normalize */figure{margin:0} +/*! normalize.css v1.0.1 | Forms | MIT License | git.io/normalize */form{margin:0} +fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em} +legend{border:0;padding:0;white-space:normal;*margin-left:-7px} +button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle} +button,input{line-height:normal} +button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible} +button[disabled],input[disabled]{cursor:default} +input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px} +input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-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} +/*! normalize.css v1.0.1 | Tables | MIT License | git.io/normalize */table{border-collapse:collapse;border-spacing:0} +/*!! +This CSS resource incorporates links to font software which is the valuable copyrighted +property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install, +redistribute, convert, modify or reverse engineer this font software. Please contact Monotype +Imaging with any questions regarding Web Fonts: http://webfonts.fonts.com +*/@font-face{font-family:"Didot W02 Italic";src:url('../clientlib_base/css/fonts/2f50937c-d04a-4785-90e2-c0ea941afa28.eot');src:url('../clientlib_base/css/fonts/2f50937c-d04a-4785-90e2-c0ea941afa28.eot?#iefix') format('embedded-opentype'),url('../clientlib_base/css/fonts/5c08ac2f-b8ec-4fc7-9369-fe3cf967808f.woff') format('woff'),url('../clientlib_base/css/fonts/9cc897c4-3032-4590-a9d9-25b5827d6d3a.ttf') format('truetype'),url('../clientlib_base/css/fonts/54d7b27d-e7e7-4e5d-8371-b079d9c1cbc3.svg#54d7b27d-e7e7-4e5d-8371-b079d9c1cbc3') format('svg');font-weight:100;font-style:italic} +@font-face{font-family:"Engravers Gothic W10 Regular";src:url('../clientlib_base/css/fonts/5affc097-78ed-4037-b0ad-e147f9eb7a50.eot');src:url('../clientlib_base/css/fonts/5affc097-78ed-4037-b0ad-e147f9eb7a50.eot?#iefix') format('embedded-opentype'),url('../clientlib_base/css/fonts/c7e07a00-b5d8-4589-a449-3c024df8dff6.woff') format('woff'),url('../clientlib_base/css/fonts/712a17b2-e511-4d1b-8ea2-65499489dba2.ttf') format('truetype'),url('../clientlib_base/css/fonts/badd9b36-617f-4581-8f4a-b890bd35b65c.svg#badd9b36-617f-4581-8f4a-b890bd35b65c') format('svg');font-weight:normal;font-style:normal} +@font-face{font-family:"Engravers Gothic W02 Regular";src:url('../clientlib_base/css/fonts/8a20c7e7-645c-4bef-a491-d0bb35c34348.eot');src:url('../clientlib_base/css/fonts/8a20c7e7-645c-4bef-a491-d0bb35c34348.eot?#iefix') format('embedded-opentype'),url('../clientlib_base/css/fonts/31b93087-7688-4e89-a184-af024480f63a.woff') format('woff'),url('../clientlib_base/css/fonts/e325afaa-8060-424f-ab59-17885e817e43.ttf') format('truetype'),url('../clientlib_base/css/fonts/d1dda58d-2852-4a56-842d-093fd9195693.svg#d1dda58d-2852-4a56-842d-093fd9195693') format('svg');font-weight:normal;font-style:normal} +@font-face{font-family:"RolexGothicLight";src:url('../clientlib_base/css/fonts/rolexgothiclight-webfont.eot');src:url('../clientlib_base/css/fonts/rolexgothiclight-webfont.eot?#iefix') format('embedded-opentype'),url('../clientlib_base/css/fonts/rolexgothiclight-webfont.woff') format('woff'),url('../clientlib_base/css/fonts/rolexgothiclight-webfont.ttf') format('truetype'),url('../clientlib_base/css/fonts/rolexgothiclight-webfont.svg#RolexGothicLightRegular') format('svg');font-weight:normal;font-style:normal} +.rlx-header-fixed .rlx-search-overlay{background:black;position:absolute;top:0;left:0;height:0;width:100%;overflow:hidden;margin:0;z-index:1} +.rlx-header-fixed .rlx-search{position:absolute;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;right:0;bottom:2px;z-index:2} +.rlx-header-fixed .rlx-search.rlx-search-field-valid .rlx-submit{cursor:pointer} +.rlx-header-fixed .rlx-search.rlx-search-field-valid .rlx-submit:hover{filter:alpha(opacity=100);opacity:1} +.rlx-header-fixed .rlx-active .rlx-search-wrapper{filter:alpha(opacity=100);opacity:1} +.rlx-header-fixed .rlx-active .rlx-search-wrapper .rlx-search-arrow{background:url('../clientlib_base/css/images/ic-arrow-search.png') no-repeat right 0;width:10px;height:6px;display:block;position:absolute;top:-1px;left:auto;bottom:auto;right:67px} +.rlx-search-field{position:relative;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-shadow:0 1px white;font-weight:100} +.rlx-search-field.rlx-search-poly .rlx-search-placeholder{visibility:inherit;display:block;position:absolute;top:14px;right:0;width:100%;height:0;overflow:hidden;font-weight:100;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 30px 0 20px;font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:1.2;color:#acacac} +.zh-Hans .rlx-search-field.rlx-search-poly .rlx-search-placeholder{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} +.zh-Hant .rlx-search-field.rlx-search-poly .rlx-search-placeholder{font-family:"Microsoft YaHei","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} +.ja .rlx-search-field.rlx-search-poly .rlx-search-placeholder{font-family:"MS Pゴシック","MS P Gothic",HiraKakuProN,"HiraKakuProN-W3","Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} +.ko .rlx-search-field.rlx-search-poly .rlx-search-placeholder{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-search-field.rlx-search-poly .rlx-search-input{visibility:visible} +.rlx-search-field.rlx-search-poly .rlx-search-toggle{background:url('../clientlib_base/css/images/empty.png')} +.rlx-search-field input{position:relative;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 30px 0 20px;background-color:transparent;font-weight:100;font-family:Helvetica,Arial,sans-serif;border:0;zoom:1;font-size:12px;line-height:1.2;color:#212121} +.zh-Hans .rlx-search-field input{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} +.zh-Hant .rlx-search-field input{font-family:"Microsoft YaHei","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} +.ja .rlx-search-field input{font-family:"MS Pゴシック","MS P Gothic",HiraKakuProN,"HiraKakuProN-W3","Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} +.ko .rlx-search-field input{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-search-field .rlx-search-input{width:200px} +.rlx-search-field .rlx-search-input::-ms-clear{display:none} +@media screen and (min-width:1025px) and (max-width:1280px){.rlx-search-field .rlx-search-input{width:150px} +} +@media screen and (max-width:1024px){.rlx-search-field .rlx-search-input{width:100px} +} +.rlx-search-field .rlx-submit{position:absolute;z-index:1;right:0;top:0;width:24px;height:100%;overflow:hidden;border:0;padding:0;margin:0;background-color:transparent;background-repeat:no-repeat;text-indent:-9999px;cursor:default} +.rlx-header-fixed .rlx-search-field{background:url('../clientlib_base/css/images/bgSearch.png') 0 0 no-repeat;height:39px;padding:14px 0 0 0} +.rlx-header-fixed .rlx-search-field .rlx-search{right:0;bottom:2px} +.rlx-header-fixed .rlx-search-field .rlx-search-toggle{position:absolute;top:0;right:0;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:15px 0 0 12px;width:100%;height:39px;font-size:10px;font-weight:normal;text-transform:uppercase;z-index:2;color:#818181} +.rlx-header-fixed .rlx-search-field .rlx-search-input{visibility:hidden} +.rlx-header-fixed .rlx-submit{background-position:0 14px;background-image:url('../clientlib_base/css/images/header-search.png');filter:alpha(opacity=50);opacity:.5} +.svg .rlx-header-fixed .rlx-submit{background-position:0 12px;background-image:url('../clientlib_base/css/images/header-search.svg')} +.rlx-header-fixed .rlx-result-loading .rlx-submit{cursor:default;background-position:50% 50%;background-image:url('../clientlib_base/css/images/spinner-micro.gif')} +.rlx-search-suggestions{background-color:#fff;border-left:1px solid #e1e1e1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;overflow:hidden;width:100%;height:0;text-shadow:0 1px white} +.rlx-search-suggestions .rlx-no-suggestion{display:none;border-bottom:1px solid #e1e1e1;font-style:italic;text-transform:none;padding:15px 20px 10px;color:#818181;text-shadow:none} +.rlx-search-suggestions .rlx-no-suggestion.rlx-show{display:block} +.rlx-search-suggestions .rlx-result{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#c1c1c1;text-transform:uppercase;overflow:hidden} +.rlx-search-suggestions .rlx-result .rlx-title-result{padding:18px 5px 9px 20px;display:block;font-size:10px;color:#818181} +.ja .rlx-search-suggestions .rlx-result .rlx-title-result,.ko .rlx-search-suggestions .rlx-result .rlx-title-result,.zh-Hans .rlx-search-suggestions .rlx-result .rlx-title-result,.zh-Hant .rlx-search-suggestions .rlx-result .rlx-title-result{font-size:13px} +.rlx-search-suggestions .rlx-result:first-child .rlx-title-result{margin-top:0} +.rlx-search-suggestions .rlx-result .rlx-auto-results{list-style:none;margin:0;padding:0 0 9px;overflow:hidden;border-bottom:1px solid #e1e1e1} +.rlx-search-suggestions .rlx-result .rlx-auto-results li{cursor:pointer;padding:5px 22px 4px 42px;font-size:12px} +.no-touch .rlx-search-suggestions .rlx-result .rlx-auto-results li:hover{color:gray} +.rlx-search-suggestions .rlx-result .rlx-auto-results li.rlx-active{background-color:#e6e6e6;color:#131313;text-shadow:none} +.no-touch .rlx-search-suggestions .rlx-result .rlx-auto-results li.rlx-active:hover{color:#131313} +.rlx-search-suggestions .rlx-result .rlx-auto-results li.rlx-active a{color:#131313} +.no-touch .rlx-search-suggestions .rlx-result .rlx-auto-results li.rlx-active a:hover{color:#131313} +.rlx-search-suggestions .rlx-result .rlx-auto-results li a{display:block;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;color:#c1c1c1;text-decoration:none} +.no-touch .rlx-search-suggestions .rlx-result .rlx-auto-results li a:hover{color:gray} +.rlx-search-suggestions .rlx-result.rlx-retailers{border-bottom:0} +.rlx-search-suggestions .rlx-our-suggestions{display:none} +.rlx-search-suggestions .rlx-our-suggestions.rlx-show{display:block} +.rlx-search-suggestions .rlx-our-suggestions.rlx-show{height:auto} +.rlx-header-fixed{width:100%;margin:0 auto;display:block;position:relative;z-index:102;padding-top:14px;background:white url('../clientlib_base/css/images/white-grain-bg.jpg');-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden} +@media screen and (max-width:1024px),(max-height:768px){.rlx-header-fixed{padding-top:0} +} +.rlx-header-fixed>a,.rlx-header-fixed>h1{margin:0 auto 20px;position:relative;top:6px} +@media screen and (max-width:1024px),(max-height:768px){.rlx-header-fixed>a,.rlx-header-fixed>h1{margin-bottom:12px} +} +.rlx-header-fixed>a,.rlx-header-fixed>a img,.rlx-header-fixed>h1,.rlx-header-fixed>h1 img{display:block;height:58px;width:102px} +@media screen and (max-width:1024px),(max-height:768px){.rlx-header-fixed>a,.rlx-header-fixed>a img,.rlx-header-fixed>h1,.rlx-header-fixed>h1 img{height:40px;width:71px} +} +.no-svg .rlx-header-fixed>a,.no-svg .rlx-header-fixed>h1{background:transparent url('../clientlib_base/css/images/rolex-logo.png') no-repeat} +.no-svg .rlx-header-fixed>a img,.no-svg .rlx-header-fixed>h1 img{display:none} +.rlx-header-fixed #rlx-cobranded-logo{position:absolute;top:20px;right:10px;display:block;width:auto;height:50px;margin:0;line-height:50px;vertical-align:middle;text-align:right;background:0} +.rlx-header-fixed #rlx-cobranded-logo img{display:inline;vertical-align:middle;width:auto;height:auto} +@media screen and (max-width:1024px),(max-height:768px){.rlx-header-fixed #rlx-cobranded-logo img{max-height:40px} +} +@media screen and (max-width:1024px),(max-height:768px){.rlx-header-fixed #rlx-cobranded-logo{top:6px;height:40px;line-height:40px} +} +.rlx-header-fixed nav{position:relative;height:38px;width:100%;margin:0 auto;text-align:center;background-repeat:no-repeat;background-image:url('../clientlib_base/css/images/nav-border-down.png');background-position:center 23px} +.rlx-header-fixed nav ul{height:27px;margin:0 auto;display:block;overflow:hidden;padding:11px 0 0 0;text-align:center} +.rlx-header-fixed nav ul li{display:inline-block;text-align:center;width:110px;padding:0 12px;overflow:hidden;list-style:none;height:26px} +.de .rlx-header-fixed nav ul li{width:132px} +.en .rlx-header-fixed nav ul li{width:110px} +.es .rlx-header-fixed nav ul li{width:128px} +.fr .rlx-header-fixed nav ul li{width:auto;padding:0 2%} +.it .rlx-header-fixed nav ul li{width:auto;padding:0 1.5%} +.ja .rlx-header-fixed nav ul li{width:156px} +.ko .rlx-header-fixed nav ul li{width:106px} +.pt-br .rlx-header-fixed nav ul li{width:106px} +.ru .rlx-header-fixed nav ul li{width:116px} +.zh-Hans .rlx-header-fixed nav ul li{width:106px} +.zh-Hant .rlx-header-fixed nav ul li{width:106px} +.rlx-header-fixed nav ul li a,.rlx-header-fixed nav ul li span{text-decoration:none;color:#212121;text-transform:uppercase;font-size:12px;text-decoration:none;font-weight:100;text-shadow:0 1px white;-webkit-transition:color .3s ease-out;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out} +.ja .rlx-header-fixed nav ul li a,.ko .rlx-header-fixed nav ul li a,.zh-Hans .rlx-header-fixed nav ul li a,.zh-Hant .rlx-header-fixed nav ul li a,.ja .rlx-header-fixed nav ul li span,.ko .rlx-header-fixed nav ul li span,.zh-Hans .rlx-header-fixed nav ul li span,.zh-Hant .rlx-header-fixed nav ul li span{font-size:13px} +.no-touch .rlx-header-fixed nav ul li a:hover,.no-touch .rlx-header-fixed nav ul li a:hover span,.no-touch .rlx-header-fixed nav ul li span:hover,.no-touch .rlx-header-fixed nav ul li span:hover span{color:#818181} +.rlx-header-fixed nav ul li.rlx-active{background:url('../clientlib_base/css/images/nav-arrow.png') no-repeat center bottom} +.rlx-header-fixed nav ul li.rlx-active a,.rlx-header-fixed nav ul li.rlx-active span{color:#818181;font-weight:100} +.rlx-homepage header.rlx-header-fixed{z-index:101} +.rlx-global .rlx-breadcrumb{background:transparent url('../clientlib_base/css/images/breadcrumb-bg.png') repeat-x 0 0;height:40px;overflow:hidden;position:relative;z-index:101} +.rlx-global .rlx-breadcrumb ol{overflow:hidden;padding:0;height:23px;width:920px;margin:9px auto} +.rlx-global .rlx-breadcrumb li{float:left;display:inline;margin-left:7px;text-shadow:0 1px white;font-size:11px} +.rlx-global .rlx-breadcrumb li:before{content:"";float:left;margin-right:7px;text-indent:-119988px;overflow:hidden;text-align:left;background-image:url('../clientlib_base/css/images/icn-breadcrumb-arrow.png');background-repeat:no-repeat;background-position:50% 50%;width:5px;height:10px;height:22px} +.svg .rlx-global .rlx-breadcrumb li:before{background:url('../clientlib_base/css/images/icn-breadcrumb-arrow.svg') no-repeat 0 6px} +.rlx-global .rlx-breadcrumb li a{display:-moz-inline-stack;display:inline-block;vertical-align:"middle";height:22px;line-height:22px;color:#212121;text-decoration:none} +.rlx-global .rlx-breadcrumb li.home{margin-left:0} +.rlx-global .rlx-breadcrumb li.home:before{content:none;background:0} +.svg .rlx-global .rlx-breadcrumb li.home:before{background:0} +.rlx-global .rlx-breadcrumb li.home a{display:block;width:22px;height:22px;text-indent:-9999em} +.rlx-global .rlx-breadcrumb li.home{background-image:url('../clientlib_base/css/images/icn-breadcrumb-home.png')} +.svg .rlx-global .rlx-breadcrumb li.home{background-image:url('../clientlib_base/css/images/icn-breadcrumb-home.svg')} +.no-touch .rlx-global .rlx-breadcrumb li.home:hover{background-position:0 -23px} +.rlx-global .rlx-breadcrumb li.rlx-remove{filter:alpha(opacity=100);opacity:1;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s} +.rlx-global .rlx-breadcrumb li.rlx-remove:before{margin-right:0;background:0} +.rlx-global .rlx-breadcrumb li.rlx-remove span,.rlx-global .rlx-breadcrumb li.rlx-remove a{font-weight:100;cursor:pointer;padding-right:15px;color:#818181;display:-moz-inline-stack;display:inline-block;vertical-align:"middle";height:22px;line-height:22px;background:url('../clientlib_base/css/images/breadcrumb-close-grey.png') no-repeat 100% 6px} +.rlx-global .rlx-breadcrumb li .rlx-toggle{filter:alpha(opacity=0);opacity:0} +.rlx-global .rlx-breadcrumb li.rlx-remove-first:before{content:"";float:left;margin-right:7px;text-indent:-119988px;overflow:hidden;text-align:left;background-image:url('../clientlib_base/css/images/icn-breadcrumb-arrow.png');background-repeat:no-repeat;background-position:50% 50%;width:5px;height:10px;height:22px} +.no-touch .rlx-global .rlx-breadcrumb li a:hover{color:#212121} +.rlx-global .rlx-breadcrumb li strong{font-weight:100;display:-moz-inline-stack;display:inline-block;vertical-align:"middle";height:22px;line-height:22px} +.rlx-global .rlx-breadcrumb li.rlx-active strong,.rlx-global .rlx-breadcrumb li.rlx-active span{color:#818181} +.rlx-global .rlx-breadcrumb li.rlx-active span{background:url('../clientlib_base/css/images/breadcrumb-close.png') no-repeat 100% 6px} +.rlx-global .rlx-breadcrumb .rlx-breadcrumb-inactive .rlx-tag{filter:alpha(opacity=50);opacity:.5} +.rlx-global .rlx-breadcrumb .rlx-breadcrumb-inactive .rlx-tag span,.rlx-global .rlx-breadcrumb .rlx-breadcrumb-inactive .rlx-tag a{cursor:default} +.no-touch .rlx-global .rlx-breadcrumb .rlx-breadcrumb-inactive .rlx-tag span:hover,.no-touch .rlx-global .rlx-breadcrumb .rlx-breadcrumb-inactive .rlx-tag a:hover{color:#818181} +footer ul,footer dl{margin:0} +footer li{list-style:none} +.rlx-footer{margin-top:60px} +.rlx-footer-fixed{font-family:Helvetica,Arial,sans-serif;position:fixed;bottom:0;background-color:#fbfbfb;width:100%;max-width:1680px;min-width:1024px;padding:4px 0;z-index:888;height:41px;border-top:1px solid white} +.zh-Hans .rlx-footer-fixed{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} +.zh-Hant .rlx-footer-fixed{font-family:"Microsoft YaHei","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} +.ja .rlx-footer-fixed{font-family:"MS Pゴシック","MS P Gothic",HiraKakuProN,"HiraKakuProN-W3","Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} +.ko .rlx-footer-fixed{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-footer-fixed:before{content:"";border-top:1px solid #e1e1e1;position:absolute;top:-2px;width:100%} +.rlx-footer-fixed .rlx-footer-logo{background:url('../clientlib_base/css/images/footer-logo-border.png') top left no-repeat,url('../clientlib_base/css/images/footer-logo-border.png') top right no-repeat;padding:0 30px;position:absolute;left:50%;margin-left:-53px;top:4px;height:40px} +.rlx-footer-fixed .rlx-footer-logo a{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;text-indent:-119988px;overflow:hidden;text-align:left;background-image:url('../clientlib_base/css/images/footer-logo.png');background-repeat:no-repeat;background-position:center top;width:46px;height:52px;height:26px;display:block;margin-top:5px} +.rlx-footer-fixed .rlx-footer-logo a.rlx-active{background-position:bottom} +.svg .rlx-footer-fixed .rlx-footer-logo a{background-image:url('../clientlib_base/css/images/footer-logo.svg')} +.rlx-footer-fixed ul{list-style:none;margin:0;padding:0;position:absolute} +.rlx-footer-fixed ul.rlx-footer-left{right:50%;margin-right:53px;padding-right:20px} +.rlx-footer-fixed ul.rlx-footer-right{left:50%;margin-left:53px} +.rlx-footer-fixed ul li{float:left;padding:14px 0} +.touch .rlx-footer-fixed ul li{padding:12px 0 15px} +.rlx-footer-fixed ul li:first-child{margin-right:0;padding-right:0} +.rlx-footer-fixed ul li:first-child a{border:0;margin-right:0;padding-right:0} +.rlx-footer-fixed ul li a{padding-left:10px;margin-left:10px;text-transform:uppercase;text-decoration:none;color:#818181;font-size:10px;display:-moz-inline-stack;display:inline-block;vertical-align:middle;line-height:7px;border-left:1px solid #818181} +.touch.fr .rlx-footer-fixed ul li a{padding-left:7px;margin-left:7px} +.ru .rlx-footer-fixed ul li a{padding-left:8px;margin-left:8px} +.no-touch .rlx-footer-fixed ul li a:hover,.rlx-footer-fixed ul li a.rlx-active{color:#a37e2c} +.rlx-footer-fixed ul li a.rlx-inactive,.no-touch .rlx-footer-fixed ul li a.rlx-inactive:hover,.no-touch .rlx-footer-fixed ul li a.rlx-inactive:hover{cursor:default;color:#c1c1c1} +.rlx-footer-fixed ul li a.rlx-wishlist-link{white-space:nowrap} +.rlx-footer-fixed ul li.rlx-wishlist-active a,.no-touch .rlx-footer-fixed ul li.rlx-wishlist-active a:hover{color:#a37e2c} +.rlx-footer-fixed ul li small{font-style:italic;font-size:10px;display:inline-block} +.rlx-footer-fixed ul li.rlx-lang a{padding-left:40px} +.touch.fr .rlx-footer-fixed ul li.rlx-lang a{padding-left:40px} +.svg .rlx-footer-fixed ul li.rlx-lang a{background:url('../clientlib_base/css/images/footer-lang.svg') no-repeat 10px 0} +.no-touch .svg .rlx-footer-fixed ul li.rlx-lang a:hover,.svg .rlx-footer-fixed ul li.rlx-lang a.rlx-active{background-position:10px 100%} +.no-svg .rlx-footer-fixed ul li.rlx-lang a{background:url('../clientlib_base/css/images/footer-lang.png') no-repeat 10px -2px} +.no-touch .no-svg .rlx-footer-fixed ul li.rlx-lang a:hover,.no-svg .rlx-footer-fixed ul li.rlx-lang a.rlx-active{background-position:11px -91px} +.rlx-footer-fixed .rlx-footer-options{position:absolute;top:20px;right:40px;height:20px;overflow:hidden;min-width:60px} +.touch .rlx-footer-fixed .rlx-footer-options{right:20px} +.rlx-footer-fixed .rlx-footer-options a{display:-moz-inline-stack;display:inline-block;vertical-align:middle;overflow:hidden;text-align:left;text-indent:-999px;float:left;cursor:pointer;background-repeat:no-repeat;background-position:50% 0;width:30px} +.svg .rlx-footer-fixed .rlx-footer-options a,.no-touch .rlx-footer-fixed .rlx-footer-options a:hover{background-position:50% 0} +.no-touch.svg .rlx-footer-fixed .rlx-footer-options a:hover{background-position:50% -49px} +.no-touch.svg .rlx-footer-fixed .rlx-footer-options a:hover.rlx-inactive{background-position:50% 0} +.rlx-footer-fixed .rlx-footer-options a.rlx-inactive{opacity:.5;cursor:default} +.svg .rlx-footer-fixed .rlx-footer-options a.rlx-toggle-share{background-image:url('../clientlib_base/css/images/icn-footer-share.svg')} +.no-svg .rlx-footer-fixed .rlx-footer-options a.rlx-toggle-share{background-image:url('../clientlib_base/css/images/icn-footer-share.png')} +.no-touch.no-svg .rlx-footer-fixed .rlx-footer-options a.rlx-toggle-share:hover{background-position:50% -49px} +.svg .rlx-footer-fixed .rlx-footer-options a.rlx-back-top{background-image:url('../clientlib_base/css/images/icn-footer-top.svg')} +.no-svg .rlx-footer-fixed .rlx-footer-options a.rlx-back-top{background-image:url('../clientlib_base/css/images/icn-footer-top.png')} +.no-touch.no-svg .rlx-footer-fixed .rlx-footer-options a.rlx-back-top:hover{background-position:50% -89px} +.rlx-footer-fixed .rlx-tooltip-container{display:none;position:absolute;bottom:50px;padding:3px 10px 4px;font-size:10px;background:#fbfbfb;border:1px solid #e1e1e1;border-bottom:0;color:#818181;text-transform:uppercase;letter-spacing:0;text-shadow:0 1px white;white-space:nowrap} +.rlx-footer-mega{font-family:Helvetica,Arial,sans-serif;background:#fff} +.zh-Hans .rlx-footer-mega{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} +.zh-Hant .rlx-footer-mega{font-family:"Microsoft YaHei","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} +.ja .rlx-footer-mega{font-family:"MS Pゴシック","MS P Gothic",HiraKakuProN,"HiraKakuProN-W3","Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} +.ko .rlx-footer-mega{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-footer-mega .rlx-footer-wrapper{overflow:hidden;-webkit-transition:height .4s,opacity .4s;-moz-transition:height .4s,opacity .4s;-o-transition:height .4s,opacity .4s;transition:height .4s,opacity .4s;background:#fbfbfb;padding-bottom:50px} +.rlx-footer-mega .rlx-footer-wrapper>.footermega{padding:60px 0;max-width:880px;margin:0 auto;background-image:url('../clientlib_base/css/images/fat-footer-bg.png');background-repeat:no-repeat;background-position:center center} +.rlx-footer-mega .rlx-footer-wrapper .rlx-footer-column{width:240px;float:left;margin-right:45px} +.rlx-footer-mega .rlx-footer-wrapper .rlx-footer-column:last-child{margin-right:0} +.rlx-footer-mega .rlx-footer-wrapper h1{font-family:"Didot W02 Italic",Times,serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-shadow:0 1px white;color:#a37e2c;font-size:14px;text-transform:none;font-style:italic;font-weight:lighter;text-decoration:none;line-height:1.4;line-height:1.6;margin:0 0 5px;padding-bottom:1px;border-bottom:1px solid #dadada} +.zh-Hans .rlx-footer-mega .rlx-footer-wrapper h1{font-family:DFPSongStd,STSong,"Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.zh-Hant .rlx-footer-mega .rlx-footer-wrapper h1{font-family:DFLiSongHK,LiSung,LisungLight,"Apple LiSung Light","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.ja .rlx-footer-mega .rlx-footer-wrapper h1{font-family:"MS P明朝","MS P Mincho",HiraMinProN,"HiraMinProN-W3","Hiragino Mincho ProN W3",serif;font-style:normal!important} +.ko .rlx-footer-mega .rlx-footer-wrapper h1{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-footer-mega .rlx-footer-wrapper ul{padding:0;margin-bottom:14px;font-size:12px} +.rlx-footer-mega .rlx-footer-wrapper ul.rlx-footer-social li a:before{content:"";display:inline-block;position:relative;vertical-align:top;width:14px;height:14px;margin-right:6px;opacity:.6;-webkit-transition:opacity ease-out;-webkit-transition-delay:.3s;-moz-transition:opacity ease-out .3s;-o-transition:opacity ease-out .3s;transition:opacity ease-out .3s;background:url('../clientlib_base/css/images/icn-footer-channels.png') no-repeat} +.svg .rlx-footer-mega .rlx-footer-wrapper ul.rlx-footer-social li a:before{background-image:url('../clientlib_base/css/images/icn-footer-channels.svg')} +.rlx-footer-mega .rlx-footer-wrapper ul.rlx-footer-social li.rlx-facebook a:before{background-position:0 0} +.rlx-footer-mega .rlx-footer-wrapper ul.rlx-footer-social li.rlx-google-plus a:before{background-position:0 -50px} +.rlx-footer-mega .rlx-footer-wrapper ul.rlx-footer-social li.rlx-twitter a:before{background-position:0 -100px} +.rlx-footer-mega .rlx-footer-wrapper ul.rlx-footer-social li.rlx-linkedin a:before{background-position:0 -150px} +.rlx-footer-mega .rlx-footer-wrapper ul.rlx-footer-social li.rlx-pinterest a:before{background-position:0 -200px} +.rlx-footer-mega .rlx-footer-wrapper ul.rlx-footer-social li.rlx-sina-weibo a:before{background-position:0 -250px} +.rlx-footer-mega .rlx-footer-wrapper ul.rlx-footer-social li.rlx-tencent-weibo a:before{background-position:0 -300px} +.rlx-footer-mega .rlx-footer-wrapper ul.rlx-footer-social li.rlx-qq a:before{background-position:0 -350px} +.rlx-footer-mega .rlx-footer-wrapper ul.rlx-footer-social li.rlx-douban a:before{background-position:0 -400px} +.rlx-footer-mega .rlx-footer-wrapper ul.rlx-footer-social li.rlx-youku a:before{background-position:0 -250px} +.rlx-footer-mega .rlx-footer-wrapper ul.rlx-footer-social li.rlx-youtube a:before{background-position:0 -50px} +.rlx-footer-mega .rlx-footer-wrapper li a{color:#818181;text-decoration:none;font-size:11px;line-height:1.5} +.no-touch .rlx-footer-mega .rlx-footer-wrapper li a:hover{color:#212121} +.no-touch .rlx-footer-mega .rlx-footer-wrapper li a:hover:before{opacity:1} +.rlx-footer-mega .rlx-footer-wrapper .colctrl-3c{overflow:hidden;width:100%} +.rlx-footer-mega .rlx-footer-wrapper .colctrl-3c-c0,.rlx-footer-mega .rlx-footer-wrapper .colctrl-3c-c1,.rlx-footer-mega .rlx-footer-wrapper .colctrl-3c-c2{float:left;overflow:hidden} +.rlx-footer-mega .rlx-footer-wrapper .colctrl-3c-c0,.rlx-footer-mega .rlx-footer-wrapper .colctrl-3c-c1{width:33%} +.rlx-footer-mega .rlx-footer-wrapper .colctrl-3c-c2{width:34%} +.rlx-footer-share{padding:0 0 39px;text-align:center} +.rlx-footer-share .rlx-footer-share-btn{display:inline-block;vertical-align:middle;text-transform:uppercase;text-decoration:none;color:#818181;font-size:10px;line-height:12px;padding:10px 29px;border:1px solid #d9d9d9;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-transition:border-color ease-out;-webkit-transition-delay:.3s;-moz-transition:border-color ease-out .3s;-o-transition:border-color ease-out .3s;transition:border-color ease-out .3s;background:#fff} +.rlx-footer-share .rlx-footer-share-btn:before{content:"";display:inline-block;vertical-align:middle;width:12px;height:12px;line-height:12px;margin:-2px 2px 0 0;background:url('../clientlib_base/css/images/icn-footer-share.png') no-repeat} +.svg .rlx-footer-share .rlx-footer-share-btn:before{background-image:url('../clientlib_base/css/images/icn-footer-share.svg')} +.no-touch .rlx-footer-share .rlx-footer-share-btn:hover{color:#a37e2c;border-color:#a37e2c;border-color:rgba(163,126,44,0.5)} +.no-touch .rlx-footer-share .rlx-footer-share-btn:hover:before{background-position:0 -49px} +.rlx-cookie{background:#fbfbfb;height:auto;display:none} +.rlx-cookie .rlx-cookie-wrapper{overflow:hidden;text-align:right;padding-right:50px;font-family:"Didot W02 Italic",Times,serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;color:#818181;font-style:italic;font-size:14px} +.zh-Hans .rlx-cookie .rlx-cookie-wrapper{font-family:DFPSongStd,STSong,"Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.zh-Hant .rlx-cookie .rlx-cookie-wrapper{font-family:DFLiSongHK,LiSung,LisungLight,"Apple LiSung Light","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.ja .rlx-cookie .rlx-cookie-wrapper{font-family:"MS P明朝","MS P Mincho",HiraMinProN,"HiraMinProN-W3","Hiragino Mincho ProN W3",serif;font-style:normal!important} +.ko .rlx-cookie .rlx-cookie-wrapper{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-cookie .rlx-cookie-wrapper p{margin:10px 0 10px;float:right;width:80%} +.rlx-cookie .rlx-cookie-wrapper p a{color:#b5b5b5;text-decoration:none;-webkit-transition:color .3s ease-out;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out} +.no-touch .rlx-cookie .rlx-cookie-wrapper p a:hover{color:#a37e2c} +.rlx-cookie .rlx-cookie-wrapper .rlx-closecookie{height:15px;width:15px;display:block;float:right;cursor:pointer;margin-top:13px;margin-left:17px;filter:alpha(opacity=50);opacity:.5} +.svg .rlx-cookie .rlx-cookie-wrapper .rlx-closecookie{background:url('../clientlib_base/css/images/btn-close.svg') 0 0 no-repeat} +.no-svg .rlx-cookie .rlx-cookie-wrapper .rlx-closecookie{background:url('../clientlib_base/css/images/rlx-close-popin-btn.png') 0 0 no-repeat} +.no-touch .rlx-cookie .rlx-cookie-wrapper .rlx-closecookie:hover{filter:alpha(opacity=100);opacity:1} +.rlx-popin{position:absolute;top:0;left:0;z-index:100} +.rlx-popin.rlx-popin-wide{z-index:885} +.rlx-popin .rlx-popin-block,.rlx-popin .rlx-popin-box{display:block} +.rlx-popin .rlx-popin-container{position:fixed;z-index:900;top:50%;left:50%} +.rlx-popin .rlx-popin-container .rlx-btn-close{cursor:pointer;position:absolute;right:0;top:0;margin:auto;filter:alpha(opacity=50);opacity:.5;z-index:939;border:0;padding:0;outline:0} +.svg .rlx-popin .rlx-popin-container .rlx-btn-close{background:url('../clientlib_base/css/images/btn-close.svg') no-repeat center center;filter:alpha(opacity=50);opacity:.5} +.no-svg .rlx-popin .rlx-popin-container .rlx-btn-close{background:url('../clientlib_base/css/images/rlx-close-popin-btn.png') no-repeat center center;filter:alpha(opacity=50);opacity:.5} +.no-touch .rlx-popin .rlx-popin-container .rlx-btn-close:hover{opacity:1} +.rlx-popin .rlx-popin-container .rlx-btn-close span{display:block;width:15px;height:15px;padding:10px;text-indent:-9999px} +.rlx-popin .rlx-popin-container-video .rlx-btn-close{display:none} +.rlx-popin .rlx-video-popin{position:fixed;top:0;left:0;width:100%;height:100%} +.rlx-popin-close{position:absolute;right:0;top:0;z-index:901} +.rlx-popin-overlay{background:#000;position:absolute;height:100%;width:100%;top:0;left:auto;z-index:100;margin:auto;filter:alpha(opacity=0);opacity:0} +.rlx-popin-content{position:relative;overflow:hidden} +.rlx-popin-block,.rlx-popin-box{display:none;overflow:hidden} +.rlx-popin-global{width:300px;height:300px;background:#fff} +.popin-container{display:none} +.rlx-popin-box .social_networks ul:nth-child(1){margin-bottom:5px} +.rlx-popin-share-retailer .rlx-pop .rlx-section .rlx-column h2.rlx-popin-heading{font-size:25px;line-height:28px} +.rlx-overlay{opacity:.5;background:black;position:absolute;top:0;left:auto;height:100%;width:100%;margin:auto;z-index:100} +.rlx-basic-popin{background:url('../clientlib_base/css/images/white-waves-bg.jpg') repeat top left} +.rlx-popin-container-video .rlx-basic-popin{background:#000} +.rlx-popin-box{font-family:Helvetica,Arial,sans-serif;width:100%;overflow:hidden} +.zh-Hans .rlx-popin-box{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} +.zh-Hant .rlx-popin-box{font-family:"Microsoft YaHei","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} +.ja .rlx-popin-box{font-family:"MS Pゴシック","MS P Gothic",HiraKakuProN,"HiraKakuProN-W3","Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} +.ko .rlx-popin-box{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-popin-box.rlx-popins-2-col .rlx-pop.rlx-pop-wide .rlx-column{height:inherit;padding:0} +.rlx-popin-box.rlx-popins-2-col .rlx-pop.rlx-pop-wide .rlx-column .rlx-asset{margin-left:0} +.rlx-popin-box.rlx-popins-2-col .rlx-pop.rlx-pop-wide .rlx-column .rlx-asset img{width:100%} +.rlx-popin-box.rlx-popins-2-col .rlx-pop .rlx-column{min-height:280px} +.rlx-popin-box.rlx-popin-box-video{top:1px;margin-top:0;background:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none} +.rlx-popin-box.rlx-popin-box-video .s7videoplayer{visibility:hidden} +.rlx-popin-box .rlx-close{position:absolute;height:20px;width:20px} +.rlx-popin-box .rlx-textblock{margin:0} +.rlx-popin-box .rlx-textblock p{color:#818181;font-size:11px} +.rlx-popin-box .rlx-textblock h2{letter-spacing:-1px} +.rlx-popin-box .rlx-title-wrapper,.rlx-popin-box .rlx-content-wrapper{margin:0 55px 0 40px;padding-top:40px} +.rlx-popin-box .rlx-content-wrapper{padding-bottom:40px;overflow:hidden} +.rlx-popin-box .rlx-pop{z-index:938;position:relative;color:#212121;margin:0 auto;width:480px;min-height:290px;text-shadow:0 1px white;filter:alpha(opacity=100);opacity:1;overflow:hidden;background:url('../clientlib_base/css/images/popin-background-logo.png') no-repeat center center} +.rlx-popin-box .rlx-pop .rlx-pop{position:static} +.rlx-popin-box .rlx-pop.rlx-pop-wide{background:transparent;width:800px;height:470px} +.rlx-popin-box .rlx-pop.rlx-pop-wide .rlx-column:nth-child(2) .rlx-align{padding-left:47px;padding-right:56px} +.rlx-popin-box .rlx-pop.rlx-pop-wide .rlx-column:nth-child(2) .rlx-textblock h2{font-size:18px;color:#a37e2c} +.rlx-popin-box .rlx-pop.rlx-pop-wide .rlx-column:nth-child(2) .rlx-textblock h1{margin-bottom:0} +.rlx-popin-box .rlx-pop.rlx-pop-wide .rlx-textblock p{margin-top:0} +.rlx-popin-box .rlx-pop.rlx-pop-wide .rlx-textblock p.rlx-terms{margin-top:22px} +.rlx-popin-box .rlx-pop.rlx-pop-wide .rlx-model-share .rlx-textblock{margin-left:15px;height:470px} +.rlx-popin-box .rlx-pop.rlx-pop-wide .rlx-model-share h2{font-size:18px;color:#a37e2c;line-height:24px} +.rlx-popin-box .rlx-pop.rlx-pop-wide .rlx-section{height:100%} +.rlx-popin-box .rlx-pop.rlx-pop-wide.rlx-pop-form .rlx-section{height:auto} +.rlx-popin-box .rlx-pop.rlx-pop-video{width:100%;height:100%} +.rlx-popin-box .rlx-pop.rlx-pop-centering .rlx-header-center{position:absolute;left:28px;right:28px;top:79px;padding-bottom:20px;background:url('../clientlib_base/css/images/popin-classic-line.png') no-repeat center bottom} +.rlx-popin-box .rlx-pop.rlx-pop-centering h2{text-align:center;font-size:30px;line-height:30px;letter-spacing:-1px} +.rlx-popin-box .rlx-pop.rlx-pop-centering .rlx-popin-list{text-align:center;line-height:32px;font-family:"Didot W02 Italic",Times,serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-size:23px;margin:0;color:#212121} +.zh-Hans .rlx-popin-box .rlx-pop.rlx-pop-centering .rlx-popin-list{font-family:DFPSongStd,STSong,"Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.zh-Hant .rlx-popin-box .rlx-pop.rlx-pop-centering .rlx-popin-list{font-family:DFLiSongHK,LiSung,LisungLight,"Apple LiSung Light","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.ja .rlx-popin-box .rlx-pop.rlx-pop-centering .rlx-popin-list{font-family:"MS P明朝","MS P Mincho",HiraMinProN,"HiraMinProN-W3","Hiragino Mincho ProN W3",serif;font-style:normal!important} +.ko .rlx-popin-box .rlx-pop.rlx-pop-centering .rlx-popin-list{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-popin-box .rlx-pop.rlx-pop-centering .rlx-column.rlx-row{padding-top:10px;top:155px;background:0} +.rlx-popin-box .rlx-pop.rlx-pop-centering .rlx-column.rlx-row .rlx-wrapper{text-align:center} +.rlx-popin-box .rlx-pop.rlx-pop-fulltitle .rlx-column{background:url('../clientlib_base/css/images/popin-2col-line-small.png') no-repeat 100% 97px;background-size:2px 100%} +.rlx-popin-box .rlx-pop.rlx-pop-fulltitle .rlx-align p{margin-top:50px} +.rlx-popin-box .rlx-pop.rlx-pop-fulltitle .rlx-align ul{margin-top:65px} +.rlx-popin-box .rlx-pop.rlx-agreement h2{left:80px;right:80px;line-height:32px;max-width:320px;position:relative;top:0;margin-top:35px;letter-spacing:-1px} +.rlx-popin-box .rlx-pop.rlx-agreement .rlx-column{min-height:0} +.rlx-popin-box .rlx-pop.rlx-agreement .rlx-column.rlx-row{background:0;padding-left:80px;padding-right:80px;padding-bottom:30px;top:0} +.rlx-popin-box .rlx-pop.rlx-agreement .rlx-column.rlx-row fieldset{border:0;padding:0} +.rlx-popin-box .rlx-pop.rlx-agreement p{margin-top:0;margin-bottom:px} +.rlx-popin-box .rlx-pop .rlx-form-agreement{min-height:60px} +.rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-share-controls{position:relative;clear:both;overflow:hidden} +.rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-share-controls a,.rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-share-controls button{float:left;color:#a37e2c;text-transform:uppercase;border:0;background:0;text-decoration:none} +.rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-share-controls a{margin-top:7px;float:right} +.no-touch .rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-share-controls a:hover{color:#212121} +.rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-share-controls button{padding:7px 0 8px 35px;height:30px;overflow:hidden} +.svg .rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-share-controls button{background:url('../clientlib_base/css/images/icn-next-3.svg') no-repeat 0 -31px} +.no-svg .rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-share-controls button{background:url('../clientlib_base/css/images/icn-next-3.png') no-repeat 0 -31px} +.no-touch .no-svg .rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-share-controls button:hover{background-position:0 -61px} +.no-touch.svg .rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-share-controls button:hover,.svg .rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-share-controls button.rlx-active,.no-touch .rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-share-controls button:hover,.rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-share-controls button.rlx-active{background-position:0 -61px;color:#212121} +.rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-checkbox{color:#212121;position:relative;overflow:hidden} +.rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-checkbox label{color:#212121;padding-left:20px;cursor:pointer;min-height:21px;display:block} +.svg .rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-checkbox label{background:url('../clientlib_base/css/images/icn-radio-custom.svg') -9px -30px no-repeat} +.no-svg .rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-checkbox label{background:url('../clientlib_base/css/images/icn-radio-custom.png') -9px -30px no-repeat} +.rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-checkbox.rlx-my-profile-form-disabled label{min-height:20px;display:block} +.svg .rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-checkbox.rlx-my-profile-form-disabled label{background:url('../clientlib_base/css/images/icn-radio-custom.svg') -9px -7px no-repeat} +.no-svg .rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-checkbox.rlx-my-profile-form-disabled label{background:url('../clientlib_base/css/images/icn-radio-custom.png') -9px -7px no-repeat} +.rlx-popin-box .rlx-pop .rlx-form-agreement .rlx-checkbox input{position:absolute;left:-20px} +.rlx-popin-box .rlx-pop h2{font-family:"Didot W02 Italic",Times,serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;margin:0;color:#212121;font-size:33px;letter-spacing:0;text-decoration:none;font-weight:lighter;font-style:italic;line-height:32px;font-size:32px;position:relative;letter-spacing:-1px} +.zh-Hans .rlx-popin-box .rlx-pop h2{font-family:DFPSongStd,STSong,"Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.zh-Hant .rlx-popin-box .rlx-pop h2{font-family:DFLiSongHK,LiSung,LisungLight,"Apple LiSung Light","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.ja .rlx-popin-box .rlx-pop h2{font-family:"MS P明朝","MS P Mincho",HiraMinProN,"HiraMinProN-W3","Hiragino Mincho ProN W3",serif;font-style:normal!important} +.ko .rlx-popin-box .rlx-pop h2{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-popin-box .rlx-pop .rlx-section .rlx-column h2{font-size:32px;line-height:32px} +.rlx-popin-box .rlx-pop .rlx-align hgroup{padding-top:0;margin-top:0} +.rlx-popin-box .rlx-pop .rlx-align hgroup h1{margin-top:0;margin-bottom:15px;padding-bottom:0} +.rlx-popin-box .rlx-pop .rlx-section{height:auto;min-height:auto;background:0} +.rlx-popin-box .rlx-pop .rlx-pop-content{height:100%} +.rlx-popin-box .rlx-pop .rlx-popin-subtext{position:absolute;top:65px;left:28px;bottom:0;right:0} +.rlx-popin-box .rlx-pop .rlx-popin-subtext *{font-size:10px;text-transform:uppercase;color:#212121;font-style:normal;font-weight:100;display:block;font-family:Helvetica,Arial,sans-serif} +.zh-Hans .rlx-popin-box .rlx-pop .rlx-popin-subtext *{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} +.zh-Hant .rlx-popin-box .rlx-pop .rlx-popin-subtext *{font-family:"Microsoft YaHei","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} +.ja .rlx-popin-box .rlx-pop .rlx-popin-subtext *{font-family:"MS Pゴシック","MS P Gothic",HiraKakuProN,"HiraKakuProN-W3","Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} +.ko .rlx-popin-box .rlx-pop .rlx-popin-subtext *{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-popin-box .rlx-pop .rlx-popin-subtext em{color:#818181} +.rlx-popin-box .rlx-pop em{font-family:"Didot W02 Italic",Times,serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;margin:0;color:#212121;font-size:22px;letter-spacing:0;text-decoration:none;font-weight:lighter;font-style:italic} +.zh-Hans .rlx-popin-box .rlx-pop em{font-family:DFPSongStd,STSong,"Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.zh-Hant .rlx-popin-box .rlx-pop em{font-family:DFLiSongHK,LiSung,LisungLight,"Apple LiSung Light","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.ja .rlx-popin-box .rlx-pop em{font-family:"MS P明朝","MS P Mincho",HiraMinProN,"HiraMinProN-W3","Hiragino Mincho ProN W3",serif;font-style:normal!important} +.ko .rlx-popin-box .rlx-pop em{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-popin-box .rlx-pop .rlx-textblock h2{font-family:"Didot W02 Italic",Times,serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;margin:0;color:#212121;font-size:33px;letter-spacing:0;text-decoration:none;font-weight:lighter;font-style:italic;position:relative} +.zh-Hans .rlx-popin-box .rlx-pop .rlx-textblock h2{font-family:DFPSongStd,STSong,"Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.zh-Hant .rlx-popin-box .rlx-pop .rlx-textblock h2{font-family:DFLiSongHK,LiSung,LisungLight,"Apple LiSung Light","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.ja .rlx-popin-box .rlx-pop .rlx-textblock h2{font-family:"MS P明朝","MS P Mincho",HiraMinProN,"HiraMinProN-W3","Hiragino Mincho ProN W3",serif;font-style:normal!important} +.ko .rlx-popin-box .rlx-pop .rlx-textblock h2{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-popin-box .rlx-pop ul{margin:0;list-style:none;padding:0} +.rlx-popin-box .rlx-pop ul li{padding-bottom:5px} +.rlx-popin-box .rlx-pop ul a{text-decoration:none;text-transform:uppercase;color:#a37e2c;text-shadow:0 1px white} +.no-touch .rlx-popin-box .rlx-pop ul a:hover{-webkit-transition:color .3s;-moz-transition:color .3s;-o-transition:color .3s;transition:color .3s;color:#212121} +.rlx-popin-box .rlx-pop p{color:#818181;font-size:11px;margin-top:22px} +.ja .rlx-popin-box .rlx-pop p,.ko .rlx-popin-box .rlx-pop p,.rlx-popin-box .rlx-pop p .zh-Hans,.rlx-popin-box .rlx-pop p .zh-Hant{font-size:13px} +.rlx-popin-box .rlx-pop p:first-child{margin-top:0} +.rlx-popin-box .rlx-pop a{text-transform:uppercase;color:#a37e2c;text-decoration:none} +.rlx-popin-box .rlx-pop .rlx-links a{color:#818181} +.no-touch .rlx-popin-box .rlx-pop .rlx-links a:hover{color:#a37e2c} +.rlx-popin-box .rlx-pop .rlx-form{min-height:350px;margin:100px 78px 15px 78px;position:relative} +.rlx-popin-box .rlx-pop .rlx-form h2{position:absolute;top:-60px;left:-47px;bottom:auto;right:auto;width:auto} +.rlx-popin-box .rlx-pop .rlx-step-msg .error,.rlx-popin-box .rlx-pop .rlx-step-msg .success{display:none} +.rlx-popin-box .rlx-pop .adr{color:#212121;margin-bottom:25px;font-weight:bold} +.rlx-popin-box .rlx-pop .adr span{line-height:10px} +.rlx-popin-box .rlx-pop .adr .country,.rlx-popin-box .rlx-pop .adr .street-address{display:block} +.rlx-popin-box .rlx-pop .rlx-column{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 17px 0 27px;float:left;width:50%;min-height:245px;background:url('../clientlib_base/css/images/popin-2col-line-large.png') no-repeat 100% center} +.rlx-popin-box .rlx-pop .rlx-column:nth-of-type(2){padding:30px 0 30px 17px;background:0} +.rlx-popin-box .rlx-pop .rlx-column .rlx-wrapper{table-layout:fixed} +.rlx-popin-box .rlx-pop .rlx-column .rlx-textblock{width:auto;padding:0;margin:0} +.rlx-popin-box .rlx-pop .rlx-column .rlx-textblock p{color:#818181;font-size:12px} +.rlx-popin-box .rlx-pop .rlx-column .rlx-column:first-child{padding-left:0} +.rlx-popin-box .rlx-pop .rlx-column .rlx-asset{margin-left:-27px} +.rlx-popin-box .rlx-pop .rlx-column.rlx-row{position:relative;top:25px;padding:25px 28px 0;float:none;width:100%;background:0} +.rlx-popin-box .rlx-pop .rlx-column.rlx-row h2{background:url('../clientlib_base/css/images/popin-classic-line.png') no-repeat center bottom;padding-bottom:20px} +.rlx-popin-box .rlx-pop article,.rlx-popin-box .rlx-pop .parsys{height:100%} +.rlx-popin-box.rlx-popin-price .rlx-pop{min-height:270px} +.rlx-popin-box.rlx-popin-price .rlx-pop .rlx-section{height:auto!important} +.rlx-popin-box.rlx-popin-price .rlx-pop .rlx-popin-subtext{position:relative;top:0;left:0;margin:0;padding:0} +.rlx-popin-box.rlx-popin-price .rlx-pop .rlx-column{padding:20px 17px 0 27px;background:0;min-height:150px} +.rlx-popin-box.rlx-popin-price .rlx-pop .rlx-column.rlx-row{top:0} +.rlx-popin-box.rlx-popin-price .rlx-pop .rlx-column.rlx-row p{color:#212121} +.rlx-popin-box.rlx-popin-price .rlx-pop .rlx-popin-headline{min-height:0;height:auto;padding-top:0;padding-left:0;padding-right:0;padding-bottom:20px;margin-top:50px;margin-right:17px;margin-left:27px;width:auto;background:url('../clientlib_base/css/images/popin-classic-line.png') no-repeat center bottom;background-size:contain} +.rlx-popin-box.rlx-popin-price .rlx-pop .rlx-popin-headline h2{font-size:35px;line-height:35px;padding:0;padding-left:5px;margin-bottom:5px;background:0} +.rlx-popin-box.rlx-popin-price .rlx-pop .rlx-popin-headline h2.rlx-price{padding-left:0} +.rlx-popin-container.img-no-space img{display:block} +.rlx-popin-container{position:relative;-webkit-box-shadow:0 12px 30px rgba(0,0,0,0.5);-moz-box-shadow:0 12px 30px rgba(0,0,0,0.5);box-shadow:0 12px 30px rgba(0,0,0,0.5)} +.rlx-download-licence-hidden{display:none} +.rlx-pop-form,.rlx-popin-model-share{position:relative} +.rlx-pop-form figure,.rlx-popin-model-share figure{float:left;width:348px;height:470px;overflow:hidden} +.rlx-pop-form figure img,.rlx-popin-model-share figure img{display:block;width:667px;height:auto;margin-top:-84px;margin-left:-256px} +.rlx-pop-form .rlx-textblock hgroup,.rlx-popin-model-share .rlx-textblock hgroup{display:block;margin-top:30px} +.rlx-pop-form .rlx-textblock hgroup *,.rlx-popin-model-share .rlx-textblock hgroup *{display:block;margin:0} +.rlx-pop-form .rlx-textblock p,.rlx-popin-model-share .rlx-textblock p{color:#212121;font-size:12px} +.rlx-pop-form .rlx-textblock ul,.rlx-popin-model-share .rlx-textblock ul{float:left;margin-right:50px} +.rlx-pop-form .rlx-textblock .rlx-share-links ul:first-child,.rlx-popin-model-share .rlx-textblock .rlx-share-links ul:first-child{margin-bottom:5px} +.rlx-pop-form form,.rlx-popin-model-share form{width:325px} +.rlx-pop-form form fieldset,.rlx-popin-model-share form fieldset{padding:0;border:0;position:relative} +.rlx-pop-form form .rlx-my-profile-form-text,.rlx-popin-model-share form .rlx-my-profile-form-text{font-size:12px} +.rlx-pop-form form .rlx-fields,.rlx-popin-model-share form .rlx-fields{min-height:175px;margin-bottom:15px;position:relative} +.rlx-pop-form form .rlx-input,.rlx-popin-model-share form .rlx-input{width:100%;margin-bottom:10px} +.rlx-pop-form form .rlx-input label,.rlx-popin-model-share form .rlx-input label{display:none} +.rlx-pop-form form .rlx-input .rlx-error,.rlx-popin-model-share form .rlx-input .rlx-error{font-style:italic;color:#a37e2c;margin-top:7px;display:block;visibility:hidden;position:absolute;bottom:35px;left:0;font-size:11px} +.rlx-pop-form form .rlx-input input[type='text'],.rlx-popin-model-share form .rlx-input input[type='text']{position:relative;-webkit-appearance:none;-webkit-border-radius:0;outline:0;border-radius:0;top:3px;display:block;width:100%;background:0;font-family:Helvetica,Arial,sans-serif;color:#818181;text-shadow:0 1px rgba(255,255,255,0.7);outline:0;border:0;border-bottom:1px solid #b6b5b2} +.zh-Hans .rlx-pop-form form .rlx-input input[type='text'],.zh-Hans .rlx-popin-model-share form .rlx-input input[type='text']{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} +.zh-Hant .rlx-pop-form form .rlx-input input[type='text'],.zh-Hant .rlx-popin-model-share form .rlx-input input[type='text']{font-family:"Microsoft YaHei","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} +.ja .rlx-pop-form form .rlx-input input[type='text'],.ja .rlx-popin-model-share form .rlx-input input[type='text']{font-family:"MS Pゴシック","MS P Gothic",HiraKakuProN,"HiraKakuProN-W3","Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} +.ko .rlx-pop-form form .rlx-input input[type='text'],.ko .rlx-popin-model-share form .rlx-input input[type='text']{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-pop-form form .rlx-input.rlx-email,.rlx-popin-model-share form .rlx-input.rlx-email{display:none} +.rlx-pop-form form .rlx-checkbox,.rlx-popin-model-share form .rlx-checkbox{position:absolute;top:135px;overflow:hidden;padding-bottom:0;min-height:21px;display:block} +.rlx-pop-form form .rlx-checkbox label,.rlx-popin-model-share form .rlx-checkbox label{color:#212121;padding-left:20px;cursor:pointer;min-height:21px;display:inline-block} +.svg .rlx-pop-form form .rlx-checkbox label,.svg .rlx-popin-model-share form .rlx-checkbox label{background:url('../clientlib_base/css/images/icn-radio-custom.svg') -9px -30px no-repeat} +.no-svg .rlx-pop-form form .rlx-checkbox label,.no-svg .rlx-popin-model-share form .rlx-checkbox label{background:url('../clientlib_base/css/images/icn-radio-custom.png') -9px -30px no-repeat} +.svg .rlx-pop-form form .rlx-checkbox.rlx-my-profile-form-disabled label,.svg .rlx-popin-model-share form .rlx-checkbox.rlx-my-profile-form-disabled label{background:url('../clientlib_base/css/images/icn-radio-custom.svg') -9px -7px no-repeat} +.no-svg .rlx-pop-form form .rlx-checkbox.rlx-my-profile-form-disabled label,.no-svg .rlx-popin-model-share form .rlx-checkbox.rlx-my-profile-form-disabled label{background:url('../clientlib_base/css/images/icn-radio-custom.png') -9px -7px no-repeat} +.rlx-pop-form form .rlx-checkbox input,.rlx-popin-model-share form .rlx-checkbox input{position:absolute;left:-20px} +.rlx-pop-form form .rlx-share-controls,.rlx-popin-model-share form .rlx-share-controls{position:relative;clear:both;overflow:hidden} +.rlx-pop-form form .rlx-share-controls a,.rlx-pop-form form .rlx-share-controls button,.rlx-popin-model-share form .rlx-share-controls a,.rlx-popin-model-share form .rlx-share-controls button{float:left;color:#a37e2c;text-transform:uppercase;border:0;background:0;text-decoration:none} +.rlx-pop-form form .rlx-share-controls a,.rlx-popin-model-share form .rlx-share-controls a{margin-top:7px} +.no-touch .rlx-pop-form form .rlx-share-controls a:hover,.no-touch .rlx-popin-model-share form .rlx-share-controls a:hover{color:#212121} +.rlx-pop-form form .rlx-share-controls button,.rlx-popin-model-share form .rlx-share-controls button{float:right;padding:7px 0 8px 35px;line-height:14px} +.svg .rlx-pop-form form .rlx-share-controls button,.svg .rlx-popin-model-share form .rlx-share-controls button{background:url('../clientlib_base/css/images/icn-next-3.svg') no-repeat 0 -31px} +.no-svg .rlx-pop-form form .rlx-share-controls button,.no-svg .rlx-popin-model-share form .rlx-share-controls button{background:url('../clientlib_base/css/images/icn-next-3.png') no-repeat 0 -31px} +.no-touch .no-svg .rlx-pop-form form .rlx-share-controls button:hover,.no-touch .no-svg .rlx-popin-model-share form .rlx-share-controls button:hover{background-position:0 -61px} +.no-touch .rlx-pop-form form .rlx-share-controls button:hover,.rlx-pop-form form .rlx-share-controls button.rlx-active,.no-touch .rlx-popin-model-share form .rlx-share-controls button:hover,.rlx-popin-model-share form .rlx-share-controls button.rlx-active{background-position:0 100%;color:#212121} +.no-touch.svg .rlx-pop-form form .rlx-share-controls button:hover,.svg .rlx-pop-form form .rlx-share-controls button.rlx-active,.no-touch.svg .rlx-popin-model-share form .rlx-share-controls button:hover,.svg .rlx-popin-model-share form .rlx-share-controls button.rlx-active{background-position:0 -61px;color:#212121} +.rlx-pop-form form .rlx-terms,.rlx-popin-model-share form .rlx-terms{position:absolute;width:320px;margin-top:22px;font-size:10px;font-style:italic;color:#818181;line-height:11px;text-align:justify} +.rlx-popin-model-share .rlx-share-links{margin-top:45px} +.rlx-popin-model-share .rlx-textblock hgroup{margin-top:10px} +.rlx-popin-model-share.rlx-popin-box.rlx-activated{background:0;background-color:#f6f6f6} +.rlx-popin-model-share.rlx-popin-box.rlx-activated .rlx-pop.rlx-pop-wide{background:0} +.rlx-popin-model-share.rlx-popin-box.rlx-activated .rlx-model-share{height:470px;overflow:hidden} +.rlx-popin-model-share.rlx-popin-box.rlx-activated .rlx-model-share .wrapper{display:table;height:100%} +.rlx-popin-model-share.rlx-popin-box.rlx-activated .rlx-model-share .wrapper .align .rlx-error{bottom:45px} +.rlx-popin-model-share.rlx-popin-box.rlx-activated .rlx-model-share .rlx-steps.rlx-step-msg .rlx-popin-heading{display:none} +.rlx-popin-model-share.rlx-popin-box.rlx-activated .rlx-model-share .rlx-form{margin:0;padding:0} +.rlx-popin-model-share.rlx-popin-box.rlx-activated form{width:325px} +.rlx-popin-model-share.rlx-popin-box.rlx-activated form .rlx-input .rlx-error{bottom:35px} +.rlx-popin-model-share.rlx-popin-box.rlx-activated form .rlx-checkbox{top:155px} +.rlx-popin-locator .rlx-pop{overflow:visible} +.rlx-popin-locator.rlx-activated{overflow:visible} +#rlx-geolocation-error-popin .rlx-align{display:block} +#rlx-geocat-modal .rlx-popin-heading{font-size:20px;line-height:24px} +#rlx-geocat-modal p{margin-bottom:22px} +.rlx-ajax-layer{width:100%} +.rlx-watch-list{background:#fff;margin:0;padding:0;list-style:none;overflow:hidden} +.rlx-search-result .rlx-watch-list .rlx-no-item{text-align:center} +.rlx-search-result .rlx-watch-list .rlx-no-item span{display:-moz-inline-stack;display:inline-block;vertical-align:middle;background:url('../clientlib_base/css/images/icn-crown-hover.png') no-repeat center 0;height:32px;margin-top:130px;width:32px} +.rlx-search-result .rlx-watch-list .rlx-no-item a span{margin:0} +.rlx-watch-list hgroup{display:table;padding:5px 20px 0 20px;position:absolute;top:300px;z-index:0;width:96%;height:65px;background:#fff;display:block;overflow:hidden;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;-moz-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color} +.rlx-watch-list hgroup h2{font-family:"RolexGothicLight","Engravers Gothic W10 Regular","Engravers Gothic W02 Regular","Helvetica",sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-shadow:0 1px white;color:#212121;font-size:23px;text-transform:uppercase;font-weight:lighter;margin:0;line-height:.8;letter-spacing:0;line-height:16px;display:table-footer-group;height:50px} +.ru .rlx-watch-list hgroup h2{font-family:"Engravers Gothic W10 Regular","Engravers Gothic W02 Regular","RolexGothicLight","Helvetica",sans-serif} +.zh-Hans .rlx-watch-list hgroup h2{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,"Helvetica",sans-serif;font-style:normal!important} +.zh-Hant .rlx-watch-list hgroup h2{font-family:"Microsoft YaHei","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,"Helvetica",sans-serif;font-style:normal!important} +.ja .rlx-watch-list hgroup h2{font-family:"MS Pゴシック","MS P Gothic",HiraKakuProN,"HiraKakuProN-W3","Hiragino Kaku Gothic ProN W3","Helvetica",sans-serif;font-style:normal!important} +.ko .rlx-watch-list hgroup h2{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium","Helvetica",sans-serif;font-style:normal!important} +.zh-Hans .rlx-watch-list hgroup h2,.zh-Hant .rlx-watch-list hgroup h2,.ja .rlx-watch-list hgroup h2,.ko .rlx-watch-list hgroup h2{line-height:1.2!important} +.rlx-watch-list hgroup h3{height:20px;margin:0 0 10px 0;font-family:"Didot W02 Italic",Times,serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-shadow:0 1px white;color:#a37e2c;font-size:14px;text-transform:none;font-style:italic;font-weight:lighter;text-decoration:none;line-height:1.4;filter:alpha(opacity=100);opacity:1;-webkit-transition:opacity .4s,height .4s;-moz-transition:opacity .4s,height .4s;-o-transition:opacity .4s,height .4s;transition:opacity .4s,height .4s;display:table-header-group} +.zh-Hans .rlx-watch-list hgroup h3{font-family:DFPSongStd,STSong,"Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.zh-Hant .rlx-watch-list hgroup h3{font-family:DFLiSongHK,LiSung,LisungLight,"Apple LiSung Light","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.ja .rlx-watch-list hgroup h3{font-family:"MS P明朝","MS P Mincho",HiraMinProN,"HiraMinProN-W3","Hiragino Mincho ProN W3",serif;font-style:normal!important} +.ko .rlx-watch-list hgroup h3{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-watch-list .rlx-placeholder-list{background:#f6f6f6;position:relative;float:left;filter:alpha(opacity=100);opacity:1;-webkit-transition-duration:.7s;-moz-transition-duration:.7s;-o-transition-duration:.7s;transition-duration:.7s;-webkit-transition-property:opacity,background-color;-moz-transition-property:opacity,background-color;-o-transition-property:opacity,background-color;transition-property:opacity,background-color;border-right:1px solid #fff;overflow:hidden} +@media screen and (min-width:1601px){.rlx-watch-list .rlx-placeholder-list{width:24.92188%} +.rlx-watch-list .rlx-placeholder-list:nth-child(4n){border-right:0;width:25%} +} +@media screen and (min-width:1280px) and (max-width:1600px){.rlx-watch-list .rlx-placeholder-list{width:33.23568%} +.rlx-watch-list .rlx-placeholder-list:nth-child(3n){border-right:0;width:33.33333%} +} +@media screen and (min-width:640px) and (max-width:1279px){.rlx-watch-list .rlx-placeholder-list{width:49.90234%} +.rlx-watch-list .rlx-placeholder-list:nth-child(2n){border-right:0;width:50%} +} +.rlx-watch-list .rlx-component{position:relative;float:left;height:370px;background:#f6f6f6;filter:alpha(opacity=100);opacity:1;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;margin-right:1px;margin-bottom:1px;overflow:hidden;transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg)} +.rlx-watch-list .rlx-component a{text-decoration:none} +@media screen and (min-width:1601px){.rlx-watch-list .rlx-component{width:24.92188%} +.rlx-watch-list .rlx-component:nth-child(4n){margin-right:0;width:25%} +} +@media screen and (min-width:1265px) and (max-width:1600px){.rlx-watch-list .rlx-component{width:33.23568%;margin-right:.09766%} +.rlx-watch-list .rlx-component:nth-child(3n){margin-right:0;width:33.33333%} +} +@media screen and (min-width:640px) and (max-width:1264px){.rlx-watch-list .rlx-component{width:49.90234%;margin-right:.09766%} +.rlx-watch-list .rlx-component:nth-child(2n){margin-right:0;width:50%} +} +.rlx-watch-list .rlx-component .rlx-watch-description{position:absolute;z-index:10;top:260px;left:0;width:100%;color:#818181;text-align:center;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity} +.rlx-watch-list .rlx-component .rlx-watch-description p{width:260px;margin:0 auto;font-size:12px;text-shadow:0 1px white;padding-top:6px;line-height:1} +.rlx-watch-list .rlx-component .rlx-watch-picture{display:block;text-align:center;margin:0 auto;position:relative;height:300px;overflow:hidden;top:0;z-index:1} +.rlx-watch-list .rlx-component .rlx-watch-picture img{padding-top:20px;display:inline-block;width:auto} +.rlx-watch-list .rlx-component .rlx-whole-anchor{display:block;height:370px} +.rlx-watch-list .rlx-component .rlx-info{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;bottom:0;z-index:10;padding:5px 0 0 20px;width:100%;height:70px;background:#fff} +.rlx-watch-list .rlx-component .rlx-info a{display:block;text-decoration:none} +.rlx-watch-list .rlx-component .rlx-info .rlx-collection-name{font-family:"Didot W02 Italic",Times,serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-shadow:0 1px white;color:#a37e2c;font-size:14px;text-transform:none;font-style:italic;font-weight:lighter;text-decoration:none;line-height:1.4;margin:0} +.zh-Hans .rlx-watch-list .rlx-component .rlx-info .rlx-collection-name{font-family:DFPSongStd,STSong,"Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.zh-Hant .rlx-watch-list .rlx-component .rlx-info .rlx-collection-name{font-family:DFLiSongHK,LiSung,LisungLight,"Apple LiSung Light","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.ja .rlx-watch-list .rlx-component .rlx-info .rlx-collection-name{font-family:"MS P明朝","MS P Mincho",HiraMinProN,"HiraMinProN-W3","Hiragino Mincho ProN W3",serif;font-style:normal!important} +.ko .rlx-watch-list .rlx-component .rlx-info .rlx-collection-name{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-watch-list .rlx-component .rlx-info .rlx-watch-name{font-family:"RolexGothicLight","Engravers Gothic W10 Regular","Engravers Gothic W02 Regular","Helvetica",sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-shadow:0 1px white;color:#212121;font-size:23px;text-transform:uppercase;font-weight:lighter;margin:0;line-height:.8;letter-spacing:0;line-height:12px} +.ru .rlx-watch-list .rlx-component .rlx-info .rlx-watch-name{font-family:"Engravers Gothic W10 Regular","Engravers Gothic W02 Regular","RolexGothicLight","Helvetica",sans-serif} +.zh-Hans .rlx-watch-list .rlx-component .rlx-info .rlx-watch-name{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,"Helvetica",sans-serif;font-style:normal!important} +.zh-Hant .rlx-watch-list .rlx-component .rlx-info .rlx-watch-name{font-family:"Microsoft YaHei","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,"Helvetica",sans-serif;font-style:normal!important} +.ja .rlx-watch-list .rlx-component .rlx-info .rlx-watch-name{font-family:"MS Pゴシック","MS P Gothic",HiraKakuProN,"HiraKakuProN-W3","Hiragino Kaku Gothic ProN W3","Helvetica",sans-serif;font-style:normal!important} +.ko .rlx-watch-list .rlx-component .rlx-info .rlx-watch-name{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium","Helvetica",sans-serif;font-style:normal!important} +.zh-Hans .rlx-watch-list .rlx-component .rlx-info .rlx-watch-name,.zh-Hant .rlx-watch-list .rlx-component .rlx-info .rlx-watch-name,.ja .rlx-watch-list .rlx-component .rlx-info .rlx-watch-name,.ko .rlx-watch-list .rlx-component .rlx-info .rlx-watch-name{line-height:1.2!important} +.no-touch .rlx-watch-list .rlx-component:hover hgroup{background-color:#f6f6f6} +.no-touch .rlx-watch-list .rlx-component:hover aside{opacity:1} +.rlx-watch-list .rlx-download-family .rlx-resolution-option{position:absolute;z-index:10;top:260px;left:0;width:100%;color:#818181;text-align:center;list-style:none;padding:0;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity} +.rlx-watch-list .rlx-download-family .rlx-resolution-option li{width:auto;display:inline-block;margin:0 auto;font-size:12px;text-shadow:0 1px white;padding-top:6px;line-height:1} +.rlx-watch-list .rlx-download-family .rlx-resolution-option li a{background:url('../clientlib_base/css/images/icn-border-menu.png') left 3px no-repeat;min-height:9px;border:0;padding:0 10px 0 10px;color:#9d9d9d;text-shadow:0 1px white;-webkit-transition:color .3s ease-out;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out;-webkit-transition:color .3s ease-out;text-decoration:none} +.no-touch .rlx-watch-list .rlx-download-family .rlx-resolution-option li a:hover{color:#a37e2c} +.rlx-watch-list .rlx-download-family .rlx-resolution-option li a.rlx-added{filter:alpha(opacity=50);opacity:.5;cursor:default} +.no-touch .rlx-watch-list .rlx-download-family .rlx-resolution-option li a.rlx-added:hover{color:#818181} +.touch .rlx-watch-list .rlx-download-family .rlx-resolution-option li{padding:10px 0} +.rlx-watch-list .rlx-download-family .rlx-resolution-option li:first-child a{border:0;background:0} +.rlx-watch-list .rlx-collection-family.rlx-component .rlx-carousel-dot-nav{top:258px} +.rlx-watch-list .rlx-collection-family.rlx-component .rlx-carousel-dir-nav a{background:transparent url('../clientlib_base/css/images/picCarouselArrowsCollection.png') 0 0 no-repeat} +.rlx-watch-list .rlx-collection-family.rlx-component .rlx-carousel-dir-nav-prev{width:60px} +.rlx-watch-list .rlx-collection-family.rlx-component .rlx-carousel-dir-nav-prev a{background-position:50% -50px} +.rlx-watch-list .rlx-collection-family.rlx-component .rlx-carousel-dir-nav-next{width:60px;right:0;left:auto} +.rlx-watch-list .rlx-collection-family.rlx-component .rlx-carousel-dir-nav-next a{background-position:50% 0} +.rlx-watch-list .rlx-collection-family.rlx-component .rlx-carousel-dir-nav-prev:hover a,.rlx-watch-list .rlx-collection-family.rlx-component .rlx-carousel-dir-nav-next:hover a{background-color:#fff} +@media screen and (min-width:1440px){.rlx-watch-list .rlx-collection-family.rlx-component .rlx-watch-picture img{padding-top:20px} +} +@media screen and (min-width:1024px) and (max-width:1439px){.rlx-watch-list .rlx-collection-family.rlx-component .rlx-watch-picture img{padding-top:20px} +} +@media screen and (min-width:640px) and (max-width:1023px){.rlx-watch-list .rlx-collection-family.rlx-component .rlx-watch-picture img{padding-top:30px} +} +.rlx-watch-list .rlx-find-similar-family a{text-decoration:none} +.rlx-watch-list .rlx-find-similar-family .rlx-ajax-layer{position:relative} +.rlx-watch-list .rlx-toggle{filter:alpha(opacity=0);opacity:0} +.rlx-watch-list .rlx-search-result-content{position:relative;float:left;height:auto;overflow:hidden;-webkit-transition-property:background-color;-moz-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color;margin-right:0} +.rlx-watch-list .rlx-search-result-content .rlx-wor-wrapper{padding-right:1px} +@media screen and (min-width:1601px){.rlx-watch-list .rlx-search-result-content{width:25%!important} +.rlx-watch-list .rlx-search-result-content:nth-child(4n){margin-right:0} +.rlx-watch-list .rlx-search-result-content:nth-child(4n) .rlx-wor-wrapper{padding-right:0} +} +@media screen and (min-width:1265px) and (max-width:1600px){.rlx-watch-list .rlx-search-result-content{width:33.33333%!important} +.rlx-watch-list .rlx-search-result-content:nth-child(3n){margin-right:0} +.rlx-watch-list .rlx-search-result-content:nth-child(3n) .rlx-wor-wrapper{padding-right:0} +} +@media screen and (min-width:640px) and (max-width:1264px){.rlx-watch-list .rlx-search-result-content{width:50%!important} +.rlx-watch-list .rlx-search-result-content:nth-child(2n){margin-right:0} +.rlx-watch-list .rlx-search-result-content:nth-child(2n) .rlx-wor-wrapper{padding-right:0} +} +.rlx-watch-list .rlx-search-result-content img,.rlx-watch-list .rlx-search-result-content .rlx-watch-picture{width:100%;height:auto;filter:alpha(opacity=100);opacity:1;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)} +.no-touch .rlx-watch-list .rlx-search-result-content:hover img{filter:alpha(opacity=80);opacity:.8} +.rlx-watch-list .rlx-search-result-content hgroup{position:relative;top:0} +.rlx-placeholder-list{background:#f6f6f6;margin-bottom:1px;float:left;height:300px} +.rlx-placeholder-list a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:140px;text-align:center;display:block;width:100%;height:100%;text-decoration:none;text-transform:uppercase;text-shadow:0 1px white} +.rlx-placeholder-list a span{display:-moz-inline-stack;display:inline-block;vertical-align:middle;margin-bottom:7px;width:32px;height:32px;background:url('../clientlib_base/css/images/icn-crown-hover.png') no-repeat center 0;overflow:hidden} +.svg .rlx-placeholder-list a span{background-image:url('../clientlib_base/css/images/icn-crown-hover.svg');filter:alpha(opacity=60);opacity:.6;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s} +.rlx-placeholder-list a em{display:block;color:#818181;font-style:normal;text-decoration:none;font-size:11px;filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .7s;-moz-transition:opacity .7s;-o-transition:opacity .7s;transition:opacity .7s} +.no-touch .rlx-placeholder-list a:hover,.touch .rlx-placeholder-list a{background:#f6f6f6} +.no-touch .rlx-placeholder-list a:hover em,.touch .rlx-placeholder-list a em{text-indent:0;filter:alpha(opacity=100);opacity:1} +.no-touch .rlx-placeholder-list a:hover span,.touch .rlx-placeholder-list a span{background-position:center 100%} +.no-touch .rlx-placeholder-list a:hover em{text-indent:0} +.no-touch .rlx-placeholder-list a:hover span{background-position:center 100%} +.no-touch.svg .rlx-placeholder-list a:hover span{background-position:50% 0;filter:alpha(opacity=100);opacity:1} +.no-touch .rlx-placeholder-list:hover{background:#f6f6f6} +.rlx-find-your-rolex .rlx-placeholder-list{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:140px;text-align:center} +.rlx-find-your-rolex .rlx-placeholder-list span{display:-moz-inline-stack;display:inline-block;vertical-align:middle;margin-bottom:7px;width:32px;height:32px;background:url('../clientlib_base/css/images/icn-crown-hover.png') no-repeat center 0;overflow:hidden} +@media screen and (min-width:1440px){.rlx-content-list .rlx-placeholder-list{width:24.92188%!important} +.rlx-content-list .rlx-placeholder-list:nth-child(4n){margin-right:0} +} +@media screen and (min-width:1024px) and (max-width:1439px){.rlx-content-list .rlx-placeholder-list{width:33.23568%!important} +.rlx-content-list .rlx-placeholder-list:nth-child(3n){margin-right:0} +} +@media screen and (min-width:640px) and (max-width:1023px){.rlx-content-list .rlx-placeholder-list{width:49.90234%!important} +.rlx-content-list .rlx-placeholder-list:nth-child(2n){margin-right:0} +} +.rlx-resolution-option li:first-child a{border:0;background:0} +.rlx-carousel{width:100%;margin:0 auto;position:relative;text-align:center;-o-animation:rlxCarouselInserted .001s;-ms-animation:rlxCarouselInserted .001s;-moz-animation:rlxCarouselInserted .001s;-webkit-animation:rlxCarouselInserted .001s;animation:rlxCarouselInserted .001s;-ms-touch-action:pan-y} +.rlx-carousel .parsys{display:inline} +.rlx-carousel *{-webkit-tap-highlight-color:transparent} +.rlx-carousel-window{position:relative;width:100%;overflow:hidden} +.rlx-carousel-slave.rlx-carousel-dot-position-top .rlx-carousel-window{padding-top:0} +.rlx-carousel-wrapper{position:relative;margin:0 auto;padding:0;font-size:0;list-style:none;white-space:nowrap} +.no-tablet .webkit-rlx-carousel .rlx-carousel-wrapper{white-space:normal;display:flexbox;display:-webkit-box;-webkit-box-pack:center;box-pack:center} +.no-tablet .webkit-rlx-carousel .rlx-carousel-slide{display:block;-webkit-box-flex:0;box-flex:0} +.no-tablet .webkit-rlx-carousel .campaign{display:flexbox;display:-webkit-box;-webkit-box-flex:0;box-flex:0;width:100%} +.no-tablet .webkit-rlx-carousel .slidereference{display:block;-webkit-box-flex:0;box-flex:0} +.no-tablet .webkit-rlx-carousel .slidereference .rlx-carousel-slide{display:block} +.rlx-carousel-slide{display:inline-block;position:relative;vertical-align:top;white-space:normal;font-size:12px;text-align:left;width:100%;-o-animation:rlxCarouselSlideInserted .001s;-ms-animation:rlxCarouselSlideInserted .001s;-moz-animation:rlxCarouselSlideInserted .001s;-webkit-animation:rlxCarouselSlideInserted .001s;animation:rlxCarouselSlideInserted .001s} +.ja .rlx-carousel-slide,.ko .rlx-carousel-slide,.ru .rlx-carousel-slide,.zh-Hans .rlx-carousel-slide,.zh-Hant .rlx-carousel-slide{font-size:13px} +.rlx-carousel-dot-nav{display:inline-block;vertical-align:top;margin:0;position:absolute;bottom:15px;left:0;font-size:0;text-align:center;padding:8px 0 0;z-index:100;width:100%} +.rlx-carousel-dot-position-top .rlx-carousel-dot-nav{bottom:auto;top:0} +.rlx-textblock .rlx-carousel-dot-nav{position:relative;bottom:0} +.rlx-carousel-dot-nav.rlx-carousel-dot-nav-inactive{visibility:hidden} +.rlx-carousel-dot-nav li{display:inline-block;vertical-align:top;margin:0 0 7px} +.rlx-carousel-dot-nav li a{display:block;overflow:hidden;text-indent:-9999px;outline:0;background-repeat:no-repeat} +.svg .rlx-carousel-dot-nav li a{background-image:url('../clientlib_base/css/images/carousel-dots.svg')} +.no-svg .rlx-carousel-dot-nav li a,.no-csstransforms3d .rlx-carousel-dot-nav li a{background-image:url('../clientlib_base/css/images/carousel-dots.png')} +.rlx-carousel-dir-nav{height:100%;padding:0;margin:0;list-style:none} +.rlx-carousel-dir-nav-prev,.rlx-carousel-dir-nav-next{position:absolute;z-index:100;top:0;left:0;display:inline-block;margin:0;width:10%;height:100%;overflow:hidden;cursor:pointer;background-color:rgba(255,255,255,0)} +.rlx-carousel-dir-nav-prev:hover a,.rlx-carousel-dir-nav-next:hover a{background-color:#212121} +.rlx-carousel-dir-nav-next{left:90%} +.rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-prev,.rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-next{overflow:visible;width:auto} +.rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-next{left:100%} +.rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-prev-inactive,.rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-next-inactive{overflow:hidden} +.rlx-carousel-dir-nav a{display:block;width:30px;height:50px;overflow:hidden;position:absolute;z-index:100;top:50%;margin:-25px 0 0;text-indent:-9999px;text-decoration:none;background:#0f412e url("../clientlib_base/css/images/picCarouselArrows.png") 50% 0 no-repeat} +.rlx-carousel-dir-nav-inactive,.rlx-carousel-dir-nav-prev-inactive,.rlx-carousel-dir-nav-next-inactive,.rlx-carousel-dir-nav-inactive a,.rlx-carousel-dir-nav-prev-inactive a,.rlx-carousel-dir-nav-next-inactive a{visibility:hidden} +.rlx-carousel-dir-nav-prev a{left:0;right:auto;background-position:50% -50px} +.rlx-carousel-dir-nav-next a{left:auto;right:0} +.rlx-carousel-dir-nav-prev-inactive:hover a,.rlx-carousel-dir-nav-next-inactive:hover a{background-color:transparent} +.rlx-carousel-poly .rlx-carousel-slide{position:absolute;top:0;left:0} +.rlx-carousel-poly .rlx-carousel-dot-nav li{display:inline} +.rlx-carousel-x0 .rlx-carousel-slide{width:auto} +.rlx-carousel-x1 .rlx-carousel-slide{width:100%} +.rlx-carousel-x2 .rlx-carousel-slide{width:50%} +.rlx-carousel-x3 .rlx-carousel-slide{width:33.34%} +.rlx-carousel-x4 .rlx-carousel-slide{width:25%} +.rlx-carousel-x5 .rlx-carousel-slide{width:20%} +.rlx-carousel-slide-half{width:50%} +.rlx-carousel-counter .rlx-carousel-index-nav{margin:0 auto;padding:0;width:80px;height:24px;display:block;font-family:"Didot W02 Italic",Times,serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-shadow:0 1px white;color:#a37e2c;font-size:19px;text-transform:none;font-style:italic;font-weight:lighter;text-decoration:none;line-height:1.4} +.zh-Hans .rlx-carousel-counter .rlx-carousel-index-nav{font-family:DFPSongStd,STSong,"Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.zh-Hant .rlx-carousel-counter .rlx-carousel-index-nav{font-family:DFLiSongHK,LiSung,LisungLight,"Apple LiSung Light","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.ja .rlx-carousel-counter .rlx-carousel-index-nav{font-family:"MS P明朝","MS P Mincho",HiraMinProN,"HiraMinProN-W3","Hiragino Mincho ProN W3",serif;font-style:normal!important} +.ko .rlx-carousel-counter .rlx-carousel-index-nav{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-carousel-counter .rlx-carousel-dir-nav{position:relative;width:80px;height:15px;margin:-18px auto 0} +.rlx-carousel-counter .rlx-carousel-dir-nav a{width:16px;height:15px;margin-top:-8px;filter:none;background:url('../clientlib_base/css/images/icn-specs-arrow-nav.png')} +.svg .rlx-carousel-counter .rlx-carousel-dir-nav a{background-image:url('../clientlib_base/css/images/icn-spec-arrow-nav.svg')} +.rlx-carousel-counter .rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-prev-inactive,.rlx-carousel-counter .rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-next-inactive{overflow:visible} +.rlx-carousel-counter .rlx-carousel-dir-nav-inactive,.rlx-carousel-counter .rlx-carousel-dir-nav-prev-inactive,.rlx-carousel-counter .rlx-carousel-dir-nav-next-inactive,.rlx-carousel-counter .rlx-carousel-dir-nav-prev-inactive a,.rlx-carousel-counter .rlx-carousel-dir-nav-next-inactive a{visibility:inherit} +.rlx-carousel-counter .rlx-carousel-dir-nav-prev a{background-position:42px -16px} +.no-touch .rlx-carousel-counter .rlx-carousel-dir-nav-prev a:hover{background-position:42px -42px} +.rlx-carousel-counter .rlx-carousel-dir-nav-next a{background-position:80% -16px} +.no-touch .rlx-carousel-counter .rlx-carousel-dir-nav-next a:hover{background-position:80% -42px} +.rlx-carousel-counter .rlx-carousel-dir-nav-prev-inactive a{background-position:42px -68px;cursor:default} +.no-touch .rlx-carousel-counter .rlx-carousel-dir-nav-prev-inactive a:hover{background-position:42px -68px} +.rlx-carousel-counter .rlx-carousel-dir-nav-next-inactive a{background-position:80% -68px;cursor:default} +.no-touch .rlx-carousel-counter .rlx-carousel-dir-nav-next-inactive a:hover{background-position:80% -68px} +.rlx-carousel-counter.rlx-carousel-numbers-top .rlx-textblock,.rlx-carousel-counter.rlx-carousel-numbers-bottom .rlx-textblock{position:relative;padding:0} +.rlx-carousel-counter.rlx-carousel-numbers-top .rlx-textblock .rlx-carousel,.rlx-carousel-counter.rlx-carousel-numbers-bottom .rlx-textblock .rlx-carousel{position:static} +.rlx-carousel-counter.rlx-carousel-numbers-top .rlx-textblock .rlx-carousel-window,.rlx-carousel-counter.rlx-carousel-numbers-bottom .rlx-textblock .rlx-carousel-window{position:static} +.rlx-carousel-counter.rlx-carousel-numbers-top .rlx-textblock .rlx-carousel-index-nav,.rlx-carousel-counter.rlx-carousel-numbers-top .rlx-textblock .rlx-carousel-dir-nav,.rlx-carousel-counter.rlx-carousel-numbers-bottom .rlx-textblock .rlx-carousel-index-nav,.rlx-carousel-counter.rlx-carousel-numbers-bottom .rlx-textblock .rlx-carousel-dir-nav{margin:0;position:absolute;top:auto;bottom:auto} +.rlx-carousel-counter.rlx-carousel-numbers-top .rlx-carousel-slide .rlx-textblock,.rlx-carousel-counter.rlx-carousel-numbers-bottom .rlx-carousel-slide .rlx-textblock{padding-top:0} +.rlx-carousel-counter.rlx-carousel-numbers-top .rlx-textblock{padding-top:30px} +.rlx-carousel-counter.rlx-carousel-numbers-top .rlx-textblock .rlx-carousel-index-nav{top:0} +.rlx-carousel-counter.rlx-carousel-numbers-top .rlx-textblock .rlx-carousel-dir-nav{top:5px} +.rlx-carousel-counter.rlx-carousel-numbers-bottom .rlx-textblock{padding-bottom:30px} +.rlx-carousel-counter.rlx-carousel-numbers-bottom .rlx-textblock .rlx-carousel-index-nav{bottom:0} +.rlx-carousel-counter.rlx-carousel-numbers-bottom .rlx-textblock .rlx-carousel-dir-nav{bottom:4px} +.no-tablet .rlx-scrolling-longtext .rlx-masterblock .rlx-carousel-wrapper{display:block} +.no-tablet .rlx-scrolling-longtext .rlx-masterblock .rlx-carousel-slide{display:block} +.rlx-section.rlx-slideshow-double .rlx-asset,.rlx-section.rlx-slideshow-double .rlx-asset img{display:block} +.rlx-carousel-slide-s7video{overflow:hidden;height:420px} +.rlx-carousel-slide-s7video .rlx-carousel-slide-s7video-video{position:absolute;top:0;left:50%;z-index:0;height:420px;width:1680px;margin-left:-840px;visibility:hidden} +.rlx-carousel-slide-s7video .rlx-carousel-slide-s7video-video video,.rlx-carousel-slide-s7video .rlx-carousel-slide-s7video-video object,.rlx-carousel-slide-s7video .rlx-carousel-slide-s7video-video .s7container,.rlx-carousel-slide-s7video .rlx-carousel-slide-s7video-video .s7videoplayer{position:static!important;background-color:transparent!important} +.rlx-carousel-slide-s7video .rlx-carousel-slide-s7video-poster{position:relative;z-index:1;height:420px;background-position:center;text-align:center;visibility:hidden;*visibility:visible;-webkit-transform:translate3d(0,0,0)} +.rlx-carousel-slide-s7video .rlx-carousel-slide-s7video-poster:before{content:"";display:inline-block;*display:inline;zoom:1;height:420px;vertical-align:middle} +.rlx-carousel-slide-s7video .rlx-carousel-slide-s7video-poster .rlx-textblock{position:relative;top:19px;display:inline-block;*display:inline;zoom:1;vertical-align:middle;text-align:center;width:auto} +.lt-ie8 .rlx-carousel-slide-s7video .rlx-carousel-slide-s7video-poster .rlx-textblock{top:100px} +.rlx-carousel-slide-s7video .rlx-carousel-slide-s7video-poster .rlx-textblock.rlx-textblock-separator:after{width:0} +.rlx-carousel-slide-s7video .rlx-carousel-slide-s7video-poster .rlx-textblock .rlx-carousel-slide-s7video-btn{display:inline-block;*display:inline;zoom:1;width:35px;height:35px;margin:0;background-repeat:no-repeat;background-position:0 0;cursor:pointer;position:relative;top:-11px} +.svg .rlx-carousel-slide-s7video .rlx-carousel-slide-s7video-poster .rlx-textblock .rlx-carousel-slide-s7video-btn{background-image:url('../clientlib_base/css/images/btn-play-teaser.svg')} +.no-svg .rlx-carousel-slide-s7video .rlx-carousel-slide-s7video-poster .rlx-textblock .rlx-carousel-slide-s7video-btn{background-image:url('../clientlib_base/css/images/btn-play-teaser.png')} +.rlx-carousel-slide-s7video .rlx-carousel-slide-s7video-poster .rlx-textblock .rlx-carousel-slide-s7video-btn:hover{background-position:0 -45px} +.rlx-carousel-slide-s7video .rlx-carousel-slide-s7video-poster .rlx-textblock hgroup{text-align:center;padding-top:20px} +.rlx-carousel-slide-s7video .rlx-carousel-slide-s7video-poster .rlx-textblock hgroup h2{color:#c1c1c1;font-size:20px;line-height:55px;letter-spacing:1px;display:table-footer-group} +.rlx-carousel-slide-s7video .rlx-carousel-slide-s7video-poster .rlx-textblock hgroup h1{font-size:40px;line-height:24px;display:table-header-group} +.lt-ie8 .rlx-carousel-slide-s7video .rlx-carousel-slide-s7video-poster .rlx-textblock hgroup h1{line-height:40px} +.rlx-carousel-dot-nav li a{width:20px;height:20px;background-position:0 -22px} +.rlx-white-text .rlx-carousel-dot-nav li a,.rlx-dark-bg .rlx-carousel-dot-nav li a{background-position:-20px -22px} +.rlx-carousel-dot-nav li.rlx-carousel-dot-nav-active a,.no-touch .rlx-carousel-dot-nav li a:hover{background-position:0 0} +.rlx-white-text .rlx-carousel-dot-nav li.rlx-carousel-dot-nav-active a,.no-touch .rlx-white-text .rlx-carousel-dot-nav li a:hover,.rlx-dark-bg .rlx-carousel-dot-nav li.rlx-carousel-dot-nav-active a,.no-touch .rlx-dark-bg .rlx-carousel-dot-nav li a:hover{background-position:-20px 0} +.rlx-carousel-dir-nav{height:100%;padding:0;margin:0;list-style:none} +.rlx-carousel-dir-nav-prev,.rlx-carousel-dir-nav-next{position:absolute;z-index:101;top:0;left:0;display:inline-block;margin:0;width:20%;height:100%;overflow:hidden;cursor:pointer;background-color:rgba(255,255,255,0)} +.rlx-carousel-dir-nav-prev:hover a,.rlx-carousel-dir-nav-next:hover a{opacity:1} +.rlx-carousel-dir-nav-next{left:80%} +.rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-prev,.rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-next{overflow:visible;width:auto} +.rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-next{left:100%} +.rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-prev-inactive,.rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-next-inactive{overflow:hidden} +.rlx-carousel-dir-nav a{display:block;width:30px;height:120px;overflow:hidden;position:absolute;z-index:101;top:50%;margin:-50px 0 0;text-indent:-9999px;text-decoration:none;background:#212121 url("../clientlib_base/css/images/picCarouselArrows3.png") 50% -120px no-repeat;opacity:.8} +.rlx-carousel-dir-nav-inactive,.rlx-carousel-dir-nav-prev-inactive,.rlx-carousel-dir-nav-next-inactive,.rlx-carousel-dir-nav-inactive a,.rlx-carousel-dir-nav-prev-inactive a,.rlx-carousel-dir-nav-next-inactive a{visibility:hidden} +.rlx-carousel-dir-nav-prev a{left:0;right:auto;background-position:50% 0} +.rlx-carousel-dir-nav-next a{left:auto;right:0} +.rlx-carousel-dir-nav-prev-inactive:hover a,.rlx-carousel-dir-nav-next-inactive:hover a{background-color:transparent} +.rlx-carousel-poly .rlx-carousel-slide{position:absolute;top:0;left:0} +.rlx-carousel-poly .rlx-carousel-dot-nav li{display:inline} +.rlx-carousel-x0 .rlx-carousel-slide{width:auto} +.rlx-carousel-x1 .rlx-carousel-slide{width:100%} +.rlx-carousel-x2 .rlx-carousel-slide{width:50%} +.rlx-carousel-x3 .rlx-carousel-slide{width:33.34%} +.rlx-carousel-x4 .rlx-carousel-slide{width:25%} +.rlx-carousel-x5 .rlx-carousel-slide{width:20%} +.rlx-carousel-slide-half{width:50%} +.rlx-carousel-counter .rlx-carousel-index-nav{margin:0 auto;padding:0;width:80px;height:24px;display:block;font-family:"Didot W02 Italic",Times,serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-shadow:0 1px white;color:#a37e2c;font-size:19px;text-transform:none;font-style:italic;font-weight:lighter;text-decoration:none;line-height:1.4} +.zh-Hans .rlx-carousel-counter .rlx-carousel-index-nav{font-family:DFPSongStd,STSong,"Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.zh-Hant .rlx-carousel-counter .rlx-carousel-index-nav{font-family:DFLiSongHK,LiSung,LisungLight,"Apple LiSung Light","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.ja .rlx-carousel-counter .rlx-carousel-index-nav{font-family:"MS P明朝","MS P Mincho",HiraMinProN,"HiraMinProN-W3","Hiragino Mincho ProN W3",serif;font-style:normal!important} +.ko .rlx-carousel-counter .rlx-carousel-index-nav{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-carousel-counter .rlx-carousel-dir-nav{position:relative;width:80px;height:15px;margin:-18px auto 0} +.rlx-carousel-counter .rlx-carousel-dir-nav a{width:16px;height:15px;margin-top:-8px;filter:none;background:url('../clientlib_base/css/images/icn-specs-arrow-nav.png')} +.svg .rlx-carousel-counter .rlx-carousel-dir-nav a{background-image:url('../clientlib_base/css/images/icn-spec-arrow-nav.svg')} +.rlx-carousel-counter .rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-prev-inactive,.rlx-carousel-counter .rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-next-inactive{overflow:visible} +.rlx-carousel-counter .rlx-carousel-dir-nav-inactive,.rlx-carousel-counter .rlx-carousel-dir-nav-prev-inactive,.rlx-carousel-counter .rlx-carousel-dir-nav-next-inactive,.rlx-carousel-counter .rlx-carousel-dir-nav-prev-inactive a,.rlx-carousel-counter .rlx-carousel-dir-nav-next-inactive a{visibility:inherit} +.rlx-carousel-counter .rlx-carousel-dir-nav-prev a{background-position:42px -16px} +.no-touch .rlx-carousel-counter .rlx-carousel-dir-nav-prev a:hover{background-position:42px -42px} +.rlx-carousel-counter .rlx-carousel-dir-nav-next a{background-position:80% -16px} +.no-touch .rlx-carousel-counter .rlx-carousel-dir-nav-next a:hover{background-position:80% -42px} +.rlx-carousel-counter .rlx-carousel-dir-nav-prev-inactive a{background-position:42px -68px;cursor:default} +.no-touch .rlx-carousel-counter .rlx-carousel-dir-nav-prev-inactive a:hover{background-position:42px -68px} +.rlx-carousel-counter .rlx-carousel-dir-nav-next-inactive a{background-position:80% -68px;cursor:default} +.no-touch .rlx-carousel-counter .rlx-carousel-dir-nav-next-inactive a:hover{background-position:80% -68px} +.rlx-carousel-counter.rlx-carousel-numbers-top .rlx-textblock,.rlx-carousel-counter.rlx-carousel-numbers-bottom .rlx-textblock{position:relative;padding:0} +.rlx-carousel-counter.rlx-carousel-numbers-top .rlx-textblock .rlx-carousel,.rlx-carousel-counter.rlx-carousel-numbers-bottom .rlx-textblock .rlx-carousel{position:static} +.rlx-carousel-counter.rlx-carousel-numbers-top .rlx-textblock .rlx-carousel-window,.rlx-carousel-counter.rlx-carousel-numbers-bottom .rlx-textblock .rlx-carousel-window{position:static} +.rlx-carousel-counter.rlx-carousel-numbers-top .rlx-textblock .rlx-carousel-index-nav,.rlx-carousel-counter.rlx-carousel-numbers-top .rlx-textblock .rlx-carousel-dir-nav,.rlx-carousel-counter.rlx-carousel-numbers-bottom .rlx-textblock .rlx-carousel-index-nav,.rlx-carousel-counter.rlx-carousel-numbers-bottom .rlx-textblock .rlx-carousel-dir-nav{margin:0;position:absolute;top:auto;bottom:auto} +.rlx-carousel-counter.rlx-carousel-numbers-top .rlx-carousel-slide .rlx-textblock,.rlx-carousel-counter.rlx-carousel-numbers-bottom .rlx-carousel-slide .rlx-textblock{padding-top:0} +.rlx-carousel-counter.rlx-carousel-numbers-top .rlx-textblock{padding-top:30px} +.rlx-carousel-counter.rlx-carousel-numbers-top .rlx-textblock .rlx-carousel-index-nav{top:0} +.rlx-carousel-counter.rlx-carousel-numbers-top .rlx-textblock .rlx-carousel-dir-nav{top:5px} +.rlx-carousel-counter.rlx-carousel-numbers-bottom .rlx-textblock{padding-bottom:30px} +.rlx-carousel-counter.rlx-carousel-numbers-bottom .rlx-textblock .rlx-carousel-index-nav{bottom:0} +.rlx-carousel-counter.rlx-carousel-numbers-bottom .rlx-textblock .rlx-carousel-dir-nav{bottom:4px} +.rlx-carousel-nav-top.rlx-textblock,.rlx-carousel-nav-bottom.rlx-textblock{position:relative;padding:0} +.rlx-carousel-nav-top.rlx-textblock .rlx-carousel,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel{position:static} +.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-window,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-window{position:static} +.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-index-nav,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-index-nav{margin:0 auto;padding:0;width:80px;height:24px;display:block;font-family:"Didot W02 Italic",Times,serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-shadow:0 1px white;color:#a37e2c;font-size:19px;text-transform:none;font-style:italic;font-weight:lighter;text-decoration:none;line-height:1.4} +.zh-Hans .rlx-carousel-nav-top.rlx-textblock .rlx-carousel-index-nav,.zh-Hans .rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-index-nav{font-family:DFPSongStd,STSong,"Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.zh-Hant .rlx-carousel-nav-top.rlx-textblock .rlx-carousel-index-nav,.zh-Hant .rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-index-nav{font-family:DFLiSongHK,LiSung,LisungLight,"Apple LiSung Light","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.ja .rlx-carousel-nav-top.rlx-textblock .rlx-carousel-index-nav,.ja .rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-index-nav{font-family:"MS P明朝","MS P Mincho",HiraMinProN,"HiraMinProN-W3","Hiragino Mincho ProN W3",serif;font-style:normal!important} +.ko .rlx-carousel-nav-top.rlx-textblock .rlx-carousel-index-nav,.ko .rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-index-nav{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav{position:relative;width:80px;height:15px;margin:-18px auto 0} +.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav a,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav a{width:16px;height:15px;margin-top:-8px;filter:none;background:url('../clientlib_base/css/images/icn-specs-arrow-nav.png')} +.svg .rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav a,.svg .rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav a{background-image:url('../clientlib_base/css/images/icn-spec-arrow-nav.svg')} +.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-prev-inactive,.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-next-inactive,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-prev-inactive,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-next-inactive{overflow:visible} +.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav-inactive,.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav-prev-inactive,.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav-next-inactive,.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav-prev-inactive a,.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav-next-inactive a,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav-inactive,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav-prev-inactive,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav-next-inactive,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav-prev-inactive a,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav-next-inactive a{visibility:inherit} +.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav-prev a,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav-prev a{background-position:42px -16px} +.no-touch .rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav-prev a:hover,.no-touch .rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav-prev a:hover{background-position:42px -42px} +.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav-next a,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav-next a{background-position:80% -16px} +.no-touch .rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav-next a:hover,.no-touch .rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav-next a:hover{background-position:80% -42px} +.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav-prev-inactive a,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav-prev-inactive a{background-position:42px -68px;cursor:default} +.no-touch .rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav-prev-inactive a:hover,.no-touch .rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav-prev-inactive a:hover{background-position:42px -68px} +.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav-next-inactive a,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav-next-inactive a{background-position:80% -68px;cursor:default} +.no-touch .rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav-next-inactive a:hover,.no-touch .rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav-next-inactive a:hover{background-position:80% -68px} +.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dot-nav,.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-index-nav,.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dot-nav,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-index-nav,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav{margin:0;position:absolute;top:auto;bottom:auto} +.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-slide .rlx-textblock,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-slide .rlx-textblock{padding-top:0} +.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-slide .rlx-carousel .rlx-carousel-window .rlx-carousel-dot-nav,.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-slide .rlx-carousel .rlx-carousel-window .rlx-carousel-dot-nav{position:relative} +.rlx-carousel-nav-top.rlx-textblock{padding-top:30px} +.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dot-nav{top:0} +.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-index-nav{top:0} +.rlx-carousel-nav-top.rlx-textblock .rlx-carousel-dir-nav{top:5px} +.rlx-carousel-nav-bottom.rlx-textblock{padding-bottom:30px} +.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dot-nav{bottom:0} +.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-index-nav{bottom:0} +.rlx-carousel-nav-bottom.rlx-textblock .rlx-carousel-dir-nav{bottom:4px} +.no-tablet .rlx-scrolling-longtext .rlx-masterblock .rlx-carousel-wrapper{display:block} +.no-tablet .rlx-scrolling-longtext .rlx-masterblock .rlx-carousel-slide{display:block} +.rlx-section.rlx-slideshow-double .rlx-asset,.rlx-section.rlx-slideshow-double .rlx-asset img{display:block} +.rlx-banners{position:relative;z-index:1;text-align:center;background-repeat:no-repeat;background-position:50%;overflow:hidden} +.rlx-banners>a{display:block;text-decoration:none} +.rlx-banners h1{font-family:"RolexGothicLight","Engravers Gothic W10 Regular","Engravers Gothic W02 Regular","Helvetica",sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-shadow:0 1px white;color:#212121;font-size:30px;text-transform:uppercase;font-weight:lighter;margin:0;line-height:.8;letter-spacing:0;display:block;line-height:18px;padding-top:25px;font-weight:100} +.ru .rlx-banners h1{font-family:"Engravers Gothic W10 Regular","Engravers Gothic W02 Regular","RolexGothicLight","Helvetica",sans-serif} +.zh-Hans .rlx-banners h1{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,"Helvetica",sans-serif;font-style:normal!important} +.zh-Hant .rlx-banners h1{font-family:"Microsoft YaHei","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,"Helvetica",sans-serif;font-style:normal!important} +.ja .rlx-banners h1{font-family:"MS Pゴシック","MS P Gothic",HiraKakuProN,"HiraKakuProN-W3","Hiragino Kaku Gothic ProN W3","Helvetica",sans-serif;font-style:normal!important} +.ko .rlx-banners h1{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium","Helvetica",sans-serif;font-style:normal!important} +.zh-Hans .rlx-banners h1,.zh-Hant .rlx-banners h1,.ja .rlx-banners h1,.ko .rlx-banners h1{line-height:1.2!important} +@media screen and (max-width:1024px),(max-height:768px){.rlx-banners h1{padding-top:15px;font-size:30px;line-height:1} +} +.rlx-banners h2,.rlx-banners p{font-family:"Didot W02 Italic",Times,serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-shadow:0 1px white;color:#818181;font-size:16px;text-transform:none;font-style:italic;font-weight:lighter;text-decoration:none;line-height:1.4;line-height:37px;color:#212121;margin:0} +.zh-Hans .rlx-banners h2,.zh-Hans .rlx-banners p{font-family:DFPSongStd,STSong,"Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.zh-Hant .rlx-banners h2,.zh-Hant .rlx-banners p{font-family:DFLiSongHK,LiSung,LisungLight,"Apple LiSung Light","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.ja .rlx-banners h2,.ja .rlx-banners p{font-family:"MS P明朝","MS P Mincho",HiraMinProN,"HiraMinProN-W3","Hiragino Mincho ProN W3",serif;font-style:normal!important} +.ko .rlx-banners h2,.ko .rlx-banners p{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +@media screen and (max-width:1024px),(max-height:768px){.rlx-banners h2,.rlx-banners p{display:none} +} +.rlx-banners .rlx-nav-wrapper{filter:alpha(opacity=100);opacity:1;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;display:inline-block;vertical-align:middle;white-space:nowrap;position:relative;height:40px;font-size:0} +@media screen and (max-width:1024px),(max-height:768px){.rlx-banners .rlx-nav-wrapper{height:35px} +} +.rlx-banners .rlx-nav-wrapper a,.rlx-banners .rlx-nav-wrapper a:link,.rlx-banners .rlx-nav-wrapper a:visited,.rlx-banners .rlx-nav-wrapper>span{text-transform:uppercase;display:inline-block;line-height:16px;font-size:12px;white-space:nowrap;margin:0 10px} +.rlx-banners .rlx-nav-wrapper:before,.rlx-banners .rlx-nav-wrapper:after{content:"";position:absolute;top:7px;left:0;width:100px;height:1px;background:#cdcdcd;-webkit-box-shadow:rgba(0,0,0,0.2) 0 -1px 0;-moz-box-shadow:rgba(0,0,0,0.2) 0 -1px 0;box-shadow:rgba(0,0,0,0.2) 0 -1px 0} +.rlx-banners .rlx-nav-wrapper:before{right:100%;left:auto} +.rlx-banners .rlx-nav-wrapper:after{left:100%} +.lt-ie9 .rlx-banners .rlx-nav-wrapper:before,.lt-ie9 .rlx-banners .rlx-nav-wrapper:after{display:inline-block;vertical-align:top;position:relative;left:auto;right:auto} +.rlx-banners .rlx-added{cursor:default} +.rlx-banners .rlx-drawer-list{margin:0;padding:0;display:inline-block;vertical-align:middle;height:100%} +.rlx-banners .rlx-drawer-list li{display:inline-block;position:relative;height:100%} +.rlx-banners .rlx-drawer-list li:before{content:"I";display:inline-block;position:relative;color:#c1c1c1;text-shadow:0 -1px rgba(0,0,0,0.5);font-size:12px} +.rlx-banners .rlx-drawer-list li:first-child:before{content:""} +.rlx-banners .rlx-drawer-list li.rlx-active a,.rlx-banners .rlx-drawer-list li .rlx-added{cursor:default} +.rlx-banners .rlx-drawer-list li.rlx-active:after{content:"";width:9px;height:5px;background:url('../clientlib_base/css/images/nav-banner-bullet.png') no-repeat;position:absolute;left:50%;bottom:0;margin-left:-3px} +.rlx-banner-green,.rlx-banner-green-menu{background-color:#0f412e;background-image:url('../clientlib_base/css/images/1280/banners/green-noise-bg.jpg')} +.rlx-banner-green h1,.rlx-banner-green p,.rlx-banner-green-menu h1,.rlx-banner-green-menu p{color:#e6e6e6;text-shadow:0 -1px rgba(0,0,0,0.5)} +.rlx-banner-green a,.rlx-banner-green a:link,.rlx-banner-green a:visited,.rlx-banner-green span,.rlx-banner-green-menu a,.rlx-banner-green-menu a:link,.rlx-banner-green-menu a:visited,.rlx-banner-green-menu span{color:#c1c1c1;text-shadow:0 -1px rgba(0,0,0,0.5)} +.rlx-banner-green .rlx-active a,.rlx-banner-green-menu .rlx-active a{color:white} +.no-touch .rlx-banner-green a:hover,.no-touch .rlx-banner-green a:active,.no-touch .rlx-banner-green a:focus,.no-touch .rlx-banner-green a:link:hover,.no-touch .rlx-banner-green a:link:active,.no-touch .rlx-banner-green a:link:focus,.no-touch .rlx-banner-green a:visited:hover,.no-touch .rlx-banner-green a:visited:active,.no-touch .rlx-banner-green a:visited:focus,.no-touch .rlx-banner-green a:hover span,.no-touch .rlx-banner-green a:active span,.no-touch .rlx-banner-green a:focus span,.no-touch .rlx-banner-green-menu a:hover,.no-touch .rlx-banner-green-menu a:active,.no-touch .rlx-banner-green-menu a:focus,.no-touch .rlx-banner-green-menu a:link:hover,.no-touch .rlx-banner-green-menu a:link:active,.no-touch .rlx-banner-green-menu a:link:focus,.no-touch .rlx-banner-green-menu a:visited:hover,.no-touch .rlx-banner-green-menu a:visited:active,.no-touch .rlx-banner-green-menu a:visited:focus,.no-touch .rlx-banner-green-menu a:hover span,.no-touch .rlx-banner-green-menu a:active span,.no-touch .rlx-banner-green-menu a:focus span{color:white} +.rlx-banner-green .rlx-added,.rlx-banner-green .rlx-added:hover,.rlx-banner-green-menu .rlx-added,.rlx-banner-green-menu .rlx-added:hover{color:#c1c1c1!important;filter:alpha(opacity=80);opacity:.8} +.rlx-banner-green .rlx-nav-wrapper:before,.rlx-banner-green .rlx-nav-wrapper:after,.rlx-banner-green-menu .rlx-nav-wrapper:before,.rlx-banner-green-menu .rlx-nav-wrapper:after{background:#366b55} +.rlx-banner-white,.rlx-banner-white-menu,.rlx-banner-white-hub,.rlx-banner-white-filter-menu{background:#fefefe url('../clientlib_base/css/images/white-grain-bg.jpg') repeat} +.rlx-banner-white a,.rlx-banner-white a:link,.rlx-banner-white a:visited,.rlx-banner-white .rlx-fake-link,.rlx-banner-white-menu a,.rlx-banner-white-menu a:link,.rlx-banner-white-menu a:visited,.rlx-banner-white-menu .rlx-fake-link,.rlx-banner-white-hub a,.rlx-banner-white-hub a:link,.rlx-banner-white-hub a:visited,.rlx-banner-white-hub .rlx-fake-link,.rlx-banner-white-filter-menu a,.rlx-banner-white-filter-menu a:link,.rlx-banner-white-filter-menu a:visited,.rlx-banner-white-filter-menu .rlx-fake-link{color:#818181;text-shadow:0 1px white} +.rlx-banner-white.rlx-added span,.rlx-banner-white .rlx-added span,.rlx-banner-white .rlx-added:hover span,.rlx-banner-white-menu.rlx-added span,.rlx-banner-white-menu .rlx-added span,.rlx-banner-white-menu .rlx-added:hover span,.rlx-banner-white-hub.rlx-added span,.rlx-banner-white-hub .rlx-added span,.rlx-banner-white-hub .rlx-added:hover span,.rlx-banner-white-filter-menu.rlx-added span,.rlx-banner-white-filter-menu .rlx-added span,.rlx-banner-white-filter-menu .rlx-added:hover span{color:#818181!important;filter:alpha(opacity=80);opacity:.8} +.no-touch .rlx-banner-white a:hover,.no-touch .rlx-banner-white a:active,.no-touch .rlx-banner-white a:focus,.no-touch .rlx-banner-white a:link:hover,.no-touch .rlx-banner-white a:link:active,.no-touch .rlx-banner-white a:link:focus,.no-touch .rlx-banner-white a:visited:hover,.no-touch .rlx-banner-white a:visited:active,.no-touch .rlx-banner-white a:visited:focus,.no-touch .rlx-banner-white a:hover span,.no-touch .rlx-banner-white a:active span,.no-touch .rlx-banner-white a:focus span,.no-touch .rlx-banner-white:hover span,.no-touch .rlx-banner-white-menu a:hover,.no-touch .rlx-banner-white-menu a:active,.no-touch .rlx-banner-white-menu a:focus,.no-touch .rlx-banner-white-menu a:link:hover,.no-touch .rlx-banner-white-menu a:link:active,.no-touch .rlx-banner-white-menu a:link:focus,.no-touch .rlx-banner-white-menu a:visited:hover,.no-touch .rlx-banner-white-menu a:visited:active,.no-touch .rlx-banner-white-menu a:visited:focus,.no-touch .rlx-banner-white-menu a:hover span,.no-touch .rlx-banner-white-menu a:active span,.no-touch .rlx-banner-white-menu a:focus span,.no-touch .rlx-banner-white-menu:hover span,.no-touch .rlx-banner-white-hub a:hover,.no-touch .rlx-banner-white-hub a:active,.no-touch .rlx-banner-white-hub a:focus,.no-touch .rlx-banner-white-hub a:link:hover,.no-touch .rlx-banner-white-hub a:link:active,.no-touch .rlx-banner-white-hub a:link:focus,.no-touch .rlx-banner-white-hub a:visited:hover,.no-touch .rlx-banner-white-hub a:visited:active,.no-touch .rlx-banner-white-hub a:visited:focus,.no-touch .rlx-banner-white-hub a:hover span,.no-touch .rlx-banner-white-hub a:active span,.no-touch .rlx-banner-white-hub a:focus span,.no-touch .rlx-banner-white-hub:hover span,.no-touch .rlx-banner-white-filter-menu a:hover,.no-touch .rlx-banner-white-filter-menu a:active,.no-touch .rlx-banner-white-filter-menu a:focus,.no-touch .rlx-banner-white-filter-menu a:link:hover,.no-touch .rlx-banner-white-filter-menu a:link:active,.no-touch .rlx-banner-white-filter-menu a:link:focus,.no-touch .rlx-banner-white-filter-menu a:visited:hover,.no-touch .rlx-banner-white-filter-menu a:visited:active,.no-touch .rlx-banner-white-filter-menu a:visited:focus,.no-touch .rlx-banner-white-filter-menu a:hover span,.no-touch .rlx-banner-white-filter-menu a:active span,.no-touch .rlx-banner-white-filter-menu a:focus span,.no-touch .rlx-banner-white-filter-menu:hover span{color:#a37e2c} +.rlx-banner-white .rlx-nav-wrapper:before,.rlx-banner-white .rlx-nav-wrapper:after,.rlx-banner-white-menu .rlx-nav-wrapper:before,.rlx-banner-white-menu .rlx-nav-wrapper:after,.rlx-banner-white-hub .rlx-nav-wrapper:before,.rlx-banner-white-hub .rlx-nav-wrapper:after,.rlx-banner-white-filter-menu .rlx-nav-wrapper:before,.rlx-banner-white-filter-menu .rlx-nav-wrapper:after{-webkit-box-shadow:white 0 1px 0;-moz-box-shadow:white 0 1px 0;box-shadow:white 0 1px 0} +.rlx-banner-white .rlx-drawer-list li:before,.rlx-banner-white-menu .rlx-drawer-list li:before,.rlx-banner-white-hub .rlx-drawer-list li:before,.rlx-banner-white-filter-menu .rlx-drawer-list li:before{color:#cdcdcd;text-shadow:0 1px white} +.rlx-banner-white:after,.rlx-banner-white-menu:after,.rlx-banner-white-hub:after,.rlx-banner-white-filter-menu:after{content:"";position:absolute;left:0;top:100%;width:100%;height:5px;background:url('../clientlib_base/css/images/banner-shadow.png') no-repeat 50%} +.rlx-banner-asset a:hover img{filter:alpha(opacity=80);opacity:.8} +.rlx-banner-asset .rlx-asset{display:block;position:relative;overflow:hidden;height:240px} +@media screen and (min-width:1024px){.rlx-banner-asset .rlx-asset{height:300px} +} +.rlx-banner-asset .rlx-asset img{-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear;position:absolute;top:50%;left:50%;margin-top:-150px;margin-left:-840px} +.rlx-banner-white-filter-menu{background:#fff none} +#rlx-find-my-rolex-banner h1{font-size:18px!important;line-height:inherit;padding-top:25px} +#rlx-find-my-rolex-banner p{display:inline-block;letter-spacing:-1px;font-size:30px;padding-bottom:6px;line-height:1} +#rlx-find-my-rolex-banner .rlx-nav-wrapper{height:40px} +#rlx-find-my-rolex-banner .rlx-nav-wrapper.rlx-hide:before,#rlx-find-my-rolex-banner .rlx-nav-wrapper.rlx-hide:after{height:2px;width:25px;background:#c1c1c1} +#rlx-find-my-rolex-banner .rlx-filter-next,#rlx-find-my-rolex-banner .rlx-filter-prev{position:absolute;z-index:100;left:0;display:inline-block;margin:0;overflow:hidden;cursor:pointer;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;filter:alpha(opacity=50);opacity:.5} +#rlx-find-my-rolex-banner .rlx-filter-next:hover,#rlx-find-my-rolex-banner .rlx-filter-prev:hover{filter:alpha(opacity=100);opacity:1} +#rlx-find-my-rolex-banner .rlx-filter-next.rlx-inactive,#rlx-find-my-rolex-banner .rlx-filter-next:hover.rlx-inactive,#rlx-find-my-rolex-banner .rlx-filter-prev.rlx-inactive,#rlx-find-my-rolex-banner .rlx-filter-prev:hover.rlx-inactive{cursor:default;filter:alpha(opacity=20);opacity:.2} +#rlx-find-my-rolex-banner .rlx-filter-next.rlx-hidden,#rlx-find-my-rolex-banner .rlx-filter-prev.rlx-hidden{cursor:default;filter:alpha(opacity=0);opacity:0} +#rlx-find-my-rolex-banner .rlx-filter-next{right:0;left:auto;background-position:right -12px} +.rlx-visual-banner{background-color:#fff;padding:50px 46px 50px} +.rlx-deepsea-page .rlx-visual-banner{position:relative;z-index:20} +.rlx-visual-banner hgroup{display:table;width:100%;text-align:center;margin:0 auto} +.rlx-visual-banner hgroup h1,.rlx-visual-banner hgroup h2{font-weight:100} +.rlx-visual-banner hgroup h1{font-family:"RolexGothicLight","Engravers Gothic W10 Regular","Engravers Gothic W02 Regular","Helvetica",sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-shadow:0 1px white;color:#212121;font-size:30px;text-transform:uppercase;font-weight:lighter;margin:0;line-height:.8;letter-spacing:0;margin-top:5px} +.ru .rlx-visual-banner hgroup h1{font-family:"Engravers Gothic W10 Regular","Engravers Gothic W02 Regular","RolexGothicLight","Helvetica",sans-serif} +.zh-Hans .rlx-visual-banner hgroup h1{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,"Helvetica",sans-serif;font-style:normal!important} +.zh-Hant .rlx-visual-banner hgroup h1{font-family:"Microsoft YaHei","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,"Helvetica",sans-serif;font-style:normal!important} +.ja .rlx-visual-banner hgroup h1{font-family:"MS Pゴシック","MS P Gothic",HiraKakuProN,"HiraKakuProN-W3","Hiragino Kaku Gothic ProN W3","Helvetica",sans-serif;font-style:normal!important} +.ko .rlx-visual-banner hgroup h1{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium","Helvetica",sans-serif;font-style:normal!important} +.zh-Hans .rlx-visual-banner hgroup h1,.zh-Hant .rlx-visual-banner hgroup h1,.ja .rlx-visual-banner hgroup h1,.ko .rlx-visual-banner hgroup h1{line-height:1.2!important} +.rlx-visual-banner hgroup h2{display:table-header-group;font-family:"Didot W02 Italic",Times,serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-shadow:0 1px white;color:#a37e2c;font-size:16px;text-transform:none;font-style:italic;font-weight:lighter;text-decoration:none;line-height:1.4;line-height:1em;text-indent:2px} +.zh-Hans .rlx-visual-banner hgroup h2{font-family:DFPSongStd,STSong,"Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.zh-Hant .rlx-visual-banner hgroup h2{font-family:DFLiSongHK,LiSung,LisungLight,"Apple LiSung Light","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,serif;font-style:normal!important} +.ja .rlx-visual-banner hgroup h2{font-family:"MS P明朝","MS P Mincho",HiraMinProN,"HiraMinProN-W3","Hiragino Mincho ProN W3",serif;font-style:normal!important} +.ko .rlx-visual-banner hgroup h2{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.rlx-visual-banner hgroup h1{font-size:36px;padding-bottom:30px} +.rlx-visual-banner hgroup h1:after{content:'';display:block;margin:25px auto 0;width:50px;height:2px;overflow:hidden;background-color:#000} +.rlx-visual-banner hgroup h2{font-size:16px} +.rlx-visual-banner .rlx-carousel{max-width:1453px} +.rlx-visual-banner .rlx-carousel-slide{width:25%} +.rlx-visual-banner .rlx-carousel-slide a{display:block;overflow:hidden;position:relative;width:100%;background-color:#fff;text-decoration:none;-webkit-transform:rotateZ(360deg)} +.rlx-visual-banner .rlx-carousel-slide a:hover figcaption,.rlx-visual-banner .rlx-carousel-slide a:hover img{filter:alpha(opacity=70);opacity:.7} +.rlx-visual-banner .rlx-carousel-slide.rlx-active,.rlx-visual-banner .rlx-carousel-slide.rlx-active a:hover{cursor:default} +.rlx-visual-banner .rlx-carousel-slide.rlx-active figcaption,.rlx-visual-banner .rlx-carousel-slide.rlx-active img,.rlx-visual-banner .rlx-carousel-slide.rlx-active a:hover figcaption,.rlx-visual-banner .rlx-carousel-slide.rlx-active a:hover img{filter:alpha(opacity=30);opacity:.3} +.rlx-visual-banner .rlx-carousel-slide figcaption{position:static;margin:0;width:auto;text-align:left;color:#818181;text-transform:uppercase;font-size:12px;margin:0;padding:8px 0 0 1px;font-weight:normal;-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear} +.rlx-visual-banner .rlx-carousel-slide img{display:block;border-left:1px solid transparent;width:100%;height:auto;-webkit-transform:rotateZ(360deg);-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear} +.touch .rlx-visual-banner .rlx-carousel-slide a:hover figcaption,.touch .rlx-visual-banner .rlx-carousel-slide a:hover img{filter:alpha(opacity=100);opacity:1} +.rlx-visual-banner .rlx-carousel-dir-nav a{margin-top:-40px;height:50px;background-color:transparent;background-image:url('../clientlib_base/css/images/picCarouselArrowsBlk.png')} +.rlx-visual-banner .rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-prev{width:46px;left:-36px} +.rlx-visual-banner .rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-prev a{background-position:50% -50px} +.rlx-visual-banner .rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-next{width:46px;left:auto;right:-36px} +.rlx-visual-banner .rlx-carousel-dir-nav-show .rlx-carousel-dir-nav-next a{background-position:50% 0} +.rlx-visual-banner.rlx-dark-bg{background-color:#212121} +.rlx-visual-banner.rlx-dark-bg hgroup h1,.rlx-visual-banner.rlx-dark-bg hgroup h2{text-shadow:none} +.rlx-visual-banner.rlx-dark-bg hgroup h1{color:#c1c1c1} +.rlx-visual-banner.rlx-dark-bg hgroup h1:after{background-color:#c1c1c1} +.rlx-visual-banner.rlx-dark-bg .rlx-carousel-slide a{background-color:#212121} +.rlx-visual-banner.rlx-dark-bg .rlx-carousel-slide figcaption{color:#c1c1c1} +.rlx-visual-banner.rlx-dark-bg .rlx-carousel-dir-nav a{background-image:url('../clientlib_base/css/images/picCarouselArrows.png')} +@keyframes rlxCarouselInserted{100%{visibility:visible} +} +@-moz-keyframes rlxCarouselInserted{100%{visibility:visible} +} +@-webkit-keyframes rlxCarouselInserted{100%{visibility:visible} +} +@-ms-keyframes rlxCarouselInserted{100%{visibility:visible} +} +@-o-keyframes rlxCarouselInserted{100%{visibility:visible} +} +@keyframes rlxCarouselSlideInserted{100%{visibility:visible} +} +@-moz-keyframes rlxCarouselSlideInserted{100%{visibility:visible} +} +@-webkit-keyframes rlxCarouselSlideInserted{100%{visibility:visible} +} +@-ms-keyframes rlxCarouselSlideInserted{100%{visibility:visible} +} +@-o-keyframes rlxCarouselSlideInserted{100%{visibility:visible} +} +@-webkit-keyframes fff{0%{height:229px} +} +@-webkit-keyframes specFix{0%{width:99%} +} +body{background:#fcfcfc url('../clientlib_base/css/images/1680/body-bg.png') repeat-y center top;-webkit-font-smoothing:subpixel-antialiased;font-smoothing:subpixel-antialiased;font-family:Helvetica,Arial,sans-serif;font-weight:100;font-size:12px;min-width:1024px} +.zh-Hans body{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} +.zh-Hant body{font-family:"Microsoft YaHei","Heiti TC Light","ST Heiti TC Light","STHeiti TC Light",STHeitiTC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} +.ja body{font-family:"MS Pゴシック","MS P Gothic",HiraKakuProN,"HiraKakuProN-W3","Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} +.ko body{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} +.ja body,.ko body,.ru body,.zh-Hans body,.zh-Hant body{font-size:13px} +.touch body{-webkit-tap-highlight-color:rgba(0,0,0,0)} +.rlx-global{margin:0 auto;max-width:1680px;background:#FFF;position:relative} +p{line-height:1.5} +figure{margin:0} +::selection{background:#818181;color:white;text-shadow:none} +::-moz-selection{background:#818181;color:white;text-shadow:none} +a:link:focus,a:visited:focus{color:#818181} +a:link,a:visited{color:#a37e2c;text-decoration:none} +.no-touch a:link:hover,.no-touch a:visited:hover,.no-touch a:link:active,a:visited:active{color:#818181} +a,a span{-webkit-transition:color .3s ease-out;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out} +a:focus{outline:0} +.rlx-absolute-container{position:relative;overflow:hidden} +.rlx-hidden,.rlx-ajax-layer{display:none} +.left{float:left} +.right{float:right} +.rlx-dummy-trigger{display:none} +.rlx-dynamic-content{position:relative;min-height:600px;background:white url('../clientlib_base/css/images/spinner.gif') no-repeat 50% 50%} +.rlx-dynamic-content.rlx-dynamic-content-loaded{height:auto!important;min-height:0;background:0} +.rlx-loader{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100;filter:alpha(opacity=100);opacity:1;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s} +.rlx-loader.rlx-toggle{display:none} +.rlx-search-result .rlx-lazy-block{position:relative;height:300px;margin-bottom:20px;filter:alpha(opacity=0);opacity:0;-webkit-transition:height .4s,opacity .8s;-moz-transition:height .4s,opacity .8s;-o-transition:height .4s,opacity .8s;transition:height .4s,opacity .8s} +.rlx-search-result .rlx-lazy-block .rlx-loader{position:absolute;width:100%;height:100%;margin-top:300px;top:0;left:0;z-index:850;-webkit-transition:margin-top 2s;-moz-transition:margin-top 2s;-o-transition:margin-top 2s;transition:margin-top 2s} +.rlx-search-result .rlx-lazy-block .rlx-loader .rlx-loader-overlay{background:#fff} +.rlx-search-result .rlx-lazy-block .rlx-loader .rlx-loader-spinner{background-image:url('../clientlib_base/css/images/spinner-mini.gif')} +.rlx-search-result .rlx-lazy-block.rlx-show{filter:alpha(opacity=100);opacity:1} +.rlx-search-result .rlx-lazy-block.rlx-show .rlx-loader{margin-top:0} +.rlx-search-result .rlx-lazy-block.rlx-hide{filter:alpha(opacity=0);opacity:0} +.rlx-search-result .rlx-lazy-block.rlx-hide .rlx-loader{margin-top:300px} +.rlx-urlmapping{display:none} +.rlx-loader-overlay{position:absolute;width:100%;height:100%;top:0;left:0;background:#f3f3f3;filter:alpha(opacity=80);opacity:.8;z-index:901} +.rlx-loader-spinner{position:absolute;background:transparent url('../clientlib_base/css/images/spinner.gif') no-repeat 50% 50%;width:100%;height:100%;top:0;left:0;z-index:902} +.rlx-loader-progress-container{position:absolute;width:500px;height:10px;border:1px solid #000;top:50%;left:50%;margin-top:-5px;margin-left:-250px;z-index:500} +.rlx-loader-progress{position:relative;background:#fff;display:block;height:10px} +html.rlx-force-overflow.no-tablet.no-mobile.js{overflow:hidden} +html.rlx-force-overflow.lt-ie9{overflow:auto} +.rlx-deepsea-page .rlx-page-content{position:relative} +.rlx-deepsea-page .rlx-page-content .rlx-scrolling-introduction{background-color:black} +#rlx-page-loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:198} +.no-js #rlx-page-loader,.lt-ie9 #rlx-page-loader{display:none} +#rlx-page-loader .rlx-overlay{position:absolute;width:100%;height:100%;background:#212121;filter:alpha(opacity=90);opacity:.9;z-index:198} +#rlx-model-page #rlx-page-loader .rlx-overlay{background:#fff;filter:alpha(opacity=100);opacity:1} +#rlx-page-loader .rlx-spinner{position:absolute;width:100%;height:100%;background:url('../clientlib_base/css/images/spinner-negative.gif') no-repeat 50% 200px;z-index:199} +#rlx-model-page #rlx-page-loader .rlx-spinner{background-image:url('../clientlib_base/css/images/spinner.gif')} +.tablet .rlx-tablet-hidden{display:none!important} diff --git a/css/raw/vk.css b/css/raw/vk.css new file mode 100644 index 0000000..25479d7 --- /dev/null +++ b/css/raw/vk.css @@ -0,0 +1,3755 @@ +#common_css { + display: none; +} + +body { + background: #fff; + color: #000; + margin: 0px; + padding: 0px; + direction: ltr; + font-family: tahoma, arial, verdana, sans-serif, Lucida Sans; + font-size: 11px; + line-height: 1.182; + font-weight: normal; + -webkit-font-smoothing: subpixel-antialiased; +} +body.font_medium { + font-size: 12px; + line-height: 1.167; + font-family: Lucida Grande, Arial, tahoma, verdana, sans-serif; +} +body.nofixed { + width: 100%; + overflow: hidden; +} +body.nofixed #page_wrap { + position: relative; + height: 100%; + width: 100%; + overflow: auto; +} +.fixed { + position: fixed; +} +body.nofixed .fixed, body.mobfixed .fixed { + position: absolute; +} +body.firefox #page_wrap { + position: relative; + width: 100%; + overflow: hidden; +} +.table td { + vertical-align: top; + text-align: left; +} + +/* in 'rtl' left and ltr too -- disabling content jumping when scrollbar changes */ +.scroll_fix_wrap { + text-align: left; + direction: ltr; +} +a { + color: #2B587A; + text-decoration: none; + cursor: pointer; +} +a:hover { + text-decoration: underline; +} +img { + border: 0px; +} +form { + margin: 0px; + padding: 0px; +} +small { + font-size: 10px; +} +.font_medium small { + font-size: 11px; +} +textarea.ashelper { + overflow: hidden; +} + +#fmenu { + position: absolute; + right: 0px; + top: 0px; + margin-top: 2px; + padding: 5px 0px; + background: #FFF; +} +.fmenu_item, +.fmenu_cont { + overflow: hidden; + display: inline-block; + *display: inline; + *zoom: 1; +} +.fmenu_item { + font-size: 10px; + clear: both; + margin: 4px 1px; + line-height: 11px; + padding: 4px; + font-weight: bold; + color: #45688E; + opacity: 0.5; + filter: alpha(opacity=50); + -webkit-border-radius: 2px; + -khtml-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + -webkit-transition: opacity 100ms linear; + -moz-transition: opacity 100ms linear; + -o-transition: opacity 100ms linear; + transition: opacity 100ms linear; +} +.fmenu_text .counter_anim_wrap { + height: 11px; +} +.fmenu_icon { + height: 11px; + background: url(/images/fixedmenu.gif?8) no-repeat; + width: 11px; +} +.fmenu_text { + overflow: hidden; + vertical-align: top !important; +} +.font_medium .fmenu_item { + font-size: 11px; +} +.fmenu_item:hover { + text-decoration: none; + opacity: 1; +} +.fmenu_item_over { + opacity: 1; + background-color: #597DA3; + color: #FFF; +} +#fmenu_fr { + background-position: 100% -6px; +} +#fmenu_ph { + background-position: 100% -29px; +} +#fmenu_vid { + background-position: 100% -52px; +} +#fmenu_msg { + background-position: 100% -75px; +} +#fmenu_gr { + background-position: 100% -98px; +} +#fmenu_nws { + background-position: 100% -121px; +} +#fmenu_ap { + background-position: 100% -144px; +} +.fmenu_item_over #fmenu_fr { + background-position: 100% -167px; +} +.fmenu_item_over #fmenu_ph { + background-position: 100% -190px; +} +.fmenu_item_over #fmenu_vid { + background-position: 100% -213px; +} +.fmenu_item_over #fmenu_msg { + background-position: 100% -236px; +} +.fmenu_item_over #fmenu_gr { + background-position: 100% -259px; +} +.fmenu_item_over #fmenu_nws { + background-position: 100% -282px; +} +.fmenu_item_over #fmenu_ap { + background-position: 100% -305px; +} + +.captcha { + padding: 5px 0; + text-align: center; + height: 80px; +} +.captcha img { + width: 130px; + height: 50px; + background: url(/images/vklogo.gif); + cursor: pointer; +} +.captcha input.text { + width: 120px; + margin: 10px 0px 0px; +} +.captcha .progress { + width: 120px; + margin: 13px auto 0px; +} +.phone_validation_suggest { + text-align: center; + font-size: 0.9em; + padding-top: 10px; + line-height: 1.36em; +} + +.summary_wrap { + color: #45688E; + padding: 13px 10px 0px; + background: #FFF; + border-bottom: 1px solid #DAE1E8; +} +.summary_wrap .summary { + font-weight: bold; + padding: 3px 0px 4px; +} +.summary_wrap .summary span, +.summary_lnk { + font-weight: normal; +} +.bottom_wrap { + border-top: 1px solid #DAE1E8; + background: #FFF; + padding: 0px 10px; +} + +.num_delim { + font-size: 60% !important; + vertical-align: top !important; +} + +.png { + behavior: url(/js/iepngfix.htc); +} +.progress, .progress_inv, .progress_inv_img { + display: none; + width: 32px; + height: 13px; + background: url(/images/upload.gif) no-repeat 50% 50%; +} +.progress_inline { + display: inline; + display: inline-block; + *zoom: 1; + vertical-align: bottom; + width: 32px; + height: 13px; + background: url(/images/upload.gif) no-repeat 50% 50%; +} +.progress_inv, .progress_inv_img { + background-image: url(/images/upload_inv.gif); +} +.progress_inv_mini { + background-image: url(/images/upload_inv_mini.gif); + width: 16px; + height: 4px; +} +.progress_gray { + background-image: url(/images/upload_gray.gif); + width: 32px; + height: 13px; +} +.progress_inv_img { + background-color: rgba(0, 0, 0, 0.5); +} +.checkbox { + cursor: pointer; + line-height: 1.27em; +} +.checkbox.disabled { + opacity: 0.5; + filter: alpha(opacity=50); +} +.checkbox div { + float: left; + width: 15px; + margin-right: 5px; + height: 14px; + margin-bottom: 2px; + background: url(/images/icons/check.gif) 0px 0px no-repeat; +} +.checkbox:hover div { + background-position: 0px -28px; +} +.checkbox.disabled:hover div { + background-position: 0px 0px; +} +.checkbox.on div { + background-position: 0px -14px; +} +.checkbox.on:hover div { + background-position: 0px -42px; +} +.checkbox.disabled.on:hover div { + background-position: 0px -14px; +} +.radiobtn { + cursor: pointer; + line-height: 1.27em; +} +.radiobtn div { + float: left; + width: 15px; + margin-right: 5px; + height: 14px; + margin-bottom: 1px; /* Second line fix */ + background: url(/images/icons/radio.gif) 0px 0px no-repeat; +} +.radiobtn:hover div { + background-position: 0px -28px; +} +.radiobtn.disabled:hover div { + background-position: 0px 0px; +} +.radiobtn_hover div { + background-position: 0px -28px; +} +.radiobtn.on div { + background-position: 0px -14px; +} +.radiobtn.on:hover div { + background-position: 0px -42px; +} +.radiobtn.disabled.on:hover div { + background-position: 0px -14px; +} +.radiobtn.on.radiobtn_hover div { + background-position: 0px -42px; +} +.fl_l { float: left; } +.fl_r { float: right; } +.ta_l { text-align: left; } +.ta_r { text-align: right; } +.inl_bl {display:-moz-inline-stack; display:inline-block; _overflow:hidden; vertical-align: top; zoom:1; *display:inline;} +.sl_nowrap { + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + white-space: nowrap; +} +#side_bar .inl_bl { + vertical-align: baseline; +} +#side_bar .left_count_wrap .inl_bl { + vertical-align: top; +} + +.upload_frame { + position: absolute; + visibility: hidden; + width: 20px; + height: 20px; +} + +.noselect { + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; +} + +/* Inputs */ + +.font_default input[type="text"], +.font_default input[type="submit"], +.font_default input[type="button"], +.font_default input[type="search"], +.font_default input[type="password"], +.font_default input[type~="text"], +.font_default input[type~="search"], +.font_default input[type~="password"], +.font_default input[type~="email"], +.font_default input.text, +.font_default input.search, +.font_default textarea, +.font_default input.big_text, +.font_default input.file { + font-size: 11px; + font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans; +} + +.font_medium input[type="text"], +.font_medium input[type="submit"], +.font_medium input[type="button"], +.font_medium input[type="search"], +.font_medium input[type="password"], +.font_medium input[type~="text"], +.font_medium input[type~="search"], +.font_medium input[type~="password"], +.font_medium input[type~="email"], +.font_medium input.text, +.font_medium input.search, +.font_medium textarea, +.font_medium input.big_text, +.font_medium input.file { + font-size: 12px; + font-family: Lucida Grande, Arial, tahoma, verdana, sans-serif; +} + +input.text, input.search, textarea, input.big_text, input.dark { + background: #FFF; + color: #000; + border: 1px solid #C3CBD4; + padding: 3px; + margin: 0px; +} +::-webkit-input-placeholder { + color: #777; +} +input:-moz-placeholder, +textarea:-moz-placeholder { + color: #777; +} +.top_search_inp::-webkit-input-placeholder { + padding-left: 2px; +} +.top_search_inp:-moz-placeholder { + padding-left: 21px !important; +} + +input.big_text { + font-size: 1.09em !important; + padding: 5px 4px 4px; +} +input.dark { + padding: 7px 10px 8px; +} +input.search { + background: #FFF url(/images/magglass.png) no-repeat 3px 4px; + padding-left: 17px; +} +input.file { + margin: 0px; +} +input.disabled, +textarea.disabled { + color: #8C8E91; + -webkit-text-fill-color: #8C8E91; + -webkit-opacity: 1; + background-color: #F5F6F7; + border-color: #C9CDD1; +} +.captcha input.big_text { + font-size: 1em !important; + margin-top: 7px; +} +textarea.dark { + padding: 7px 10px 8px; +} + +/* Headers */ + +h2 { + border-bottom: 1px solid #DAE1E8; + color: #45668E; + font-size: 1.18em; + padding: 0px 0px 3px; + margin: 0px 0px 10px; +} +h4 { + border-bottom: 1px solid #E8EBEE; + color: #45688E; + font-size: 11px; + font-weight: bold; + margin: 0px; + padding: 0px 0px 3px; +} +.font_medium h4 { + font-size: 12px; +} +h4 .fl_r, h4 span { + font-weight: normal; +} + +/* Layout */ + +div#utils { + top: -30px; + position: absolute; + height: 20px; + overflow: hidden; +} +#page_layout { + padding: 0px; + margin: 0px auto; + position: relative; + z-index: 6; + width: 791px; +} +#page_header .back { + position: absolute; + width: 100%; + height: 40px; + background: #4E729A url(/images/hatf.gif?1) 0px -43px repeat-x; +} +#page_header .left { + position: absolute; + left: 0px; + width: 134px; + height: 40px; + background: #4E729A url(/images/hatf.gif?1) 0px -1px; +} +#page_header .right { + position: absolute; + right: 0px; + width: 10px; + height: 40px; + background: #4E729A url(/images/hatf.gif?1) 100% -1px; +} +#page_header .content { + position: absolute; + width: 100%; + z-index: 120; +} +/* +#page_header.p_head_l777 .left, #page_header.p_head_l777 .right, #page_header.p_head_l777 .back { + background-color: #4E729A; + background-image: url(/images/hatsov.gif); +} +#page_header.p_head_l100 .left, #page_header.p_head_l100 .right, #page_header.p_head_l100 .back { + background-color: #4E729A; + background-image: url(/images/hatimp.gif); +} +#page_header.p_head_l100 .left { + width: 135px; +} +#page_header.p_head_l100 .right { + width: 10px; +} +*/ +#page_header.p_head1 .right { + background: #4E729A url(/images/hatf_vk.gif?1) 100% -1px; +} +#page_header.p_head1 .left { + width: 48px; + background: #4E729A url(/images/hatf_vk.gif?1) 0px -1px; +} +#page_header.p_head1 .back { + background: #4E729A url(/images/hatf_vk.gif?1) 0px -43px repeat-x; +} +/* +#page_header.p_head1.p_head_l100 .left { + width: 10px; +} +*/ +#page_header { + height: 40px; +} +.top_home_link { + top: 0px; + width: 146px; + height: 40px; + display: block; + position: absolute; + outline: none; +} +.top_home_link_td { + width: 146px; + vertical-align: top; +} +#top_logo_down { + margin-left: 4px; + visibility: hidden; + width: 134px; + height: 36px; + background: #4E729A url(/images/hatf.gif?1) -4px 0px; + margin-right: 8px; +} +#top_logo_down.tld_d { + visibility: visible; +} +#page_header.p_head1 #top_logo_down { + background: #4E729A url(/images/hatf_vk.gif?1) -4px 0px; +} +.is_rtl1 #page_header.p_head1 #top_logo_down { + background: #4E729A url(/images/hatf_vk_rtl.gif?1) -3px 0px; +} +.top_back_link_td { + width: 100%; +} +.homelink, .shah, .unl { + position: absolute; + left: 0px; + top: 0px; + display: block; + color: #FFF; + font-weight: bold; + padding: 7px 0px 0px 14px; + font-size: 11px; + display:block; + width: 153px; + z-index: 410; + overflow: hidden; +} +.font_medium .homelink, +.font_medium .shah, +.font_medium .unl { + font-size: 12px; +} +.shah { + padding-top: 8px; + color: #000; + opacity: 0.4; + filter: alpha(opacity=40); + z-index: 400; +} +.vklink { + font-size: 1.36em; + padding: 10px 17px 10px; +} +.shah.vklink { + padding-top: 11px; +} +.unl { + margin-top: 21px; + padding-top: 0px; + font-weight: normal; + display: block; + font-size: 0.9em; + color: #dae1e8; +} +a.unl:hover, a.homelink:hover { + text-decoration: underline; +} +.head_nav { + margin: 0px; + padding: 0px 8px 0px 0px; +} +.head_nav a.top_nav_link { + display: block; + padding: 12px 10px 15px; + height: 13px; + margin: 0px; + font-weight: bold; + font-size: 11px; + color: #E8EFF7; + text-shadow: 0px 1px 0px #4e7097; +} +.font_medium .head_nav a.top_nav_link { + font-size: 12px; +} +.head_nav a.top_nav_link#head_music { + padding-right: 36px; + position: relative; +} +#head_play_btn { + position: absolute; + right: 7px; + top: 9px; + width: 22px; + height: 23px; + background: url(/images/icons/audio_iconsf.png) no-repeat scroll 0 0 transparent; + cursor: pointer; +} +a:hover #head_play_btn, +a.over #head_play_btn { + background-position: -24px 0; +} +#head_play_btn.playing { + background-position: -96px 0; +} +a:hover #head_play_btn.playing, +a.over #head_play_btn.playing { + background-position: -120px 0; +} +a:hover #head_play_btn.over, +a:hover #head_play_btn.down, +a.over #head_play_btn.over, +a.over #head_play_btn.down { + background-position: -48px 0; +} +a:hover #head_play_btn.playing.over, +a:hover #head_play_btn.playing.down, +a.over #head_play_btn.playing.over, +a.over #head_play_btn.playing.down { + background-position: -144px 0; +} + +.head_nav div#top_links { + padding: 0px; + height: 22px; + background-image: none; +} +.head_nav.no_menu div#top_links { + display: none; +} +.head_nav.no_menu a#logout_link { + display: none; +} +.head_nav a.top_nav_link:hover, +.head_nav a.top_nav_link.over, +#top_back_link:hover { + background-color: rgba(0, 31, 64, 0.17); + color: #FFF; + text-decoration: none; +} +.head_nav a.top_nav_link.active { + padding-top: 13px; + padding-bottom: 14px; +} +.head_nav a#head_music.head_play_down { + padding-top: 12px; + padding-bottom: 15px; +} +.head_nav a.top_nav_link.active #head_play_btn { + top: 10px; +} +.head_nav a.top_nav_link b { + font-weight: normal; + color: #E8EFF7; +} + +.head_nav a.top_nav_link span { + color: #FFF; +} +.head_nav a.top_nav_link span#head_music_text { + color: #E8EFF7; +} +.head_nav a.top_nav_link:hover span#head_music_text, +.head_nav a.top_nav_link.over span#head_music_text { + color: #FFF; +} + +#page_body { + font-size: 11px; + width: 631px; + padding: 0px 15px 0px 0px; +} +.font_medium #page_body { + font-size: 12px; +} +#page_body.simple { + padding: 0px; + margin: 0px auto; +} +body.firefox #page_body { + overflow: hidden; +} + +body.firefox #page_body.no_overflow { + overflow: visible; +} +#wrap2 { + border: solid #F3F3F3; + border-width: 0px 1px 1px; + border-color: rgba(100, 100, 100, 0.08); +} +#wrap1 { + border: solid #D9E0E7; + border-width: 0px 1px 1px; +} +#wrap_between { + height: 0px; + overflow: hidden; +} +* html #content { + height: 1%; +} + +#header_wrap1 { + border: solid #F3F3F3; + border-width: 0px 1px; +} +#header { + position: relative; + font-weight: bold; + font-size: 11px; + padding: 7px 10px; + line-height: 140%; + background: #E9EDF1; + color: #607387; + border: solid #D9E0E7; + border-width: 0px 1px; +} +.font_medium #header { + font-size: 12px; +} +#page_body.simple #header { + border-width: 1px 1px 0px; +} +#title b { + position: relative; +} +#header h1 { + margin: 0px; + font-size: 11px; + overflow: hidden; +} +.font_medium #header h1 { + font-size: 12px; +} +#header span, #header b { + color: #AAB7C5; +} + +/* Left notifier */ + +.left_box { + text-align: center; + padding: 10px 5px; + background: #F7F7F7; + margin: 0px 0px 10px; + overflow: hidden; +} +.left_box h4 { + font-size: 1.09em; + border-bottom: solid 1px #DAE1E8; + padding: 0px 0px 3px; + margin: 0px 5px 3px; +} +.left_box.attention h4 { + color: #45688E; +} +div.left_holiday { + line-height: 140%; + padding: 7px 3px; + width: 112px; +} +div.left_holiday h4 { + color: #b14344; + border: 0px; + margin: 0px; +} +.left_box_link { + padding-top: 5px; +} +.left_congratulate { + padding-top: 3px; +} + +.left_hide { + position: absolute; + margin: 0px 118px; + width: 18px; + height: 18px; + background: url(/images/hide_left.gif) no-repeat center center; + opacity: 0; + filter: alpha(opacity=0); + cursor: pointer; +} + +.left_gift_bonus, .left_rate_plus { + color: #C4BB98; + font-size: 0.9em; + font-weight: bold; + margin-top: -11px; +} +.left_gift { + border-bottom: 1px solid #DCDCDC; + margin-bottom: 10px; +} +.left_gift .body { + background: #F7F7F7; + border: 6px solid #EAEAEA; + padding: 4px 4px 7px; + text-align: center; + overflow: hidden; + word-wrap: break-word; +} +.left_gift .body div { + border-bottom: 1px solid #DCDCDC; + margin: 0px 3px 7px; + padding-bottom: 2px; +} +.left_gift.gold { + border-color: #C4BB98; +} +.left_gift.gold .body { + background: #FEF9E1; + border-color: #E9DEB4; +} +.left_gift.gold .body div { + border-color: #C4BB98; +} + +.left_rate_plus { + color: #EEBD00; +} +.left_rate_plus.green { + color: #8DB55F; +} +.left_rate_plus.red { + color: #C5864F; +} +.left_rate_plus.blue { + color: #99B3C9; +} +.left_rate .body { + background: #FAF3D8 url(/images/golden.gif) repeat-x 50% 100%; + border-bottom: 1px solid #FBE172; + margin: 0px 0px 10px; + padding: 5px; + text-align: center; +} +.left_rate .body div { + border-bottom: 1px solid #E6E0B6; + margin: 0px 3px 7px; + padding-bottom: 2px; +} +.left_rate .body div a { + color: #908851; +} +.left_rate .body a { + color: #000; +} +.left_rate .body a:hover { + text-decoration: none; +} +.left_rate.green, .left_rate.red, .left_rate.blue { + border-bottom: 1px solid #37702A; + margin-bottom: 10px; +} +.left_rate.green .body, .left_rate.red .body, .left_rate.blue .body { + background: #D5EABB url(/images/greenl.gif) repeat-x 50% 0%; + border: 8px solid #8DBF56; + margin-bottom: 0px; +} +.left_rate.green .body a div, .left_rate.red .body a div, .left_rate.blue .body a div { + border: 0px; + font-size: 3.27em; + font-weight: bold; + color: #8DBF56; + margin: 5px 5px 5px 3px; +} +.left_rate.green .body div { + border-color: #8DBF56; +} +.left_rate.green .body div a { + color: #37702A; +} +.left_rate.red { + border-color: #8B4C23; +} +.left_rate.red .body { + background: #F0D6C7 url(/images/redl.gif) repeat-x 50% 0%; + border-color: #C68D69; +} +.left_rate.red .body div { + border-color: #C39679; +} +.left_rate.red .body div a { + color: #8B4C23; +} +.left_rate.red .body a div { + color: #C68D69; +} +.left_rate.blue { + border-color: #2F6C95; +} +.left_rate.blue .body { + background: #D9E6EE url(/images/bluel.gif) repeat-x 50% 0%; + border-color: #99B3C9; +} +.left_rate.blue .body div { + border-color: #99B3C9; +} +.left_rate.blue .body div a { + color: #0B5588; +} +.left_rate.blue .body a div { + color: #99B3C9; +} +.left_gift .body div.vote_transfer { + padding: 5px 0px 12px; + font-weight: bold; +} + +.ad_box_new { + background: #FFFFFF; + border: 1px solid #DCE3E9; + border-width: 0px 0px 1px 0px; + padding: 0px 0px 11px 0px; + margin: 0px; + width: 118px; + overflow: hidden; + text-align: center; + display: block; +} +a.ad_box_new:hover { + text-decoration: none; +} +.ad_title_new { + font-weight: bold; + font-size: 11px; + margin: 8px 3px 0px 3px; + color: #36638E; + text-align: center +} +.font_medium .ad_title_new { + font-size: 12px; +} +.ad_desc_new { + margin: 10px 2px 0px 2px; + color: #000000; +} +.ad_domain_new { + margin-top: 3px; + font-size: 0.9em; + color: #909090; +} +.ad_box_new img { + margin-top: 9px +} + +.left_hide_button { + position: absolute; + margin: 6px 0px 0px 117px; + *margin-left: 60px; + width: 18px; + height: 18px; + background: url(/images/hide_left.gif) no-repeat center center; + opacity: 0; + filter: alpha(opacity=0); + cursor: pointer; +} + +.ad_box_friend { + border-top-width: 1px; + border-bottom-width:0px; padding-bottom:0px +} +.ad_box_friend .ad_body { + max-height: 140px; + width: 118px; + overflow: hidden; +} +.ad_box_friend_act { + border: none; + padding-top: 8px; +} +.ad_box_friend_act img { + margin: 0; +} +.left_friend_status_info { + color: #909090; +} +.left_friend_all_link, +.left_app_all_link { + padding-top: 4px; + border-top: 1px solid #DCE3E9; + text-align: center; + font-size: 0.9em; +} +.left_friend_all_lnk, +.left_app_all_lnk { + color: #909090; +} + +.left_app_block .ad_box_new { + border-width: 1px 0px 0px 0px; +} +.left_app_block .ad_common { + color: #909090; + padding-top: 4px; + font-size: 0.9em; +} +.left_app_block .ad_bottom_lnk { + padding-top: 8px; +} +.left_app_block .ad_img { + -webkit-border-radius: 5px; + -khtml-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.left_app_play { + position: absolute; + margin: 40px 40px 0; + width: 38px; + height: 38px; + background: url(/images/app_play.png) no-repeat 0px 0px; + opacity: 0; + -webkit-transition: opacity 200ms linear; + -moz-transition: opacity 200ms linear; + -o-transition: opacity 200ms linear; + transition: opacity 200ms linear; + *display: none; +} +.left_app_block:hover .left_app_play { + opacity: 1; +} + +/* Footer */ + +#footer_wrap { + /*clear: both;*/ + line-height: 1.36em; + padding: 8px 0px 0px; + text-align: center; + width: 661px; +} +#footer_wrap.simple { + margin: 0px; + width: auto; +} +#footer_wrap.simple #bottom_nav { + display: none; +} +.bnav_lang { + margin: 2px 5px; +} +#footer_wrap #footer { + padding: 10px 0px 0px; + text-align: center; + margin: 0px; +} + +.bnav_a { + padding: 2px 5px; +} +.bnav_a:hover { + background-color: #E1E7ED; + text-decoration: none; +} + +/* Left menu */ + +#left_ads { + position: relative; + width: 118px; + min-height: 3px; +} +#left_blocks { + width: 118px; +} +#side_bar { + background: #FFF; + border-bottom-left-radius: 5px; + padding: 5px 0 10px 4px; + width: 136px; +} +#side_bar .inl_bl { + vertical-align: baseline; +} +#side_bar .left_count_wrap .inl_bl { + vertical-align: top; +} +#side_bar .more_div { + margin-top: 3px; + padding-top: 3px; + border-top: 1px solid #E7EAED; +} +#side_bar ol li a.more { + padding-left: 29px; + border-top: 0px; +} +#side_bar ol li a.more:hover { + border-top: 0px; +} + +#side_bar ol { + list-style: none; + margin: 0px 0px 10px; + padding: 0px; +} +#side_bar ol li { + font-size: 1.0em; +} +#side_bar ol li.clearFix { + *margin-bottom:-2px; +} +#side_bar ol li .left_row { + border: 0; + background: #FFF; + display: block; + padding: 0px 0px 0px 6px; + white-space: nowrap; +} +#side_bar ol li .left_row:hover { + background: #E1E7ED; + text-decoration: none; + -webkit-border-radius: 2px; + -khtml-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +#side_bar ol li #myprofile, +#side_bar ol li #myprofile_edit { + padding: 0px 6px; +} +#myprofile_edit { + color: gray; + width: auto; +} +#myprofile_edit:hover { + color: #67829E; +} +#myprofile_table, +#myprofile_wrap { + width: 100%; +} +.font_medium #side_bar #myprofile_edit_wrap { + display: none; +} +.font_medium #side_bar ol li #myprofile { + float: none; + width: auto; + padding: 0px 0px 0px 6px; +} +#side_bar .left_label { + padding: 4px 0; + height: 13px; +} +.font_medium #side_bar .left_label { + height: 15px; +} +.left_count_wrap { + margin: 1px 0px 1px 1px !important; + zoom: 1; + padding: 4px !important; + vertical-align: top; + color: #45688E; + background: #D5DDE5; + font-weight: bold; + font-style: normal !important; + font-size: 10px; + line-height: 11px; + -webkit-border-radius: 2px; + -khtml-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + -webkit-transition: background-color 200ms linear, color 200ms linear; + -moz-transition: background-color 200ms linear, color 200ms linear; + -o-transition: background-color 200ms linear, color 200ms linear; + transition: background-color 200ms linear, color 200ms linear; +} +.is_rtl1 .left_count_wrap { + margin: 1px 1px 1px 0px !important; +} +#side_bar ol li .left_row:hover .left_count_wrap { + margin-top: 0px !important; + margin-bottom: 0px !important; + padding: 5px 4px !important; +} +.font_medium .left_count_wrap { + font-size: 11px; + margin: 2px 0px 2px 0px !important; +} +.font_medium #side_bar ol li .left_row:hover .left_count_wrap { + margin-top: 0px !important; + margin-bottom: 0px !important; + padding: 6px 4px !important; +} +a:hover .left_count_wrap { + background: #D5DDE5; +} + +.left_void { + display: none !important; +} +a:hover .left_count_persist .left_void, +.left_nav_over .left_count_pad .left_void { + display: inline-block !important; + color: #6887A8; + height: 11px; +} +.left_count_pad .left_count_wrap:hover { + background-color: #BBC7D3; +} +.left_nav_over .left_count_pad .left_count_wrap { + background-color: #597DA3 !important; + color: #FFF !important; +} +.left_count_wrap .counter_anim_wrap { + height: 11px; +} + +/* Clear */ + +.clear_fix:after { + content: '.'; + display: block; + height: 0; + clear: both; + visibility: hidden; +} +* html .clear_fix { + height: 1%; +} +.clear_fix { + display: block; +} +.clear { + float: none; + clear: both; +} +.scroll_fix { + position: relative; +} + +/* Head */ + +.listing { + list-style: square; + padding-left: 40px; + color: #758EAC; + margin: 0px 0px 15px 0px +} +ul.listing li { + padding: 1px 0px; +} +ul.listing li span { + color: #000; +} + +.divide { + color: gray; + font-weight: normal; + padding: 0px 4px; +} +small.divide { + padding: 0px 2px; +} + +.sdivide { + color: #ADB8C3; + padding: 0px 4px; + font-size: 0.9em; +} + +.wrapped { + overflow: hidden; + word-wrap: break-word; +} + +wbr { + width: 0px; + display: inline-block; + overflow: hidden; +} + +#stl_left { + display: none; + z-index: 3; + left: 0px; + top: 0px; +} +#stl_left:hover, #stl_left.over { + text-decoration: none; + opacity: 1; + filter: alpha(opacity=100); +} +#stl_text { + height: 14px; + display: block; + padding: 0px 20px; + margin: 0 31px 0 15px; + font-weight: bold; + color: #45688E; + background: url(/images/toplink.gif?3) no-repeat left 3px; +} +#stl_left .down { + background-position: left -7px; +} +#stl_left .back { + background-position: left -22px; +} +.stl_active { + cursor: pointer; +} +#stl_bg { + height: 100%; + width: 100px; + padding: 13px 0 13px; + opacity: 0.5; + filter: alpha(opacity=50); + -webkit-transition: background-color 200ms linear; + -moz-transition: background-color 200ms linear; + /*-o-transition: background-color 200ms linear;*/ + transition: background-color 200ms linear; + -webkit-transition: opacity 200ms linear; + -moz-transition: opacity 200ms linear; + /*-o-transition: opacity 200ms linear;*/ + transition: opacity 200ms linear; +} +.stl_active:hover #stl_bg, .stl_active.over #stl_bg { + opacity: 1; + filter: alpha(opacity=100); +} +.stl_active.over_fast #stl_bg { + background-color: #E1E7ED; +} +#stl_side { + z-index: 10; + display: none; +} +#top_back_link { + padding-left: 25px; + background: url(/images/backlink.gif?4) no-repeat left -85px; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + white-space: nowrap; + display: none; + width: expression(this.width > 200 ? '200px' : ''); +} +#top_back_link.active { + background-position: left -84px; +} + +/* Layers */ +#layer_stl { + position: absolute; + left: 0px; + top: 0px; + cursor: pointer; + display: none; + overflow: hidden; +} +#layer_stl_bg { + top: 0px; + left: 0px; + width: 100px; + height: 100%; + background: #000; + opacity: 0; + filter: alpha(opacity=15); + -webkit-transition: opacity 100ms linear; + -moz-transition: opacity 100ms linear; + -o-transition: opacity 100ms linear; + transition: opacity 100ms linear; +} +#layer_stl_cl { + position: absolute; + left: 0px; + top: 0px; + z-index: 1; + width: 100%; + height: 100%; +} +#layer_stl_text { + top: 13px; + left: 0px; + background: url(/images/toplinkw.gif) no-repeat left 3px; + height: 14px; + display: block; + padding: 0px 20px; + margin: 0 31px 0 15px; + font-weight: bold; + color: #FFF; + opacity: 0.5; + filter: alpha(opacity=50); + -webkit-transition: opacity 100ms linear; + -moz-transition: opacity 100ms linear; + -o-transition: opacity 100ms linear; + transition: opacity 100ms linear; +} +#layer_stl_text.down { + background-position: left -9px; +} +#layer_stl:hover #layer_stl_text { + opacity: 1; +} +#layer_stl:hover #layer_stl_bg { + opacity: 0.15; +} + +#layer_bg, +#box_layer_bg, +#layer_wrap, +#box_layer_wrap { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 500; + overflow: hidden; + display: none; +} +#box_layer_bg, +#box_layer_wrap { + z-index: 1000; +} +#box_layer_bg { + background: #000; + opacity: 0.2; + filter: alpha(opacity=20); +} +#box_layer_bg.bg_medium { + opacity: 0.5; + filter: alpha(opacity=50); +} +#box_layer_bg.bg_dark { + opacity: 0.7; + filter: alpha(opacity=70); +} + +@-moz-document url-prefix() { + #box_layer_bg { + background: url(/images/layer_bg_lite.png); + opacity: 1 !important; + } + #box_layer_bg.bg_medium { + background: url(/images/layer_bg_medium.png); + } + #box_layer_bg.bg_dark { + background: url(/images/layer_bg_black.png); + } +} + +#layer_wrap, #box_layer_wrap { + overflow: auto; +} +#layer_wrap { + overflow-x: hidden; + overflow-y: auto; +} + +/* MessageBox */ + +.popup_box_container { + margin: 0px auto; + z-index: 1002; + -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35); + -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35); + box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35); +} +#box_loader { + position: absolute; + left: 50%; + margin: 0px auto 0px -50px; + z-index: 1002; + width: 100px; + display: none; +} +#box_loader .back { + background-color: #000; + opacity: 0.7; + filter: alpha(opacity=70); + height: 50px; + -webkit-border-radius: 5px; + -khtml-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35); + -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35); + box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35); +} +#box_loader .loader { + background: url(/images/upload_inv_mono.gif) no-repeat 50% 50%; + height: 50px; + position: absolute; + width: 100%; + z-index: 100; +} +.box_title_wrap { + background-color: #597BA5; + border: 1px solid; + border-color: #45688E #43658A; + padding: 0px; + color: #fff; + font-size: 1.18em; + font-weight: bold; +} +.box_dark .box_title_wrap { + border: none; + font-size: 1em; + font-weight: normal; +} +.box_x_button { + float: right; + width: 17px; + height: 17px; + margin: 7px 5px 0px; + cursor: pointer; + padding: 0; + background: #9DB7D4 url(/images/boxicon_vk.gif) -23px -2px; +} +.box_dark .box_x_button { + background: none; + margin: 0px; + padding: 17px 20px 15px; + color: #C7D7E9; + width: auto; + -webkit-transition: color 100ms linear; + -moz-transition: color 100ms linear; + -o-transition: color 100ms linear; + transition: color 100ms linear; +} +.box_dark .box_x_button:hover { + color: #FFF; + text-decoration: none; + background: none; +} +.box_body { + background-color: #FFF; + border-left: 1px solid #999; + border-right: 1px solid #999; + padding: 16px 14px; + line-height: 140%; +} +.box_dark .box_body { + border: none; +} +.box_no_title { + border-top: 1px solid #999; +} +.box_controls_wrap { + border: 1px solid #999; + border-top: 0px; +} +.box_dark .box_controls_wrap { + border: none; +} +.box_dark .box_controls { + border: none; + padding: 16px 15px 16px 20px; + background-color: #F7F7F7; +} +.box_dark .box_controls_text { + padding: 8px 0 0 0; +} +.box_controls_text { + padding: 8px 8px 0px; +} +.box_controls { + padding: 8px 5px; + height: 30px; + background-color: #F2F2F2; + border-top: 1px solid #DAE1E8; +} +.box_controls .progress { + position: relative; + margin: 7px 10px 0px; +} +.controls_wrap { + padding: 7px 0px 0px 5px; +} + +.button_yes, +.button_no, +.button_cancel { + cursor: pointer; + width: auto; + height: auto; +} +.box_controls .button_wrap { + padding: 2px 5px; + float: right; +} +.button_yes div, .button_no div { + padding: 4px 14px; + text-align: center; +} + +.button_cancel .button, +.button_cancel .leave_button, +.button_cancel .button_hover, +.button_cancel .button_down { + padding: 6px 15px 7px; + text-align: center; +} + +.button_yes { + border: 1px solid #517295; + text-shadow: 0px 1px 0px #45688E; +} +.button_yes_bottom { + border-bottom: 1px solid #2B587A; +} +.button_yes div { + border-style: solid; + border-width: 1px; + border-color: #7E9CBC #5C82AB #5C82AB; + background-color:#5e82a8; + color: #FFF; +} +.button_yes div.button_hover { + border-color: #92ACC7 #7293B7 #7293B7; + background-color: #84A1BF; +} +.button_yes div.button_down { + border-color: #4f749d #4f749d #5c82ab; + background-color: #5e84a9; +} +.button_no { + border: 1px solid #B8B8B8; + border-top: 1px solid #9F9F9F; + text-shadow: 0px 1px #FFF; +} + +.button_cancel { + color: #2B587A; +} + +.button_cancel .button_hover, .button_cancel .button:hover, .button_cancel .button.hover, .button_cancel .leave_button:hover { + background: #E1E7ED; +} + +.button_no div { + border: 1px solid #F4F4F4; + border-top: 1px solid #fff; + border-bottom: 1px solid #DFDFDF; + background-color: #eaeaea; + color: #000; + text-decoration: none; +} +.button_no div.button_hover { + background-color: #f7f7f7; +} + +.button_yes.locked .lock span, .button_no.locked .lock span { + visibility: hidden; +} + +.button_yes.locked .lock, .button_no.locked .lock { + background: url(/images/upload.gif) no-repeat center 7px; +} + +.flat_button.secondary { + font-weight: normal; + background-color: #dfe5ed; + color: #627485; +} + +.flat_button.secondary:hover { + background-color: #d8dfe8; + color: #607282; +} + + +.box_title { + border-top: 1px solid #648CB7; + padding: 6px 10px 8px 10px; +} +.box_dark .box_title { + border: none; + color: #FFFFFF; + background: #597BA5; + font-weight: bold; + padding: 17px 20px 18px; + font-size: 1.09em; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +#box_layer .box_dark .tabbed_box { + margin-bottom: 0px; +} +#box_layer .box_dark .tabbed_container { + margin-top: 0px; + margin-bottom: 0px; +} +#box_layer .box_dark .tabbed_box.has_sh .tabbed_container { + margin-top: -3px; + margin-bottom: -3px; +} +.box_dark .tabbed_sh { + display: none; +} +#box_layer .box_dark .tabbed_box.has_sh .tabbed_sh1 { + display: block; + height: 1px; + background: #DBDDE0; + opacity: 1; + filter: alpha(opacity=100); +} +#box_layer .box_dark .tabbed_box.has_sh .tabbed_sh2 { + display: block; + height: 2px; + background: #575A5C; + opacity: 0.12; + filter: alpha(opacity=12); +} +.box_dark .tabbed_box .summary_tabs { + padding: 5px 8px; + background: #F0F1F3; +} +.box_dark .tabbed_box .summary_tab, +.box_dark .tabbed_box .summary_tab_sel { + padding: 8px 5px; +} +.box_no_controls { + background-color: #DAE1E8; + border: 1px solid #ADBBCA; +} +.box_layout { + position: relative; /* for Opera getXY with fixed */ +} +.box_no_controls .box_title_wrap, .box_no_controls .box_layout .box_controls { + display: none; +} +.box_no_controls .box_body { + border: none; + padding: 0; +} + +.box_controls .flat_button { + margin-left: 10px; +} +.box_controls .flat_button.secondary { + background-color: #dfe3e8; +} +.box_controls .flat_button.secondary:hover { + background-color: #d9dee4; +} + +.delete_all .clear_fix { + margin-top: 10px; +} +.delete_all .button_gray { + margin: 0px 10px; +} + +/* + New input buttons with gradient +*/ +.button_blue, +.button_gray { + border: 0; + display: inline-block; + *display: inline; + position: relative; + line-height: normal; + zoom: 1; +} +.box_controls .button_blue, +.box_controls .button_gray { + margin: 2px 5px; +} +.button_blue button, +.button_gray button { + border: 0; + -webkit-border-radius: 2px; + -khtml-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + background: none; + font-size: 11px; + margin: 0px; + cursor: pointer; + white-space: nowrap; + outline: none; + font-family: tahoma, arial, verdana, sans-serif, Lucida Sans; + vertical-align: top; + overflow: visible; + line-height: 13px; +} +.font_medium .button_blue button, +.font_medium .button_gray button { + font-size: 12px; + line-height: 14px; +} +.button_wide { + display: block; +} +.button_wide button { + width: 100%; +} + +.button_blue button::-moz-focus-inner, +.button_gray button::-moz-focus-inner { + border: 0; +} + +.button_blue button, +.button_blue.button_disabled button:active, +.button_blue.button_disabled button.active, +.button_blue.button_disabled button:hover, +.button_blue.button_disabled button.hover { + padding: 6px 16px; + border: 0; + border-bottom: 1px solid #496b93; + text-shadow: 0 1px 0 #5578A0; + background: #658AB0 url(/images/button_bgf.png?1) repeat-x top; + background-position: 0px -12px; + *border: 0; + color: #FFF; +} +.button_blue button:hover, +.button_blue button.hover { + background-position: 0px -5px; + border-bottom-color: #4e7199; +} +.button_blue button:active, +.button_blue button.active, +.is_2x .button_blue button:active, +.is_2x .button_blue button.active { + background: #5e80a5; + border-bottom-color: #51749c; + position: relative; +} +.button_big.button_blue button { + padding: 7px 16px; + *padding: 7px 17px; +} + +.button_gray button, +.button_gray.button_disabled button:active, +.button_gray.button_disabled button.active, +.button_gray.button_disabled button:hover, +.button_gray.button_disabled button.hover { + padding: 5px 15px 6px; + *padding: 5px 16px 6px; + border: 1px solid; + border-top-color: #D3D3D3; + border-bottom-color: #AEAEAE; + border-left-color: #C7C7C7; + border-right-color: #C7C7C7; + color: #555; + text-shadow: 0 1px 0 #F6F6F6; + *border: 0; + background: #E9E9E9 url(/images/button_bgf.png?1) repeat-x top; + background-position: 0px -59px; +} +.button_gray button:hover, +.button_gray button.hover { + background-position: 0px -53px; + border-top-color: #D7D7D7; + border-bottom-color: #B7B7B7; + border-left-color: #CBCBCB; + border-right-color: #CBCBCB; +} +.button_gray button:active, +.button_gray button.active, +.is_2x .button_gray button:active, +.is_2x .button_gray button.active { + background: #DCDCDC; + border-top-color: #BEBEBE; + border-bottom-color: #B6B6B6; + border-left-color: #BDBDBD; + border-right-color: #BDBDBD; + position: relative; +} +.button_big.button_gray button { + padding: 6px 15px 7px; + *padding: 6px 16px 7px; +} + +.button_lock { + background: url('/images/upload_inv.gif') center no-repeat; + position: absolute; + width: 100%; + height: 100%; +} +.button_gray .button_lock { + background: url('/images/upload.gif') center no-repeat; +} + + +a.button_link:hover, +a.button_blue:hover, +a.button_gray:hover { + text-decoration: none; +} +.button_disabled { + opacity: 0.7; + filter: alpha(opacity=70); +} +.button_disabled button { + cursor: default; +} + +.as_button { + padding: 6px 16px 7px 16px; + font-size: 11px; + line-height: 13px; +} +.font_medium .as_button { + font-size: 12px; + line-height: 14px; +} + +/* Pages */ + +.page_list { + list-style: none; + margin: 0; + padding: 0; +} +.page_list li { + float: left; + display: inline; +} +.page_list a { + border-bottom: 2px solid #FFF; + display: block; + padding: 3px 3px 2px; +} +.page_list a:hover { + background: #597DA3; + border-bottom: 1px solid #597DA3; + color: #FFF; + text-decoration: none; +} +.page_list .current { + background: #FFF; + border-bottom: 2px solid #45668E; + color: #45668E; + font-weight: bold; + padding: 3px 2px 2px; +} +.pages_bottom .page_list .current { + padding-top: 1px; + border-bottom-color: white; + border-top: 2px solid #45668E; +} + +.flat_tabs { + border-bottom: 1px solid #DAE1E8; + height: 24px; + list-style-type: none; + margin: 0pt; + padding: 0px 7px; + vertical-align: bottom; +} +.flat_tab_on { + background-color: #FFF; + border: 1px solid #C3CAD2; + border-bottom: 0px; + float: left; + height: 24px; + margin: 0px 3px -1px; + text-align: center; + position: relative; +} +.flat_tab_on a { + float: left; + padding: 5px 10px; + text-decoration: none; +} +.flat_tab { + background-color: #F5F7FA; + border: 1px solid #C3CAD2; + border-bottom: 0px; + float: left; + height: 23px; + margin: 0px 3px; + text-align: center; +} +.flat_tab a { + border-bottom: 2px solid #EEF0F3; + float: left; + padding: 5px 10px 3px; + text-decoration: none; +} +.flat_tab a:hover { + background-color: #FFF; + text-decoration: none; +} +.flat_tab a:hover{ + background-color: #FFF; + border-bottom: 2px solid #F5F9FC; + text-decoration: none; +} + + +div.audio td { + border: 0px; + vertical-align: top; +} +.audio { + position: relative; + clear: both; +} +.audio .area { + cursor: pointer; + margin-bottom: 10px; + line-height: normal; +} +.fc_msg_media .audio .area { + margin-bottom: 0px; +} +.audio.over .area { + background-color: #EDF1F5; +} +.fc_msg_media .audio.over .area { + background: none; +} +.audio .play { + cursor: pointer; + width: 20px; + height: 17px; + background: url(/images/play.gif) no-repeat 0px 0px; +} +.audio .info { + width: 100%; + position: relative; +} +.audio .title_wrap { + padding: 7px 0 6px; + width: 260px; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + white-space: nowrap; +} +.fc_msg_media .audio .title_wrap { + width: 110px; +} +.audio .title_wrap b { + padding: 0px; + display: inline-block; + *display: inline; + vertical-align: top; + max-width: 180px; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + white-space: nowrap; +} +.audio .duration { + color: #777; + font-size: 0.9em; + padding: 8px 7px 7px 0px; + max-width: 40px; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; +} +.audio.over .duration { + color: #8795A5; +} +.audio .player { + height: 10px; + padding: 0px 6px; + display: none; +} +.audio.current .area { + margin-bottom: 0px +} +.audio.current .player { + display: block; +} +.audio .playline { + padding-top: 5px; +} +.audio .playline div { + border-top: 1px dashed #D8DFEA; + height: 9px; +} + +.audio .area .actions { + position: absolute; + top: 0px; + right: 0px; +} +.add_audio_plus { + background: #C4D2E1 url(/images/icons/plus_icon3.gif) no-repeat; + height: 17px; + width: 16px; + cursor: pointer; + margin-top: -2px; +} +.add_audio_plus.done { + background-position: 0 -17px; + background-color: #6B8DB1; + cursor: default; +} + +#audio_listeners_not_found { + text-align: center; + padding: 30px 20px; + color: #777; + font-size: 1.08em; +} + +#box_layer { + padding: 1px 0px 80px; +} +#box_layer .video_box .wrap { + position: relative; +} +#box_layer .video_box div { + position: relative; + z-index: 1011; +} +#box_layer .video_box .background { + position: absolute; + z-index: 1010; +} +#box_layer .video_box .description, +#box_layer .video .description { + padding-top: 10px; + position: relative; +} +#box_layer .video_box .no_flash_wrap { + padding-top: 160px; +} +#box_layer .video_box .no_flash { + margin: auto; + width: 320px; + padding: 10px; + background: #FFF; + border: 1px solid #CCC; + position: relative; + z-index: 1015; +} +#box_layer .flash_needed .button_blue { + margin: 15px auto 0px; + width: 150px; +} +#box_layer .flash_needed .button_blue button { + width: 100%; +} +#box_layer_wrap.box_layer_hidden, +.box_layer_hidden { + left: -10000px; + top: -10000px; + visibility: hidden; +} +#box_layer .upload_check.loading { + padding-top: 12px; +} + +#quick_auth_frame { + padding: 0px; + margin: 0px; + border: 0px; + width: 130px; + height: 300px; +} +#quick_login { + padding: 3px 0px 0px 9px; + width: 117px; +} +#quick_auth_button { + margin-top: 5px; +} +#quick_reg_button { + margin-top: 10px; +} +#quick_login .text { + width: 105px; + padding: 5px 5px 6px; +} +#quick_login .submit { + position: absolute; + color: #FFF; + border: 0; + padding: 0; + margin: 0; + background: #FFF; + top: -8000px; +} +#quick_login .label { + color: #45688E; + font-weight: bold; + padding: 1px 0px 8px; +} +#quick_login .labeled { + padding-bottom: 7px; +} +#quick_login .checkbox { + margin-bottom: 7px; + display: none; +} +#quick_login .reg { + margin-top: 7px; +} +#quick_login .forgot { + padding-top: 12px; + text-align: center; +} + +.msg, .error, .info_msg, .box_msg { + line-height: 160%; + padding: 8px 11px; +} +.error { + background: #FFEFE8; + border: 1px solid #E89B88; +} +.info_msg { + background: #F6F7F9; + border: 1px solid #DBE0EA; +} +.msg, .box_msg { + background-color: #F9F6E7; + border: 1px solid #D4BC4C; +} +.box_msg { + font-weight: bold; +} + +#system_msg { + z-index: 5000; + left: 0px; + top: 0px; + display: none; + -webkit-border-radius: 0px 0px 6px; + -khtml-border-radius: 0px 0px 6px; + -moz-border-radius: 0px 0px 6px; + border-radius: 0px 0px 6px; + padding: 7px 10px; +} + +#bad_browser { + border-bottom: 1px solid #B8C7D3; + background-color: #F2F4FF; +} +#bad_browser .info { + padding: 8px; + text-align: center; + line-height: 150%; +} +#bad_browser #good_browsers { + display: none; +} +#bad_browser #good_browsers div { + width: 400px; + height: 100px; + margin: 10px auto 0px; +} +#bad_browser #good_browsers a { + width: 100px; + height: 20px; + padding-top: 80px; +} + +/* qsearch section */ +#qsearch_link { + margin-top: 9px; + padding: 3px 15px 7px 15px; +} +#qsearch_link.active { + background-color: #5B7DA4; + border: 1px solid #3E5F84; + text-decoration: none; + padding: 2px 14px 6px 14px; +} +#qsearch_link.active:hover { + text-decoration: none; +} +#quick_search { + display: none; + margin-top: 9px; + width: 241px; + overflow: hidden; + overflow-y: visible; +} +#search_cont { + background-color: #FFFFFF; + width: 240px; + border: 1px solid #3E5F84; + border-left: 0; + height: 19px; +} +#search_input { + border: 0px none white; + font-size: 11px; + height: 13px; + outline: none; + overflow: hidden; + padding: 3px 0px 3px 10px; + width: 229px; +} +.font_medium #search_input { + font-size: 12px; +} +#quick_search .input_back { + padding-top: 2px !important; + line-height: 1.18em; +} + +#search_sub_menu div.s_photo { + width: 50px; + height: 50px; + overflow: hidden; + margin: 0px 10px 0px 0px; + line-height: 2em; +} +#search_sub_menu div.s_photo img { + width: 50px; + vertical-align: middle; +} +#search_sub_menu a.i_note div.s_photo, +#search_sub_menu a.i_group div.s_photo, +#search_sub_menu a.i_public div.s_photo, +#search_sub_menu a.i_event div.s_photo, +#search_sub_menu a.i_audio div.s_photo, +#search_sub_menu a.i_app div.s_photo, +#search_sub_menu a.i_ad div.s_photo { + background-image: url(/images/icons/qsearch_hints.gif?1); +} +#search_sub_menu a.i_audio div.s_photo { background-position: 0 0; } +#search_sub_menu a.i_app div.s_photo { background-position: 0 -50px; } +#search_sub_menu a.i_event div.s_photo { background-position: 0 -100px; } +#search_sub_menu a.i_group div.s_photo { background-position: 0 -150px; } +#search_sub_menu a.i_ad div.s_photo { background-position: 0 -200px; } +#search_sub_menu a.i_note div.s_photo { background-position: 0 -300px; } + +#search_sub_menu div.s_title { + cursor: pointer; + height: 42px; + margin-top: 4px; + width: 540px; + overflow: hidden; +} +#search_sub_menu div.s_title span { + background-color: #FFF8CC; + border-bottom: 1px solid #FFE222; + padding: 0 1px; +} +#search_sub_menu a.sub_item:hover, #search_sub_menu a.sub_item_over:hover, #search_sub_menu a.sub_item_next_over:hover { + text-decoration: none; +} +#search_sub_menu .s_title { + color: #2B587A; + font-weight: bold; +} +#search_sub_menu .s_title div { + color: #000; + font-weight: normal; + padding-top: 4px; +} + +#search_sub_menu .sub_item { + background-color: #FFFFFF; + border-top: 1px solid #E1E9EF; + color: #000000; + display: block; + padding: 4px 12px 4px 6px; +} +#search_sub_menu a.sub_item { + border-bottom: 1px solid #FFFFFF; + height: 50px; + padding: 6px 12px; + vertical-align: middle; +} +#search_sub_menu a.sub_item.over { + background-color: #EDF1F5; + border-bottom: 1px solid #EDF1F5; + text-decoration: none; +} +#search_sub_menu a.s_search_by { + font-weight: bold; + border-bottom: 1px solid #F7F7F7; + background-color:#F7F7F7; + height: 27px; +} +#search_sub_menu .s_search_by .s_title { + color: #2B587A; + margin-top: 7px; +} + +.tabs { + background: #F7F7F7; + padding: 8px; +} +.tabs .outer { +} +.tabs .tab a { + display: inline-block; +} +.tabs .tab a:hover { + text-decoration: none; +} +.tabs .tab { + display: inline-block; + margin-right: 12px; + padding: 2px; +} +.tabs .tab.selected { + border-bottom: 1px solid #FFFFFF; + padding: 0px; +} +.tabs .tab b { + padding: 2px 5px 2px 5px; + display: inline-block; +} +.tabs .tab.selected a { + border-top: 1px solid #395676; + border-right: 1px solid #517295; + border-bottom: 1px solid #4a73a0; + border-left: 1px solid #517295; + color: #FFFFFF; +} +.tabs .tab.selected b { + border: 1px solid #5C82AB; + background: #5e82a8; +} +.summary_tabs { + font-size: 11px; + padding: 5px 5px; + border-bottom: 1px solid #DAE1E8; + background: #F7F7F7; +} +.font_medium .summary_tabs { + font-size: 12px; +} +.summary_right { + padding: 8px 5px; +} +.summary_tab, .summary_tab_sel { + font-weight: bold; + padding: 8px 5px 7px; +} +.summary_tab2 { + -webkit-border-radius: 2px; + -khtml-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + padding: 3px 8px 4px; + display: block; +} +.summary_tab2:hover { + background: #E1E7ED; + text-decoration: none; +} +.summary_tab_sel .summary_tab2, .summary_tab_sel .summary_tab2:hover { + padding: 3px 8px 4px; + background: #597DA3; +} +.summary_tab3 { + max-width: 230px; + *display: inline; + height: 13px; + overflow: hidden; + font-weight: bold; + color: #45688E; + padding: 0; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + line-height: 120%; +} +.summary_tab_sel .summary_tab3 { + color: #FFF; +} +.summary_tab_x { + width: 11px; + height: 11px; + margin: 2px 1px 0px; + background: url(/images/pics/im_tabx.gif?1) 0 0; + opacity: 0.12; + cursor: pointer; + filter: alpha(opacity=12); + -webkit-transition: opacity 200ms linear; + -moz-transition: opacity 200ms linear; + -o-transition: opacity 200ms linear; + transition: opacity 200ms linear; +} +.summary_tab_x:hover { + opacity: 0.6; + filter: alpha(opacity=60); +} +.summary_tab_sel .summary_tab_x { + background-position: 0 -13px; + opacity: 0.2; + filter: alpha(opacity=20); + margin-left: 4px; + margin-right: -3px; +} +.is_rtl1 .summary_tab_sel .summary_tab_x { + margin-right: 4px; + margin-left: -3px; +} +.summary_tab_sel .summary_tab_x:hover { + opacity: 1; + filter: alpha(opacity=100); +} + +.no_select { + user-select: none; + -o-user-select: none; + -moz-user-select: none; + -khtml-user-select: none; +} +.select_fix { + user-select: text; + -o-user-select: text; + -moz-user-select: text; + -khtml-user-select: text; +} + +.input_back_wrap { + position: relative; + z-index: 90; + cursor: text; + pointer-events: none; +} +.input_back { + position: absolute; + color: #8C8E91; + z-index: 90; +} +.choose_box .input_back { + margin: 9px 4px 0px; +} +.input_back_content { + padding: 0px 2px; + white-space: nowrap; + line-height: normal; + text-overflow: ellipsis; + overflow: hidden; +} +.big.input_back_content { + padding-left: 0; + padding-top: 2px; +} +@-moz-document url-prefix() { +.big.input_back_content { + padding-left: 1px; + padding-top: 1px; +} +} + + +.sort_blank { + border: 1px dashed #D8DFEA; +} + +.divider { + color: #777; + font-weight: normal; + padding:0px 5px; +} + +small.divider { + padding:0px 2px; +} + +.unshown { + display: none; +} + +.hidden { + visibility: hidden; +} + +#global_prg { + position: absolute; + z-index: 400; +} + +/* Tabs */ +.tabs.t_bar { + background: #FFF; +} +.t_bar { + padding: 11px 10px 0px; + border-bottom: solid 1px #597DA3; +} +ul.t0 { + width: 605px; +} +ul.t0, ul.t0 li { + list-style-type: none; + margin: 0; + padding: 0; +} +ul.t0 li { + float: left; + text-align: center; +} +ul.t0 li.active_link a, ul.t0 li.active_link a:hover { + background: #597DA3; + color: #FFFFFF; +} +ul.t0 li a:hover { + background: #E1E7ED; + color: #2B587A; + text-decoration: none; +} +ul.t0 a { + float: left; + padding: 0 0 5px; + margin-right: 5px; + text-decoration: none; + background-color: #FFF; + max-width: 250px; +} +ul.t0 a span.count { + color: #2b587a; + margin-bottom: -1px; + padding: 0px 10px 0px 4px; + font-weight: bold; + font-style: normal !important; + font-size: 0.9em; + display: none; +} +ul.t0 li.active_link a span.count { + color: #FFF; +} +ul.t0 li.count a span.count { + display: inline-block; + vertical-align: baseline; +} +ul.t0 li.count .tab_word { + margin: 0 0 0 10px; +} +*:first-child+html .font_medium ul.t0 li.count a { + padding-bottom: 4px; +} +.font_medium ul.t0 a { + padding: 0 0 5px; +} +ul.t0 .tab_word { + margin: 0px 10px; + font-weight: normal; + max-width: 230px; + display: block; + _display: inline; + line-height: 1.19em; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; +} +ul.t0 .t_r { + float: right; + padding-top: 5px; +} +/*.font_medium { + padding: 4px 0 0; +}*/ +ul.t0 .t_r a { + margin: 0; + padding: 0; +} +ul.t0 .t_r a:hover { + text-decoration: underline; + background:#FFFFFF; +} +.tl1, .tl2 { + display: block; + height: 1px; + background-color: #FFF; + overflow: hidden; + margin: 0px; + border: 1px solid #FFF; + border-width: 0px 2px; +} +.tl2 { + margin-bottom: 3px; + border-width: 0px 1px; +} +ul.t0 li a { + outline: none; +} +ul.t0 li a:hover b.tl1, ul.t0 li a:hover b.tl2 { + background-color: #E1E7ED; +} +ul.t0 li.active_link a b.tl1, ul.t0 li.active_link a:hover b.tl1 { + background-color: #597DA3; + border-width: 0px 1px; +} +ul.t0 li.active_link a b.tl1 b, ul.t0 li.active_link a:hover b.tl1 b { + display: block; + height: 1px; + background: #597DA3; + overflow: hidden; + margin: 0px; + border: 1px solid #9AB1C6; + border-width: 0px 1px; +} +ul.t0 li.active_link a b.tl2, ul.t0 li.active_link a:hover b.tl2 { + background-color: #597DA3; + border-color: #9AB1C6; +} + +#flash_audio { + height: 0px; + top: 5px; + position: absolute; +} +.audio .play_btn_wrap { + padding: 6px; +} +.audio .play_new { + cursor: pointer; + width: 16px; + height: 16px; + background: url(/images/playpause.gif) no-repeat 0px 0px; +} +.audio .play_new.playing { + background-position: 0px -16px; +} + +.side_filter { + color: #2B587A; + cursor: pointer; + padding: 6px 6px 7px 10px; + background-color: #F7F7F7; + background-repeat: no-repeat; + width: 120px; +} + +.side_filter_over { + color: #2B587A; + background-color: #DAE1E8; +} + +.side_filter.cur_section { + background-color: #5e82a8; + color: #FFFFFF; +} + +.side_filter.loading { + background-image: url(/images/upload_inv_mini.gif); + background-position: 110px center; + background-repeat: no-repeat; +} + +.sort_rev_icon, .sort_not_rev_icon { + width: 15px; + height: 11px; + background: url(/images/photoorder.gif) left 0px; +} +.sort_not_rev_icon { + background-position: left -14px; +} + +.pg_more_link { + display: block; + padding: 10px; + border-top: 1px solid #FFF; + text-align: center; +} +.pg_more_link:hover { + text-decoration: none; + background: #E9EDF1; + border-top: 1px solid #DAE1E8; +} +.pg_more_progress { + margin: 0px auto; +} +.pg_lnk { + padding-bottom: 3px; +} +.pg_lnk:hover { + padding-bottom: 0px; + border-bottom: 3px solid #DAE1E8; + text-decoration: none; +} +.pages_bottom .pg_lnk { + padding-top: 4px; + padding-bottom: 0px; +} +.pages_bottom .pg_lnk:hover { + padding-top: 1px; + border-bottom: 0px; + border-top: 3px solid #DAE1E8; + text-decoration: none; +} +.pg_pages { +} +.pg_in { + padding: 2px 5px; +} +.pg_lnk .pg_in { + padding: 2px 6px; +} +.pg_lnk_sel { + font-weight: bold; + color: #45688E; + border-bottom: 1px solid #2B587A; +} +.pg_lnk_sel:hover { + text-decoration: none; +} +.pg_lnk_sel .pg_in { + border-bottom: 3px solid #597DA3; +} +.pages_bottom .pg_lnk_sel { + border-top: 1px solid #2B587A; + border-bottom: 0px; +} +.pages_bottom .pg_lnk_sel .pg_in { + border-top: 3px solid #597DA3; + border-bottom: 0px; +} +#pg_fixed { + top: 20px; + z-index: 200; + display: none; +} +.pg_fixed_back { + background: #000; + -webkit-border-radius: 3px; + -khtml-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + opacity: 0.5; + filter: alpha(opacity=50); + position: absolute; +} +.pg_fixed_pages { + position: relative; + padding: 5px 10px 6px; +} +.pg_flnk:hover, .pg_flnk_rd:hover, .pg_flnk_sel:hover, .pg_flnk_nb:hover { + text-decoration: none; +} +.pg_flnk, .pg_flnk_rd, .pg_flnk_sel, .pg_flnk_nb { + font-size: 1.18em; + color: #CCC; + padding: 2px 5px 1px; + font-weight: bold; + display: inline-block; + *display: inline; + zoom: 1; +} +.pg_flnk { + border-bottom: 1px solid #CCC; +} +.pg_flnk_rd { + border-bottom: 1px solid #FFF; +} +.pg_flnk, .pg_flnk_rd, .pg_flnk_nb { + -webkit-transition: color 200ms linear; + -moz-transition: color 200ms linear; + -o-transition: color 200ms linear; + transition: color 200ms linear; +} +.pg_flnk:hover, .pg_flnk_rd:hover, .pg_flnk_nb:hover { + color: #FFF; +} +.pg_flnk_nb { + font-weight: normal; + padding: 2px 3px 1px; +} +.pg_flnk_sel { + color: #FFF; + border-bottom: 4px solid #FFF; +} + +/* Box notify */ +.top_result_baloon_wrap { + padding-top: 50px; + z-index: 1200; + font-size: 1.09em; +} + +.top_result_baloon { + color: #FFF; + cursor: pointer; + background: url('/images/mv_bg.png'); + background: rgba(0, 0, 0, 0.75); + + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + + -webkit-box-shadow: 0 2px 15px #888; + -moz-box-shadow: 0 2px 15px #888; + box-shadow: 0 2px 15px #888; + + padding: 15px 15px; + width: 380px; + text-shadow: 0px 1px 0px #262626; + line-height: 160%; +} +div.top_result_header { + font-weight: bold; + font-size: 1.09em; + padding-bottom: 5px; +} +div.top_result_baloon a { + color: #B1DAFF; + font-weight: bold; +} + +/* dropbox styles */ +.dropbox { + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + z-index: 1550; + background: #FFF url(/images/dropbox_arrow.png) no-repeat 55px 11px; + display: none; +} +.dropbox.choose { + background: #FFF url(/images/dropbox_arrow.png) no-repeat 75px 31px; + border-bottom: 1px solid #DAE1E8; +} +.dropbox_wrap { + padding: 30px; + height: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.dropbox.choose .dropbox_wrap { + padding: 50px; +} +.dropbox_area { + text-align: center; + color: #7F92A5; + font-size: 1.27em; + -moz-user-select: none; + -khtml-user-select: none; + user-select: none; + border: 3px dashed #A3B6C9; + position: relative; + min-height: 100%; +} +.dropbox_label { + position: absolute; + width: 100%; + top: 50%; + height: 50px; + line-height: 4.54em; + margin-top: -25px; +} +.left_restore_link { + /*position: absolute;*/ + margin: 10px 0px 0px 0px; + padding: 8px; + background: #F7F7F7; + width: 110px; + line-height: 140%; + -webkit-border-radius: 5px; + -khtml-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.piechart_table { + margin: 0 30px 20px 0; +} +.piechart_table tr td { + padding: 7px 8px 8px 8px; + border-bottom: 1px solid #EAEEF1; + text-align: left; +} +.piechart_stat_color { + float: left; + margin: 2px 8px 0 0; + width: 12px; + height: 12px; + -webkit-border-radius: 2px; + -khtml-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.piechart_stat_name { + min-width: 120px; +} +.piechart_stat_info { + padding-left: 0!important; +} +.piechart_col_header th { + padding: 7px 0; + font-weight: bold; + background-color: #EEF2F6; +} +th.piechart_col_header_first { + padding-left: 28px; +} +th.piechart_col_header_second { + padding-right: 20px; +} + +.piechart_tooltip { + position: absolute; + z-index: 5000; + width: 400px; + + color: white; + line-height: 200%; + display: none; +} + +.piechart_tooltip div.background { + color: black; + + background-color: black; + -moz-opacity: 0.8; + opacity: 0.8; + filter: alpha(opacity=80); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.piechart_tooltip div { + position: absolute; + padding: 10px; +} + +.piechart_rows_root.transp_children .piechart_column .piechart_row { + opacity: 0.5; + -moz-opacity: 0.5; + filter: alpha(opacity=50); +} + +.piechart_rows_root.transp_children .piechart_column .piechart_row.hovered { + opacity: 1; + -moz-opacity: 1; + filter: alpha(opacity=100); +} + +/* new top nav styles */ + +.ts_contact { + display: block; + height: 40px; + padding: 4px 8px; + line-height: 100%; + white-space: nowrap; + overflow: hidden; + margin: 0px; + position: relative; +} +.ts_contact:first-child { + padding-top: 8px; +} +.ts_contact:last-child { + padding-bottom: 8px; +} +.ts_contact_photo img { + width: 40px; + height: 40px; + background: 0 0 no-repeat; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +.ts_contact_online .ts_contact_status, +.ts_contact_mobile .ts_contact_status { + background: url(/images/icons/rbox_full2.png?1) 0px -49px no-repeat; + right: 10px; + top: 9px; + position: absolute; + width: 6px; + height: 6px; +} +.ts_contact_mobile .ts_contact_status { + background-position: -2px -128px; + top: 8px; + right: 9px; + height: 11px; + width: 7px; +} +.ts_contact.ts_contact_online:first-child .ts_contact_status, +.ts_contact.ts_contact_mobile:first-child .ts_contact_status { + top: 13px; +} +.ts_contact.ts_contact_mobile:first-child .ts_contact_status { + top: 12px; +} +.ts_contact.active.write:first-child .ts_contact_status{ + top: 12px; +} +.ts_contact.active.write .ts_contact_status { + background: url(/images/icons/rbox_full2.png?1) 1px -83px no-repeat; + width: 12px; + height: 11px; + position: absolute; + top: 8px; + right: 9px; +} +.ts_contact.active.write .ts_contact_status:hover { + background: url(/images/icons/rbox_full2.png?1) 1px -116px no-repeat; +} +.ts_search_link .ts_contact_status { + background: url(/images/icons/rbox_full2.png?1) 0 -99px no-repeat; + width: 11px; + height: 12px; + position:absolute; + top:12px; + right:8px; +} +#ts_search_sep { + padding: 6px 13px 7px; + color: #777; + background: #f0f0f0; + border-top: 1px solid #e0e1e2; + border-bottom: 1px solid #e0e1e2; + font-weight: bold; +} +.ts_contact_name { + color: #45688e; + height:30px; + padding: 2px 0 0 8px; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + white-space: nowrap; + display: block; + width: 160px; + overflow: hidden; + font-weight: bold; + position: relative; +} +.ts_search_link .ts_contact_name { + padding: 0; + width: 100%; + font-weight: normal; +} +.ts_contact_info { + font-weight: normal; + color: #999; + padding-top: 6px; + font-size: 11px; +} +.font_medium .ts_contact_info { + font-size: 12px; +} +.ts_contact.active .ts_contact_info { + color: #8795a5; +} +.chat_onl_wrap { + position: fixed; + right: 10px; + bottom: 0px; + display: none; + text-align: center; + z-index: 790; + background: #EDF1F5; +} +.layers_shown .chat_onl_wrap { + background: #6B6B6B; +} +.chat_onl_cont { + padding: 13px 0px; + width: 38px; + cursor: pointer; +} +.chat_tab_wrap { + cursor: pointer; + padding: 0px 6px; + display: block; +} +.chat_active, .chat_expand, .chat_onl_wrap:hover, .chat_tab_wrap:hover { + background: #EDF1F5; +} +.layers_shown .chat_active, .layers_shown .chat_expand, .layers_shown .chat_tab_wrap:hover { + background: #6B6B6B; +} +.chat_tab_wrap:hover { + background: #E1E7ED; +} +.layers_shown .chat_tab_wrap:hover { + background: #7B7B7B; +} +.chat_onl { + padding: 0px 0px 0px 0px; + z-index: 500; + color: #7993AD; + height: 14px; + font-size: 0.9em; + line-height: 14px; + font-weight: bold; + display: inline-block; + *display: inline; + zoom: 1; +} +.layers_shown .chat_onl { + color: #AFAFAF; +} +.chats_sp { + background: url(/images/icons/chats.png?13) no-repeat; + background-size: 127px 56px; +} +.chat_onl:hover { + opacity: 1; +} +.chat_onl_icon { + background-position: -40px -44px; + width: 11px; + height: 12px; + margin-left: 4px; + vertical-align: top; + display: inline-block; + *display: inline; + zoom: 1; +} +.layers_shown .chat_onl_icon { + background-position: -51px -44px; + opacity: 0.5; + filter: alpha(opacity=50); +} +em.ts_clist_hl { + font-style: normal; + background: #f0f4f7; + border-bottom: 1px solid #eff3f6; + margin: 0px; + padding: 0px 1px; +} + +#ts_wrap { + position: absolute; + top: 0px; + left: 144px; + height: 40px; + width: 171px; +} +#ts_wrap.vk { + left: auto; + right: 45px; + width: 600px; +} +#ts_wrap .input_back { + color: #7C90A6; +} +#ts_wrap .ts.dark .input_back { + color: #7A8CA0; +} +div.ts_back_link { + margin-bottom: 1px; + overflow: hidden; + width: 410px; +} +div.ts_input_wrap { + position: relative; + top: 50%; + width: 167px; + + margin-top: -13px; + padding: 1px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + overflow: hidden; +} + +#ts_wrap.vk div.ts_input_wrap { +/* opacity: 0.5; + filter: alpha(opacity=50); + */ + width: 130px; +} +div.ts_input_wrap2 { + margin-right: 63px; +} +div.ts { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + overflow: hidden; + background-color: #FFFFFF; +} +div.ts .input_back { + margin-top: 0 !important; + margin-left: 0 !important; +} +#ts_input { + border: 0; + padding: 4px 41px 3px 20px; + outline: 0; + margin: 0px; + width: 100%; + background: url(/images/search_icon_d.gif) no-repeat 6px -11px; + + height: 13px; + line-height: 1.36em; +} +#ts_wrap.vk #ts_input { + background: url(/images/search_icon.gif) no-repeat 6px 5px; +} +.ts_query { + font-weight: bold; +} +#ts_cont_wrap { + position: absolute; + top: 48px; + left: 139px; + background: #FFF; + width: 248px; + z-index: 800; + + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + + overflow: hidden; + + -webkit-box-shadow: 0 0 6px #999; + -moz-box-shadow: 0 0 6px #999; + box-shadow: 0 0 6px #999; + + display: none; +} +#ts_cont_wrap.vk { + right: 1px; + left: auto; +} +#ts_cont_wrap.none { + display: none; +} +*:first-child+html #ts_cont_wrap, +* html #ts_cont_wrap { + border: 1px solid #a6b6c6; + right: 0; +} + +.ts_settings { + background: url(/images/settings_icon.gif) 10px 9px no-repeat; + display: block; + padding: 12px 19px 15px 18px; + height: 13px; + margin: 0px; + opacity: 0.7; + filter: alpha(opacity=70); +} +#ts_cont_wrap a.ts_contact { + text-decoration: none; +} +#ts_cont_wrap a.ts_contact.active { + text-decoration: none; + background: #EDF1F5; + background: none repeat scroll 0 0 rgba(219, 227, 235, 0.5); +} +#ts_cont_wrap a.ts_contact:first-child, +#ts_cont_wrap a.ts_search_link:first-child { + -webkit-border-top-right-radius: 3px; + -webkit-border-top-left-radius: 3px; + -moz-border-radius-topright: 3px; + -moz-border-radius-topleft: 3px; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +#ts_cont_wrap a.ts_contact:last-child, +#ts_cont_wrap a.ts_search_link:last-child { + -webkit-border-bottom-right-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-bottomright: 3px; + -moz-border-radius-bottomleft: 3px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.ts_link { + display: block; + height: 20px; + padding: 4px 8px; + white-space: nowrap; + overflow: hidden; + line-height: 1.81em; +} +.ts_link:first-child { + padding-top: 8px; +} +.ts_link:last-child { + padding-bottom: 8px; +} +a.ts_link:hover { + text-decoration: none; + background: #EDF1F5; + background: none repeat scroll 0 0 rgba(219, 227, 235, 0.5); +} +a.ts_search_link { + display: block; + height: 30px; + line-height: 2.72em; + padding: 4px 13px; + white-space: nowrap; + overflow: hidden; +} +a.ts_search_link:hover { + text-decoration: none; +} +a.ts_search_link.active { + text-decoration: none; + background: #EDF1F5; + background: none repeat scroll 0 0 rgba(219, 227, 235, 0.5); +} + +/* Special mems */ +.mem_special { + color: #2E7B27; + font-weight: bold; +} +.summary_tab_sel .summary_tab3 .mem_special { + color: #FFF; +} + +/* Round tabs */ +.round_tab { + -webkit-border-radius: 2px; + -khtml-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + cursor: pointer; + color: #45688E; + font-weight: bold; + padding: 3px 8px 4px; + float: left; +} +.round_tab.visible { + background-color: #E1E7ED; +} +.round_tab.selected { + color: white; +} +.round_tab:hover { + background-color: #E1E7ED; + text-decoration: none; +} +.round_tab.visible:hover { + background-color: #D7E0E7; +} +.round_tab.selected, +.round_tab.selected:hover { + background-color: #597DA3; +} + + +/* Animated counters */ +.counter_anim_wrap { + position: relative; + height: 1.2em; + vertical-align: top !important; + line-height: normal; + overflow: hidden; +} +.counter_anim { + position: absolute; + right: 0; + text-align: right; + white-space: nowrap; +} +.counter_css_anim_wrap { + -webkit-transition: width 100ms linear; + -moz-transition: width 100ms linear; + -o-transition: width 100ms linear; + transition: width 100ms linear; +} +.counter_css_anim_wrap .counter_anim { + -webkit-transition: margin-top 300ms ease-out; + -moz-transition: margin-top 300ms ease-out; + -o-transition: margin-top 300ms ease-out; + transition: margin-top 300ms ease-out; +} +.is_rtl1 .mob_onl { + margin-left: 0px; + margin-right: 4px; +} +.mob_onl { + width: 0px; + height: 12px; + padding-left: 7px; + margin-left: 4px; + background: url(/images/mobile_online.gif?1) no-repeat; + *zoom: 1; + cursor: pointer; +} + +#mvk_footer_lnk { + padding: 7px 0px 5px; +} +.emoji, .emoji_css { + width: 16px; + height: 16px; + *height: 17px; + border: none; + vertical-align: top; + margin: 0px 1px; +} +.emoji_css { + background: url('/images/im_emoji.png?9') no-repeat; +} +#reg_bar { + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); + background: #EEF1F3; + background: rgba(238, 241, 243, 0.9); + top: -56px; + font-size: 13px; + border-bottom: 1px solid #DAE1E8; + z-index: 400; +} +#reg_bar_content { + padding: 10px 0px 10px 110px; + line-height: 160%; + text-align: center; + color: #7992AD; + font-weight: bold; +} +.reg_bar_link { + color: #45688E; + padding-bottom: 1px; + border-bottom: 1px solid #B6C4D5; +} +.reg_bar_link:hover { + text-decoration: none; + border-color: #45688E; +} + + + + +/*New button*/ + +.flat_button { + padding: 6px 16px 7px 16px; + *padding: 6px 17px 7px 17px; + margin: 0; + + font-size: 11px; + + display: inline-block; + *display: inline; + zoom: 1; + + cursor: pointer; + white-space: nowrap; + outline: none; + font-family: tahoma, arial, verdana, sans-serif, Lucida Sans; + vertical-align: top; + overflow: visible; + line-height: 13px; + text-decoration: none; + + background: none; + background-color: #6383a8; + color: #FFF; + + border: 0; + *border: 0; + -webkit-border-radius: 2px; + -khtml-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + border-radius: 2px; + + -webkit-transition: background-color 100ms ease-in-out; + -khtml-transition: background-color 100ms ease-in-out; + -moz-transition: background-color 100ms ease-in-out; + -ms-transition: background-color 100ms ease-in-out; + -o-transition: background-color 100ms ease-in-out; + transition: background-color 100ms ease-in-out; +} + + +.font_medium.flat_button { + font-size: 12px; + line-height: 14px; +} + +.flat_button::-moz-focus-inner { + border: 0; +} + +.flat_button:hover { + background-color: #6d8cb0; + text-decoration: none; +} + + +.flat_button:active, +.flat_button.active, +.is_2x .flat_button:active, +.is_2x .flat_button.active { + background: #5c7ca1; + + padding-top: 7px; + padding-bottom: 6px; +} + +.flat_button.secondary:active { + background-color: #d8dfe8; +} + +.button_big.flat_button:active, +.button_big.flat_button.active, +.button_big.is_2x .flat_button:active, +.button_big.is_2x .flat_button.active { + padding-top: 8px; + padding-bottom: 7px; +} + + +.button_big.flat_button { + padding-top: 7px; + padding-bottom: 8px; +} + +.button_small.flat_button:active, +.button_small.flat_button.active, +.button_small.is_2x .flat_button:active, +.button_small.is_2x .flat_button.active { + padding-top: 6px; + padding-bottom: 5px; +} + +.button_small.flat_button { + padding-top: 5px; + padding-bottom: 6px; +} + +.button_big_width.flat_button { + padding-left: 32px; + padding-right: 32px; + *padding-left: 35px; + *padding-right: 35px; +} + +.flat_button.button_wide { + width: 100%; +} +.flat_button_lock { + background: url('/images/upload_inv.gif') center no-repeat; + width: 100%; + height: 100%; + float: left; +} + +.flat_button.button_disabled:hover, +.flat_button.button_disabled:active { + background-color: #6383a8; + cursor: default; +} + + +/* Verified accounts */ +.page_verified { + background: url(/images/profile_icons.gif?10) no-repeat 0 -73px; + width: 13px; + height: 11px; + display:-moz-inline-stack; + display:inline-block; + _overflow:hidden; + zoom:1; + *display:inline; + position: relative; + top: 1px; + margin: 0 3px 0 6px; +} + + +.selLang { + padding: 20px 0px 20px 30px; +} + +.lang-column { + float: left; + width: 160px; + margin-left: 6px; +} + +.lang-column a, .lang-column b { + display: block; + padding: 3px 7px; +} + + +.tabs_pane { + height: 23px; + border-bottom: 1px solid #597DA3; + padding: 0 20px; +} + +.tabs_pane > .tab { + float: left; + padding: 5px 8px; + border-radius: 3px 3px 0 0; + margin-right: 5px; + cursor: pointer; + color: #2B587A; +} +.tabs_pane > .tab:hover { + background-color: #E1E7ED; + text-decoration: none; +} +.tabs_pane > .tab a { + text-decoration: none; +} +.tabs_pane > .tab.selected { + background-color: #597DA3; + color: white; +} +.tabs_pane > .tab.selected:hover { + background-color: #597DA3; +} diff --git a/lib/index.js b/lib/index.js new file mode 100644 index 0000000..69f401d --- /dev/null +++ b/lib/index.js @@ -0,0 +1,93 @@ +var fs = require('fs'), + path = require('path'), + csso = require('csso'), + cleancss = new require('clean-css')(), + cssshrink = require('cssshrink'); + +require('colors'); + +function mkdirs(paths) { + paths.forEach(function(path) { + fs.mkdir(path, function(err) { + if (err && err.code !== 'EEXIST') throw err; + }); + }); +} + +function addSpaces(name) { + var spaces = ''; + for (var i = 0; i < 34 - name.length; i++) { + spaces += ' '; + } + + return spaces; +} + +// create paths +mkdirs(['css/min', 'css/min/csso', 'css/min/cleancss', 'css/min/cssshrink']); + +var toRawCSS = path.join('css', 'raw'), + toCSSOOtput = path.join('css', 'min', 'csso'), + toCleanCssOutput = path.join('css', 'min', 'cleancss'), + toCssShrinkOutput = path.join('css', 'min', 'cssshrink'); + +// Ok! Let's GO! +var cssFiles = fs.readdirSync(toRawCSS); + +cssFiles.forEach(function(cssFile) { + console.log( + '---> '.bold.green + cssFile + addSpaces(cssFile) + + ' --> ' + (fs.statSync(path.join(toRawCSS, cssFile)).size + '').bold + ' b' + ); + + var css = fs.readFileSync(path.join(toRawCSS, cssFile), 'utf-8'); + + var start = 0, + end = 0; + + start = Date.now(); + var minCSSO = csso.justDoIt(css); + end = Date.now(); + var timeCSSO = end - start; + + start = Date.now(); + var minCleanCss = cleancss.minify(css); + end = Date.now(); + var timeCleanCss = end - start; + + start = Date.now(); + var minCssShrink = cssshrink.shrink(css); + end = Date.now(); + var timeCssShrink = end - start; + + fs.writeFileSync(path.join(toCSSOOtput, cssFile), minCSSO); + fs.writeFileSync(path.join(toCleanCssOutput, cssFile), minCleanCss); + fs.writeFileSync(path.join(toCssShrinkOutput, cssFile), minCssShrink); + + var fileSizeCSSO = fs.statSync(path.join(toCSSOOtput, cssFile)).size, + fileSizeCleanCss = fs.statSync(path.join(toCleanCssOutput, cssFile)).size, + fileSizeCssShrink = fs.statSync(path.join(toCssShrinkOutput, cssFile)).size; + + var minSize = Math.min(fileSizeCSSO, fileSizeCleanCss, fileSizeCssShrink), + minTime = Math.min(timeCSSO, timeCleanCss, timeCssShrink); + + console.log( + ' > was minimized by CSSO --> ' + + (minSize === fileSizeCSSO ? (fileSizeCSSO + '').bold.green : fileSizeCSSO) + ' b | ' + + (minTime === timeCSSO ? (timeCSSO + '').bold.green : timeCSSO) + ' ms' + ); + + console.log( + ' > was minimized by clean-css --> ' + + (minSize === fileSizeCleanCss ? (fileSizeCleanCss + '').bold.green : fileSizeCleanCss) + ' b | ' + + (minTime === timeCleanCss ? (timeCleanCss + '').bold.green : timeCleanCss) + ' ms' + ); + + console.log( + ' > was minimized by cssshrink --> ' + + (minSize === fileSizeCssShrink ? (fileSizeCssShrink + '').bold.green : fileSizeCssShrink) + ' b | ' + + (minTime === timeCssShrink ? (timeCssShrink + '').bold.green : timeCssShrink) + ' ms' + ); + + console.log() +}); diff --git a/package.json b/package.json new file mode 100644 index 0000000..f013cbd --- /dev/null +++ b/package.json @@ -0,0 +1,42 @@ +{ + "name": "css-minimizers-bench", + "version": "0.0.0", + "description": "Сompares the work of CSS minimizers", + "keywords": [ + "css", + "minimizers", + "bench", + "css-minimizers-bench" + ], + "homepage": "https://github.com/eGavr/css-minimizers-bench", + "bugs": "https://github.com/eGavr/css-minimizers-bench/issues", + "author": { + "name": "Evgeniy Gavryushin", + "email": "job.egavr@yandex.ru", + "url": "https://github.com/eGavr" + }, + "main": "lib/index.js", + "bin": { + "compare-minimizers": "./bin/compare-minimizers" + }, + "repository": { + "type": "git", + "url": "git://github.com/eGavr/css-minimizers-bench.git" + }, + "license": "MIT", + "dependencies": { + "csso": "^1.3.11", + "clean-css": "^2.2.12", + "cssshrink": "0.0.5", + "colors": "^0.6.2" + }, + "engines": { + "node": ">=0.8.0", + "npm": ">=1.2.10" + }, + "licenses": [ + { + "type": "MIT" + } + ] +}