diff --git a/.gitignore b/.gitignore index d0bcc440..a59c7f5c 100644 --- a/.gitignore +++ b/.gitignore @@ -11,7 +11,6 @@ media logs/ Thumbs.db /proj/local.py -static/client .DS_Store diff --git a/static/client/css/idangerous.swiper.css b/static/client/css/idangerous.swiper.css new file mode 100644 index 00000000..4f916c44 --- /dev/null +++ b/static/client/css/idangerous.swiper.css @@ -0,0 +1,118 @@ +/* + * Swiper - Mobile Touch Slider CSS + * http://www.idangero.us/sliders/swiper + * + * Vladimir Kharlampidi, The iDangero.us + * http://www.idangero.us/ + * + * Copyright 2012-2013, Vladimir Kharlampidi + * The iDangero.us + * http://www.idangero.us + * + * Licensed under GPL & MIT + * +*/ + +/* =============================================================== +Basic Swiper Styles +================================================================*/ +.swiper-container { + margin:0 auto; + position:relative; + overflow:hidden; + -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; +} +.swiper-wrapper { + position:relative; + width:100%; + -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; +} +.swiper-free-mode > .swiper-wrapper { + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + -ms-transition-timing-function: ease-out; + -o-transition-timing-function: ease-out; + transition-timing-function: ease-out; + margin: 0 auto; +} +.swiper-slide { + float: left; +} + +/* IE10 Windows Phone 8 Fixes */ +.swiper-wp8-horizontal { + -ms-touch-action: pan-y; +} +.swiper-wp8-vertical { + -ms-touch-action: pan-x; +} + +/* =============================================================== +Your custom styles, here you need to specify container's and slide's +sizes, pagination, etc. +================================================================*/ +.swiper-container { + /* Specify Swiper's Size: */ + + /*width:200px; + height: 100px;*/ +} +.swiper-slide { + /* Specify Slides's Size: */ + + /*width: 100%; + height: 100%;*/ +} +.swiper-slide-active { + /* Specific active slide styling: */ + +} +.swiper-slide-visible { + /* Specific visible slide styling: */ + +} +/* =============================================================== +Pagination Styles +================================================================*/ +.swiper-pagination-switch { + /* Stylize pagination button: */ + +} +.swiper-active-switch { + /* Specific active button style: */ + +} +.swiper-visible-switch { + /* Specific visible button style: */ + +} diff --git a/static/client/css/idangerous.swiper.scrollbar.css b/static/client/css/idangerous.swiper.scrollbar.css new file mode 100644 index 00000000..25c12a3a --- /dev/null +++ b/static/client/css/idangerous.swiper.scrollbar.css @@ -0,0 +1,16 @@ +.swiper-scrollbar { + border-radius: 10px; + position: relative; + -ms-touch-action: none; + background: rgba(0,0,0,0.1) +} +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: rgba(0,0,0,0.5); + border-radius: 10px; +} +.swiper-scrollbar-cursor-drag { + cursor: move; +} \ No newline at end of file diff --git a/static/client/css/jquery-ui-1.10.3.custom.css b/static/client/css/jquery-ui-1.10.3.custom.css new file mode 100644 index 00000000..35ce1b6c --- /dev/null +++ b/static/client/css/jquery-ui-1.10.3.custom.css @@ -0,0 +1,163 @@ +/*! jQuery UI - v1.10.3 - 2013-11-24 +* http://jqueryui.com +* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.menu.css +* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { + display: none; +} +.ui-helper-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +.ui-helper-reset { + margin: 0; + padding: 0; + border: 0; + outline: 0; + line-height: 1.3; + text-decoration: none; + font-size: 100%; + list-style: none; +} +.ui-helper-clearfix:before, +.ui-helper-clearfix:after { + content: ""; + display: table; + border-collapse: collapse; +} +.ui-helper-clearfix:after { + clear: both; +} +.ui-helper-clearfix { + min-height: 0; /* support: IE7 */ +} +.ui-helper-zfix { + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + opacity: 0; + filter:Alpha(Opacity=0); +} + +.ui-front { + z-index: 100; +} + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { + cursor: default !important; +} + + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + display: block; + text-indent: -99999px; + overflow: hidden; + background-repeat: no-repeat; +} + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.ui-autocomplete { + position: absolute; + top: 0; + left: 0; + cursor: default; +} + +.ui-menu { + list-style: none; + padding: 2px; + margin: 0; + display: block; + outline: none; +} +.ui-menu .ui-menu { + margin-top: -3px; + position: absolute; +} +.ui-menu .ui-menu-item { + margin: 0; + padding: 0; + width: 100%; + /* support: IE10, see #8844 */ + list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); +} +.ui-menu .ui-menu-divider { + margin: 5px -2px 5px -2px; + height: 0; + font-size: 0; + line-height: 0; + border-width: 1px 0 0 0; +} +.ui-menu .ui-menu-item a { + text-decoration: none; + display: block; + padding: 2px .4em; + line-height: 1.5; + min-height: 0; /* support: IE7 */ + font-weight: normal; +} +.ui-menu .ui-menu-item a.ui-state-focus, +.ui-menu .ui-menu-item a.ui-state-active { + font-weight: normal; + margin: -1px; +} + +.ui-menu .ui-state-disabled { + font-weight: normal; + /*margin: .4em 0 .2em; + line-height: 1.5;*/ +} +.ui-menu .ui-state-disabled a { + cursor: default; +} + +/* icon support */ +/*.ui-menu-icons { + position: relative; +} +.ui-menu-icons .ui-menu-item a { + position: relative; + padding-left: 2em; +}*/ + +/* left-aligned */ +/*.ui-menu .ui-icon { + position: absolute; + top: .2em; + left: .2em; +}*/ + +/* right-aligned */ +/*.ui-menu .ui-menu-icon { + position: static; + float: right; +}*/ diff --git a/static/client/css/jquery.fancybox.css b/static/client/css/jquery.fancybox.css new file mode 100644 index 00000000..49d64b6d --- /dev/null +++ b/static/client/css/jquery.fancybox.css @@ -0,0 +1,274 @@ +/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ +.fancybox-wrap, +.fancybox-skin, +.fancybox-outer, +.fancybox-inner, +.fancybox-image, +.fancybox-wrap iframe, +.fancybox-wrap object, +.fancybox-nav, +.fancybox-nav span, +.fancybox-tmp +{ + padding: 0; + margin: 0; + border: 0; + outline: none; + vertical-align: top; +} + +.fancybox-wrap { + position: absolute; + top: 0; + left: 0; + z-index: 8020; +} + +.fancybox-skin { + position: relative; + background: #f9f9f9; + color: #444; + text-shadow: none; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.fancybox-opened { + z-index: 8030; +} + +.fancybox-opened .fancybox-skin { + -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); + box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); +} + +.fancybox-outer, .fancybox-inner { + position: relative; +} + +.fancybox-inner { + overflow: hidden; +} + +.fancybox-type-iframe .fancybox-inner { + -webkit-overflow-scrolling: touch; +} + +.fancybox-error { + color: #444; + font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; + margin: 0; + padding: 15px; + white-space: nowrap; +} + +.fancybox-image, .fancybox-iframe { + display: block; + width: 100%; + height: 100%; +} + +.fancybox-image { + max-width: 100%; + max-height: 100%; +} + +#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { + background-image: url('../img/fancybox/fancybox_sprite.png'); +} + +#fancybox-loading { + position: fixed; + top: 50%; + left: 50%; + margin-top: -22px; + margin-left: -22px; + background-position: 0 -108px; + opacity: 0.8; + cursor: pointer; + z-index: 8060; +} + +#fancybox-loading div { + width: 44px; + height: 44px; + background: url('../img/fancybox/fancybox_loading.gif') center center no-repeat; +} + +.fancybox-close { + position: absolute; + top: -18px; + right: -18px; + width: 36px; + height: 36px; + cursor: pointer; + z-index: 8040; +} + +.fancybox-nav { + position: absolute; + top: 0; + width: 40%; + height: 100%; + cursor: pointer; + text-decoration: none; + background: transparent url('../img/fancybox/blank.gif'); /* helps IE */ + -webkit-tap-highlight-color: rgba(0,0,0,0); + z-index: 8040; +} + +.fancybox-prev { + left: 0; +} + +.fancybox-next { + right: 0; +} + +.fancybox-nav span { + position: absolute; + top: 50%; + width: 36px; + height: 34px; + margin-top: -18px; + cursor: pointer; + z-index: 8040; + visibility: hidden; +} + +.fancybox-prev span { + left: 10px; + background-position: 0 -36px; +} + +.fancybox-next span { + right: 10px; + background-position: 0 -72px; +} + +.fancybox-nav:hover span { + visibility: visible; +} + +.fancybox-tmp { + position: absolute; + top: -99999px; + left: -99999px; + visibility: hidden; + max-width: 99999px; + max-height: 99999px; + overflow: visible !important; +} + +/* Overlay helper */ + +.fancybox-lock { + overflow: hidden !important; + width: auto; +} + +.fancybox-lock body { + overflow: hidden !important; +} + +.fancybox-lock-test { + overflow-y: hidden !important; +} + +.fancybox-overlay { + position: absolute; + top: 0; + left: 0; + overflow: hidden; + display: none; + z-index: 8010; + background: url('../img/fancybox/fancybox_overlay.png'); +} + +.fancybox-overlay-fixed { + position: fixed; + bottom: 0; + right: 0; +} + +.fancybox-lock .fancybox-overlay { + overflow: auto; + overflow-y: scroll; +} + +/* Title helper */ + +.fancybox-title { + visibility: hidden; + font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; + position: relative; + text-shadow: none; + z-index: 8050; +} + +.fancybox-opened .fancybox-title { + visibility: visible; +} + +.fancybox-title-float-wrap { + position: absolute; + bottom: 0; + right: 50%; + margin-bottom: -35px; + z-index: 8050; + text-align: center; +} + +.fancybox-title-float-wrap .child { + display: inline-block; + margin-right: -100%; + padding: 2px 20px; + background: transparent; /* Fallback for web browsers that doesn't support RGBa */ + background: rgba(0, 0, 0, 0.8); + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + text-shadow: 0 1px 2px #222; + color: #FFF; + font-weight: bold; + line-height: 24px; + white-space: nowrap; +} + +.fancybox-title-outside-wrap { + position: relative; + margin-top: 10px; + color: #fff; +} + +.fancybox-title-inside-wrap { + padding-top: 10px; +} + +.fancybox-title-over-wrap { + position: absolute; + bottom: 0; + left: 0; + color: #fff; + padding: 10px; + background: #000; + background: rgba(0, 0, 0, .8); +} + +/*Retina graphics!*/ +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min--moz-device-pixel-ratio: 1.5), + only screen and (min-device-pixel-ratio: 1.5){ + + #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { + background-image: url('../img/fancybox/fancybox_sprite@2x.png'); + background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ + } + + #fancybox-loading div { + background-image: url('../img/fancybox/fancybox_loading@2x.gif'); + background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ + } +} \ No newline at end of file diff --git a/static/client/css/jquery.mCustomScrollbar.css b/static/client/css/jquery.mCustomScrollbar.css new file mode 100644 index 00000000..4abb0366 --- /dev/null +++ b/static/client/css/jquery.mCustomScrollbar.css @@ -0,0 +1,1273 @@ +/* +== malihu jquery custom scrollbar plugin == +Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller +*/ + + + +/* +CONTENTS: + 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). + 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. + 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. + 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. + 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. + 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS + 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. +*/ + + + + +/* +------------------------------------------------------------------------------------------------------------------------ +1. BASIC STYLE +------------------------------------------------------------------------------------------------------------------------ +*/ + + .mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } + .mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; } + + .mCustomScrollBox{ /* contains plugin's markup */ + position: relative; + overflow: hidden; + height: 100%; + max-width: 100%; + outline: none; + direction: ltr; + } + + .mCSB_container{ /* contains the original content */ + overflow: hidden; + width: auto; + height: auto; + } + + + +/* +------------------------------------------------------------------------------------------------------------------------ +2. VERTICAL SCROLLBAR +y-axis +------------------------------------------------------------------------------------------------------------------------ +*/ + + .mCSB_inside > .mCSB_container{ margin-right: 30px; } + + .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ + + .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ + margin-right: 0; + margin-left: 30px; + } + + .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ + + .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ + position: absolute; + width: 16px; + height: auto; + left: auto; + top: 0; + right: 0; + bottom: 0; + } + + .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ + + .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, + .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ + right: auto; + left: 0; + } + + .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ + + .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: auto; + } + + .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } + + .mCSB_scrollTools .mCSB_draggerRail{ + width: 2px; + height: 100%; + margin: 0 auto; + -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; + } + + .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ + cursor: pointer; + width: 100%; + height: 30px; /* minimum dragger height */ + z-index: 1; + } + + .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ + position: relative; + width: 4px; + height: 100%; + margin: 0 auto; + -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; + text-align: center; + } + + .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, + .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } + + .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } + + .mCSB_scrollTools .mCSB_buttonUp, + .mCSB_scrollTools .mCSB_buttonDown{ + display: block; + position: absolute; + height: 20px; + width: 100%; + overflow: hidden; + margin: 0 auto; + cursor: pointer; + } + + .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } + + + +/* +------------------------------------------------------------------------------------------------------------------------ +3. HORIZONTAL SCROLLBAR +x-axis +------------------------------------------------------------------------------------------------------------------------ +*/ + + .mCSB_horizontal.mCSB_inside > .mCSB_container{ + margin-right: 0; + margin-bottom: 30px; + } + + .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } + + .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ + + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ + width: auto; + height: 16px; + top: auto; + right: 0; + bottom: 0; + left: 0; + } + + .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, + .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ + + .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } + + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 2px; + margin: 7px 0; + } + + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ + width: 30px; /* minimum dragger width */ + height: 100%; + left: 0; + } + + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 4px; + margin: 6px auto; + } + + .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, + .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ + height: 12px; /* auto-expanded scrollbar */ + margin: 2px auto; + } + + .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ + height: 8px; /* auto-expanded scrollbar */ + margin: 4px 0; + } + + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ + display: block; + position: absolute; + width: 20px; + height: 100%; + overflow: hidden; + margin: 0 auto; + cursor: pointer; + } + + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } + + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } + + + +/* +------------------------------------------------------------------------------------------------------------------------ +4. VERTICAL AND HORIZONTAL SCROLLBARS +yx-axis +------------------------------------------------------------------------------------------------------------------------ +*/ + + .mCSB_container_wrapper{ + position: absolute; + height: auto; + width: auto; + overflow: hidden; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin-right: 30px; + margin-bottom: 30px; + } + + .mCSB_container_wrapper > .mCSB_container{ + padding-right: 30px; + padding-bottom: 30px; + } + + .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } + + .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } + + /* non-visible horizontal scrollbar */ + .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } + + /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ + .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, + .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } + + /* RTL direction/left-side scrollbar */ + .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } + + /* non-visible scrollbar/RTL direction/left-side scrollbar */ + .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } + + .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ + margin-right: 0; + margin-left: 30px; + } + + .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ + padding-right: 0; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; + } + + .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ + padding-bottom: 0; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; + } + + .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ + margin-right: 0; /* non-visible scrollbar */ + margin-left: 0; + } + + /* non-visible horizontal scrollbar */ + .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } + + + +/* +------------------------------------------------------------------------------------------------------------------------ +5. TRANSITIONS +------------------------------------------------------------------------------------------------------------------------ +*/ + + .mCSB_scrollTools, + .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCSB_scrollTools .mCSB_buttonUp, + .mCSB_scrollTools .mCSB_buttonDown, + .mCSB_scrollTools .mCSB_buttonLeft, + .mCSB_scrollTools .mCSB_buttonRight{ + -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + } + + .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ + .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, + .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, + .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ + -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, + opacity .2s ease-in-out, background-color .2s ease-in-out; + -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, + opacity .2s ease-in-out, background-color .2s ease-in-out; + -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, + opacity .2s ease-in-out, background-color .2s ease-in-out; + transition: width .2s ease-out .2s, height .2s ease-out .2s, + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, + opacity .2s ease-in-out, background-color .2s ease-in-out; + } + + + +/* +------------------------------------------------------------------------------------------------------------------------ +6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS +------------------------------------------------------------------------------------------------------------------------ +*/ + + /* + ---------------------------------------- + 6.1 THEMES + ---------------------------------------- + */ + + /* default theme ("light") */ + + .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } + + .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, + .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } + + .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, + .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, + .mCustomScrollBox:hover > .mCSB_scrollTools, + .mCustomScrollBox:hover ~ .mCSB_scrollTools, + .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, + .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } + + .mCSB_scrollTools .mCSB_draggerRail{ + background-color: #000; background-color: rgba(0,0,0,0.4); + filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; + } + + .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.75); + filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; + } + + .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.85); + filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; + } + .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.9); + filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; + } + + .mCSB_scrollTools .mCSB_buttonUp, + .mCSB_scrollTools .mCSB_buttonDown, + .mCSB_scrollTools .mCSB_buttonLeft, + .mCSB_scrollTools .mCSB_buttonRight{ + background-image: url(mCSB_buttons.png); /* css sprites */ + background-repeat: no-repeat; + opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; + } + + .mCSB_scrollTools .mCSB_buttonUp{ + background-position: 0 0; + /* + sprites locations + light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px + dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px + */ + } + + .mCSB_scrollTools .mCSB_buttonDown{ + background-position: 0 -20px; + /* + sprites locations + light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px + dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px + */ + } + + .mCSB_scrollTools .mCSB_buttonLeft{ + background-position: 0 -40px; + /* + sprites locations + light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px + dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px + */ + } + + .mCSB_scrollTools .mCSB_buttonRight{ + background-position: 0 -56px; + /* + sprites locations + light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px + dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px + */ + } + + .mCSB_scrollTools .mCSB_buttonUp:hover, + .mCSB_scrollTools .mCSB_buttonDown:hover, + .mCSB_scrollTools .mCSB_buttonLeft:hover, + .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } + + .mCSB_scrollTools .mCSB_buttonUp:active, + .mCSB_scrollTools .mCSB_buttonDown:active, + .mCSB_scrollTools .mCSB_buttonLeft:active, + .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } + + + /* theme: "dark" */ + + .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } + + .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + + .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } + + .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } + + .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } + + .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } + + .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } + + .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } + + /* ---------------------------------------- */ + + + + /* theme: "light-2", "dark-2" */ + + .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, + .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ + width: 4px; + background-color: #fff; background-color: rgba(255,255,255,0.1); + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; + } + + .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + width: 4px; + background-color: #fff; background-color: rgba(255,255,255,0.75); + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; + } + + .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 4px; + margin: 6px auto; + } + + .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } + + .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } + + .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } + + .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } + + .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } + + .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } + + + /* theme: "dark-2" */ + + .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ + background-color: #000; background-color: rgba(0,0,0,0.1); + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; + } + + .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #000; background-color: rgba(0,0,0,0.75); + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; + } + + .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } + + .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } + + .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } + + .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } + + /* ---------------------------------------- */ + + + + /* theme: "light-thick", "dark-thick" */ + + .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, + .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ + width: 4px; + background-color: #fff; background-color: rgba(255,255,255,0.1); + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; + } + + .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + width: 6px; + background-color: #fff; background-color: rgba(255,255,255,0.75); + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; + } + + .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 4px; + margin: 6px 0; + } + + .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 6px; + margin: 5px auto; + } + + .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } + + .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } + + .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } + + .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } + + .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } + + .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } + + + /* theme: "dark-thick" */ + + .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ + background-color: #000; background-color: rgba(0,0,0,0.1); + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; + } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #000; background-color: rgba(0,0,0,0.75); + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; + } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } + + /* ---------------------------------------- */ + + + + /* theme: "light-thin", "dark-thin" */ + + .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } + + .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } + + .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } + + .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 2px; + margin: 7px auto; + } + + + /* theme "dark-thin" */ + + .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } + + /* ---------------------------------------- */ + + + + /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ + + .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } + + .mCS-rounded.mCSB_scrollTools .mCSB_dragger, + .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, + .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } + + .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + width: 14px; + margin: 0 1px; + } + + .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, + .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, + .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, + .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } + + .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + height: 14px; + margin: 1px 0; + } + + .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, + .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ + width: 16px; /* auto-expanded scrollbar */ + height: 16px; + margin: -1px 0; + } + + .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, + .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } + + .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, + .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ + height: 16px; /* auto-expanded scrollbar */ + width: 16px; + margin: 0 -1px; + } + + .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, + .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ + height: 4px; /* auto-expanded scrollbar */ + margin: 6px 0; + } + + .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } + + .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } + + .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } + + .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } + + + /* theme "rounded-dark", "rounded-dots-dark" */ + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } + + + /* theme "rounded-dots", "rounded-dots-dark" */ + + .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, + .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } + + .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, + .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + background-color: transparent; + background-position: center; + } + + .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); + background-repeat: repeat-y; + opacity: 0.3; + filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; + } + + .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + height: 4px; + margin: 6px 0; + background-repeat: repeat-x; + } + + .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } + + .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } + + .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } + + .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } + + + /* theme "rounded-dots-dark" */ + + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); + } + + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } + + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } + + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } + + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } + + /* ---------------------------------------- */ + + + + /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ + + .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-repeat: repeat-y; + background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); + background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); + background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + } + + .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + background-repeat: repeat-x; + background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); + background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + } + + + /* theme "3d", "3d-dark" */ + + .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, + .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } + + .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, + .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } + + .mCS-3d.mCSB_scrollTools, + .mCS-3d-dark.mCSB_scrollTools{ + opacity: 1; + filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; + } + + .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, + .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } + + .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, + .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ + width: 8px; + background-color: #000; background-color: rgba(0,0,0,0.2); + box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); + } + + .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } + + .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } + + .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 8px; + margin: 4px 0; + box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); + } + + .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 8px; + margin: 4px auto; + } + + .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } + + .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } + + .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } + + .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } + + + /* theme "3d-dark" */ + + .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ + background-color: #000; background-color: rgba(0,0,0,0.1); + box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); + } + + .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } + + .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } + + .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } + + .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } + + .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } + + /* ---------------------------------------- */ + + + + /* theme: "3d-thick", "3d-thick-dark" */ + + .mCS-3d-thick.mCSB_scrollTools, + .mCS-3d-thick-dark.mCSB_scrollTools{ + opacity: 1; + filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; + } + + .mCS-3d-thick.mCSB_scrollTools, + .mCS-3d-thick-dark.mCSB_scrollTools, + .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } + + .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, + .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } + + .mCS-3d-thick.mCSB_scrollTools_vertical, + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } + + .mCS-3d-thick.mCSB_scrollTools_horizontal, + .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ + bottom: 1px; + box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); + } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); + width: 12px; + margin: 2px; + position: absolute; + height: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; + } + + .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } + + .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + height: 12px; + width: auto; + } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ + background-color: #000; background-color: rgba(0,0,0,0.05); + box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); + } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } + + + /* theme: "3d-thick-dark" */ + + .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } + + .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } + + .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ + background-color: #fff; background-color: rgba(0,0,0,0.05); + box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); + } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } + + /* ---------------------------------------- */ + + + + /* theme: "minimal", "minimal-dark" */ + + .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, + .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ + right: 0; + margin: 12px 0; + } + + .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, + .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, + .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, + .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ + bottom: 0; + margin: 0 12px; + } + + /* RTL direction/left-side scrollbar */ + .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, + .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ + left: 0; + right: auto; + } + + .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, + .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } + + .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, + .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } + + .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, + .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } + + .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.2); + filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; + } + + .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.5); + filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; + } + + + /* theme: "minimal-dark" */ + + .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #000; background-color: rgba(0,0,0,0.2); + filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; + } + + .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ + background-color: #000; background-color: rgba(0,0,0,0.5); + filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; + } + + /* ---------------------------------------- */ + + + + /* theme "light-3", "dark-3" */ + + .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, + .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ + width: 6px; + background-color: #000; background-color: rgba(0,0,0,0.2); + } + + .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } + + .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 6px; + margin: 5px 0; + } + + .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, + .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ + width: 12px; + } + + .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, + .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ + height: 12px; + margin: 2px 0; + } + + .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } + + .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } + + .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } + + .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } + + + /* theme "dark-3" */ + + .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + + .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } + + .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } + + .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } + + .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } + + .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } + + /* ---------------------------------------- */ + + + + /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ + + .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ + width: 12px; + background-color: #000; background-color: rgba(0,0,0,0.2); + } + + .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + width: 6px; + margin: 3px 5px; + position: absolute; + height: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; + } + + .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + height: 6px; + margin: 5px 3px; + position: absolute; + width: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; + } + + .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 12px; + margin: 2px 0; + } + + .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, + .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, + .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } + + .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, + .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, + .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } + + .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, + .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, + .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } + + .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, + .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, + .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } + + + /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ + + .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } + + + /* theme "inset-2", "inset-2-dark" */ + + .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ + background-color: transparent; + border-width: 1px; + border-style: solid; + border-color: #fff; + border-color: rgba(255,255,255,0.2); + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; + } + + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } + + + /* theme "inset-3", "inset-3-dark" */ + + .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } + + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } + + .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + + .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } + + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } + + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } + + /* ---------------------------------------- */ diff --git a/static/client/css/jquery.mCustomScrollbar.min.css b/static/client/css/jquery.mCustomScrollbar.min.css new file mode 100644 index 00000000..34fbece6 --- /dev/null +++ b/static/client/css/jquery.mCustomScrollbar.min.css @@ -0,0 +1,1313 @@ +.mCustomScrollbar { + -ms-touch-action: none; + touch-action: none +} + +.mCustomScrollbar.mCS_no_scrollbar { + -ms-touch-action: auto; + touch-action: auto +} + +.mCustomScrollBox { + position: relative; + + height: 100%; + max-width: 100%; + outline: 0; + direction: ltr +} + +.mCSB_container { + width: auto; + height: auto +} + +.mCSB_inside > .mCSB_container { + margin-right: 30px +} + +.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { + margin-right: 0 +} + +.mCS-dir-rtl > .mCSB_inside > .mCSB_container { + margin-right: 0; + margin-left: 30px +} + +.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { + margin-left: 0 +} + +.mCSB_scrollTools { + position: absolute; + width: 16px; + height: auto; + left: auto; + top: 0; + right: 0; + bottom: 0 +} + +.mCSB_outside + .mCSB_scrollTools { + right: -26px +} + +.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { + right: auto; + left: 0 +} + +.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { + left: -26px +} + +.mCSB_scrollTools .mCSB_draggerContainer { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: auto +} + +.mCSB_scrollTools a + .mCSB_draggerContainer { + margin: 20px 0 +} + +.mCSB_scrollTools .mCSB_draggerRail { + width: 2px; + height: 100%; + margin: 0 auto; + -webkit-border-radius: 16px; + -moz-border-radius: 16px; + border-radius: 16px +} + +.mCSB_scrollTools .mCSB_dragger { + cursor: pointer; + width: 100%; + height: 30px; + z-index: 1 +} + +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + position: relative; + width: 4px; + height: 100%; + margin: 0 auto; + -webkit-border-radius: 16px; + -moz-border-radius: 16px; + border-radius: 16px; + text-align: center +} + +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { + width: 12px +} + +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + width: 8px +} + +.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { + display: block; + position: absolute; + height: 20px; + width: 100%; + overflow: hidden; + margin: 0 auto; + cursor: pointer +} + +.mCSB_scrollTools .mCSB_buttonDown { + bottom: 0 +} + +.mCSB_horizontal.mCSB_inside > .mCSB_container { + margin-right: 0; + margin-bottom: 30px +} + +.mCSB_horizontal.mCSB_outside > .mCSB_container { + min-height: 100% +} + +.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { + margin-bottom: 0 +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal { + width: auto; + height: 16px; + top: auto; + right: 0; + bottom: 0; + left: 0 +} + +.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { + bottom: -26px +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { + margin: 0 20px +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 2px; + margin: 7px 0 +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { + width: 30px; + height: 100%; + left: 0 +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 4px; + margin: 6px auto +} + +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { + height: 12px; + margin: 2px auto +} + +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + height: 8px; + margin: 4px 0 +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { + display: block; + position: absolute; + width: 20px; + height: 100%; + overflow: hidden; + margin: 0 auto; + cursor: pointer +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { + left: 0 +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { + right: 0 +} + +.mCSB_container_wrapper { + position: absolute; + height: auto; + width: auto; + overflow: hidden; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin-right: 30px; + margin-bottom: 30px +} + +.mCSB_container_wrapper > .mCSB_container { + padding-right: 30px; + padding-bottom: 30px +} + +.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { + bottom: 20px +} + +.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { + right: 20px +} + +.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { + bottom: 0 +} + +.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { + right: 0 +} + +.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { + left: 20px +} + +.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { + left: 0 +} + +.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { + margin-right: 0; + margin-left: 30px +} + +.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { + padding-right: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box +} + +.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { + padding-bottom: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box +} + +.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { + margin-right: 0; + margin-left: 0 +} + +.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { + margin-bottom: 0 +} + +.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { + -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + transition: opacity .2s ease-in-out, background-color .2s ease-in-out +} + +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { + -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; + -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; + -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; + transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out +} + +.mCSB_scrollTools { + opacity: .75; + filter: "alpha(opacity=75)"; + -ms-filter: "alpha(opacity=75)" +} + +.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { + opacity: 0; + filter: "alpha(opacity=0)"; + -ms-filter: "alpha(opacity=0)" +} + +.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { + opacity: 1; + filter: "alpha(opacity=100)"; + -ms-filter: "alpha(opacity=100)" +} + +.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.4); + filter: "alpha(opacity=40)"; + -ms-filter: "alpha(opacity=40)" +} + +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.75); + filter: "alpha(opacity=75)"; + -ms-filter: "alpha(opacity=75)" +} + +.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.85); + filter: "alpha(opacity=85)"; + -ms-filter: "alpha(opacity=85)" +} + +.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.9); + filter: "alpha(opacity=90)"; + -ms-filter: "alpha(opacity=90)" +} + +.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { + background-image: url(mCSB_buttons.png); + background-repeat: no-repeat; + opacity: .4; + filter: "alpha(opacity=40)"; + -ms-filter: "alpha(opacity=40)" +} + +.mCSB_scrollTools .mCSB_buttonUp { + background-position: 0 0 +} + +.mCSB_scrollTools .mCSB_buttonDown { + background-position: 0 -20px +} + +.mCSB_scrollTools .mCSB_buttonLeft { + background-position: 0 -40px +} + +.mCSB_scrollTools .mCSB_buttonRight { + background-position: 0 -56px +} + +.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { + opacity: .75; + filter: "alpha(opacity=75)"; + -ms-filter: "alpha(opacity=75)" +} + +.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { + opacity: .9; + filter: "alpha(opacity=90)"; + -ms-filter: "alpha(opacity=90)" +} + +.mCS-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.15) +} + +.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75) +} + +.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: rgba(0, 0, 0, 0.85) +} + +.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: rgba(0, 0, 0, 0.9) +} + +.mCS-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -80px 0 +} + +.mCS-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -80px -20px +} + +.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -80px -40px +} + +.mCS-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -80px -56px +} + +.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { + width: 4px; + background-color: #fff; + background-color: rgba(255, 255, 255, 0.1); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px +} + +.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 4px; + background-color: #fff; + background-color: rgba(255, 255, 255, 0.75); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px +} + +.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 4px; + margin: 6px auto +} + +.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.85) +} + +.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.9) +} + +.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px 0 +} + +.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -20px +} + +.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -40px +} + +.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -56px +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85) +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9) +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px 0 +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -20px +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -40px +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -56px +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { + width: 4px; + background-color: #fff; + background-color: rgba(255, 255, 255, 0.1); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 6px; + background-color: #fff; + background-color: rgba(255, 255, 255, 0.75); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px +} + +.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 4px; + margin: 6px 0 +} + +.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 6px; + margin: 5px auto +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.85) +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.9) +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { + background-position: -16px 0 +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { + background-position: -16px -20px +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -20px -40px +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { + background-position: -20px -56px +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85) +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9) +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { + background-position: -96px 0 +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { + background-position: -96px -20px +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -100px -40px +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { + background-position: -100px -56px +} + +.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.1) +} + +.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 2px +} + +.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100% +} + +.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 2px; + margin: 7px auto +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.15) +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75) +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85) +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9) +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { + background-position: -80px 0 +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { + background-position: -80px -20px +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -80px -40px +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { + background-position: -80px -56px +} + +.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.15) +} + +.mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { + height: 14px +} + +.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 14px; + margin: 0 1px +} + +.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { + width: 14px +} + +.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + height: 14px; + margin: 1px 0 +} + +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { + width: 16px; + height: 16px; + margin: -1px 0 +} + +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + width: 4px +} + +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { + height: 16px; + width: 16px; + margin: 0 -1px +} + +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + height: 4px; + margin: 6px 0 +} + +.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { + background-position: 0 -72px +} + +.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { + background-position: 0 -92px +} + +.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { + background-position: 0 -112px +} + +.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { + background-position: 0 -128px +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75) +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.15) +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85) +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9) +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -80px -72px +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -80px -92px +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -80px -112px +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -80px -128px +} + +.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { + width: 4px +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + background-color: transparent; + background-position: center +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); + background-repeat: repeat-y; + opacity: .3; + filter: "alpha(opacity=30)"; + -ms-filter: "alpha(opacity=30)" +} + +.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + height: 4px; + margin: 6px 0; + background-repeat: repeat-x +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { + background-position: -16px -72px +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { + background-position: -16px -92px +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -20px -112px +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { + background-position: -20px -128px +} + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=") +} + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -96px -72px +} + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -96px -92px +} + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -100px -112px +} + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -100px -128px +} + +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-repeat: repeat-y; + background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); + background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); + background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%) +} + +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + background-repeat: repeat-x; + background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); + background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%) +} + +.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { + height: 70px +} + +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { + width: 70px +} + +.mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { + opacity: 1; + filter: "alpha(opacity=30)"; + -ms-filter: "alpha(opacity=30)" +} + +.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + -webkit-border-radius: 16px; + -moz-border-radius: 16px; + border-radius: 16px +} + +.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { + width: 8px; + background-color: #000; + background-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2) +} + +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #555 +} + +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 8px +} + +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 8px; + margin: 4px 0; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2) +} + +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 8px; + margin: 4px auto +} + +.mCS-3d.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px -72px +} + +.mCS-3d.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -92px +} + +.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -112px +} + +.mCS-3d.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -128px +} + +.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1) +} + +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1) +} + +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px -72px +} + +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -92px +} + +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -112px +} + +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -128px +} + +.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools { + opacity: 1; + filter: "alpha(opacity=30)"; + -ms-filter: "alpha(opacity=30)" +} + +.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px +} + +.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { + right: 1px +} + +.mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical { + box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5) +} + +.mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { + bottom: 1px; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5) +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); + width: 12px; + margin: 2px; + position: absolute; + height: auto; + top: 0; + bottom: 0; + left: 0; + right: 0 +} + +.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4) +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #555 +} + +.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + height: 12px; + width: auto +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { + background-color: #000; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1) +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { + background-color: transparent +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px -72px +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -92px +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -112px +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -128px +} + +.mCS-3d-thick-dark.mCSB_scrollTools { + box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2) +} + +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal { + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2) +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2) +} + +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2) +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #777 +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { + background-color: #fff; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1) +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: transparent +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px -72px +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -92px +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -112px +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -128px +} + +.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { + right: 0; + margin: 12px 0 +} + +.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { + bottom: 0; + margin: 0 12px +} + +.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { + left: 0; + right: auto +} + +.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: transparent +} + +.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { + height: 50px +} + +.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { + width: 50px +} + +.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.2); + filter: "alpha(opacity=20)"; + -ms-filter: "alpha(opacity=20)" +} + +.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.5); + filter: "alpha(opacity=50)"; + -ms-filter: "alpha(opacity=50)" +} + +.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.2); + filter: "alpha(opacity=20)"; + -ms-filter: "alpha(opacity=20)" +} + +.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.5); + filter: "alpha(opacity=50)"; + -ms-filter: "alpha(opacity=50)" +} + +.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { + width: 6px; + background-color: #000; + background-color: rgba(0, 0, 0, 0.2) +} + +.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 6px +} + +.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 6px; + margin: 5px 0 +} + +.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + width: 12px +} + +.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + height: 12px; + margin: 2px 0 +} + +.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px -72px +} + +.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -92px +} + +.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -112px +} + +.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -128px +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75) +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85) +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9) +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1) +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px -72px +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -92px +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -112px +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -128px +} + +.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { + width: 12px; + background-color: #000; + background-color: rgba(0, 0, 0, 0.2) +} + +.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 6px; + margin: 3px 5px; + position: absolute; + height: auto; + top: 0; + bottom: 0; + left: 0; + right: 0 +} + +.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + height: 6px; + margin: 5px 3px; + position: absolute; + width: auto; + top: 0; + bottom: 0; + left: 0; + right: 0 +} + +.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 12px; + margin: 2px 0 +} + +.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px -72px +} + +.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -92px +} + +.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -112px +} + +.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -128px +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75) +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85) +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9) +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1) +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px -72px +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -92px +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -112px +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -128px +} + +.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: transparent; + border-width: 1px; + border-style: solid; + border-color: #fff; + border-color: rgba(255, 255, 255, 0.2); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box +} + +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { + border-color: #000; + border-color: rgba(0, 0, 0, 0.2) +} + +.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.6) +} + +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.6) +} + +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75) +} + +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85) +} + +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9) +} + +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.75) +} + +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.85) +} + +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.9) +} \ No newline at end of file diff --git a/static/client/css/main.css b/static/client/css/main.css new file mode 100644 index 00000000..0c56aca3 --- /dev/null +++ b/static/client/css/main.css @@ -0,0 +1,14071 @@ +html, +button, +input, +select, +textarea { + color: #222; +} +body { + font-size: 1em; + line-height: 1.4; +} + +::-moz-selection { + background: #b3d4fc; + text-shadow: none; +} + +::selection { + background: #b3d4fc; + text-shadow: none; +} + +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #ccc; + margin: 1em 0; + padding: 0; +} + +img { + vertical-align: middle; +} + +fieldset { + border: 0; + margin: 0; + padding: 0; +} + +textarea { + resize: vertical; +} + + +.chromeframe { + background: #cc0000; + color: #ffeeee; + padding: 1em; + margin: 0; + font-size: 16px; +} + +.chromeframe a { + color: #ffeeee; +} + +.chromeframe a:hover { + color: #ffffff; +} + +/* ========================================================================== + Fonts + ========================================================================== */ + +@font-face { + font-family: 'dindisplay_pro'; + src: url('../fonts/pfdindisplaypro-med-webfont.eot'); + src: url('../fonts/pfdindisplaypro-med-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/pfdindisplaypro-med-webfont.woff') format('woff'), + url('../fonts/pfdindisplaypro-med-webfont.ttf') format('truetype'), + url('../fonts/pfdindisplaypro-med-webfont.svg#pf_dindisplay_promedium') format('svg'); + font-weight: 500; + font-style: normal; + +} + + +@font-face { + font-family: 'dindisplay_pro'; + src: url('../fonts/pfdindisplaypro-thin-webfont.eot'); + src: url('../fonts/pfdindisplaypro-thin-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/pfdindisplaypro-thin-webfont.ttf') format('truetype'), + url('../fonts/pfdindisplaypro-thin-webfont.woff') format('woff'); + font-weight: 100; + font-style: normal; + +} + + +@font-face { + font-family: 'dindisplay_pro'; + src: url('../fonts/pfdindisplaypro-light-webfont.eot'); + src: url('../fonts/pfdindisplaypro-light-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/pfdindisplaypro-light-webfont.woff') format('woff'), + url('../fonts/pfdindisplaypro-light-webfont.ttf') format('truetype'); + font-weight: 300; + font-style: normal; + +} + + +@font-face { + font-family: 'dindisplay_pro'; + src: url('../fonts/pfdindisplaypro-italic-webfont.eot'); + src: url('../fonts/pfdindisplaypro-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/pfdindisplaypro-italic-webfont.woff') format('woff'), + url('../fonts/pfdindisplaypro-italic-webfont.ttf') format('truetype'); + font-weight: normal; + font-style: italic; + +} + + +@font-face { + font-family: 'dindisplay_pro'; + src: url('../fonts/pfdindisplaypro-bold-webfont.eot'); + src: url('../fonts/pfdindisplaypro-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/pfdindisplaypro-bold-webfont.ttf') format('truetype'), + url('../fonts/pfdindisplaypro-bold-webfont.woff') format('woff'); + font-weight: bold; + font-style: normal; + +} + + +@font-face { + font-family: 'dindisplay_pro'; + src: url('../fonts/pfdindisplaypro-reg-webfont.eot'); + src: url('../fonts/pfdindisplaypro-reg-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/pfdindisplaypro-reg-webfont.woff') format('woff'), + url('../fonts/pfdindisplaypro-reg-webfont.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'pt_sans'; + src: url('../fonts/pts75f-webfont.eot'); + src: url('../fonts/pts75f-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/pts75f-webfont.woff') format('woff'), + url('../fonts/pts75f-webfont.ttf') format('truetype'); + font-weight: bold; + font-style: normal; + +} + +@font-face { + font-family: 'pt_sans'; + src: url('../fonts/pts55f-webfont.eot'); + src: url('../fonts/pts55f-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/pts55f-webfont.woff') format('woff'), + url('../fonts/pts55f-webfont.ttf') format('truetype'); + font-weight: normal; + font-style: normal; + +} + + + +/* ========================================================================== + Site's main styles + ========================================================================== */ + +html, +body { + margin: 0; + padding: 0; + height: 100%; + background: #f8f8f6; + color: #464646; + font-family: Arial,'Helvetica Neue', sans-serif; + font-weight: normal; + font-style: normal; + font-size: 13px; + line-height: 18px; + -webkit-font-smoothing: antialiased; +} + +body { + position: relative; + height: auto; + min-width: 1024px; +} + +body.no-scroll { + overflow: hidden; +} + +a { + color: #ff6600; + background: none; + outline: none !important; + -webkit-transition: all .3s; + -o-transition: all .3s; + transition: all .3s; +} + +a:hover { + text-decoration: none; +} + +a[class*="icon-"]:before { + content: ' '; + display: inline-block; + vertical-align: middle; + width: 16px; + height: 16px; + background: url(../img/sprites.png) 0 0 no-repeat; + margin-right: 4px; +} + +a.icon-mail:before { + width: 15px; + height: 12px; + background-position: -223px 0; +} + +a.icon-ext-link:before { + width: 15px; + height: 13px; + background-position: -261px 0; +} + + +hr { + display: block; + border: dotted #cccccc; + border-width: 1px 0 0; + margin: 17px 0; + background: none; + clear: both; +} + +.e-details .item-wrap.event + hr { + margin-top: 5px; +} + + +.rub { + font-style: normal; + text-decoration: none; +} + +.rub:before { + content: '\20CF'; + font-family: "pt_sans", sans-serif; +} + +.rub i { + display: none; +} + + + +.page-wrap { + -moz-box-sizing: border-box; + box-sizing: border-box; + /*width: 100%;*/ + width: 1024px; + max-width: 1310px; + /*padding: 0 80px 0 10px;*/ + padding: 0 7px; + /*overflow: hidden;*/ + margin: 0 auto; +} + +.page-wrap .layout { + padding-left: 13px; +} + +.page-wrap .layout .layout-wrap { + padding-left: 220px; +} + +.page-wrap .layout .layout-wrap:before, +.page-wrap .layout .layout-wrap:after { + content: " "; + display: table; +} + +.page-wrap .layout .layout-wrap:after { + clear: both; +} + +.page-wrap .layout .layout-wrap > * { + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.page-wrap .layout .layout-wrap > aside { + position: relative; + float: left; + /*width: 21%;*/ + width: 220px; + padding-right: 40px; + margin: 0 -100% 0 -220px; +} + +.page-wrap .layout.main-part .layout-wrap > aside { + padding-top: 30px; +} + + +.page-wrap .layout .layout-wrap > aside > .sbg { + width: 200em; + height: 150px; + background: #ff6600 url(../img/search-bg.jpg) 0 0 no-repeat; + position: absolute; + /*left: -230px;*/ + margin-right: 40px; + right: 100%; + top: 0; + border-radius: 4px; +} + + +.page-wrap .layout .layout-wrap .mcl { + /*width: 79%;*/ + width: 100%; + float: right; +} + +.page-wrap .layout.mp-announces .layout-wrap { + padding: 0 257px 0 220px; +} + +.page-wrap .layout.mp-announces .layout-wrap aside { + float: right; + margin-right: -257px; + padding-right: 0; + /*width: 26.9%;*/ + width: 257px; +} + +.page-wrap .layout.mp-announces .layout-wrap .mcl { + float: left; + /*margin: 0 -100% 0 0; + width: 73.1%;*/ + padding-right: 40px; + /*min-width: 0;*/ +} + +.page-wrap > header { + font-family: 'dindisplay_pro', Arial, sans-serif; +} + +.page-wrap .header-wrap { + padding: 5px 0; +} + +.main-page .page-wrap .header-wrap { + padding: 5px 10px 5px 230px; + margin: 0 -10px; + box-shadow: 0 3px 6px -5px rgba(0, 0, 0, .4); +} + +@-moz-document url-prefix() { + .main-page .page-wrap .header-wrap { + box-shadow: 0 3px 5px -5px rgba(0, 0, 0, .3); + } +} + + +.lt-ie9 .main-page .page-wrap .header-wrap { + border-bottom: 1px solid #ddd; +} + + +.page-wrap > header .logo { + /*width: 21%;*/ + width: 220px; + padding: 38px 0 0 0; + float: left; + margin: 0 -100% -0px -220px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.page-wrap > header .logo h1, +.page-wrap > header .logo h2, +.page-wrap > header .logo h3 { + -moz-box-sizing: border-box; + box-sizing: border-box; + /*margin: 0 0 0 -67px;*/ + margin: 0 0 0 -13px; + width: 196px; + padding-left: 67px; + font-family: 'dindisplay_pro', sans-serif; + font-weight: 500; + font-style: normal; + font-size: 13px; + line-height: 13px; +} + +.page-wrap > header .logo a { + text-decoration: none; + color: #a2a2a2; +} + +.page-wrap > header .logo strong { + display: block; + width: 196px; + height: 0; + padding-top: 59px; + overflow: hidden; + background: url(../img/logo.png) 0 0 no-repeat; + margin-left: -67px; +} +.page-wrap > header .logo.beta strong { + background: url(../img/logo_beta.png) 0 0 no-repeat; + width: 225px; + + +} + +.page-wrap > header .logo b { + margin-top: -8px; + display: block; + font-weight: normal; +} + +.page-wrap > header .header-body { + width: 79%; + min-width: 770px; + float: right; +} + + +.header-body .header-top { + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 5px 10px 1px 25px; + margin: 0 -10px 0 -25px; + font-size: 12px; + line-height: 25px; + text-transform: uppercase; + box-shadow: 0 3px 6px -5px rgba(0, 0, 0, .4); +} + +@-moz-document url-prefix() { + .header-body .header-top { + box-shadow: 0 3px 5px -5px rgba(0, 0, 0, .3); + } +} + +.lt-ie9 .header-body .header-top { + border-bottom: 1px solid #ddd; +} + +.header-body .header-top { + padding-right: 510px; +} + +.header-body .header-top.coordinators { + padding-right: 10px; +} + +.header-body ul { + margin: 0; + padding: 0; + list-style: none; +} + +.header-body .header-top ul li { + display: inline; +} + +/*.header-body .header-top .ht-main { + width: 46%; + float: left; +}*/ + +.header-body .header-top .ht-main { + width: 100%; + float: left; +} + +.header-body .header-top.coordinators .ht-main { + width: auto; +} + + +.header-body .header-top .add-link { + width: 50%; + float: left; +} + +a.l-button { + color: #ff6600; + font-family: 'dindisplay_pro', sans-serif; + font-weight: 500; + font-size: 12px; + line-height: 15px; + text-decoration: none; + display: inline-block; + margin-left: -21px; + padding: 5px; + border: 1px solid transparent; + border-radius: 4px; +} + +a.l-button:hover { + /*border-color: #ff6600;*/ + color: #000; +} + +a.l-button.ico:before { + content: ' '; + display: inline-block; + vertical-align: middle; + width: 11px; + height: 12px; + background: url(../img/sprites.png) 0 0 no-repeat; + margin: -1px 4px 0 0; +} + +.add-link a.l-button.ico:hover:before { + background-position: -63px -145px; +} + +.header-body .header-top ul { + float: left; +} + +.header-body .header-top .lang-switch { + width: 50%; + color: #a2a2a2; +} + +.header-body .header-top.coordinators .lang-switch { + width: auto; +} + +.header-body .header-top .lang-switch li:before { + content: '|'; + margin: -1px 7px 0 3px; +} + +.header-body .header-top .lang-switch li:first-child:before { + content: ''; + margin: 0; + display: none; +} + +.header-body .header-top .lang-switch a { + color: #464646; +} + +.header-body .header-top .lang-switch a:hover { + color: #ff6600; +} + +/*.header-body .header-top .ht-side { + width: 54%; + float: right; +}*/ + +.header-body .header-top .ht-side { + width: 510px; + margin-right: -510px; + float: right; +} + +.header-body .header-top.coordinators .ht-side { + width: auto; + margin-right: 0; +} + +.header-body .header-top .authorisation-links { + float: right; + font-weight: 500; + text-decoration: none; +} + +.header-body .header-top .authorisation-links a { + margin: 0 -6px 0 16px; +} + +.header-body .header-top .authorisation-links a:first-child { + margin-left: 0; +} + +.header-body .header-top .authorisation-links a.register { + color: #000; +} + +.header-body .header-top .authorisation-links a.register:hover { + color: #ff6600; +} + +.header-body .header-top .authorisation-links a.register:before { + background-position: -12px 0; + height: 13px; + margin-top: -2px; +} + +.header-body .header-top .authorisation-links a.register:hover:before { + background-position: -24px 0; +} + +.header-body .header-top .authorisation-links a.login:before { + background-position: -36px 0; + width: 9px; + height: 12px; + margin-top: -2px; +} + +.header-body .header-top .authorisation-links a.login:hover:before { + background-position: -75px -145px; +} + +.cabinet-links { + float: right; + padding-right: 35px; + width: 360px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.coordinators .cabinet-links { + width: auto; +} + +.cabinet-links .cl-body { + width: 100%; + float: left; + background: #ff6600; + color: #fff; + font-family: 'dindisplay_pro', sans-serif; + font-size: 11px; + line-height: 20px; + font-weight: bold; + text-transform: uppercase; + /*height: 20px;*/ + /*padding: 54px 0 0;*/ + /*margin: -50px 0 -10px;*/ + padding-left: 22px; + -webkit-border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomright: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + -moz-box-sizing: border-box; + box-sizing: border-box; + height: 44px; + margin-top: -10px; + margin-bottom: -4px; +} + +.cabinet-links .cl-body > div, +.cabinet-links .cl-body > ul { + display: block; + border-left: 1px solid #fff; + float: left; + height: 30px; + margin-top: 14px; + padding-left: 2px; + padding-right: 2px; +} +.cabinet-links .cl-body .clb-messages{ + min-width: 40px; + padding-left: 3px; +} + +.cabinet-links .cl-body > ul { + padding: 0 0 12px; +} + +.cabinet-links .cl-body > ul > li { + display: block; + padding: 0 2px 12px; + margin-bottom: -10px; + border-left: 1px solid #fff; + float: left; +} + +.cabinet-links .cl-body > *:first-child { + border-left: none; +} + +.cabinet-links .cl-body > ul > li:first-child { + border-left: none; +} + +.cabinet-links .cl-body > div.clb-settings { + width: 32px; + float: right; + +} + +.cabinet-links .cl-body > div.clb-docs { + width: 57px; + padding-left: 6px; + float: left; +} + +.cabinet-links .cl-body > div.clb-docs a.cl-btn { + margin-left: -4px; + margin-right: -2px; +} + +.cabinet-links .cl-body a { + color: #fff; + text-decoration: none; + position: relative; + display: inline-block; + height: 30px; + line-height: 30px; + padding: 0 7px; + margin: -6px 0; + border: 1px solid transparent; + border-radius: 4px; +} + +.cabinet-links .cl-body a:hover { + border-color: #fff; +} + +.cabinet-links .cl-body .clb-messages a { + /*width: 38px;*/ + text-align: center; + display: table; + margin-left: auto; + margin-right: auto; +} + +.cabinet-links .cl-body a.cl-btn { + width: 30px; + height: 0; + padding: 30px 0 0; + overflow: hidden; +} + +a.icon-user:before { + content: ''; + display: inline-block; + vertical-align: middle; + width: 11px; + height: 13px; + background: url(../img/sprites.png) -283px -101px no-repeat; + margin: -2px 3px 0 -1px; +} + +a.icon-msg:before { + content: ''; + display: inline-block; + vertical-align: middle; + width: 13px; + height: 12px; + background: url(../img/sprites.png) -268px -88px no-repeat; + margin: -2px 3px 0 -1px; +} + +a.cl-btn:before { + content: ''; + display: block; + width: 13px; + height: 13px; + background: url(../img/sprites.png) -283px -88px no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -6px 0 0 -6px; +} + +a.icon-gear:before { + background-position: -268px -101px; +} + +a.icon-cal:before { + height: 15px; + background-position: -60px -17px; + margin-top: -7px; +} + +a.icon-doc:before { + width: 10px; + height: 14px; + background-position: -74px -16px; + margin: -7px 0 0 -5px; +} + +.cabinet-links .logout { + width: 32px; + float: right; + margin: 0 -35px 0 -32px; +} + +.cabinet-links .logout a { + position: relative; + display: block; + width: 30px; + height: 0; + padding-top: 30px; + overflow: hidden; + border: 1px solid transparent; + border-radius: 4px; + margin: -1px 0 -6px; +} + +.cabinet-links .logout a:hover { + border-color: #ff6600; + background: #fff; +} + +.cabinet-links .logout a:before { + content: ''; + display: block; + width: 13px; + height: 12px; + background: url(../img/sprites.png) -283px -88px no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -5px 0 0 -5px; +} + + +.soc-media-buttons { + margin: 0; + padding: 0; + list-style: none; +} + +.soc-media-buttons li { + display: inline-block; + line-height: 18px; + margin-left: 2px; +} + +.soc-media-buttons li:first-child { + margin-left: 0; +} + +.header-body .header-top .soc-media-buttons { + width: auto; +} + +.header-body .header-top.coordinators .soc-media-buttons { + margin-right: 10px; +} + +.header-body .header-top .soc-media-buttons li { + line-height: 14px; + margin: 0 5px 0 0; +} + +.header-body .header-top .soc-media-buttons img { + height: 14px; + vertical-align: middle; +} + + +.header-body .hb-wrap { + padding: 22px 470px 22px 0; +} + +.serv-links { + float: left; + width: 100%; +} + +.header-body .hb-wrap ul { + + -moz-box-sizing: border-box; + + box-sizing: border-box; + width: 49.9%; + min-width: 140px; + float: left; + padding-right: 10px; +} + +.header-body .hb-wrap ul li { + margin-top: 3px; +} + +.header-body .hb-wrap ul li:first-child { + margin-top: 0; +} + +.header-body .hb-wrap ul a { + color: #a2a2a2; + text-decoration: none; +} + +.header-body .hb-wrap ul a:hover { + color: #ff6600; + text-decoration: underline; +} + +.header-body .hb-wrap .abn { + float: right; + width: 468px; + height: 60px; + border: 1px solid #eee; + margin-right: -470px; +} + + +.page-wrap > footer { + font-family: 'dindisplay_pro', Arial, sans-serif; + margin-top: 20px; +} + +.page-wrap > footer .layout-wrap.footer-wrap { + padding: 25px 10px 25px 230px; + margin: 0 -10px; + box-shadow: inset 0 3px 6px -5px rgba(0, 0, 0, .4); +} + +@-moz-document url-prefix() { + .page-wrap > footer .footer-wrap { + box-shadow: inset 0 3px 5px -5px rgba(0, 0, 0, .3); + } +} + +.lt-ie9 .page-wrap > footer .layout-wrap.footer-wrap { + border-top: 1px solid #ddd; +} + +.page-wrap > footer .copy { + font-size: 12px; + color: #ff6600; + margin-bottom: 10px; +} + + + +.page-wrap > footer nav { + width: 65%; + float: left; +} + +nav ul { + margin: 0; + padding: 0; + list-style: none; + text-transform: uppercase; + font-family: 'dindisplay_pro', Arial, sans-serif; + font-size: 13px; + line-height: 16px; + display: inline-block; +} + +@-moz-document url-prefix() { + nav ul { + line-height: 17px; + } +} + +.page-wrap .layout .layout-wrap > aside nav { + margin-bottom: 20px; +} + +.main-page .page-wrap .layout .layout-wrap > aside nav { + margin-bottom: 0; +} + +aside nav > ul.main-menu > li { + margin-top: -4px; +} + +aside nav > ul.main-menu > li:first-child { + margin-top: 0; +} + +.page-wrap > footer nav > ul > li { + display: inline-block; +} + +nav > ul > li > a, nav > ul > li.sub > span { + display: block; + text-decoration: none; + padding: 4px 6px 2px; + border: 1px solid transparent; + border-radius: 4px; +} + +@-moz-document url-prefix() { + nav > ul > li > a { + padding: 3px 6px 2px; + } +} + +aside nav > ul.main-menu > li > a, aside nav > ul.main-menu > li.sub > span { + padding: 5px 10px 3px; +} + +nav > ul > li > a:hover { + border-color: #ff6600; +} + +nav .main-menu { + font-size: 25px; + line-height: 25px; + margin: -5px 0 10px -11px; +} + +.page-wrap > footer nav .main-menu { + font-size: 20px; + line-height: 20px; + margin: -3px 0 1px -10px; +} + +.page-wrap > footer nav .main-menu > li { + margin-left: 10px; + letter-spacing: 1px; +} + +.page-wrap > footer nav .main-menu > li:first-child { + margin-left: 0; +} + +.main-menu > li > a, .main-menu > li > span { + color: #464646; + padding: 5px 9px 2px; +} + +@-moz-document url-prefix() { + .main-menu > li > a { + padding: 4px 9px 3px; + } +} + +.page-wrap > footer nav .main-menu > li.sub > a { + padding-right: 10px; +} + +.main-menu li:hover > a { + color: #ff6600; + border-color: #ff6600; +} + +.main-menu > li.sub > a, .main-menu > li.sub > span { + -webkit-transition: color .3s; + -o-transition: color .3s; + transition: color .3s; +} + +.main-menu > li.sub:hover > a, .main-menu > li.sub:hover > span { + color: #ff9e74; +} + +.main-menu .sub { + position: relative; +} + +.main-menu > li.sub:hover > a, .main-menu > li.sub:hover > span { + background: #ff6600; +} + +.main-menu li.sub > a:after, .main-menu li.sub > span:after { + content: ' '; + display: inline-block; + vertical-align: middle; + width: 13px; + height: 12px; + background: url(../img/sprites.png) -46px 0 no-repeat; + margin: -3px 0 0 8px; +} + +.main-menu .sub:hover > a:after, .main-menu .sub:hover > span:after { + background-position: -46px -16px; +} + +.page-wrap > footer nav .main-menu li.sub > a:after { + width: 12px; + height: 10px; + background-position: 0 -16px; + margin-left: 5px; +} + +.page-wrap > footer nav .main-menu .sub:hover > a:after { + background-position: -13px -16px; +} + +.main-menu .sub ul { + position: absolute; + width: 100%; + left: 0; + top: 100%; + padding: 5px 10px; + font-size: 18px; + line-height: 22px; + letter-spacing: normal; + background: #ff6600; + margin-top: -5px; + border-radius: 4px; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: none; +} + +.page-wrap > footer nav .main-menu .sub ul { + top: auto; + bottom: 100%; + font-size: 16px; + line-height: 18px; + margin: 0 0 -5px; +} + +.main-menu .sub:hover ul { + display: block; +} + +.main-menu .sub ul a { + text-decoration: none; + color: #fff; +} + +.main-menu > li.sub ul a:hover { + color: #ffc4aa; +} + +aside nav ul.s-menu { + display: inline-block; + font-size: 14px; + line-height: 17px; + margin-top: -2px; +} + +nav ul.s-menu { + margin: 0 0 0 -7px; +} + +aside nav ul.s-menu > li { + margin-top: -2px; +} + +.page-wrap > footer nav ul.s-menu > li { + margin-left: 3px; +} + +aside nav ul.s-menu > li:first-child, +.page-wrap > footer ul.s-menu > li:first-child { + margin: 0; +} + +aside nav + hr { + margin-top: -5px; +} + +.page-wrap > footer .counters { + width: 33.33%; + float: right; + /*text-align: right;*/ +} + +.page-wrap > footer .counters > ul { + display: inline-block; + vertical-align: top; + margin: 0; + padding: 0; + list-style: none; + text-align: left; +} + +.page-wrap > footer .counters > ul > li { + display: inline-block; + vertical-align: top; + margin: 0 0 5px 3px; +} + + +.swiper-wrapper { + margin: 0; + padding: 0; + list-style: none; +} + + +.main-page section.layout { + margin: 30px 0; +} + +.mp-top .recent-expo { + position: relative; + overflow: hidden; + padding-top: 5px; +} + +.mp-top .recent-expo ul { + margin: 0; + padding: 0; + list-style: none; +} + +.mp-top .recent-expo ul li { + float: left; + width: 100%; + display: none; +} + +.mp-top .recent-expo ul li:first-child { + display: block; +} + +.mp-top .recent-expo .re-pict { + width: 220px; + height: 220px; + margin-right: 40px; + overflow: hidden; + float: left; + border-radius: 4px; +} + +.mp-top .recent-expo .re-pict { + max-width: 100%; + max-height: 100%; +} + +.mp-top .recent-expo .re-body { + position: relative; + overflow: hidden; + min-height: 220px; +} + +.mp-top .recent-expo .re-body .re-info { + margin-bottom: 70px; +} + +.mp-top .recent-expo .re-body .re-info a { + text-decoration: none; +} + +.mp-top .recent-expo .re-title { + font-family: 'dindisplay_pro', Arial, sans-serif; + font-weight: 100; + font-size: 50px; + line-height: 48px; + margin: 0 80px 5px 0; +} + +.mp-top .recent-expo .re-title a { + text-decoration: none; +} + +.mp-top .recent-expo .re-date { + font-family: 'dindisplay_pro', Arial, sans-serif; + font-weight: 100; + font-size: 24px; + line-height: 27px; + color: #464646; + margin-bottom: 3px; +} + +.mp-top .recent-expo .re-date span { + color: #afafaf; +} + +.mp-top .recent-expo .re-descr { + color: #a2a2a2; + font-size: 14px; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; +} + +.mp-top .recent-expo footer { + position: absolute; + width: 100%; + bottom: 0; + left: 0; +} + +.mp-top .recent-expo .re-buttons { + margin-bottom: 12px; +} + +.mp-top .recent-expo .re-tags { + color: #a2a2a2; + font-size: 11px; + line-height: 15px; +} + +.mp-top .recent-expo .re-tags a { + color: #a2a2a2; + text-decoration: none; +} + +.mp-top .recent-expo .re-tags .re-t-total { + color: #d4d4d4; + -webkit-transition: color .3s; + -o-transition: color .3s; + transition: color .3s; +} + +.mp-top .recent-expo .re-tags a:hover, +.mp-top .recent-expo .re-tags a:hover .re-t-total { + color: #ff6600; +} + +.mp-top .recent-expo .re-controls { + position: absolute; + right: 0; + top: 0; + z-index: 100; + display: none; +} + +.mp-top .recent-expo .re-controls.enabled { + display: block; +} + +.mp-top .recent-expo .re-controls a { + position: relative; + display: inline-block; + width: 29px; + height: 0; + padding-top: 29px; + overflow: hidden; + background: #e3e3e3; + box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1), 0 1px 0 #fff; +} + +.mp-top .recent-expo .re-controls a:before { + content: ' '; + display: block; + width: 10px; + height: 12px; + background: url(../img/sprites.png) -113px 0 no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -6px 0 0 -5px; +} + +.mp-top .recent-expo .re-controls a:hover { + background: #ff6600; +} + +.mp-top .recent-expo .re-controls a.prev { + border-radius: 4px 0 0 4px; + margin-right: -1px; +} + +.mp-top .recent-expo .re-controls a.prev:before { + background-position: -113px 0; +} + +.mp-top .recent-expo .re-controls a.next { + border-radius: 0 4px 4px 0; + margin-left: -1px; +} + +.mp-top .recent-expo .re-controls a.next:before { + background-position: -123px 0; +} + +.mp-top .recent-expo .re-controls a.prev.disabled, +.mp-top .recent-expo .re-controls a.next.disabled { + background: #e3e3e3; + opacity: .5; + cursor: default; +} + + +.button, +.pgc-buttons button, +.e-form button { + display: inline-block; + vertical-align: middle; + height: 26px; + padding: 3px 14px 2px; + background: transparent; + text-decoration: none; + color: #ff6600; + border: 1px solid #feb17d; + text-transform: uppercase; + font-family: 'dindisplay_pro', Arial, sans-serif; + font-weight: bold; + font-size: 13px; + line-height: 20px; + text-shadow: 0 1px 0 #fff; + border-radius: 4px; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: background .3s, color .3s; + -o-transition: background .3s, color .3s; + transition: background .3s, color .3s; + word-spacing: normal; + white-space: nowrap; +} + +.lc { + text-transform: none; +} + +.button.lc { + font-weight: normal; + line-height: 18px; +} + +.button.big { + height: 36px; + font-size: 15px; + line-height: 31px; + padding: 3px 19px 2px; +} + +.e-form button, +.e-form .button { + color: #ffffff; + text-shadow: 0 1px 0 rgba(0, 0, 0, .3); +} + + +@-moz-document url-prefix() { + .button.lc { + line-height: 17px; + } +} + + +.button:hover, +.pgc-buttons button:hover, +.e-form button:hover { + border-color: #ff6600; + background: #ff6600; + color: #fff; + text-shadow: 0 1px 0 rgba(0, 0, 0, .3); + box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1); +} + +.e-form button:hover, +.e-form .button:hover, +.e-form .input-file:hover .button { + background: #ff8000; + border-color: #ffffff; +} + +.button.blue { + border-color: #90c7e0; + color: #2592c5; +} + +.button.blue:hover, .button.blue.active { + border-color: #2592c5; + background: #2592c5; + color: #fff; +} + +.button.blue2 { + border-color: #7ed4f5; + color: #00adef; +} + +.button.blue2 i { + font-style: normal; + color: #1d447d; +} + +.button.blue2:hover { + border-color: #1d447d; + background: #1d447d; + color: #00adef; +} + +.button.blue2:hover i { + color: #fff; +} + +.button.green { + border-color: #c1e090; + color: #87c525; +} + +.button.green:hover, .button.green.active{ + border-color: #87c525; + background: #87c525; + color: #fff; + text-shadow: none; +} + +.button.red { + border-color: #e87e7d; + color: #d90000; +} + +.button.red:hover { + border-color: #d90000; + background: #d90000; + color: #fff; +} + +.button.grey { + border-color: #c6c6c6; + color: #b4b4b4; +} + +.button.grey:hover { + border-color: #b4b4b4; + background: #b4b4b4; + color: #fff; +} + +.button.orange { + border-color: #ff6600; + text-shadow: 0 1px 0 rgba(0, 0, 0, .3); + color: #fff; + background: #ff6600; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8000), color-stop(100%,#ff6600)); + background: -webkit-linear-gradient(top, #ff8000 0%,#ff6600 100%); + background: -o-linear-gradient(top, #ff8000 0%,#ff6600 100%); + background: -webkit-linear-gradient(top, #ff8000 0%, #ff6600 100%); + background: -o-linear-gradient(top, #ff8000 0%, #ff6600 100%); + background: linear-gradient(to bottom, #ff8000 0%,#ff6600 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8000', endColorstr='#ff6600',GradientType=0 ); +} + +.button.orange:hover { + text-shadow: 0 1px 0 rgba(0, 0, 0, .3); + background: #ff8000; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9150), color-stop(100%,#ff8000)); + background: -webkit-linear-gradient(top, #fe9150 0%,#ff8000 100%); + background: -o-linear-gradient(top, #fe9150 0%,#ff8000 100%); + background: -webkit-linear-gradient(top, #fe9150 0%, #ff8000 100%); + background: -o-linear-gradient(top, #fe9150 0%, #ff8000 100%); + background: linear-gradient(to bottom, #fe9150 0%,#ff8000 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9150', endColorstr='#ff8000',GradientType=0 ); +} + +.cli-photo-list .cli-phg-bot .cli-pb-button .button { + height: 29px; + line-height: 22px; + padding-top: 4px; +} + +.button.more, +.cli-photo-list .cli-phg-bot .cli-pb-button .button.more{ + height: 29px; + font-size: 17px; + line-height: 19px; + text-transform: none; + padding-top: 4px; +} + +.button.more:after { + content: ' '; + display: inline-block; + vertical-align: middle; + width: 5px; + height: 9px; + background: url(../img/sprites.png) -148px -16px no-repeat; + margin: 1px 0 0 10px; +} + +.button.b-more:after { + content: ''; + display: inline-block; + vertical-align: middle; + width: 8px; + height: 12px; + background: url(../img/sprites.png) -175px 0 no-repeat; + margin: -1px -5px 0 8px; +} + +.button.blue.more:after { + background-position: -165px -14px; +} + +.button.more:hover:after { + background-position: -165px -23px; +} + +.button[class*="icon-"]:before { + content: ' '; + display: inline-block; + vertical-align: middle; + width: 16px; + height: 16px; + background: url(../img/sprites.png) no-repeat; + margin: -3px 5px 0 0; +} + +.button.big[class*="icon-"]:before { + margin-right: 7px; +} + +.button.icon-calendar:before { + width: 14px; + background-position: -60px 0; +} +.button.icon-calendar:hover:before, .button.icon-calendar.active:before { + background-position: -60px -16px; +} + +.button.icon-calendar-o:before { + width: 13px; + background-position: -183px -145px; +} +.button.icon-calendar-o:hover:before { + background-position: -197px -145px; +} + +.button.icon-save:before { + width: 12px; + height: 13px; + background-position: -155px -145px; + margin-top: -1px; +} +.button.icon-save:hover:before { + background-position: -155px -159px; +} + +.button.icon-print:before { + width: 13px; + height: 13px; + background-position: -169px -145px; + margin-top: -2px; +} +.button.icon-print:hover:before { + background-position: -169px -159px; +} + +.button.icon-note:before { + width: 11px; + height: 14px; + background-position: -74px 0; +} +.button.icon-note:hover:before, .button.icon-note.active:before { + background-position: -74px -16px; +} + +.button.icon-sm:before { + width: 8px; + height: 9px; + background-position: -287px -32px; + margin-left: -2px; +} +.button.icon-sm:hover:before { + background-position: -287px -41px; +} + +.button.icon-edit:before { + width: 14px; + height: 13px; + background-position: -277px 0; +} +.button.icon-edit:hover:before, +.button.orange.icon-edit:before { + background-position: -277px -15px; +} + +.button.icon-del:before { + width: 12px; + height: 14px; + background-position: -259px -30px; +} +.button.icon-del:hover:before { + background-position: -259px -45px; +} + +.button.icon-copy:before { + width: 15px; + height: 14px; + background-position: -261px 0; +} +.button.icon-copy:hover:before { + background-position: -261px -15px; +} + +.button.icon-info:before { + width: 10px; + height: 11px; + background-position: -280px -64px; +} +.button.icon-info:hover:before { + background-position: -280px -76px; +} + +.button.icon-list:before { + width: 10px; + height: 9px; +} +.button.blue.icon-list:before { + background-position: -175px -52px; +} +.button.green.icon-list:before { + background-position: -186px -52px; +} +.button.icon-list:hover:before { + background-position: -197px -52px; +} + +.button.icon-msg:before { + width: 11px; + height: 11px; + background-position: -268px -64px; +} +.button.icon-msg:hover:before { + background-position: -268px -76px; +} + +.button.icon-photo:before { + width: 11px; + height: 11px; + background-position: -226px -96px; +} +.button.icon-photo:hover:before { + background-position: -226px -108px; +} + +.button.icon-reply:before { + width: 11px; + height: 12px; + background-position: -238px -95px; +} +.button.icon-reply:hover:before { + background-position: -238px -108px; +} + +.button.icon-go:before { + width: 8px; + height: 10px; + background-position: -291px -64px; +} +.button.icon-go:hover:before { + background-position: -291px -75px; +} + +.button.icon-check:before, +.pgc-buttons button.icon-check:before { + width: 13px; + height: 11px; + background-position: -106px -16px; +} +.button.icon-check:hover:before, +.button.orange.icon-check:before, +.pgc-buttons button.icon-check:hover:before { + background-position: -120px -16px; +} + +.button.icon-find:before { + width: 12px; + height: 13px; + background-position: -184px 0; +} +.button.icon-find:hover:before { + background-position: -250px -95px; +} + +.button.icon-bell:before { + width: 12px; + height: 13px; + background-position: -211px -49px; + margin-top: 0; +} +.button.icon-bell:hover:before { + background-position: -225px -120px; +} + +.button.icon-tag:before { + width: 10px; + height: 10px; + background-position: -239px 0; +} +.button.icon-tag:hover:before { + background-position: -250px 0; +} + +.button.icon-clip:before { + width: 14px; + height: 16px; + background-position: -225px -147px; + margin-bottom: -1px; +} +.button.icon-clip:hover:before, +.e-form .button.icon-clip:before { + background-position: -240px -147px; +} + + +.button.icon-camera:before { + width: 16px; + height: 15px; + background-position: -300px -85px; +} +.button.icon-camera:hover:before, +.button.orange.icon-camera:before{ + background-position: -300px -101px; +} + +.button.icon-view:before { + width: 15px; + height: 11px; + background-position: -225px -164px; +} +.button.icon-view:hover:before { + background-position: -241px -164px; +} + +.button.icon-add:before { + width: 13px; + height: 14px; + background-position: -268px -116px; +} +.button.icon-add:hover:before { + background-position: -282px -116px; +} + + +button, +.e-price-wrap .button.big.orange { + border: none; + outline: none; + height: 36px; + padding: 1px 25px 0; + font-family: 'dindisplay_pro', sans-serif; + font-weight: bold; + font-size: 15px; + line-height: 35px; + text-transform: uppercase; + text-align: center; + color: #fff; + text-shadow: 0 1px 0 rgba(0, 0, 0, .3); + letter-spacing: normal; + word-spacing: normal; + background: #ff6600; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8000), color-stop(100%,#ff6600)); + background: -webkit-linear-gradient(top, #ff8000 0%,#ff6600 100%); + background: -o-linear-gradient(top, #ff8000 0%,#ff6600 100%); + background: -webkit-linear-gradient(top, #ff8000 0%, #ff6600 100%); + background: -o-linear-gradient(top, #ff8000 0%, #ff6600 100%); + background: linear-gradient(to bottom, #ff8000 0%,#ff6600 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8000', endColorstr='#ff6600',GradientType=0 ); + border-radius: 3px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.e-price-wrap .button.big.orange { + height: 41px; + font-size: 17px; + line-height: 40px; +} + +.button.orange:hover, +button:hover, +.e-price-wrap .button.big.orange:hover{ + background: #ff8000; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9150), color-stop(100%,#ff8000)); + background: -webkit-linear-gradient(top, #fe9150 0%,#ff8000 100%); + background: -o-linear-gradient(top, #fe9150 0%,#ff8000 100%); + background: -webkit-linear-gradient(top, #fe9150 0%, #ff8000 100%); + background: -o-linear-gradient(top, #fe9150 0%, #ff8000 100%); + background: linear-gradient(to bottom, #fe9150 0%,#ff8000 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9150', endColorstr='#ff8000',GradientType=0 ); +} + +.pw-form button { + padding: 2px 25px 0; + height: 46px; + line-height: 44px; +} + +.pw-form button[class *= "icon-"]{ + padding: 2px 40px 0 30px; +} + +.pw-reg .pw-form button{ + width: 265px; + cursor: pointer; +} + +button[class *= "icon-"]:before { + content: ' '; + display: inline-block; + vertical-align: middle; + background: url(../img/sprites.png) 0 0 no-repeat; + margin: -2px 7px 0 0; +} + + +button.icon-check:before { + width: 13px; + height: 11px; + background-position: -120px -16px; +} + +button.icon-save:before { + width: 13px; + height: 14px; + background-position: -203px -16px; +} +button.icon-arrow:before { + width: 8px; + height: 12px; + background-position: -176px 0; +} + + + +.page-wrap section.layout.search-form .layout-wrap { + font-family: 'dindisplay_pro', Arial, sans-serif; + font-weight: normal; + font-size: 14px; + line-height: 18px; + color: #fff; + background: #ff6600 url(../img/search-bg.jpg) 100% 100% no-repeat; + height: 125px; + padding: 25px 0 25px 420px; + margin-left: -200px; + border-radius: 0 4px 4px 0; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +/***************************\ + # форма поиска +\**************************/ + + .in-search-form { + position: relative; + /*display: none;*/ + font-family: 'dindisplay_pro', Arial, sans-serif; + font-weight: normal; + font-size: 14px; + line-height: 18px; + color: #fff; + background: #ff6600 url(../img/search-bg.jpg) 100% 100% no-repeat; + height: 150px; + margin: 0 0 15px -40px; + padding: 30px 0 5px 40px; + z-index: 3; + border-radius: 4px; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + + .modals .popup-window{ + display: none; + } + + .search-form aside .s-title { + font-size: 25px; + line-height: 25px; + text-transform: uppercase; + white-space: nowrap; + margin-right: -20px; + } + + .in-search-form .s-title { + font-size: 25px; + line-height: 25px; + text-transform: uppercase; + margin-bottom: 15px; + } + + .search-form .mcl { + padding-right: 50px; + } + + .search-form-wrap { + display: table; + width: 100%; + border-collapse: collapse; + } + + .search-form-wrap .search-line { + display: table-row; + } + + .search-form-wrap .search-line .sf-field-wrap { + display: table-cell; + vertical-align: middle; + padding: 0 10px 8px 0; + color: #ffd9bf; + line-height: 15px; + } + + .search-form-wrap .search-line .sf-field-wrap:first-child { + width: 48%; + } + + .search-form-wrap .search-line .sf-field-wrap + .sf-field-wrap { + width: 32%; + } + + .search-form-wrap .search-line .sf-field-wrap + .sf-field-wrap + .sf-field-wrap { + width: 20%; + } + + .search-line.sl-options a { + display: inline-block; + color: #fff; + text-decoration: none; + border-bottom: 1px dashed; + line-height: 13px; + } + + .search-line.sl-options a:hover { + border-bottom: none; + } + + .search-line.sl-options a.sf-clear { + position: relative; + display: inline-block; + vertical-align: middle; + border-bottom: none; + width: 16px; + height: 0; + padding-top: 24px; + margin: -5px 0 -5px 2px; + overflow: hidden; + } + + .search-line.sl-options a.sf-clear:before { + content: ''; + display: block; + width: 6px; + height: 7px; + background: url(../img/sprites.png) -135px -25px no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -3px 0 0 -3px; + } + + .sf-field { + position: relative; + display: table; + width: 100%; + height: 40px; + border-collapse: collapse; + background: #fff; + color: #aaa; + box-shadow: inset 0 1px 0 #d9d9d9, 0 -1px 0 rgba(0, 0, 0, .2); + z-index: 1; + } + + .sf-field-wrap:first-child .sf-field { + border-radius: 4px 0 0 4px; + } + + .sf-field > * { + display: table-cell; + vertical-align: middle; + } + + .sf-field label { + font-size: 16px; + line-height: 20px; + font-weight: normal; + padding: 10px 5px 10px 20px; + white-space: nowrap; + } + + .sf-field .input-text { + width: 100%; + height: 100%; + } + + .sf-field .input-text input[type="text"] { + display: block; + width: 100%; + height: 100%; + background: none; + border: none; + outline: none; + padding: 10px 10px 10px 0; + font-family: 'dindisplay_pro', Arial, sans-serif; + font-weight: normal; + font-size: 16px; + line-height: 20px; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + + .search-form button.search_submit, + .search-form button.modal-approve, + .in-search-form button.search_submit, + .in-search-form button.modal-approve{ + display: inline-block; + vertical-align: top; + height: 40px; + border: 1px solid #fff; + /*background: none;*/ + outline: none; + color: #fff; + font-family: 'dindisplay_pro', Arial, sans-serif; + font-weight: bold; + font-size: 15px; + line-height: 41px; + text-transform: uppercase; + padding: 0 25px; + border-radius: 0 4px 4px 0; + -moz-box-sizing: border-box; + box-sizing: border-box; + box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(0, 0, 0, .2); + -webkit-filter: none; + filter: none; + } + button.modal-approve{ + border-radius: 4px !important; + } + + .search-form button.search_submit:before, + .search-form button.modal-approve:before, + .in-search-form button.search_submit:before , + .in-search-form button.modal-approve:before { + content: ' '; + display: inline-block; + vertical-align: middle; + width: 15px; + height: 14px; + background: url(../img/sprites.png) -98px 0 no-repeat; + margin: -2px 5px 0 -1px; + } + + .search-form button:hover, + .in-search-form button:hover { + position: relative; + top: -1px; + /*background: none;*/ + } + + .sf-autocomplete { + position: relative; + z-index: 3048; + height: 40px; + display: none; + } + .sf-autocomplete.show { + display: block; + } + + .sf-autocomplete .sfa-wrap { + position: absolute; + left: 0; + width: 100%; + top: 0; + background: #fff; + padding: 20px 20px 20px 20px; + overflow: hidden; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + box-shadow: 0 0 0 3px rgba(0, 0, 0, .2); + visibility: hidden; + background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ffffff 10%,#efefef 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ffffff 10%,#efefef 100%); /* Opera 11.10+ */ /* IE10+ */ + background: -webkit-linear-gradient(top, #ffffff 10%, #efefef 100%); + background: -o-linear-gradient(top, #ffffff 10%, #efefef 100%); + background: linear-gradient(to bottom, #ffffff 10%,#efefef 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ + + } + + .sf-autocomplete .sfa-wrap { + border-radius: 4px 0 4px 4px; + } + + .sf-autocomplete .sfa-wrap.show { + visibility: visible; + } + + .ui-autocomplete { + position: relative; + width: 100%; + max-height: 265px; + overflow-y: auto; + overflow-x: hidden; + left: 0 !important; + top: 0 !important; + padding: 5px 10px 0 0; + border-top: 1px dotted #ccc; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .ui-autocomplete-category { + font-size: 15px; + line-height: 17px; + color: #ff6600; + padding: 8px 10px 0 0; + } + + .ui-menu .ui-menu-item { + padding: 0 10px 0 5px; + margin-top: 2px; + } + + .ui-menu .ui-menu-item a { + color: #464646; + font-size: 15px; + line-height: 15px; + border: none; + padding: 2px 5px; + cursor: pointer; + } + + .ui-menu .ui-menu-item a.ui-state-focus, + .ui-menu .ui-menu-item a.ui-state-active { + color: #ff6600; + margin: 0; + } + + .ui-menu .ui-menu-item a i { + font-style: normal; + color: #a2a2a2; + } + /* # clear all button*/ + .in-search-form .modal-clear, + .search-form .modal-clear{ + height: 40px; + border: 1px solid #fff; + padding: 0 25px; + box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(0, 0, 0, .2); + } + +/* end of search block*/ + +.main-page .page-wrap .mp-catalog .layout-wrap { + padding: 0 10px 30px 230px; + margin: 0 -10px; + box-shadow: 0 3px 6px -5px rgba(0, 0, 0, .4); +} + +@-moz-document url-prefix() { + .main-page .page-wrap .mp-catalog .layout-wrap { + box-shadow: 0 3px 5px -5px rgba(0, 0, 0, .3); + } +} + + +.mp-catalog-lists { + display: table; + table-layout: fixed; + width: 100%; + border-collapse: collapse; +} + +.mp-catalog-lists .mpc-list { + display: table-cell; + vertical-align: top; + padding-right: 40px; + width: 33.33%; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.mp-catalog-lists .mpc-list:first-child { + min-width: 260px; +} + +.mp-catalog-lists .mpc-list header { + font-family: 'dindisplay_pro', Arial, sans-serif; + font-weight: 100; + font-size: 28px; + line-height: 28px; + text-transform: uppercase; + color: #ff6600; + margin-bottom: 10px; +} + +.mp-catalog-lists .mpc-list ul { + margin: 0 0 7px; + padding: 0; + list-style: none; + font-size: 12px; + line-height: 15px; +} + +.mp-catalog-lists .mpc-list ul li { + margin-bottom: 4px; +} + +.mp-catalog-lists .mpc-list ul a, .leter-list a { + color: #464646; + text-decoration: none; +} + +.mp-catalog-lists .mpc-list ul a span { + text-decoration: underline; +} + +.mp-catalog-lists .mpc-list ul a i { + font-style: normal; + color: #aaa; +} + +.mp-catalog-lists .mpc-list ul a, +.leter-list a, +.mp-catalog-lists .mpc-list ul a * { + -webkit-transition: color .3s; + -o-transition: color .3s; + transition: color .3s; +} + +.mp-catalog-lists .mpc-list ul a:hover, +.leter-list a:hover, +.mp-catalog-lists .mpc-list ul a:hover * { + color: #ff6600; + text-decoration: none; +} + + +.mp-catalog-lists .mpc-list footer { + font-size: 11px; +} + +a.more:after { + content: ' '; + display: inline-block; + vertical-align: middle; + width: 6px; + height: 7px; + background: url(../img/sprites.png) -39px -16px no-repeat; + margin-left: 5px; +} + +a.more.blue2 { + color: #40bbea; +} + +a.more.blue2:after { + background-position: -249px -52px; +} + +.mp-catalog-lists + .abn { + display: inline-block; + margin-top: 25px; + overflow: hidden; + border-radius: 4px; +} + +.s-phone { + margin: 0 0 15px 0; + padding-left: 25px; +} + +/*.main-page .s-phone {*/ + /*margin-bottom: 40px;*/ +/*}*/ + +.main-page .s-phone .sp-wrap { + border: none; + padding-top: 0; +} + +.s-phone .s-tel { + font-family: 'dindisplay_pro', sans-serif; + font-weight: 500; + font-style: normal; + font-size: 25px; + line-height: 25px; +} + +.s-phone .s-tel em { + display: block; + font-style: normal; + font-weight: normal; + font-size: 17px; + line-height: 19px; + float: left; + margin: 0 5px 0 -25px; + color: #a2a2a2; +} + + +@-moz-document url-prefix() { + .s-phone .s-tel em { + margin-top: 1px; + } +} + + +.main-page .s-phone .s-tel em { + color: #ff6600; +} + +.s-phone .s-callback { + font-family: 'dindisplay_pro', sans-serif; + font-weight: normal; + font-size: 10px; + text-transform: uppercase; + margin-top: -2px; +} + +.s-phone .s-callback a { + color: #a2a2a2; +} + +.s-phone .s-callback a:hover { + color: #ff6600; + text-decoration: none; +} + + +.online-adviser { + margin: 0 0 15px 0; + padding-left: 40px; +} + +.main-page .online-adviser { + margin-bottom: 40px; +} + +.main-page .online-adviser .oa-wrap { + border: none; + padding-top: 0; +} + + +.online-adviser header { + overflow: hidden; + font-family: 'dindisplay_pro', sans-serif; + font-weight: 500; + font-size: 16px; + text-transform: uppercase; + padding-left: 40px; + margin: 0 0 8px -40px; +} + +.online-adviser header a { + color: #464646; + text-decoration: none; +} + +.online-adviser header b { + display: block; + font-weight: normal; + font-size: 20px; + line-height: 20px; + text-decoration: underline; + color: #87c525; +} + +.online-adviser header b:before { + content: ' '; + display: block; + width: 31px; + height: 26px; + background: url(../img/sprites.png) 0 -33px no-repeat; + float: left; + margin: 0 -100% -0px -40px; +} + +.online-adviser header a, +.online-adviser header a * { + -webkit-transition: color .3s; + -o-transition: color .3s; + transition: color .3s; +} + +.online-adviser header a:hover, +.online-adviser header a:hover * { + color: #ff6600; + text-decoration: none; +} + +.online-adviser header a:hover b:before { + background-position: -84px -145px; +} + +.online-adviser .oa-descr { + font-size: 11px; + line-height: 14px; + color: #a2a2a2; +} + + +.subscribe-sm { + font-family: 'dindisplay_pro', sans-serif; +} + +.subscribe-sm header { + font-weight: 100; + font-size: 18px; + line-height: 18px; + text-transform: uppercase; + margin-bottom: 10px; +} + +.subscribe-sm ul { + margin: 0 -100% 0 0; + padding: 0; + list-style: none; + font-size: 10px; + line-height: 13px; +} + +.subscribe-sm ul li { + display: inline-block; + vertical-align: bottom; + margin-left: 5px; +} + +.subscribe-sm ul li:first-child { + margin-left: 0; +} + +.subscribe-sm ul li a { + text-decoration: none; +} + +.subscribe-sm ul li a:before { + content: ' '; + display: block; + background: url(../img/sprites.png) 0 0 no-repeat; + margin: 0 auto 5px; +} + +a.icon-big-email { + color: #5e5e5e; +} + +.subscribe-sm ul li a.icon-big-email:before { + width: 30px; + height: 26px; + background-position: -32px -33px; +} + +a.icon-big-rss { + color: #ff6600; +} + +.subscribe-sm ul li a.icon-big-rss:before { + width: 25px; + height: 26px; + background-position: -91px -33px; +} + +a.icon-big-twitter { + color: #00bff3; +} + +.subscribe-sm ul li a.icon-big-twitter:before { + width: 29px; + height: 25px; + background-position: -117px -33px; +} + +a.icon-big-ical { + color: #ed1c24; +} + +.subscribe-sm ul li a.icon-big-ical:before { + width: 26px; + height: 29px; + background-position: -64px -33px; +} + +.mp-news-list {} + +.mp-news-list header { + font-family: 'dindisplay_pro', sans-serif; + font-weight: 100; + font-size: 27px; + line-height: 28px; + color: #a2a2a2; + margin-bottom: 15px; +} + +.mp-news-list header a { + color: #a2a2a2; + text-decoration: none; +} + +.mp-news-list header a:hover { + color: #ff6600; +} + +.mp-news-list ul { + margin: 0; + padding: 0; + list-style: none; +} + +.mp-news-list ul li { + margin-bottom: 20px; + overflow: hidden; + font-size: 12px; + line-height: 15px; +} + +.mp-news-list ul li a { + display: block; + text-decoration: none; + color: #767675; +} + +.mp-news-list ul li a:hover { + color: #ff6600; +} + +.mp-news-list li a span { + display: block; +} + +.mp-news-list .nl-pict img{ + margin-top: 11px; +} +.mp-news-list .nl-pict { + width: 80px; + height: 80px; + overflow: hidden; + margin-right: 20px; + float: left; + border-radius: 4px; + text-align: center; + background: #ffffff; + box-shadow: inset 0 1px 0 #e8e8e7; +} + +.mp-news-list .nl-body { + overflow: hidden; +} + +.mp-news-list .nl-text { + margin-bottom: 5px; +} + +.mp-news-list .nl-date { + font-size: 11px; + line-height: 13px; + color: #ff6600; +} + +.mp-news-list footer { + font-family: 'dindisplay_pro', sans-serif; +} + +.mp-news-list footer a.more { + color: #bbb; +} + +.mp-news-list footer a.more:after { + background-position: -39px -24px; +} + +.mp-news-list footer a.more:hover { + color: #ff6600; +} + +.mp-news-list footer a.more:hover:after { + background-position: -39px -16px; +} + +.s-news-list { + margin: 20px 0; +} + +.s-news-list header { + font-family: 'dindisplay_pro', sans-serif; + font-weight: 100; + font-size: 23px; + line-height: 25px; + color: #a2a2a2; + margin-bottom: 15px; +} + +.s-news-list header a { + text-decoration: none; + color: #a2a2a2; +} + +.s-news-list header a:hover { + color: #ff6600; +} + +.s-news-list ul { + margin: 0; + padding: 0; + list-style: none; +} + +.s-news-list ul li { + margin-bottom: 15px; + overflow: hidden; + font-size: 12px; + line-height: 15px; +} + +.s-news-list ul li a { + display: block; + text-decoration: none; + color: #767675; +} + +.s-news-list ul li a:hover { + color: #ff6600; +} + +.s-news-list li a span { + display: block; +} + +.s-news-list .nl-pict { + width: 40px; + height: 40px; + overflow: hidden; + margin-right: 20px; + float: left; + border-radius: 4px; +} + +.s-news-list .nl-pict img { + width: 100%; +} + +.s-news-list .nl-body { + overflow: hidden; +} + +.s-news-list .nl-text { + margin-bottom: 5px; +} + +.s-news-list .nl-date { + font-size: 11px; + line-height: 13px; + color: #ff6600; +} + +.s-news-list footer { + font-family: 'dindisplay_pro', sans-serif; +} + +.s-news-list footer a.more { + color: #bbb; +} + +.s-news-list footer a.more:after { + background-position: -39px -24px; +} + +.s-news-list footer a.more:hover { + color: #ff6600; +} + +.s-news-list footer a.more:hover:after { + background-position: -39px -16px; +} + + + +.mp-photo-gallery { + font-family: 'dindisplay_pro', sans-serif; + margin-left: -220px; +} + +.mp-photo-gallery header { + font-weight: 100; + font-size: 27px; + line-height: 28px; + color: #a2a2a2; + margin-bottom: 15px; + padding-left: 220px; +} + +.mp-photo-gallery header .pg-title { + width: 225px; + margin: 0 -220px 0 -220px; + float: left; +} + +.mp-photo-gallery header .pg-title > a { + color: #a2a2a2; +} + +.mp-photo-gallery header .pg-title > a:hover { + color: #ff6600; +} + +.mp-photo-gallery header h2 { + display: inline-block; + font-weight: normal; + font-size: 28px; + line-height: 28px; + margin: 0; + color: #ff6600; +} + +.mp-photo-gallery header h2 a:hover { + color: #464646; +} + +.mp-photo-gallery .photo-gallery { + position: relative; + width: 720px; + max-width: 100%; + height: 320px; + margin: 0; +} + +.mp-photo-gallery a { + display: inline-block; + width: 100%; + text-decoration: none; +} + +.mp-photo-gallery .photo-gallery ul { + width: 100%; + height: 100%; +} + +.mp-photo-gallery li { + width: 100%; + height: 100%; + float: left; +} + +.mp-photo-gallery .pg-item { + display: inline-block; + position: relative; + max-width: 100%; + overflow: hidden; + border-radius: 4px; +} + +.mp-photo-gallery .pg-item .pgi-pict { + max-width: 100%; + text-align: center; +} + +.mp-photo-gallery .pg-item .pgi-pict img { + margin: 0 -50%; +} + +.mp-photo-gallery .pg-item .pgi-descr { + position: absolute; + width: 100%; + left: 0; + bottom: 0; + -moz-box-sizing: border-box; + box-sizing: border-box; + color: #fff; + background: rgba(0, 0, 0, .6); + padding: 12px 25px 15px 220px; + font-size: 14px; + line-height: 16px; + display: none; +} + +.lt-ie9 .mp-photo-gallery .pg-item .pgi-descr { + background: url(../img/semitransparent-ie8.png); +} + +.mp-photo-gallery li:first-child .pg-item .pgi-descr { + display: block; +} + +.mp-photo-gallery .pg-item .pgi-descr .pgi-date { + width: 145px; + float: left; + margin: 0 -145px 0 -180px; + font-weight: 100; + font-size: 13px; + line-height: 16px; +} + +.mp-photo-gallery .pg-item .pgi-descr .pgi-date b { + display: block; + font-weight: 500; + font-size: 15px; +} + +.mp-photo-gallery .pg-item .pgi-descr .pgi-date b:before { + content: ' '; + display: block; + width: 12px; + height: 14px; + background: url(../img/sprites.png) -85px 0 no-repeat; + float: left; + margin: 2px -12px -14px -16px; +} + +.mp-photo-gallery .re-controls { + display: none; +} + +.mp-photo-gallery .re-controls.enabled { + display: block; +} + +.mp-photo-gallery .re-controls a { + display: block; + width: 71px; + height: 0; + padding-top: 71px; + overflow: hidden; + position: absolute; + top: 50%; + margin-top: -55px; +} + +.mp-photo-gallery .re-controls a:before { + content: ' '; + display: block; + width: 31px; + height: 62px; + background: url(../img/sprites.png) 0 -63px no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -31px 0 0 -15px; +} + +.mp-photo-gallery .re-controls a.prev { + left: 0; +} + +.mp-photo-gallery .re-controls a.prev:before { + background-position: 0 -63px; +} + +.mp-photo-gallery .re-controls a.next { + right: 0; +} + +.mp-photo-gallery .re-controls a.next:before { + background-position: -32px -63px; +} + + +.mp-photo-gallery .re-controls a.prev.disabled, +.mp-photo-gallery .re-controls a.next.disabled { + display: none; +} + + +.mp-partners .layout-wrap { + padding-left: 200px; + margin-left: -200px; + +} + +.mp-partners .mpp-wrap { + margin-left: -200px; + padding: 10px 0 12px 420px; + line-height: 71px; + background: #ffffff; + border-radius: 0 4px 4px 0; + box-shadow: 0 -1px 0 #f0f0f0; +} + +.mp-partners .mpp-wrap header { + display: block; + float: left; + width: 220px; + margin: 0 -220px; + font-family: 'dindisplay_pro', sans-serif; + font-weight: 100; + font-size: 27px; + color: #a2a2a2; +} + +.mp-partners .mpp-wrap ul { + margin: 0 0 0 -30px; + padding: 0; + list-style: none; +} + +.mp-partners .mpp-wrap li { + display: inline-block; + vertical-align: middle; + margin-left: 30px; +} + +.mp-partners .mpp-wrap ul { + margin-left: -20px; +} + +.mp-partners .mpp-wrap li { + margin-left: 20px; +} + +.mps-sect {} + +.mps-sect header { + font-family: 'dindisplay_pro', sans-serif; + font-weight: 100; + font-size: 27px; + line-height: 28px; + color: #ff6600; + margin-bottom: 10px; +} + +.mps-sect nav ul { + margin: 0 -20px 0 -10px; + text-transform: none; +} + +.mps-sect nav ul li { + margin-bottom: 2px; +} + +.mps-sect nav a { + display: inline-block; + font-size: 14px; + line-height: 17px; + text-decoration: underline; + color: #464646; + padding: 2px 15px 2px 9px; + border-color: transparent; +} + +.mps-sect nav a:hover { + text-decoration: none; + color: #ff6600; + border-color: transparent; +} + +.mps-sect nav a:after { + content: ' '; + display: inline-block; + vertical-align: middle; + width: 5px; + height: 8px; + background: url(../img/sprites.png) -86px -16px no-repeat; + margin: -1px -12px 0 7px; + visibility: hidden; +} + +.mps-sect nav a:hover:after { + visibility: visible; +} + + +.mp-reviews-wrap {} + +.mp-reviews-wrap .mp-reviews { + width: 65.9%; + float: left; + /*padding-right: 5px;*/ + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.mp-reviews-wrap .mp-reviews header { + font-family: 'dindisplay_pro', sans-serif; + font-weight: 100; + font-size: 27px; + line-height: 28px; + color: #a2a2a2; + display: table; + width: 100%; + margin-bottom: 10px; +} + +.mp-reviews-wrap .mp-reviews header > * { + display: table-cell; + width: 50%; +} + +.mp-reviews-wrap .mp-reviews header .mpr-title a { + color: #a2a2a2; + text-decoration: none; +} + +.mp-reviews-wrap .mp-reviews header .mpr-title a:hover { + color: #ff6600; +} + +.mp-reviews-wrap .mp-reviews header .more-link { + font-size: 13px; +} + +.mp-reviews-wrap .mp-reviews ul { + margin: 0; + padding: 0; + list-style: none; + display: table; + width: 100%; + font-family: 'dindisplay_pro', sans-serif; + font-size: 14px; + line-height: 17px; +} + +.mp-reviews-wrap .mp-reviews ul > li { + display: table-cell; + width: 50%; + padding-right: 35px; +} + +.mp-reviews-wrap .mp-reviews li a { + display: block; + width: 220px; + color: #464646; + text-decoration: none; +} + +.mp-reviews-wrap .mp-reviews li a:hover { + color: #ff6600; +} + +.mp-reviews-wrap .mp-reviews li .mpr-pict { + display: block; + overflow: hidden; + margin-bottom: 7px; + border-radius: 4px; +} + + +.mp-reviews-wrap .sbnr { + width: 33.33%; + float: right; + padding-top: 43px; +} + +.mp-reviews-wrap .sbnr .sbnr-wrap { + display: inline-block; + border: 1px solid #e3e3e3; +} + + +.popups-wrap { + position: absolute; + left: -20000em; + top: -20000em; + width: 100%; + height: 1px; + overflow: hidden; +} + +.fancybox-skin { + background: #f8f8f6; +} + +.fancybox-close { + top: 5px; + right: 5px; + width: 36px; + height: 36px; + cursor: pointer; + z-index: 8040; + background: none; +} + +.fancybox-close:before { + content: ' '; + display: block; + width: 10px; + height: 10px; + background: url(../img/sprites.png) -133px 0 no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -5px 0 0 -5px; +} + +.fancybox-close:hover:before { + background-position: -144px 0; +} + +.popup-window { + width: 640px; + font-family: 'dindisplay_pro', sans-serif; + font-size: 15px; + line-height: 17px; + padding: 35px 50px 30px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.popup-window.pw-period { + width: 530px; +} + +.popup-window header { + padding-bottom: 20px; +} + +.popup-window.pw-period header { + padding-bottom: 30px; +} + +.popup-window .pw-title { + font-family: 'dindisplay_pro', sans-serif; + font-weight: 100; + font-size: 35px; + line-height: 35px; + color: #ff6600; +} + +.popup-window footer { + border-top: 1px dotted #ccc; + margin-top: 25px; + padding-top: 25px; +} + +.popup-window footer .soc-med-login { + display: table; +} + +.popup-window footer .soc-med-login > div { + display: table-cell; + vertical-align: top; + line-height: 30px; +} + +.popup-window footer .soc-med-login .sm-label { + font-style: italic; + padding-right: 15px; +} + +.popup-window footer .soc-med-login .sm-body ul { + margin: 0; + padding: 0; + list-style: none; +} + +.popup-window footer .soc-med-login .sm-body ul li { + display: inline-block; + margin-left: 5px; +} + + +.pw-form .pwf-line { + margin-bottom: 15px; + display: table; +} + +.pw-form .pwf-line.subj-checks { + margin-bottom: 25px; +} + +.pw-form .pwf-line.period { + margin-top: 25px; +} + +.pw-form .pwf-buttons-line { + margin-top: 30px; + display: block; +} + +.pw-form .pwf-line > div, +.pw-form .pwf-buttons-line > div { + /*display: table-cell;*/ + display: inline-block; + vertical-align: middle; + width: auto; +} + + +.pwf-line > label + div.pwf-field { + display: block; +} + +.pw-form .pwf-field { + padding-right: 20px; + vertical-align: top; + width: 310px; +} + +.pw-reg .pw-form .pwf-field { + width: 265px; +} + +.pw-form .pwf-field + .pwf-field { + padding-right: 0; +} +.epf-field{ + position: relative; +} +input[type="text"], +input[type="password"], +textarea, +.custom-select .custom-select-wrap, +.editor-wrap { + border: 1px solid #bdbdbd; + outline: none; + background: #fff; + width: 100%; + height: 40px; + padding: 0 6px; + font-family: 'dindisplay_pro', sans-serif; + font-size: 15px; + /*line-height: 40px;*/ + border-radius: 3px; + box-shadow: inset 0 2px 2px -2px #aaa; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +html[data-useragent*='Trident/7.0'] input[type="text"], +html[data-useragent*='Trident/7.0'] input[type="password"], +html[data-useragent*='Trident/7.0'] textarea { + padding: 0 5px 0 20px; +} + +input[type="text"]:focus, +input[type="password"]:focus, +textarea:focus { + border: 2px solid #ff6600; + padding:0 5px; +} + +textarea { + height: 146px; + padding: 5px; + line-height: 20px; + resize: none; +} + +.editor-wrap { + height: auto; + padding: 0; + line-height: normal; + overflow: hidden; +} + +.editor-wrap textarea { + border: none; + padding: 5px; + box-shadow: none; +} + +textarea:focus { + padding: 4px; +} + +.p-form textarea { + height: 176px; + resize: vertical; +} + +.p-form .mf-photos-list textarea { + height: 146px; + resize: none; +} + +.pw-form input[type="text"], +.pw-form input[type="password"] { + height: 40px; + /*line-height: 40px;*/ +} + +.pw-period .pw-form .pwf-field + .pwf-field { + padding-left: 10px; +} + +.mf-field .period .pwf-field { + display: inline-block; + padding-left: 30px; +} +.mf-field .period .pwf-field { + font-size: 17px; + line-height: 40px; +} + +.period .pwf-field label { + font-size: 20px; + margin: 0 5px 0 -15px; +} + +.mf-field .period .pwf-field label { + font-size: 17px; +} + +.period input[type="text"].date { + width: 175px; + padding-right: 35px; + background: #fff url(../img/select.png) 100% 50% no-repeat; +} + +.period input[type="text"].date + button { + position: absolute; + width: 36px; + padding: 0; + overflow: hidden; + margin-left: -37px; + -moz-box-sizing: border-box; + box-sizing: border-box; + opacity: 0; +} +.period input[type="text"].date + button:hover{ + top: auto; +} + +.lt-ie9 .period input[type="text"].date + button { + -ms-filter: alpha(opacity=0); + filter: alpha(opacity=0); +} + +::-webkit-input-placeholder { color: #a2a2a2; } +:-moz-placeholder { color: #a2a2a2; } +::-moz-placeholder { color: #676767; } +:-ms-input-placeholder { color: #a2a2a2; } +.placeholder { color: #a2a2a2; } + +label.check { + display: inline-block; + font-size: 13px; + line-height: 15px; + padding-left: 27px; + word-spacing: normal; + cursor: pointer; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +label.check input { + opacity: 0; + outline: none; +} + +.lt-ie9 label.check input { + -ms-filter: alpha(opacity=0); + filter: alpha(opacity=0); +} + +.check .custom-checkbox, +.check .custom-radio { + position: relative; + display: block; + width: 20px; + height: 20px; + margin: -3px -100% -0px -27px; + float: left; + background: #fff; + border: 1px solid #bdbdbd; + border-radius: 3px; + box-shadow: inset 0 2px 2px -2px #aaa; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.check .custom-radio { + width: 22px; + height: 22px; + border-radius: 20px; +} + +.check .custom-checkbox:before { + content: ' '; + display: none; + width: 11px; + height: 9px; + background: url(../img/sprites.png) -93px -16px no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -5px 0 0 -5px; +} + +.check .custom-radio:before { + content: ' '; + display: none; + width: 10px; + height: 10px; + background: url(../img/sprites.png) -93px -16px no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -5px 0 0 -5px; + background: #ff6600; + border-radius: 10px; +} + +.check .custom-checkbox.checked:before, +.check .custom-radio.checked:before { + display: block; +} + + +.custom-select { + position: relative; + display: block; + text-align: left; + line-height: 18px; + height: 40px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.pw-form .custom-select { + width: 100%; + height: 40px; +} + +.e-form .custom-select { + width: 200px; + height: 26px; +} + +.custom-select select { + position: relative; + width: 100%; + padding-right: 30px; + height: 40px; + opacity: 0; + z-index: 0; + cursor: pointer; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.lt-ie9 .custom-select select { + filter: alpha(opacity=0); +} + +.custom-select select[disabled] { + cursor: default; +} + +.pw-form .custom-select select { + height: 40px; +} + +.custom-select option { + padding: 2px 10px; +} + +.custom-select .custom-select-wrap { + display: block; + position: absolute; + overflow: hidden; + left: 0; + right: 0; + top: 0; + z-index: 1; + padding-top: 1px; + padding-right: 30px; + cursor: pointer; +} + +.custom-select select[disabled] + .custom-select-wrap { + cursor: default; +} + +.pw-form .custom-select .custom-select-wrap { + line-height: 47px; + height: 40px; +} + +.e-form .custom-select .custom-select-wrap { + line-height: 26px; + height: 26px; + padding-left: 7px; +} + + +.custom-select .custom-select-wrap:after { + content: " "; + display: block; + width: 8px; + height: 5px; + overflow: hidden; + background: url(../img/sprites.png) -86px -27px no-repeat; + position: absolute; + right: 12px; + top: 50%; + margin-top: -3px; +} + +.e-form .custom-select .custom-select-wrap:after { + margin-top: -2px; +} + +.custom-select .custom-select-text { + display: block; + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + line-height: 39px; +} + +.pw-form .custom-select .custom-select-text { + line-height: 39px; +} + +.e-form .custom-select .custom-select-text { + line-height: 25px; +} + +.custom-select select:focus + .custom-select-wrap { + border: 2px solid #ff6600; + padding: 0 29px 0 19px; +} + +.custom-select select:focus + .custom-select-wrap:after { + right: 11px; +} + +.custom-select .cs-menu-wrap { + position: absolute; + min-width: 100%; + left: 0; + top: 100%; + margin-top: -1px; + background: #fff; + white-space: nowrap; + z-index: 50; + padding: 5px; + border: 1px solid #ccc; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: none; +} + +.custom-select .cs-scroll-container { + max-height: 230px; +} + +.custom-select .scroll-content { + padding: 5px 18px; +} + +.custom-select .scroll-content ul { + margin: 0; + padding: 0; + list-style: none; + font-size: 15px; + line-height: 19px; +} + +.custom-select .scroll-content ul li { + margin-top: 2px; + cursor: pointer; +} + +.custom-select .scroll-content ul li:first-child { + margin-top: 0; +} + +.custom-select .scroll-content ul li:hover { + color: #ff6600; +} + + +.input-file { + display: block; + position: relative; +} + +.e-form .input-file { + color: #ffffff; + cursor: pointer +} + +.mf-line .input-file { + vertical-align: middle; +} + +.e-form .input-file .button { + float: left; + margin-right: 10px; +} + +.mf-line .input-file .button { + float: left; + margin-right: 20px; +} + +.input-file .file-text { + display: block; + overflow: hidden; + height: 26px; + line-height: 26px; + text-overflow: ellipsis; + font-size: 15px; + white-space: nowrap; +} + +.mf-line .input-file .file-text { + font-size: 17px; + line-height: 35px; +} + +.mf-line .input-file .file-text.placehlder { + color: #aeaeae; +} + +.input-file .if-field-wrap { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: hidden; +} + +.input-file .if-field-wrap input[type=file] { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + letter-spacing: 10em; /* IE 9 fix */ + -ms-transform: scale(20); /* IE 9 fix */ + -webkit-transform: scale(20); + -o-transform: scale(20); + transform: scale(20); + font-size: 200em; + opacity: 0; + cursor: pointer +} + +.lt-ie9 .input-file .if-field-wrap input[type=file] { + filter: alpha(opacity=0); +} + +form { + font-family: 'dindisplay_pro', sans-serif; +} + +form.s-message { + padding-left: 20px; +} + +.s-message .mf-line { + padding-left: 120px; + margin: 20px 0 10px; +} + +.s-message .mf-line label { + margin: 5px -120px; + float: left; + font-size: 20px; + color: #ff6600; +} + +.s-message .mf-buttons-line { + padding-left: 120px; + margin-top: 10px; +} + +.s-message .mf-buttons-line a { + margin-left: 25px; + font-size: 15px; +} + + +.pwf-msg .msg-help { + color: #ff6600; + padding-left: 20px; + display: none; + max-width: 234px; +} + +.pwf-msg .msg-help:before { + content: '—'; + float: left; + margin: 0 -15px 0 -20px; +} + + +.pw-login a.forgot { + font-size: 14px; + color: #464646; +} +.pw-login .pw-form .pwf-field{ + width: 310px; +} + +.pw-login a.forgot:hover { + color: #ff6600; +} + +.pw-login button { + margin-right: 20px; +} + +.pw-login a.reg { + font-weight: 500; + font-size: 16px; +} + +.pwf-line.subj-checks > .pwf-field label.check, +.mf-line.afs-type > .mf-field label.check { + padding-right: 0; + width: 20%; +} + +.pwf-line.subj-checks > .pwf-field label.check { + font-size: 17px; +} + +.c-select-box { + position: relative; + border: 1px solid #bdbdbd; + outline: none; + background: #fff; + width: 100%; + padding: 3px; + font-family: 'dindisplay_pro', sans-serif; + font-size: 15px; + line-height: 19px; + border-radius: 3px; + box-shadow: inset 0 2px 2px -2px #aaa; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.c-select-box.select { + padding-bottom: 0; + min-height: 40px; +} + +.e-form .c-select-box.select { + min-height: 26px; + padding: 0 1px; +} + +.c-select-box .csb-title { + padding: 0 35px 0 0; + height: 40px; + font-size: 16px; + line-height: 40px; + border-bottom: 1px dotted #cdcdcd; + color: #a2a2a2; + background: #fff ; + margin-bottom: 3px; +} + +.c-select-box .csb-title input { + border: none; + padding: 0; + height: 35px; + box-shadow: none; + padding-left: 18px; +} + +.c-select-box .csb-selected-items { + display: none; + border-bottom: 1px dotted #cdcdcd; + padding: 2px 0; + margin-bottom: 3px; + min-height: 30px; + line-height: 24px; +} + +.e-form .c-select-box .csb-selected-items { + min-height: 18px; + line-height: 18px; + padding: 1px 0; + margin-bottom: 2px; +} + +.c-select-box .csb-selected-items.show { + display: block; +} + +.c-select-box.select .csb-selected-items { + display: block; + border: none; + padding-right: 30px; + margin-bottom: 0; + cursor: pointer; +} + +.c-select-box.select.disabled .csb-selected-items { + cursor: default; +} + +.c-select-box.select .csb-selected-items:after { + content: " "; + display: block; + width: 8px; + height: 5px; + overflow: hidden; + background: url(../img/sprites.png) -86px -27px no-repeat; + position: absolute; + right: 12px; + top: 20px; + margin-top: -3px; +} + +.e-form .c-select-box.select .csb-selected-items:after { + top: 15px; +} + +.c-select-box .csb-selected-items .csb-placeholder { + display: none; + min-height: 28px; + line-height: 28px; + padding-left: 18px; + color: #aeaeae; +} + +.c-select-box .csb-selected-items .csb-placeholder.show { + display: block; +} + +.c-select-box .csb-selected { + position: relative; + display: none; + vertical-align: top; + min-height: 26px; + line-height: 25px; + color: #ff6600; + white-space: nowrap; + margin: 0 3px 3px 0; + border: 1px solid #ff6600; + padding-right: 25px; + border-radius: 3px; +} + +.e-form .c-select-box .csb-selected { + min-height: 16px; + margin: 0 2px 1px 0; +} + +.c-select-box .csb-selected.show { + display: inline-block; +} + +.c-select-box .csb-selected > * { + display: inline-block; + vertical-align: middle; +} + +.c-select-box .csb-selected .csbs-text { + padding-left: 15px; + line-height: 18px; + font-size: 16px; + white-space: normal; +} + +.c-select-box .csb-selected a.csbs-del:hover{ + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); +} +.c-select-box .csb-selected a.csbs-del { + display: block; + position: absolute; + right: 0; + top: 0; + width: 25px; + overflow: hidden; + height: 18px; + line-height: 25px; + text-align: right; + padding-right: 10px; + text-decoration: none; + font-family: Verdana, san-serif; +} + +.e-form .c-select-box .csb-selected a.csbs-del { + padding-top: 20px; +} + + +.c-select-box .csb-menu { + max-height: 230px; + /*overflow: hidden;*/ +} + +.popup-window .c-select-box.select .csb-menu { + max-height: 145px; +} + +.c-select-box.select .csb-menu-wrap { + position: absolute; + left: -1px; + right: -1px; + top: 100%; + margin-top: -3px; + background: #fff; + z-index: 50; + padding: 5px; + border: 1px solid #ccc; + /*border-width: 0 1px 1px;*/ + -moz-box-sizing: border-box; + box-sizing: border-box; + display: none; +} + +.e-form .c-select-box.select .csb-menu-wrap { + margin-top: 0; +} + +/*.c-select-box.select .csb-menu { + border-top: 1px dotted #cdcdcd; +}*/ + +.c-select-box.places .csb-menu { + height: 245px; +} + +.c-select-box .csb-menu .scroll-content { + padding: 5px 10px; +} + +.c-select-box .csb-menu ul { + margin: 0; + padding: 0; + list-style: none; +} + +.c-select-box .csb-menu ul li { + margin-bottom: 4px; +} + +.c-select-box .csb-menu a, +.c-select-box .csb-menu label { + cursor: pointer; + color: #464646; + position: relative; + margin-left: 12px; +} + +.c-select-box .csb-menu label.active { + color: #a2a2a2; +} + +.c-select-box .csb-menu a:hover, +.c-select-box .csb-menu label:hover { + color: #ff6600; +} + +.c-select-box .csb-menu label input[type="checkbox"] { + opacity: 0; + outline: none; + position: absolute; + z-index: -1; +} + +.lt-ie9 .c-select-box .csb-menu label input[type="checkbox"] { + -ms-filter: alpha(opacity=0); + filter: alpha(opacity=0); +} + + +.c-select-box .csb-menu .places-list { + width: 260px; + float: left; +} + +.c-select-box .csb-menu .places-list > ul > li > a { + display: inline-block; + border-bottom: 1px dashed; + text-decoration: none; + font-size: 17px; + line-height: 15px; +} + +.c-select-box .csb-menu .places-list > ul > li.active > a, +.c-select-box .csb-menu .places-list > ul > li.active > label { + color: #ff6600; +} + +.c-select-box .csb-menu .places-list > ul ul { + margin: 5px 0 0 16px; + font-size: 16px; + /*display: none;*/ +} +.places-list .final-tire{ + margin-left: 16px; +} +.places-list .final-tire .custom-radio-check{ + padding-left: 12px; +} +.c-select-box .csb-menu .places-list > ul >li{ + margin-bottom: 15px; +} + +.c-select-box .csb-menu .places-list .active > .sublist { + display: block; +} +.c-select-box .csb-menu .places-list .sublist { + display: none; +} +.c-select-box .csb-menu .places-list .sublist.parent { + display: block; +} + +.c-select-box .csb-menu .q-sel { + width: 190px; + float: right; + +} + +.c-select-box .csb-menu .q-sel .q-sel-title { + font-size: 14px; + color: #a2a2a2; + margin-bottom: 3px; +} + +.c-select-box .csb-menu .q-sel .q-sel-title + ul { + margin-bottom: 10px; +} + +.c-select-box .csb-menu .q-sel a.clear { + display: inline-block; + font-size: 14px; + line-height: 12px; + text-decoration: none; + border-bottom: 1px dashed; + color: #a2a2a2; + margin-left: 0; +} + +.c-select-box .csb-menu .q-sel a.clear:hover { + color: #ff6600; +} + +.mCSB_scrollTools .mCSB_draggerRail { + width: 10px; + background: #dbdbdb; + border: 1px solid #cccccc; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.mCSB_scrollTools .mCSB_dragger { + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 8px; + border: solid #dbdbdb; + border-width: 2px 1px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools { + left: 20px; + right: 20px; + bottom: 5px; + width: auto; + height: 20px; +} + +.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { + width: 100%; + height: 12px; + background: #dbdbdb; +} + +.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + height: 10px; + margin: 8px auto; + border-width: 2px 3px; +} + + +.pw-subscribe {} + +.pw-subscribe header { + margin: -5px 0 20px; + padding: 0; + border-bottom: 1px dotted #cccccc; +} + +.pw-subscribe header .pw-title { + float: left; + padding: 5px 20px 0 0; +} + +.tabs { + position: relative; + margin: 0 0 -1px; + padding: 0; + list-style: none; + z-index: 2; +} + +.pw-subscribe header .tabs { + margin: 0 0 -1px; + overflow: hidden; +} + +.tabs li { + display: block; + height: 51px; + float: left; + -moz-box-sizing: border-box; + box-sizing: border-box; + opacity: .2; + border: dotted transparent; + border-width: 1px 1px 0; + margin-left: 5px; +} + +.tabs li:hover { + opacity: 1; +} + +.tabs li.active { + border: dotted #cccccc; + border-width: 1px 1px 0; + background: #fcfcfb; + opacity: 1; +} + +.popup-window .tabs li.active { + background: #f8f8f6; +} + +.tabs li a { + position: relative; + display: block; + height: 50px; + padding: 12px; + overflow: hidden; + text-decoration: none; + -moz-box-sizing: border-box; + box-sizing: border-box; + font-size: 15px; +} + +.popup-window .tabs li a { + width: 54px; +} + +.tabs li a:before { + content: ''; + display: inline-block; + vertical-align: middle; + background: url(../img/sprites.png) 0 0 no-repeat; + margin: 0 7px 3px 0; +} + +.popup-window .tabs li a:before { + display: block; + margin: 0 auto 50px; +} + +.tabs li a.icon-big-email { + +} + +.tabs li a.icon-big-email:before { + width: 30px; + height: 26px; + background-position: -32px -33px; +} + +.tabs li a.icon-big-rss:before { + width: 25px; + height: 26px; + background-position: -91px -33px; +} + +.tabs li a.icon-big-twitter:before { + width: 29px; + height: 25px; + background-position: -117px -33px; +} + +.tabs li a.icon-big-ical:before { + width: 26px; + height: 29px; + background-position: -64px -33px; +} + +.tabs-content { + margin: 0; + padding: 0; + list-style: none; +} + +.tabs + .tabs-content { + position: relative; + border-top: 1px dotted #cccccc; + z-index: 1; + padding-top: 20px; +} + +.tabs-content > li { + display: none; +} + +.tabs-content > li.active { + display: block; +} + +.pw-subscribe .pw-form .pwf-field { + width: 370px; +} + +.pw-subscribe .mail { + margin-bottom: 25px; +} + + + + +.ui-datepicker { + display: none; + width: 200px; + height: auto; + padding: 10px; + font-family: 'dindisplay_pro', sans-serif; + font-size: 13px; + border: 1px solid #bdbdbd; + background: #fff; + border-radius: 4px; + line-height: 13px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5); +} + +.ui-datepicker a { + text-decoration: none; +} + +.ui-datepicker table { + width: 100%; + border-collapse: collapse; +} + +.ui-datepicker-header { + font-weight: 500; + text-transform: uppercase; + border-bottom: 1px dotted #bdbdbd; + padding-bottom: 6px; + margin-bottom: 6px; + font-size: 21px; + line-height: 33px; +} + +.ui-datepicker-title { + text-align: center; + font-weight: 100; + color: #ff6600; +} + +.ui-datepicker-prev, .ui-datepicker-next { + position: relative; + display: inline-block; + width: 31px; + height: 0; + padding-top: 31px; + cursor: pointer; + border: 1px solid #bdbdbd; + border-radius: 3px; + overflow: hidden; +} + +.ui-datepicker-prev:hover, .ui-datepicker-next:hover { + border-color: #ff6600; + background: #ff6600; +} + +.ui-datepicker-prev.ui-state-disabled, +.ui-datepicker-next.ui-state-disabled { + border-color: #bdbdbd; + background: none; + opacity: .5; +} + +.ui-datepicker-prev:before, .ui-datepicker-next:before { + content: ' '; + display: block; + width: 10px; + height: 12px; + background: url(../img/sprites.png) -155px 0 no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -6px 0 0 -5px; +} + +.ui-datepicker-prev { + float: left; +} + +.ui-datepicker-prev:before, +.ui-datepicker-prev.ui-state-disabled:hover:before { + background-position: -155px 0; + margin-left: -6px; +} + +.ui-datepicker-prev:hover:before { + background-position: -113px 0; +} + +.ui-datepicker-next { + float: right; +} + +.ui-datepicker-next:before, +.ui-datepicker-next.ui-state-disabled:hover:before { + background-position: -165px 0; + margin-left: -4px; +} + +.ui-datepicker-next:hover:before { + background-position: -123px 0; +} + + +.ui-datepicker th { + text-transform: uppercase; + font-weight: 500; + padding: 0 0 4px; +} + +.ui-datepicker th.ui-datepicker-week-end { + color: #ff6600; +} + +.ui-datepicker tbody td { + padding: 2px 0; + text-align: center; +} + +.ui-datepicker td a, +.ui-datepicker td span { + display: inline-block; + width: 24px; + height: 24px; + line-height: 24px; + text-align: center; + border: 1px solid #e2e2e2; + border-radius: 3px; + color: #e2e2e2; + /*padding: 4px;*/ +} + +.ui-datepicker td a { + color: #2b2b2b; + border-color: #bdbdbd; +} + +.ui-datepicker td.ui-datepicker-week-end a { + color: #ff6600; + border-color: #ff6600; +} + +.ui-datepicker td a:hover { + background: #f0f0f0; +} + +.ui-datepicker td.ui-datepicker-today a { + background: #565656; + border-color: #565656; + color: #fff; +} + +.ui-datepicker td a.ui-state-active { + background: #ff6600; + border-color: #ff6600; + color: #fff; +} + +.pw-reply .pw-form .pwf-line { + width: 100%; +} + +.pw-reply .pw-form .pwf-line .pwf-field { + display: block; + padding-right: 0; + width: auto; +} + +.pwf-line > label { + display: block; + margin: -5px 0 5px; +} + +.pw-reply .pw-form .pwf-line label { + font-size: 20px; + display: block; + margin-bottom: 10px; +} + + +.pw-reply .pw-form .pwf-buttons-line { + margin-top: 0; +} + + +.layout-wrap > aside .sbnr { + margin: 25px 0; +} + +.layout-wrap > aside .sbnr .sbnr-wrap { + display: inline-block; + border: 1px solid #e3e3e3; +} + +.layout-wrap > aside .vk-widget { + width: 180px; + margin: 30px 0; +} + +.main-part .abn { + margin: 20px 0; + text-align: center; +} + +.main-page .abn { + margin-bottom: 0; +} + +.so-text { + margin: 20px 0; + font-size: 12px; + line-height: 15px; +} + +.so-text h2 { + font-family: 'dindisplay_pro', sans-serif; + font-weight: 100; + font-size: 30px; + line-height: 30px; + margin: 15px 0; + color: #ff6600; +} + + +.bread-crumbs { + margin: 17px 0; + font-size: 11px; + line-height: 13px; +} + +.bread-crumbs a { + color: #a2a2a2; + margin-right: 3px; +} + +.bread-crumbs a:hover { + color: #ff6600; +} + +.bread-crumbs a:after { + content: '→'; + color: #a2a2a2; + display: inline-block; + margin-left: 7px; + text-decoration: none; +} + +.bread-crumbs b, +.bread-crumbs strong { + font-weight: normal; +} + +.page-title { + margin: 17px 0; +} + +.page-title h1, +.page-title h2 { + font-family: 'dindisplay_pro', sans-serif; + font-weight: 100; + font-size: 40px; + line-height: 40px; + margin: 0; + color: #ff6600; +} + +.page-title h1 strong, +.page-title h2 strong { + font-weight: normal; + color: #464646; +} + +.page-title.clearfix h1, +.page-title.clearfix h2 { + float: left; +} + +.p-filter { + font-size: 12px; + color: #a2a2a2; + margin: 17px 0; +} + +.page-title + .p-filter { + margin-top: -10px; +} + +.p-filter .pf-body { + width: 100%; + float: left; + padding: 0 280px 0 55px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.p-filter .pf-body .pf-label { + width: 55px; + float: left; + margin: 0 -55px; +} + +.p-filter .pf-body a { + color: #464646; + white-space: nowrap; +} + +.p-filter .pf-body a:hover { + color: #ff6600; +} + +.p-filter .ch-dates-range { + width: 260px; + float: right; + margin-left: -260px; +} + +.p-filter .ch-dates-range a { + text-decoration: none; + border-bottom: 1px dashed; + -webkit-transition: border .3s; + -o-transition: border .3s; + transition: border .3s; +} + +.p-filter .ch-dates-range a:hover { + border-bottom: none; +} + + +.page-body { + margin: 15px 0 0 -20px; +} + +.pagination { + margin: 25px 0 40px; +} + +.pagination .pg-info { + float: right; + padding-right: 20px; + font-size: 12px; + line-height: 29px; +} + +.pagination .pg-info i { + font-style: normal; + color: #a2a2a2; +} + +.pagination .pg-body { + overflow: hidden; + font-family: 'dindisplay_pro', sans-serif; +} + +.pagination .pg-body ul { + margin: 0; + padding: 0; + list-style: none; + display: inline-block; + vertical-align: middle; +} + +.pagination .pg-body li { + display: inline-block; +} + +.pagination .pg-body li a, +.pagination .pg-body li b { + display: block; + min-width: 29px; + height: 29px; + padding: 0 5px; + font-weight: bold; + font-size: 16px; + line-height: 29px; + text-decoration: none; + text-align: center; + border: 1px solid #fcaf7b; + margin-right: 1px; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-radius: 1px; +} + +.pagination .pg-body li b { + border-color: #ff6600; + background: #ff6600; + color: #ffffff; +} + +.pagination .pg-body > a { + display: inline-block; + vertical-align: middle; + height: 29px; + padding: 0 7px; + font-weight: 500; + font-size: 17px; + line-height: 29px; + text-decoration: none; + border: 1px solid #fcaf7b; + margin-right: 1px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.pagination .pg-body a.pg-prev { + border-radius: 4px 0 0 4px; +} + +.pagination .pg-body a.pg-next { + border-radius: 0 4px 4px 0; +} + +.pagination .pg-body a.pg-prev:before, +.pagination .pg-body a.pg-next:after { + content: ' '; + display: inline-block; + vertical-align: middle; + width: 5px; + height: 8px; + background: url(../img/sprites.png) -143px -16px no-repeat; + margin-top: -1px; +} + +.pagination .pg-body a.pg-prev:before { + background-position: -143px -16px; + margin-right: 7px; +} + +.pagination .pg-body a.pg-next:after { + background-position: -148px -16px; + margin-left: 7px; +} + +.pagination .pg-body a:hover { + background: #fcaf7b; + color: #fff; +} + +.pagination .pg-body a.pg-prev:hover:before { + background-position: -143px -24px; +} + +.pagination .pg-body a.pg-next:hover:after { + background-position: -148px -24px; + margin-left: 7px; +} + +.pagination .pg-body > a.disabled { + border-color: #cdcdcc; + background: none; + color: #babab9; + cursor: default; + width: 29px; + overflow: hidden; + padding: 27px 0 0; + position: relative; +} + +.pagination .pg-body a.pg-prev.disabled:before, +.pagination .pg-body a.pg-next.disabled:after { + position: absolute; + left: 50%; + top: 50%; + margin: -4px 0 0 -3px; +} + +.pagination .pg-body a.pg-prev.disabled:before, +.pagination .pg-body a.pg-prev.disabled:hover:before { + background-position: -153px -16px; +} + +.pagination .pg-body a.pg-next.disabled:after, +.pagination .pg-body a.pg-next.disabled:hover:after { + background-position: -158px -16px; +} + + + +.cat-list { + margin: 0; + padding: 0; + list-style: none; +} + +.cat-list > li.ad { + overflow: hidden; + margin-bottom: 20px; +} + +.cat-list > .cl-item, +.m-article { + position: relative; + padding: 17px 20px 15px; + margin-bottom: 20px; + background: #fcfcfb; + box-shadow: inset 0 1px 0 #e8e8e7; + border-radius: 4px; + -webkit-transition: background .3s; + -o-transition: background .3s; + transition: background .3s; +} + +.m-article .cat-list > .cl-item { + margin-bottom: 15px; +} + +.cat-list > li.cl-item:hover { + background: #fff; + box-shadow: 0 3px 5px -3px #888; +} + +/*.cat-list > li.cl-item:after, +.cat-list > li.cl-item:before, +.cat-list > li .cli-pict, +.cat-list > li .cli-info { + cursor: pointer; +}*/ + + +/*.hit .cli-info:after { + content: ' '; + display: block; + width: 81px; + height: 81px; + background: url(../img/sprites.png) -63px -63px no-repeat; + position: absolute; + left: 0; + top: 0; + z-index: 20; +}*/ + +.hit { + display: block; + width: 81px; + height: 81px; + background: url(../img/sprites.png) -63px -63px no-repeat; + position: absolute; + left: 0; + top: 0; + z-index: 2; +} + +/*.cat-list > li.cl-item.canceled > * { + opacity: .25; +}*/ + +/*.cat-list > li.cl-item.canceled .cli-info:before { + content: ' '; + display: block; + width: 100%; + position: absolute; + left: 0; + top: 0; + bottom: 0; + background: transparent; + z-index: 20; +}*/ + +.cancel { + display: block; + width: 100%; + position: absolute; + left: 0; + top: 0; + bottom: 0; + background: rgba(255, 255, 255, .75); + z-index: 20; +} + +.lt-ie9 .cancel { + background: #fff; + -ms-filter: alpha(opacity=75); + filter: alpha(opacity=75); +} + +.cancel:after { + content: ' '; + display: block; + width: 81px; + height: 81px; + background: url(../img/sprites.png) -144px -63px no-repeat; + position: absolute; + left: 0; + top: 0; + z-index: 21; +} + +/*.cat-list > li.cl-item.canceled:after { + content: ' '; + display: block; + width: 81px; + height: 81px; + background: url(../img/sprites.png) -144px -63px no-repeat; + position: absolute; + left: 0; + top: 0; + opacity: 1; + z-index: 21; +}*/ + +.cl-item .cl-item-wrap { + padding-left: 120px; + margin-bottom: 10px; +} + +.cl-photos .cl-item .cl-item-wrap, +.e-cat .cl-item .cl-item-wrap { + padding-left: 90px; + margin-bottom: 0; +} + +.m-article .cl-item .cl-item-wrap { + padding-left: 100px; + margin-bottom: 0; +} + +.cl-item .cl-item-wrap > a { + color: #464646; + text-decoration: none; +} + +.cli-pict, +.i-pict { + width: 100px; + line-height: 96px; + text-align: center; + background: #ffffff; + margin: 3px -100% 0 -120px; + float: left; + box-shadow: inset 0 1px 0 #e8e8e7; + border-radius: 4px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.i-pict { + margin: 0 0 10px; + position: relative; +} +.i-pict .user-avatar{ + display: block; + width: 100%; + height: 100%; +} + +.cl-photos .cli-pict, +.e-cat .cli-pict { + width: 70px; + height: 70px; + line-height: 60px; + padding: 4px; + margin-left: -90px; +} + +.m-article .cl-item .cli-pict { + width: 80px; + height: 80px; + line-height: 70px; + padding: 5px; + margin-left: -100px; +} + +.cat-list li.cl-item:hover .cli-pict { + box-shadow: none; +} + +.cli-pict img, +.i-pict img { + max-width: 100%; + max-height: 100%; + border-radius: 4px; +} + + +.cli-info { + width: 100%; + float: left; + margin-bottom: 15px; +} + +.e-cat .cli-info { + margin-bottom: 0; +} + +.cat-list.cl-places .cli-info { + margin-bottom: 7px; +} + +.cli-info .cli-top { + margin-bottom: 10px; +} + +.cat-list.cl-places .cli-info .cli-top { + margin-bottom: 7px; +} + +.cl-item .cli-approved { + float: right; + opacity: .25; + -webkit-transition: opacity .3s; + -o-transition: opacity .3s; + transition: opacity .3s; + margin-right: 10px; +} + +.cat-list li.cl-item:hover .cli-approved, +.cat-list > li.cl-item.canceled .cli-approved { + opacity: 1; +} + +.cl-item .cli-status { + float: right; + font-size: 11px; + line-height: 13px; + color: #a2a2a2; +} + +.cl-item .cli-status .status { + height: 13px; + overflow: hidden; +} + +.cl-item .cli-status .status.active { + width: 13px; +} + +.cl-item .cli-status .status:before { + content: ' '; + display: inline-block; + width: 13px; + height: 13px; + background: url(../img/sprites.png) -211px -32px no-repeat; + margin: 0 3px -2px 0; +} + +.cli-photo-list .cli-phg-bot .cli-pb-button { + background-position: -345px -32px; +} + +.cl-item .cli-status .status.moderated:before { + background-position: -211px -160px; +} + +.cl-item .cli-status .status.draft:before { + content: none; +} + +.cl-item .cli-status b { + display: inline-block; + font-size: 16px; + font-weight: normal; + padding-top: 5px; +} + +.cl-item .cli-status b:before { + content: ' '; + display: inline-block; + vertical-align: middle; + width: 16px; + height: 15px; + background: url(../img/sprites.png) -171px -16px no-repeat; + margin: -2px 5px 0 0; +} + +.cl-item .cli-status b.participant { + color: #ff6600; +} + +.cl-item .cli-status b.visitor { + color: #464646; +} + +.cl-item .cli-status b.visitor:before { + width: 14px; + background-position: -188px -16px; + margin-top: -2px; +} + +.cl-item header { + font-family: 'dindisplay_pro', sans-serif; + margin-bottom: 2px; +} + +.cl-item header .cli-title { + display: inline-block; + vertical-align: top; + font-size: 30px; + line-height: 30px; + margin: 0 6px 0 0; + -webkit-transition: color .3s; + -o-transition: color .3s; + transition: color .3s; + max-width: 490px; +} + +.cl-item header .cli-title a { + color: #464646; + text-decoration: none; +} + +.cat-list li.cl-item:hover header .cli-title { + color: #ff6600; +} + +.cl-item header .cli-title a:hover { + color: #ff6600; +} + +.cat-list > li.cl-item.canceled header .cli-title { + text-decoration: line-through; + color: #464646; +} + +.cl-item header .cli-rate { + display: inline-block; + vertical-align: top; + color: #ff6600; + font-size: 16px; + margin-top: 2px; +} + +.cl-item header .cli-rate:before { + content: ' '; + display: inline-block; + vertical-align: baseline; + width: 14px; + height: 13px; + margin: 0 4px -1px 0; + background: url(../img/sprites.png) -181px -32px no-repeat; + opacity: .5; +} + +.cli-descr { + font-size: 12px; + line-height: 15px; + color: #a2a2a2; +} + +.cli-info .cli-bot { + font-family: 'dindisplay_pro', sans-serif; + font-size: 15px; + line-height: 19px; +} + +.cli-info .cli-bot .cli-date { + font-size: 17px; + line-height: 18px; + float: left; +} + +.cli-info .cli-bot .cli-area { + font-size: 17px; + line-height: 18px; + font-weight: 500; + color: #ff6600; + float: left; +} + +.cli-info .cli-bot .cli-area a { + text-decoration: none; +} + +.cli-info .cli-bot .cli-area a:hover { + color: #464646; +} + +.cli-info .cli-bot .cli-position { + font-size: 20px; + line-height: 21px; + font-weight: 500; + color: #ff6600; + float: left; +} + +.cli-info .cli-bot .cli-position a { + color: #ff6600; + text-decoration: none; +} + +.cli-info .cli-bot .cli-position a:hover { + color: #464646; +} + +.cli-info .cli-bot .cli-dim { + font-size: 16px; + line-height: 18px; + font-weight: bold; + float: left; +} + +.cli-info .cli-bot .cli-dim:before { + content: ' '; + display: inline-block; + width: 16px; + height: 16px; + background: url(../img/sprites.png) -242px -16px no-repeat; + vertical-align: middle; + margin: -4px 4px 0 0; +} + +.cli-place { + float: right; + padding-left: 15px; +} + +.cli-place:before { + content: ' '; + display: block; + width: 10px; + height: 16px; + background: url(../img/sprites.png) -217px -16px no-repeat; + float: left; + margin: 1px -10px 0 -15px; +} + +.cli-place a { + color: #464646; + text-decoration: none; +} + +.cli-place a:hover { + color: #ff6600; +} + + +.cli-buttons { + position: relative; + width: 100%; + float: left; +} + +.cli-m-buttons { + float: left; +} + +.cli-m-buttons > * { + margin-left: 5px; +} + +.cli-m-buttons > *:first-child { + margin-left: 0; +} + +.cli-services { + display: inline-block; + vertical-align: top; +} + +.cli-services:hover { + padding-bottom: 10px; + margin-bottom: -10px; + background: #ff6600; + border-radius: 4px 4px 0 0; +} + +.cli-services:hover .button.icon-sm { + border-color: #ff6600; + background: #ff6600; + color: #fff; + text-shadow: 0 1px 0 rgba(0, 0, 0, .3); + box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1); +} + +.cli-services:hover .button.icon-sm:before { + background-position: -287px -41px; +} + +.cli-services-sm { + margin-top: 5px; + padding: 10px 0 1px 15px; + position: absolute; + background: #ff6600; + color: #fff; + font-size: 12px; + font-weight: bold; + width: 100%; + border-radius: 4px; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: none; + z-index: 100; +} + +.cli-services:hover .cli-services-sm { + display: block; +} + +.cli-services-sm ul { + margin: 0; + padding: 0; + list-style: none; +} + +.cli-services-sm ul li { + display: inline-block; + vertical-align: top; + margin: 0 10px 9px 0; +} + +.cli-services-sm a { + display: block; + color: #fff; + text-decoration: none; + text-transform: uppercase; + padding: 2px 10px; + border: 1px solid #ffb880; + text-shadow: 0 1px 0 rgba(0, 0, 0, .3); + border-radius: 4px; +} + +.cli-services-sm a:hover { + border-color: #ffffff; + background: #ffffff; + color: #ff6600; + text-shadow: none; +} + +.cli-s-buttons { + float: right; +} + +.cat-list > li > footer { + padding-left: 120px; + font-size: 11px; + line-height: 16px; +} + +.cat-list > li > footer .cli-stats { + width: 120px; + text-align: center; + margin: 0 -100% 0 -130px; + float: left; +} + +.i-stats { + font-size: 11px; + text-align: center; + margin-left: -5px; +} + +.cat-list .cli-stats > *, +.i-stats > * { + display: inline-block; + vertical-align: baseline; + white-space: nowrap; + margin-left: 5px; +} + +.cat-list .cli-stats > *:first-child { + margin-left: 0; +} + +.cat-list .cli-stats > *:before, +.i-stats > *:before { + content: ' '; + display: inline-block; + width: 11px; + height: 12px; + background: url(../img/sprites.png) -12px 0 no-repeat; + margin: 0 3px -1px 0; +} + +.cat-list .cli-stats .visitors, +.cat-list .cli-stats .schedule, +.i-stats .visitors, +.i-stats .schedule { + color: #464646; +} + +.cat-list .cli-stats .visitors:before, +.i-stats .visitors:before { + width: 11px; + height: 12px; + background-position: -12px 0; + margin: 0 2px -1px 0; +} + +.cat-list .cli-stats .schedule:before, +.i-stats .schedule:before { + width: 13px; + height: 14px; + background-position: -228px -16px; + margin-bottom: -1px; +} + +.cat-list .cli-stats .participants, +.cat-list .cli-stats .views, +.i-stats .participants, +.i-stats .views { + color: #ff6600; +} + +.cat-list .cli-stats .participants:before, +.i-stats .participants:before { + width: 13px; + height: 12px; + background-position: -197px 0; + margin-bottom: -2px; +} + +.cat-list .cli-stats .views:before, +.i-stats .views:before { + width: 13px; + height: 8px; + background-position: -148px -52px; + margin-bottom: 0; +} + +.cat-list > li > footer .cli-tags { + color: #a2a2a2; +} + +.cat-list > li > footer .cli-tags a { + color: #a2a2a2; + white-space: nowrap; +} + +.cat-list > li > footer .cli-tags a:hover { + color: #ff6600; +} + +.cli-photo-list { + /*margin-right: -15px;*/ +} + +.cli-photo-list .clipl-wrap { + margin: 0 0 10px; +} + +.sli-slides { + overflow: hidden; + margin-right: -15px; +} + +.cli-photo-list ul { + margin: 0; + padding: 0; + list-style: none; + width: 100%; +} + +.cli-photo-list ul > li { + width: 25%; + padding-right: 15px; + float: left; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.cli-photo-list ul > li a { + display: block; + overflow: hidden; + border-radius: 4px; +} + +.cli-photo-list ul > li img { + width: 100%; +} + +.clipl-wrap .re-controls { + display: none; +} + +.clipl-wrap .re-controls.enabled { + display: block; +} + +.clipl-wrap .re-controls a { + display: block; + width: 71px; + height: 0; + padding-top: 71px; + overflow: hidden; + position: absolute; + top: 50%; + margin-top: -35px; +} + +.clipl-wrap .re-controls a:before { + content: ' '; + display: block; + width: 31px; + height: 62px; + background: url(../img/sprites.png) 0 -63px no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -31px 0 0 -15px; +} + +.clipl-wrap .re-controls a.prev { + left: 0; +} + +.clipl-wrap .re-controls a.prev:before { + background-position: 0 -63px; +} + +.clipl-wrap .re-controls a.next { + right: 15px; +} + +.clipl-wrap .re-controls a.next:before { + background-position: -32px -63px; +} + +.clipl-wrap .re-controls a.prev.disabled, +.clipl-wrap .re-controls a.next.disabled { + display: none; +} + +.cli-photo-list .cli-phg-bot { + width: 100%; +} + +.cli-photo-list .cli-phg-bot > div { + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.cli-photo-list .cli-phg-bot .cli-pb-button { + width: 50%; + float: left; + padding-right: 15px; +} + +.cli-photo-list .cli-phg-bot .cli-pb-button .button { + width: 49%; + min-width: 175px; + text-align: center; + margin-right: 11px; +} + +.cli-photo-list .cli-phg-bot .cli-pb-info { + padding-left: 15px; + float: right; + font-size: 12px; + line-height: 29px; + color: #a2a2a2; +} + + +.cli-photo-text { + font-size: 12px; + line-height: 15px; + margin-bottom: 15px; +} + +.cli-photo-text > *:first-child { + margin-top: 0; +} + +.cli-photo-gallery { + margin-right: -15px; +} + +.i-photos .cli-photo-gallery { + margin-right: -20px; +} + +.cli-photo-gallery > ul { + margin: 0; + padding: 0; + list-style: none; +} + +.cli-photo-gallery > ul > li { + display: inline-block; + vertical-align: top; + width: 33.3%; + padding: 0 15px 0 0; + margin: 0 -4px 15px 0; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.i-photos .cli-photo-gallery > ul > li { + width: 20%; + padding-right: 20px; + margin-bottom: 20px; +} + +.cli-photo-gallery > ul > li > a { + position: relative; + display: block; + width: 100%; + /*height: 140px;*/ + overflow: hidden; + text-align: center; + border-radius: 4px; +} + +.i-photos .cli-photo-gallery > ul > li > a { + height: 140px; +} + +.cli-photo-gallery > ul > li img { + display: block; + width: 100%; +} + +.i-photos .cli-photo-gallery > ul > li img { + display: inline-block; + width: auto; + height: 100%; + margin: 0 -50%; +} + +.cli-photo-gallery .pg-title { + display: none; + position: absolute; + background: rgba(0, 0, 0, .7); + color: #fff; + font-family: 'dindisplay_pro', sans-serif; + font-size: 15px; + width: 100%; + left: 0; + bottom: 0; + text-align: left; + padding: 20px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.lt-ie9 .cli-photo-gallery .pg-title { + background: url(../img/semitransparent-ie8.png); +} + + +.popup-gallery-container { + position: fixed; + width: 100%; + height: 100%; + left: 0; + top: 0; + overflow: auto; + background: rgba(0, 0, 0, .75); + z-index: 1000; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: none; +} + +.lt-ie9 .popup-gallery-container { + background: url(../img/semitransparent-ie8.png); +} + +.pg-container-wrap { + display: table; + width: 100%; + height: 100%; +} + +.popup-gallery-outer { + position: fixed; + width: 100%; + height: 100px; +} +/* popup Галерея*/ +.popup-gallery { + position: absolute; + display: block; + width: 1040px; + height: 533px; + top: 50%; + left: 50%; + margin-top: -266px; + margin-left: -520px; + border-radius: 4px; + background-color: #ffffff +} + +.popup-gallery .pg-wrap { + position: relative; + background: #fff; + + padding-left: 730px; + overflow: hidden; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; +} +.popup-gallery .ajax-load-popup{ + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + +} +.popup-gallery .ajax-load-popup img{ + display: block; + width: 54px; + height: 55px; + position: absolute; + top: 50%; + left: 50%; + + margin-top: -27px; + margin-left: -27px; +} + +.lt-ie9 .popup-gallery .pg-wrap { + border: 1px solid #ccc; +} + +.popup-gallery .pg-photos { + width: 730px; + height: 533px; + line-height: 530px; + background: #eee; + margin: 0 -730px 0 -730px; + float: left; +} + +.popup-gallery .pg-photos img { + max-width: 730px; + max-height: 533px; + text-align: center; + vertical-align: middle; +} + +.popup-gallery .pg-photos ul { + margin: 0; + padding: 0; + list-style: none; +} + + +.popup-gallery .pg-info { + padding: 15px 20px 145px; + font-family: 'dindisplay_pro', sans-serif; + width: 100%; + height: 100%; + text-align: left; + float: left; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.pgi-wrap { + height: 100%; + overflow: auto; +} + +.pg-photo-title { + font-size: 20px; + padding-right: 20px; + margin-bottom: 10px; +} + +.pg-photo-text { + font-family: Arial, sans-serif; + font-size: 12px; + line-height: 15px; + color: #8d8d8d; + margin-bottom: 10px; +} + +.popup-gallery .pg-info hr { + margin: 10px 0; +} + +.pg-photo-descr { + font-size: 12px; + line-height: 15px; +} + +.pg-photo-descr h3 { + font-size: 15px; + margin: 0 0 3px; + font-weight: normal; +} + +.pg-photo-descr p { + margin: 3px 0 0; +} + +.pg-comments .pgc-title { + font-size: 15px; + margin: 0 0 5px; +} + +.pg-comments ul { + margin: 0; + padding: 0; + list-style: none; + font-size: 12px; + line-height: 15px; + color: #8d8d8d; +} + +.pg-comments ul li { + margin-top: 10px; +} +.pg-only-text .pg-photo-title{ + font-size: 24px; + line-height: 1em; + margin-top: 24px; + margin-bottom: 36px; + /*text-indent:1em;*/ + margin-left: 0.5em; +} +/* the end of gallerypopup*/ +.pgc-user { + color: #ff6600; +} + +.pgc-form { + position: absolute; + left: 750px; + right: 20px; + bottom: 20px; +} + +.pgc-form .pgc-field { + margin-bottom: 5px; +} + +.pgc-form label { + display: block; + font-size: 15px; + margin-bottom: 5px; +} + +.pgc-form textarea { + height: 50px; + padding: 5px; +} + +.pgc-form .pgc-buttons button, +.pgc-form .pgc-buttons .button { + padding-left: 8px; + padding-right: 8px; +} + +.pgc-form .pgc-buttons button { + background: none; + -webkit-filter: none; + filter: none; +} + +.pgc-form .pgc-buttons button:hover { + background: #ff6600; +} + +.pg-photos-controls a { + position: absolute; + width: 60px; + height: 0; + padding-top: 533px; + overflow: hidden; + top: 0; + opacity: .5; +} + +.pg-photos-controls a:hover { + opacity: 1; +} + +.pg-photos-controls a:before { + content: ' '; + display: block; + width: 21px; + height: 42px; + background: url(../img/sprites.png) -257px -133px no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -21px 0 0 -10px; +} + +.pg-photos-controls a.pgpc-prev { + left: -60px; +} + +.pg-photos-controls a.pgpc-next { + right: -60px; +} + +.pg-photos-controls a.pgpc-next:before { + background-position: -279px -133px; +} + +.pg-close { + display: block; + position: absolute; + right: 0; + top: 0; + width: 32px; + height: 32px; + cursor: pointer; + z-index: 100; +} + +.pg-close:before { + content: ''; + display: block; + width: 10px; + height: 10px; + background: url(../img/sprites.png) -133px 0 no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -5px 0 0 -5px; +} + +.pg-close:hover:before { + background-position: -144px 0; +} + + +.item-wrap { + padding-left: 120px; +} + +.item-wrap > aside { + width: 100px; + float: left; + margin: 0 -100% 0 -120px; +} + +.item-wrap > aside .i-pict { + float: none; + margin-bottom: 5px; +} + +.item-wrap > aside .i-rating { + font-family: 'dindisplay_pro', sans-serif; + font-size: 21px; + line-height: 22px; + text-align: center; + color: #ff6600; + padding: 4px 10px 3px; + margin: 15px 0; + border: 1px solid #fdcfaf; + border-radius: 4px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.item-wrap > aside .i-rating:before { + content: ' '; + display: inline-block; + vertical-align: middle; + width: 20px; + height: 19px; + margin: -3px 5px -2px -2px; + background: url(../img/sprites.png) -160px -32px no-repeat; + opacity: .5; +} + +.item-wrap.event > aside .i-rating { + margin-top: 22px; +} + +.i-info { + width: 100%; + float: left; +} + +.i-info header { + font-family: 'dindisplay_pro', sans-serif; + margin-bottom: 2px; +} + +.i-info header .i-place { + float: right; + font-size: 15px; + padding: 13px 0 0 15px; + max-width: 235px; + white-space: nowrap; +} + +.i-info header .i-place:before { + content: ' '; + display: block; + width: 10px; + height: 16px; + background: url(../img/sprites.png) -217px -16px no-repeat; + float: left; + margin: 1px -10px 0 -15px; +} + +.i-info header .i-place a { + color: #464646; + text-decoration: none; +} + +.i-info header .i-place a:hover { + color: #ff6600; +} + + +.i-info .i-title { + display: inline-block; + font-size: 40px; + line-height: 37px; + color: #ff6600; + margin: 0 6px 5px 0; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: color .3s; + -o-transition: color .3s; + transition: color .3s; +} + +.i-info .i-position { + font-family: 'dindisplay_pro', sans-serif; + font-size: 20px; +} + +.i-info .i-position a { + text-decoration: none; + color: #464646; +} + +.i-info .i-position a:hover { + color: #ff6600; +} + +.i-info .i-descr { + font-size: 12px; + line-height: 16px; + color: #7e7e7e; + height: 27px; + font-family: Arial, sans-serif; +} + +.place .i-info .i-descr { + min-height: 30px; +} + +.i-info .i-area { + font-family: 'dindisplay_pro', sans-serif; + font-weight: 500; + font-size: 22px; + line-height: 23px; + margin-bottom: 15px; +} + +.i-info .i-area a { + color: #464646; + text-decoration: none; +} + +.i-info .i-area a:hover { + color: #ff6600; +} + +.i-info .i-address { + margin-bottom: 15px; + + +} + +.i-address header { + font-family: 'dindisplay_pro', sans-serif; + font-size: 18px; + line-height: 21px; + margin-bottom: 15px; +} + +.i-address header > * { + display: inline-block; + vertical-align: middle; +} + +.i-address header .address { + margin-right: 10px; +} + +.i-info .i-address a.toggle-map { + display: inline-block; + vertical-align: middle; + font-size: 15px; + line-height: 12px; + color: #a2a2a2; + text-decoration: none; + border-bottom: 1px dashed; + margin-left: 15px; +} + +.i-info .i-address.map-opened header a.toggle-map { + display: none; +} + +.i-info .i-address a.toggle-map:hover { + color: #ff6600; +} + +.i-info .i-address a.toggle-map:before { + content: ' '; + display: block; + width: 10px; + height: 16px; + background: url(../img/sprites.png) -217px -16px no-repeat; + float: left; + margin: 0 -10px -0px -15px; +} + +.i-info .i-address .i-map { + position: relative; + /*margin: 0 0 20px -120px;*/ + margin: 0 0 20px; + display: none; +} + +.place .i-info .i-address .i-map { + margin-left: -120px; +} + +.i-info .i-address.map-opened .i-map { + display: block; +} + +.i-info .i-address .i-map .close-map { + position: absolute; + right: 0; + bottom: 100%; + z-index: 20; + margin-bottom: 15px; +} + +.i-info .i-address .i-map .map-canvas { + width: 100%; + height: 305px; + background: #eee; + overflow: hidden; + border-radius: 4px; +} + +.i-info .i-tags { + margin-bottom: 15px; + font-size: 11px; + line-height: 16px; + color: #a2a2a2; +} + +.i-info .i-tags { + margin-top: -5px; +} + +.i-info .i-tags a { + color: #a2a2a2; + white-space: nowrap; +} + +.i-info .i-tags a:hover { + color: #ff6600; +} + +.i-info .i-contacts { + margin-bottom: 15px; +} + +.i-info .i-contacts .ic-buttons { + width: 265px; + margin-right: 40px; + float: left; +} + +.i-info .i-contacts .ic-buttons .icb-exit-edit { + display: none; +} + +.i-info .i-contacts .ic-buttons .soc-media-buttons { + margin-top: 25px; +} + +.i-info .i-contacts .ic-links { + font-family: 'dindisplay_pro', sans-serif; + font-size: 15px; + line-height: 20px; + width: 310px; + float: left; +} + +.ic-tel { + font-size: 20px; + line-height: 21px; + margin-bottom: 4px; +} + +.i-additional { + margin-bottom: 15px; + font-size: 12px; + line-height: 15px; +} + +.i-additional .ia-title { + font-family: 'dindisplay_pro', sans-serif; + font-size: 20px; + line-height: 23px; + margin-bottom: 30px; +} + +dl.add-info p{ + margin: 0; +} +dl.add-info { + margin: 0 0 -7px; + padding: 0; + font-size: 12px; + line-height: 15px; +} + +dl.add-info dt { + min-height: 15px; + width: 178px; + float: left; + clear: left; + margin: 0 5px 10px 0; +} + +dl.add-info dd { + min-height: 15px; + padding: 0; + overflow: hidden; + margin: 0 0 12px; +} + +dl.add-info dd a { + text-decoration: none; + color: #464646; +} + +dl.add-info dd a:hover { + text-decoration: none; + color: #ff6600; +} + +dl.add-info dd ul { + margin: 0; + padding: 0; + list-style: none; +} + +dl.add-info dd ul li { + margin-bottom: 3px; +} + +.i-statistics > header { + font-family: 'dindisplay_pro', sans-serif; + padding-left: 120px; + margin-bottom: 20px; + font-weight: 500; + font-size: 20px; + line-height: 23px; + color: #ff6600; +} + +.i-statistics > header b { + font-weight: bold; + font-size: 40px; + letter-spacing: -2px; + margin-right: 2px; +} + +.i-statistics > header .ish-title { + width: 100px; + margin: 0 -100% 0 -120px; + float: left; + font-weight: normal; + font-size: 17px; + line-height: 18px; + text-align: right; + color: #464646; +} + +.i-statistics > header .ish-data { + /*display: table; + height: 40px;*/ + width: 100%; + text-align: justify; + padding-right: 70px; + margin-bottom: -20px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.i-statistics > header .ish-data > * { + /*display: table-cell; + width: 33.3%; + padding: 5px 10px 0 0; + vertical-align: middle;*/ + display: inline-block; + padding-top: 10px; + max-width: 30%; +} + +.i-statistics > header .ish-data:after { + content: ''; + display: inline-block; + width: 100%; + height: 0; +} + +.i-statistics > header .ish-data a { + text-decoration: none; + color: #ff6600; +} + +.i-statistics > header .ish-data a:hover { + color: #464646; +} + + +.m-article .sect-title { + font-family: 'dindisplay_pro', sans-serif; + font-size: 23px; + line-height: 24px; + margin-bottom: 15px; +} + +.e-details .sect-title { + font-family: 'dindisplay_pro', sans-serif; + font-weight: 300; + font-size: 30px; + line-height: 32px; + color: #feb17d; +} + +.m-article .sect-title a { + color: #464646; + text-decoration: none; +} + +.m-article .sect-title a:hover { + color: #ff6600; +} + +.graph-title { + font-family: 'dindisplay_pro', sans-serif; + font-weight: 300; + font-size: 25px; + line-height: 26px; + color: #feb17d; +} + + +.i-staff-list { + margin-bottom: 15px; +} + +.i-staff-list > ul { + margin: 0; + padding: 0 0 0 4px; + list-style: none; +} + +.i-staff-list > ul > li { + display: inline-block; + width: 33%; + margin-left: -4px; +} + +.i-staff-list > ul > li > a { + text-decoration: none; + color: #464646; +} + +.i-staff-list .sl-item { + padding-left: 110px; +} + +.i-staff-list .sl-pict { + display: block; + width: 90px; + height: 90px; + overflow: hidden; + margin: 0 -100% 0 -110px; + float: left; + border-radius: 4px; +} + +.i-staff-list .sl-info { + display: table; + width: 100%; + height: 90px; +} + +.i-staff-list .sl-info .sl-info-wrap { + display: table-cell; + vertical-align: middle; + padding-right: 40px; +} + +.i-staff-list .sl-info .sl-name { + font-family: 'dindisplay_pro', sans-serif; + font-weight: 500; + font-size: 19px; + line-height: 20px; + color: #ff6600; + margin-bottom: 4px; +} + +.i-staff-list a:hover .sl-info .sl-name { + color: #464646; +} + +.i-staff-list .sl-info .sl-position { + font-size: 11px; + line-height: 14px; +} + + +.i-stats { + line-height: 15px; + margin-bottom: 7px; +} + +.i-date { + font-family: 'dindisplay_pro', sans-serif; + font-size: 27px; + margin: 12px 0 10px; +} + +.i-discount { + margin-top: 15px; + font-size: 10px; + line-height: 12px; + color: #a2a2a2; +} + +.i-discount .discount-button { + display: block; + text-align: center; + text-decoration: none; + border: none; + outline: none; + height: 26px; + padding: 1px 5px 0; + font-family: 'dindisplay_pro', sans-serif; + font-weight: bold; + font-size: 13px; + line-height: 25px; + text-transform: uppercase; + color: #fff; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); + background: #ff6600; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8000), color-stop(100%,#ff6600)); + background: -webkit-linear-gradient(top, #ff8000 0%,#ff6600 100%); + background: -o-linear-gradient(top, #ff8000 0%,#ff6600 100%); + background: -webkit-linear-gradient(top, #ff8000 0%, #ff6600 100%); + background: -o-linear-gradient(top, #ff8000 0%, #ff6600 100%); + background: linear-gradient(to bottom, #ff8000 0%,#ff6600 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8000', endColorstr='#ff6600',GradientType=0 ); + border-radius: 3px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.i-discount .discount-button:hover { + background: #ff8000; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9150), color-stop(100%,#fe9150)); + background: -webkit-linear-gradient(top, #fe9150 0%,#ff8000 100%); + background: -o-linear-gradient(top, #fe9150 0%,#ff8000 100%); + background: -webkit-linear-gradient(top, #fe9150 0%, #ff8000 100%); + background: -o-linear-gradient(top, #fe9150 0%, #ff8000 100%); + background: linear-gradient(to bottom, #fe9150 0%,#ff8000 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9150', endColorstr='#ff8000',GradientType=0 ); +} + +.i-discount .dsc-text { + font-size: 10px; + line-height: 11px; + margin-top: 5px; + padding: 0 0 0 10px; +} + +.i-buttons {} + +.i-buttons .ib-main { + float: left; +} + +.i-buttons .ib-add { + float: right; +} + +.i-divs { + margin-bottom: 20px; +} + +.i-divs .i-subj { + width: 55%; + float: left; + font-family: 'dindisplay_pro', sans-serif; + font-size: 14px; +} + +.i-divs .i-subj ul { + margin: -3px 0 0; + padding: 0; + list-style: none; +} + +.i-divs .i-subj a { + color: #6d6d6d; +} + +.i-divs .i-subj a:hover { + color: #ff6600; +} + +.i-divs .i-tags { + width: 45%; + float: right; + margin-bottom: 0; +} + +.i-divs .i-tags a { + white-space: normal; +} + + +.i-sub-articles { + font-family: 'dindisplay_pro', sans-serif; + font-size: 16px; + padding: 0 0 0 10px; + background: #fcf4ee; + margin-bottom: 25px; + border-radius: 4px; +} + +.i-sub-articles ul { + margin: 0; + padding: 0; + list-style: none; + display: table; + width: 100%; +} + +.i-sub-articles ul > li { + display: table-cell; + padding: 15px 15px; +} + +.i-steps { + margin-bottom: 20px; +} + +.i-steps .is-title { + font-family: 'dindisplay_pro', sans-serif; + font-weight: 100; + font-size: 26px; + line-height: 27px; + text-align: center; + text-transform: uppercase; + margin-bottom: 15px; +} + +.i-steps ul { + margin: 0; + padding: 0; + list-style: none; + display: table; + width: 100%; +} + +.i-steps ul > li { + display: table-cell; + width: 33.3%; + padding: 0 3px; +} + +.i-steps .label { + font-size: 12px; + line-height: 15px; + font-style: italic; + margin-bottom: 5px; + white-space: nowrap; + text-align: center; +} + +.i-steps a.step { + position: relative; + display: block; + text-align: center; + height: 31px; + line-height: 30px; + border: 1px solid; + font-family: 'dindisplay_pro', sans-serif; + text-transform: uppercase; + font-weight: bold; + font-size: 16px; + text-decoration: none; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + -webkit-transition: background .3s; + -o-transition: background .3s; + transition: background .3s; +} + +.i-steps ul > li.s1 a:after, +.i-steps ul > li.s2 a:before, +.i-steps ul > li.s2 a:after, +.i-steps ul > li.s3 a:before { + content: ' '; + display: block; + width: 15px; + height: 31px; + background: url(../img/sprites.png) 0 -144px no-repeat; + position: absolute; + top: -1px; +} + +.i-steps ul > li a:after { + right: -1px; +} + +.i-steps ul > li a:before { + left: -1px; +} + +.i-steps ul > li.s1, +.i-steps ul > li.s1 a { + color: #ff6600; +} + +.i-steps ul > li.s1 a:after { + background-position: 0 -144px; +} + +.i-steps ul > li.s1 a:hover { + background: #ff6600; + border-color: #ff6600; + color: #fff; +} + +.i-steps ul > li.s2, +.i-steps ul > li.s2 a { + color: #00adef; +} + +.i-steps ul > li.s2 a b { + color: #1d447d; +} + +.i-steps ul > li.s2 a:before { + background-position: -15px -144px; +} + +.i-steps ul > li.s2 a:after { + background-position: -30px -144px; +} + +.i-steps ul > li.s2 a:hover { + background: #00adef; + border-color: #00adef; + color: #fff; +} + +.i-steps ul > li.s3, +.i-steps ul > li.s3 a { + color: #ef3976; +} + +.i-steps ul > li.s3 a b { + color: #08293a; +} + +.i-steps ul > li.s3 a:before { + background-position: -45px -144px; +} + +.i-steps ul > li.s3 a:hover { + background: #ef3976; + border-color: #ef3976; + color: #fff; +} + +.i-photo-slides { + margin-bottom: 25px; +} + +.ps-photo-gallery { + width: 100%; + overflow: hidden; + border-radius: 4px; +} + +.ps-photo-gallery ul { + margin: 0; + padding: 0; + list-style: none; + width: 100%; +} + +.ps-photo-gallery ul > li { + width: 100%; + float: left; +} + +.ps-photo-gallery ul > li img { + width: 100%; +} + + +.ps-photo-gallery .re-controls { + display: none; +} + +.ps-photo-gallery .re-controls.enabled { + display: block; +} + +.ps-photo-gallery .re-controls a { + display: block; + width: 71px; + height: 0; + padding-top: 71px; + overflow: hidden; + position: absolute; + top: 50%; + margin-top: -35px; +} + +.ps-photo-gallery .re-controls a:before { + content: ' '; + display: block; + width: 31px; + height: 62px; + background: url(../img/sprites.png) 0 -63px no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -31px 0 0 -15px; +} + +.ps-photo-gallery .re-controls a.prev { + left: 0; +} + +.ps-photo-gallery .re-controls a.prev:before { + background-position: 0 -63px; +} + +.ps-photo-gallery .re-controls a.next { + right: 0; +} + +.ps-photo-gallery .re-controls a.next:before { + background-position: -32px -63px; +} + +.ps-photo-gallery .re-controls a.prev.disabled, +.ps-photo-gallery .re-controls a.next.disabled { + display: none; +} + +.i-event-description { + margin-bottom: 15px; +} + +.ied-title { + font-family: 'dindisplay_pro', sans-serif; + font-weight: normal; + font-size: 21px; + line-height: 22px; + margin-bottom: 15px; +} + +.ied-text { + font-size: 12px; + line-height: 15px; +} + +.i-event-additional { + margin-bottom: 20px; +} + +.i-event-additional .e-docs { + width: 30%; + float: right; + margin: 0; + padding: 0; + list-style: none; + font-family: 'dindisplay_pro', sans-serif; + font-size: 15px; + line-height: 18px; +} + +.i-event-additional .e-docs > li { + margin-bottom: 5px; +} + +.i-event-additional .e-docs a:before { + content: ' '; + display: inline-block; + vertical-align: middle; + width: 11px; + height: 13px; + background: url(../img/sprites.png) -211px 0 no-repeat; + margin: -1px 5px 0 0; +} + +.i-event-additional .add-info { + width: 70%; + padding-right: 30px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + + +.i-members { + display: table; + width: 100%; + margin-bottom: 15px; +} + +.i-members > * { + display: table-cell; + vertical-align: top; + padding-left: 25px; +} + +.i-members .im-title { + display: inline-block; + font-family: 'dindisplay_pro', sans-serif; + font-size: 23px; + line-height: 24px; + margin: 0 0 12px; +} + +.i-members .im-title:before { + content: ' '; + display: block; + width: 17px; + height: 15px; + background: url(../img/sprites.png) -239px -33px no-repeat; + float: left; + margin: 4px -100% -0px -25px; +} + +.i-members .im-visitors .im-title:before { + width: 13px; + background-position: -188px -16px; + margin-left: -22px; +} + +.i-members a.more { + font-size: 11px; + display: block; +} + +.i-members ul { + margin: 0; + padding: 0; + list-style: none; +} + +.i-members ul a { + color: #464646; +} + +.i-members ul a:hover { + color: #ff6600; +} + +.i-members .im-participants { + width: 70%; + padding-right: 30px; +} +.i-members .im-participants .button.icon-up:before{ + background-position:-365px -108px; +} +.i-members .im-participants .button.icon-up:hover:before{ + background-position:-365px -92px; + +} + +.i-members .im-title { + width: 33.3%; +} + +.i-members .im-participants a.more { + margin-left: -3px; +} + +.i-members .im-participants ul { + padding: 4px 0 0 4px; +} + +.i-members .im-participants ul li { + display: inline-block; + vertical-align: top; + width: 33.3%; + margin-left: -4px; + margin-bottom: 20px; +} + +.i-members .im-participants ul li a { + display: block; + width: 140px; + font-size: 11px; + line-height: 14px; + text-align: center; +} + +.i-members .im-participants ul li a .imp-pict { + position: relative; + display: block; + width: 140px; + overflow: hidden; + margin-bottom: 5px; + border-radius: 4px; +} + +.i-members .im-participants ul li a img { + display: block; + width: 140px; +} + +.i-members .im-participants ul li a .imp-pict:before { + content:''; + display:block; + position:absolute; + width:100%; + height:100%; + border-radius: 4px; + box-shadow: inset 0 1px 0 rgba(0, 0, 0, .2); + +} + +.i-members .im-visitors { + width: 30%; + font-size: 12px; + line-height: 17px; +} + + +.i-members .im-visitors ul li { + margin-bottom: 2px; +} + + +.e-num-info { + padding-left: 130px; + margin-bottom: 30px; + font-family: 'dindisplay_pro', sans-serif; + min-height: 120px; + margin-top: 30px; +} + +.eni-area-wrap { + color: #ff6600; + position: relative; +} + +.eni-area-wrap .eni-title { + position: absolute; + top: 0; + left: 0; + margin-left: -130px; + display: block; + width: 110px; + margin-right: 16px; + font-size: 20px; + line-height: 21px; + text-align: right; + -webkit-transition: color .3s; + -o-transition: color .3s; + transition: color .3s; + color: #464646; + margin-top: 28px; + +} +.eni-area-wrap .eni-title:hover{ + color: #ff6600; +} + +.eni-area-wrap .eni-area { + display: inline-block; + vertical-align: middle; + font-weight: bold; + font-size: 120px; + line-height: 120px; + letter-spacing: -2px; + margin-bottom: -5px; +} + +.e-num-info sup { + font-size: 60%; +} + +.eni-stats { + line-height: 47px; + margin-bottom: 10px; +} + +.eni-stats .enis-item { + display: inline-block; + vertical-align: middle; + margin-right: 50px; + font-size: 20px; +} + +.eni-stats .enis-item b { + display: inline-block; + vertical-align: middle; + font-size: 45px; +} + +.eni-founded { + font-size: 23px; + color: #a2a2a2; +} + +.eni-areas { + margin: 20px 0; +} + +.eni-areas .enis-col { + width: 225px; + display: inline-block; + vertical-align: top; + margin-right: 16px; + font-size: 15px; + line-height: 20px; +} + +.eni-holds .enis-item b, +.eni-areas .enis-col b { + display: block; + vertical-align: middle; + font-size: 45px; + line-height: 40px; + margin-bottom: -5px; + letter-spacing: -1px; +} + +.eni-areas .enis-col b { + margin-bottom: -3px; +} + +.eni-areas .enis-col .enc-title { + color: #ff6600; + margin-bottom: 5px; +} + +.eni-areas .enis-col ul { + margin: 0; + padding: 0; + list-style: none; +} + +.eni-areas .enis-col ul li { + margin-bottom: 2px; + color: #a2a2a2; +} + +.eni-areas .enis-col ul li i { + color: #464646; + font-style: normal; +} + +.eni-holds { + margin: 25px 0 25px -130px; +} + +.eni-holds .eni-title { + display: inline-block; + vertical-align: middle; + width: 110px; + margin-right: 16px; + font-size: 17px; + line-height: 20px; + text-align: right; + color: #ff6600; +} + +.eni-holds .enis-item { + display: inline-block; + vertical-align: middle; + margin-right: 50px; + font-size: 20px; + line-height: 21px; + text-align: center; +} + + +.i-events-list + .m-article { + margin-top: 30px; +} + +.h-booking { + margin: 30px -30px 30px 0; + padding: 0 20px; +} + +.m-article .h-booking { + margin: 0 -30px 0 0; + padding: 0; +} + +.h-booking header { + margin-bottom: 15px; +} + +.h-booking .sect-title { + display: inline-block; + font-family: 'dindisplay_pro', sans-serif; + font-size: 23px; + line-height: 24px; + color: #40bbea; + width: 581px; +} + +.h-booking .sect-title a { + color: #40bbea; + text-decoration: none; +} + +.h-booking .sect-title a:hover { + color: #1d447d; +} + +.m-article .h-booking .sect-title { + margin: 0; +} + +.h-booking .sect-title b { + font-weight: normal; + color: #1d447d; +} + +.h-booking a.more { + font-size: 11px; +} + +.h-booking ul { + margin: 0; + padding: 0 0 0 4px; + list-style: none; +} + +.h-booking ul li { + display: inline-block; + vertical-align: top; + width: 150px; + margin-right: 40px; + text-align: center; +} + +.h-booking ul li a { + font-size: 12px; + line-height: 15px; + color: #32a7d3; + display: block; +} + +.h-booking .hb-link{ + margin-bottom: .8em; + display: block; + line-height: 1em; +} +.h-booking .hb-pict { + display: block; + width: 150px; + height: 150px; + overflow: hidden; + margin-bottom: 7px; + border-radius: 4px; +} + +.h-booking .hb-pict img { + width: 100%; +} + +.h-booking ul li .hb-price { + font-family: 'dindisplay_pro', sans-serif; + font-weight: bold; + font-size: 16px; + line-height: 19px; + color: #1d447d; + margin: 3px 0; +} + +.h-booking ul li a.button { + font-size: 13px; +} + + +.e-cat { + margin-bottom: 40px; +} + +.m-article + .e-cat { + margin-top: 30px; +} + +.e-cat .sect-title { + font-family: 'dindisplay_pro', sans-serif; + font-size: 23px; + line-height: 24px; + color: #ff6600; + padding: 0 20px; + margin-bottom: 20px; +} + +.e-cat .sect-title a { + color: #ff6600; + text-decoration: none; +} + +.e-cat .sect-title a:hover { + color: #464646; +} + +.i-services li{ + color: #ff6600; +} +.i-services { + margin-bottom: 20px; +} + +.i-services .is-wrap { + margin-right: -20px; +} + +.i-services ul { + margin: 0; + padding: 0; + list-style: none; + width: 33.3%; + float: left; +} + +.i-services ul li { + margin-bottom: 3px; + padding-right: 30px; +} + +.e-pv-container { + margin: 20px 0; +} + +.div-img-wrap img { + display: block; + width: 100%; +} + +.e-video-container { + margin-top: 20px; +} + +.div-video-wrap { + background: #000; +} + +.div-video-wrap iframe { + margin: 0 auto; + display: block; +} + +.i-events-list { + margin-bottom: 20px; +} + +.i-events-list .sect-title { + font-family: 'dindisplay_pro', sans-serif; + font-size: 23px; + line-height: 24px; + color: #ff6600; + padding-left: 20px; + margin-bottom: 20px; +} + + +.i-contacts { + margin: 30px 0; +} + +.i-contacts .sect-title { + margin-bottom: 20px; +} + +.i-contacts .ic-wrap { + display: table; + width: 100%; + font-size: 13px; + line-height: 16px; +} + +.i-contacts .ic-wrap .ic-col { + display: table-cell; + vertical-align: top; + width: 55%; +} + +.i-contacts .ic-wrap .ic-col:first-child { + width: 45%; + padding-right: 30px; +} + +.i-contacts .ic-addr { + min-height: 32px; +} + +.i-contacts .ic-wrap .ic-col ul.tels { + margin: 0; + padding: 0; + list-style: none; +} + + + +.s-comments { + margin: 30px 0; +} + +.s-comments .sect-title { + padding-left: 20px; + margin-bottom: 15px; + font-family: 'dindisplay_pro', sans-serif; + font-size: 22px; + line-height: 23px; + color: #ff6600; +} + +.sc-comments .cl-item-wrap { + padding-left: 90px; +} + +.sc-comments .cli-pict { + margin-left: -90px; + width: 70px; + height: 70px; + line-height: 65px; + padding: 2px; +} + +.sc-comments .cli-info { + margin-bottom: 0; +} + +.sc-comments .sc-name { + font-family: 'dindisplay_pro', sans-serif; + font-weight: 500; + font-size: 17px; + line-height: 20px; + color: #ff6600; + margin: -7px 0 10px; +} + +.sc-comments .sc-name a { + text-decoration: none; + color: #ff6600; +} + +.sc-comments .sc-name a:hover { + color: #000000; +} + +.sc-comments .sc-text { + font-size: 12px; + line-height: 16px; +} + +.ma-text { + font-size: 13px; + line-height: 16px; +} + +.ma-text h2 { + font-family: 'dindisplay_pro', sans-serif; + font-weight: normal; + font-size: 25px; + line-height: 26px; + color: #ff6600; + margin: 25px 0 20px; +} + +.ma-text h3 { + font-family: 'dindisplay_pro', sans-serif; + font-weight: normal; + font-size: 20px; + line-height: 23px; + color: #ff6600; + margin: 20px 0 15px; +} + +.ma-text p { + margin: 20px 0; +} + +.ma-text > *:first-child { + margin-top: 0; +} + +.ma-text .pt-block { + margin: 25px 0; +} + + +.ma-text .pt-block img { + float: left; + margin-right: 30px; +} + +.ma-text .pt-block.p-right img { + float: right; + margin-left: 30px; +} + +.ma-text .pt-block .ptb-text { + overflow: hidden; +} + +.ma-text .pt-block .ptb-text > *:first-child { + margin-top: 0; +} + +.ma-text .pt-block .ptb-text ul { + margin: 0; + padding: 0; + list-style: none; +} + +.ma-text .pt-block .ptb-text ul li { + padding-left: 16px; + margin-bottom: 7px; +} + +.ma-text .pt-block .ptb-text ul li:before { + content: ''; + display: block; + width: 11px; + height: 8px; + background: url(../img/sprites.png) -287px -51px no-repeat; + float: left; + margin: 5px -100% 0 -16px; +} + +.s-slide-gallery-wrap { + width: 100%; + overflow: hidden; +} + +.s-slide-gallery { + margin-right: -15px; + overflow: hidden; +} + + + +.s-slide-gallery ul { + width: 100%; +} + +.s-slide-gallery li { + width: 25%; + padding-right: 15px; + float: left; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.s-slide-gallery li a { + display: block; + overflow: hidden; + border-radius: 4px; +} + +.s-slide-gallery li img { + width: 100%; +} + +.s-slide-gallery .re-controls { + display: none; +} + +.s-slide-gallery .re-controls.enabled { + display: block; +} + +.s-slide-gallery .re-controls a { + display: block; + width: 71px; + height: 0; + padding-top: 71px; + overflow: hidden; + position: absolute; + top: 50%; + margin-top: -35px; +} + +.s-slide-gallery .re-controls a:before { + content: ' '; + display: block; + width: 31px; + height: 62px; + background: url(../img/sprites.png) 0 -63px no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -31px 0 0 -15px; +} + +.s-slide-gallery .re-controls a.prev { + left: 0; +} + +.s-slide-gallery .re-controls a.prev:before { + background-position: 0 -63px; +} + +.s-slide-gallery .re-controls a.next { + right: 15px; +} + +.s-slide-gallery .re-controls a.next:before { + background-position: -32px -63px; +} + +.s-slide-gallery .re-controls a.prev.disabled, +.s-slide-gallery .re-controls a.next.disabled { + display: none; +} + +.s-order { + margin: 25px 0; + display: table; + width: 100%; +} + +.s-order .so-col { + display: table-cell; + vertical-align: middle; + padding-right: 40px; +} + +.s-order .so-col + .so-col { + width: 100%; +} + +.order-button, +.rq-order-button { + display: inline-block; + text-decoration: none; + color: #ff6600; + border: 1px solid #ff6600; + height: 44px; + font-family: 'dindisplay_pro', sans-serif; + white-space: nowrap; + border-radius: 4px; +} + +.rq-order-button .rqob-wrap { + display: table; + border: none; + border-collapse: collapse; +} + +.order-button > span, +.order-button > a { + display: inline-block; + vertical-align: top; + padding: 1px 20px 0; + line-height: 43px; + height: 44px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.rq-order-button .rqob-wrap > * { + display: table-cell; + padding: 0; + line-height: 43px; + height: 44px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.order-button .ob-price { + font-size: 25px; +} + +.rq-order-button .rqob-wrap .rqob-price { + vertical-align: middle; + padding: 0 30px; + font-size: 25px; + line-height: 44px; +} + +.order-button .rqob-button { + vertical-align: top; +} + +.order-button .ob-text, +.rq-order-button button, +.rq-order-button .ob-text { + font-weight: bold; + font-size: 17px; + text-decoration: none; + text-transform: uppercase; + color: #fff; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); + border-radius: 0; + background: #ff6600; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8000), color-stop(100%,#ff6600)); + background: -webkit-linear-gradient(top, #ff8000 0%,#ff6600 100%); + background: -o-linear-gradient(top, #ff8000 0%,#ff6600 100%); + background: -webkit-linear-gradient(top, #ff8000 0%, #ff6600 100%); + background: -o-linear-gradient(top, #ff8000 0%, #ff6600 100%); + background: linear-gradient(to bottom, #ff8000 0%,#ff6600 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8000', endColorstr='#ff6600',GradientType=0 ); +} + +.rq-order-button button, +.rq-order-button .ob-text { + display: block; + width: 100%; + height: 44px; + font-size: 17px; + line-height: 45px; + text-align: center; + padding: 1px 20px 0; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +a.order-button:hover .ob-text, +.order-button a.ob-text:hover, +.rq-order-button button:hover, +.rq-order-button a.ob-text:hover { + background: #ff8000; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9150), color-stop(100%,#ff8000)); + background: -webkit-linear-gradient(top, #fe9150 0%,#ff8000 100%); + background: -o-linear-gradient(top, #fe9150 0%,#ff8000 100%); + background: -webkit-linear-gradient(top, #fe9150 0%, #ff8000 100%); + background: -o-linear-gradient(top, #fe9150 0%, #ff8000 100%); + background: linear-gradient(to bottom, #fe9150 0%,#ff8000 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9150', endColorstr='#ff8000',GradientType=0 ); +} + +.order-button .ob-text:after, +.rq-order-button button:after, +.rq-order-button .ob-text:after { + content: ''; + display: inline-block; + vertical-align: middle; + width: 8px; + height: 12px; + background: url(../img/sprites.png) -175px 0 no-repeat; + margin: -1px 0 0 7px; +} + +.order-button .rub, +.rq-order-button .rub { + font-size: 22px; +} + +.order-descr { + font-size: 13px; + line-height: 15px; + color: #ff6600; +} + + +.s-note { + font-size: 12px; + line-height: 15px; +} + +.s-note p { + margin: 7px 0; +} + +.s-note ul { + margin: 7px 0; + padding: 0; + list-style: none; +} + +.s-note ul li { + padding-left: 10px; +} + +.s-note ul li:before { + content: '-'; + float: left; + margin: 0 -100% 0 -10px; +} + + +.messages-list { + margin: 0; + padding: 0; + list-style: none; + +} + +.messages-list > li { + padding: 20px 20px 5px; + background: #fcfcfb; + margin-bottom: 15px; + border-radius: 4px; + box-shadow: inset 0 1px 0 rgba(0, 0, 0, .2); +} + +.messages-list > li.mi-new { + padding: 19px 19px 4px; + border: 1px solid #ff6600; + box-shadow: none; +} + +.messages-list > li:hover { + background: #fff; +} + +.messages-list .mi-wrap { + position: relative; + padding-left: 90px; + margin-bottom: 15px; +} + +.messages-list .mi-wrap.me { + padding: 0 90px 0 0; +} + +.messages-list > li > a { + color: #464646; + text-decoration: none; +} + +.messages-list .mi-pict { + width: 70px; + height: 70px; + line-height: 65px; + text-align: center; + overflow: hidden; + margin: 0 -100% 0 -90px; + float: left; + border-radius: 4px; +} + +.messages-list .me .mi-pict { + margin: 0 -90px 0 -100%; + float: right; +} + +.messages-list .mi-pict img { + max-width: 100%; + max-height: 100%; + vertical-align: middle; +} + +.messages-list .mi-body { + width: 100%; + float: left; +} + +.messages-list .mi-body > header { + padding-right: 130px; +} + +.messages-list .mi-time { + width: 110px; + float: right; + font-size: 11px; + line-height: 16px; + color: #a2a2a2; + text-align: right; + margin: 0 0 0 -110px; +} + +.messages-list .me .mi-time { + float: left; + margin: 10px 0 0; + text-align: left; +} + +.messages-list .mi-sender { + font-family: 'dindisplay_pro', sans-serif; + font-size: 18px; + line-height: 19px; + color: #ff6600; + margin-bottom: 7px; +} + +.messages-list .mi-sender a { + color: #ff6600; + text-decoration: none; +} + +.messages-list .mi-sender a:hover { + color: #464646; +} + +.messages-list .me .mi-sender { + color: #2592c5; +} + +.messages-list .mi-buttons { + margin-bottom: 10px; + display: none; +} + +.set-sect { + padding: 10px 20px 10px; + background: #fcfcfb; + margin-bottom: 20px; + border-radius: 4px; + box-shadow: inset 0 1px 0 rgba(0, 0, 0, .2); +} + +.set-sect.p-form { + padding: 20px; +} + +.set-sect > header { + font-family: 'dindisplay_pro', sans-serif; + text-transform: uppercase; + color: #a2a2a2; + padding: 5px 0; + cursor: pointer; +} + +.set-sect > header:before { + content: ''; + display: inline-block; + vertical-align: middle; + width: 14px; + height: 15px; + background: url(../img/sprites.png) -196px -32px no-repeat; + margin: 0 4px 0 0; +} + +.set-sect.closed > header:before { + background-position: -250px -109px; +} + +.set-sect .set-sect-body { + margin: 20px 0 10px; + +} + +.set-sect.closed .set-sect-body { + display: none; +} + +.mf-buttons-line { + margin-top: 25px; +} + +.mf-line { + margin-bottom: 15px; +} + +.mf-line.cols-2 { + display: table; + width: 100%; +} + +.mf-line .mf-field { + padding-right: 10px; + width: 65%; + display: inline-block; + vertical-align: top; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding-bottom: 5px; +} +.mf-line .mf-field.full-width { + width: 100%; +} + +.mf-line.cols-2 .mf-field, +.mf-line.cols-2 > label { + display: table-cell; + width: 50%; + padding: 0 0 5px 10px; +} + +.mf-line.cols-2 .mf-field:first-child, +.mf-line.cols-2 > label:first-child { + padding: 0 10px 5px 0; +} + +.mf-line.full-width .mf-field { + padding: 0 0 5px; + width: 100%; +} + +.ch-pwd .mf-line .mf-field { + width: 47%; +} + +.tabs-content .mf-line .mf-field { + display: block; +} + +.mf-line.full-width > label { + display: block; + margin-bottom: 5px; +} + +.mf-line > label.check { + font-size: 15px; +} + +.mf-line > label.check i { + font-style: normal; + font-size: 12px; + color: #a2a2a2; +} + +.mf-line > label.check { + margin-right: 40px; +} + + +.adm-form .mf-line > label { + font-size: 17px; + line-height: 18px; +} + +.mf-soc-m { + margin: -5px 0 10px; +} + +.mf-soc-m .mf-soc-col { + padding-right: 10px; + width: 47%; + display: inline-block; + vertical-align: top; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.mfsm-title { + font-size: 15px; + margin-bottom: 10px; +} + +.mf-soc-m .mf-soc-col + .mf-soc-col .mfsm-title { + color: #a2a2a2; +} + +.mf-soc-m .sm-i { + display: inline-block; + vertical-align: middle; + font-size: 18px; + line-height: 21px; + padding-top: 4px; +} + +.mf-soc-m .sm-i img { + vertical-align: middle; + margin: -4px 4px 0 0; +} + +.mf-soc-m a.clear { + position: relative; + display: inline-block; + vertical-align: middle; + width: 30px; + height: 0; + padding-top: 30px; + overflow: hidden; + margin: -5px 0; +} + +.mf-soc-m a.clear:before { + content: ''; + display: block; + width: 9px; + height: 10px; + background: url(../img/sprites.png) -162px -52px no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -5px 0 0 -5px; +} + +.mf-soc-m a.clear:hover:before { + background-position: -238px -121px; +} + +.mf-soc-m .sm-body ul { + margin: 0; + padding: 0; + list-style: none; +} + +.mf-soc-m .sm-body ul li { + display: inline-block; + margin-right: 5px; +} + +.mf-checks-title { + font-size: 15px; + margin-bottom: 15px; + color: #a2a2a2; +} + +.mf-announces { + padding-left: 205px; +} + +.mf-announces .mf-subj-checks-title { + display: block; + width: 155px; + margin: 0 -100% 0 -205px; + float: left; +} + +.mf-announces .mf-announces-body.disabled { + opacity: .5; +} + +.lt-ie9 .mf-announces .mf-announces-body.disabled { + -ms-filter: alpha(opacity=30); + filter: alpha(opacity=30); +} + +.set-sect.subscribe label.check { + font-size: 17px; +} + +.set-sect.subscribe .tabs-content label.check { + font-size: 15px; +} + +.set-sect.subscribe .mf-subj-checks-title label.check { + font-size: 17px; +} + +.set-sect .tabs-content { + margin-bottom: 25px; +} + +.tabs-content .mf-line.subj-checks { + margin-bottom: 25px; +} + +.mf-line.subj-checks > label.check { + margin-right: 30px; +} + +.tabs-content .mf-line { + margin-bottom: 10px; +} + +.tabs-content .mf-line .mf-field select, +.tabs-content .mf-line .mf-field .custom-select { + width: 100%; +} + +.mf-line.country { + margin: 20px 0 5px; +} + +.mf-line.subj { + margin: 20px 0 25px; +} + +.mf-line.country > label, +.mf-line.city > label, +.mf-line.subj > label { + display: block; + font-size: 17px; + width: 65%; + margin: 0 0 5px; + /*padding-left: 10px;*/ + -moz-box-sizing: border-box; + box-sizing: border-box; +} + + + +.p-editable { + position: relative; +} + +.p-editable.pe-active { + padding-left: 24px; +} + +.i-pict.p-editable.pe-active { + padding-left: 0; +} + +.i-info header .i-place.p-editable.pe-active { + padding-left: 24px; +} + +.i-info header .i-place.p-editable.pe-active:before { + content: none; +} + +.edit-wrap { + position: absolute; + left: 0; + top: 0; + display: none; + margin: -1px 0 0 -6px; +} + + +.i-pict.p-editable .edit-wrap { + left: 100%; + top: 5px; + margin: 0 0 0 -30px; + line-height: 1em; +} + + +.i-place.p-editable .edit-wrap { + margin-top: 10px; +} + +.i-descr.p-editable .edit-wrap, +.i-additional .p-editable .edit-wrap { + margin-top: -6px; +} + +.ic-buttons .p-editable .edit-wrap { + margin-top: -2px; +} + +.ic-tel.p-editable .edit-wrap { + margin-top: 0; +} + +.p-editable.pe-active .edit-wrap { + display: block; +} + +.e-btn { + position: relative; + display: block; + width: 24px; + height: 0; + padding-top: 24px; + overflow: hidden; + border-radius: 3px; + -webkit-transition: none; + -o-transition: none; + transition: none; +} + +.i-pict.p-editable .e-btn { + background: #fcfcfb; + width: 25px; +} + +.e-btn:before { + display: block; + position: absolute; + left: 5px; + top: 4px; + font-size: 18px; + color: #ff6600; +} + +.e-btn:hover { + opacity: 0.7; +} + +.lt-ie9 .e-btn:hover { + filter: alpha(opacity=70); +} + +.i-pict.p-editable .e-btn:hover { + background: #ff6600; +} + +.p-editable.pe-current .e-btn { + width: 28px; + background: #ff6600; + border-radius: 3px 0 0 3px; +} + +.p-editable.pe-current .e-left .e-btn { + width: 28px; + border-radius: 0 3px 3px 0; +} + +.i-pict.p-editable .e-btn:hover, +.p-editable.pe-current .e-btn:hover { + opacity: 1; +} + +.lt-ie9 .i-pict.p-editable .e-btn:hover, +.lt-ie9 .p-editable.pe-current .e-btn:hover { + filter: alpha(opacity=100); +} + +.i-pict.p-editable .e-btn:hover:before, +.p-editable.pe-current .e-btn:before { + color: #ffffff; +} + +.i-pict.p-editable.pe-current .e-btn { + width: 33px; +} + +.edit-wrap .e-form { + position: absolute; + left: 28px; + top: 0; + width: 600px; + z-index: 2; + font-family: 'dindisplay_pro', Arial, sans-serif; + font-size: 12px; + line-height: 15px; + text-align: left; + background: #ff6600; + padding: 9px 20px 15px; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-radius: 0 3px 3px 3px; + display: none; +} + +.i-pict.p-editable .edit-wrap .e-form { + left: 32px; +} + +.ic-links .edit-wrap .e-form { + width: 330px; +} + +.edit-wrap.e-left .e-form { + left: auto; + right: 100%; + border-radius: 3px 0 3px 3px; +} + +.edit-wrap .e-form:before { + content: ''; + display: block; + width: 0; + height: 0; + border: 1px solid; + border-color: #ff6600 #ff6600 transparent transparent; + border-radius: 2px; + position: absolute; + right: 100%; + top: 24px; +} + +.edit-wrap.e-left .e-form:before { + border-color: #ff6600 transparent transparent #ff6600; + right: auto; + left: 100%; +} + +.p-editable.pe-active.pe-current .edit-wrap .e-form { + display: block; +} + +.edit-wrap .e-form .ef-body { + width: 420px; + float: left; + word-spacing: 16px; + margin-bottom: -10px; +} + +.ic-links .edit-wrap .e-form .ef-body { + width: 150px; +} + +.edit-wrap .e-form .epfl { + display: inline-block; + vertical-align: top; + word-spacing: normal; + min-width: 200px; + margin-bottom: 10px; +} + +.ic-links .edit-wrap .e-form .epfl { + width: 150px; + min-width: 0; +} + +.i-pict .edit-wrap .e-form .epfl { + display: block; +} + +.edit-wrap .e-form .ef-body .epfl > label, .edit-wrap .e-form .ef-body .epf-field > label { + color: #ffffff; + display: block; + margin-bottom: 5px; +} +.edit-wrap .e-form .ef-body .epf-field > label{ + word-spacing: normal; +} +.edit-wrap .e-form .ef-body .epfl > label img { + margin: -3px 0 -2px; +} + +.edit-wrap .e-form .epfl .c-select-box { + width: 200px; +} + +.e-form select, +.e-form .custom-select select { + width: 200px; + height: 26px; +} + +.e-form input[type="text"] { + height: 29px; + line-height: 26px; + padding-left: 6px; +} + +.e-form input[type="text"]:focus { + border-width: 1px; +} + +.i-title .e-form input[type="text"] { + width: 420px; +} + +.edit-wrap .e-form textarea { + width: 420px; + height: 90px; + border-width: 1px; +} + +.edit-wrap .e-form .ef-buttons { + float: right; + padding-top: 20px; +} + +.edit-wrap .e-form .ef-close { + display: block; + width: 22px; + height: 0; + padding-top: 22px; + overflow: hidden; + position: absolute; + right: 15px; + top: 5px; +} + +.edit-wrap .e-form .ef-close:before { + content: ''; + display: block; + width: 9px; + height: 10px; + background: url(../img/sprites.png) -63px -159px no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -5px 0 0 -4px; +} + + + +.ed-back { + margin: 20px 0; +} + +.ed-back a { + display: inline-block; + font-size: 17px; + line-height: 17px; + text-decoration: none; + border: 1px solid #fcaf7b; + padding: 5px 25px; + border-radius: 4px; +} + +.ed-back a:before { + content: ''; + display: inline-block; + width: 6px; + height: 11px; + background: url(../img/sprites.png) -157px 0 no-repeat; + margin-right: 8px; +} + +.ed-back a:hover { + color: #ffffff; + background: #ff6600; + border-color: #ff6600; +} + +.ed-back a:hover:before { + background-position: -115px 0; +} + + +.e-programm { + margin-bottom: 30px; +} + +.ep-sect { + margin-bottom: 30px; +} + +.ep-sect-title { + height: 12px; + border-bottom: 1px dotted #cccccc; + font-family: 'dindisplay_pro', Arial, sans-serif; + font-size: 25px; + line-height: 25px; + font-weight: bold; +} + +.e-programm .ep-sect-title { + height: 14px; + font-size: 30px; + line-height: 30px; +} + +.p-calendar .ep-sect-title { + font-size: 17px; + line-height: 20px; + border: none; + height: auto; + color: #959595; +} + +.ep-sect-title a { + display: inline-block; + text-decoration: none; + text-transform: uppercase; + background: #fcfcfb; + padding: 0 10px 0 5px; + color: #464646; +} + +.e-programm .ep-sect-title a { + min-width: 180px; + margin-left: -5px; +} + +.p-calendar .ep-sect-title a { + color: #959595; +} + +.ep-sect-title a:before { + content: ''; + display: inline-block; + width: 18px; + height: 18px; + background: url(../img/sprites.png) -296px -22px no-repeat; + margin-right: 8px; +} + +.e-programm .ep-sect-title a:before { + width: 21px; + height: 21px; + background-position: -317px 0; + margin-right: 8px; +} + +.eps-opened .ep-sect-title a:before { + background-position: -315px -22px; +} + +.e-programm .eps-opened .ep-sect-title a:before { + background-position: -295px 0; +} + +.p-calendar .ep-sect-title a:before { + width: 13px; + height: 14px; + background-position: -250px -109px; + margin-right: 5px; + vertical-align: middle; + margin-top: -2px; +} + +.p-calendar .eps-opened .ep-sect-title a:before { + background-position: -211px -145px; +} + +.ep-sect-body { + padding-top: 25px; + display: none; +} + +.eps-opened .ep-sect-body { + display: block; +} + +.e-programm ul { + margin: 0; + padding: 0; + list-style: none; +} + +.e-programm li { + margin-top: 20px; + padding: 15px 0 5px; +} + +.e-programm li:first-child { + margin-top: 0; +} + +.e-programm .ep-item { + border: 1px dotted #cccccc; + padding: 0 10px 0 30px; +} + +.e-programm .ep-item header { + font-family: 'dindisplay_pro', Arial, sans-serif; + margin-top: -15px; + padding: 0 0 0 160px; +} + +.ep-item .ep-time { + font-size: 25px; + line-height: 25px; + color: #ff6600; + background: #fcfcfb; + padding: 0 5px; + float: left; + margin: 0 -100% 0 -165px; +} + +.ep-item .ep-title { + display: inline; + font-size: 22px; + line-height: 25px; + background: #fcfcfb; + outline: #fcfcfb solid 6px; + outline-offset: -1px; +} + +.ep-item .ep-title span { + position: relative; +} + +.ep-item .ep-body { + font-size: 12px; + line-height: 16px; + margin: 7px 0; +} + +.ep-item .ep-body p { + margin: 7px 0; +} + +.ep-item .ep-body .ep-coord { + color: #ff6600; +} + +.e-programm .ep-item footer { + font-family: 'dindisplay_pro', Arial, sans-serif; + font-size: 15px; + line-height: 15px; + margin-bottom: -7px; +} + +.ep-item .ap-area { + display: inline-block; + padding: 0 5px; + color: #8f8f8f; + background: #fcfcfb; + margin-left: -5px; +} + +.e-programm + .i-steps, +.e-statistic + .i-steps { + margin-top: 40px; + margin-bottom: 15px; +} + + + + +.e-statistic { + font-family: 'dindisplay_pro', Arial, sans-serif; +} + +.ep-stats { + padding: 5px 25px 0; + border-bottom: 1px dotted #cccccc; + margin-bottom: 25px; +} + +.ep-stats .eps-item { + width: 220px; + float: right; + font-weight: bold; + font-size: 28px; + line-height: 28px; + margin-bottom: -13px; +} + +.ep-stats .eps-item:first-child { + color: #ff6600; + width: 450px; + float: left; +} + +.ep-stats b { + display: block; + font-size: 120px; + line-height: 120px; + margin-top: -10px; + word-spacing: -10px; + letter-spacing: -7px; + white-space: nowrap; +} + +.ep-stats .eps-text { + display: block; + margin: -18px 0 0; + padding: 0 5px; + background: #fcfcfb; + float: left; +} + +.ep-info { + padding: 0 30px; + margin-bottom: 20px; +} + +.ep-info .ep-area-wrap { + width: 450px; + float: left; + font-size: 80px; + line-height: 80px; +} + +.ep-info .epa-title { + font-size: 18px; + line-height: 18px; + width: 110px; + padding-top: 12px; + float: left; +} + +.ep-info .epa-area { + display: inline-block; + font-weight: 100; + letter-spacing: -2px; + word-spacing: -5px; +} + +.ep-info .epa-area sup { + display: inline-block; + font-size: 45px; + margin: 0 0 0 3px; +} + +.ep-info .ep-founded { + width: 210px; + float: right; + font-size: 16px; + line-height: 18px; + color: #afafae; + padding-top: 14px; +} + +.ep-founded b { + display: block; + font-size: 40px; + line-height: 40px; + letter-spacing: -1px; + margin: 0 0 -5px -2px; +} + +.ep-countries { + padding: 0 30px 0 140px; + border-top: 1px dotted #cccccc; + font-size: 18px; + color: #ff6600; +} + +.ep-countries .epc-title { + color: #feb17d; + background: #fcfcfb; + margin: -10px -100% 0 -115px; + padding: 0 5px; + float: left; +} + +.ep-countries .epc-list { + margin-top: -10px; + display: table; + table-layout: fixed; + width: 100%; +} + +.ep-countries ul { + margin: 0; + padding: 0; + list-style: none; + display: table-cell; + vertical-align: top; +} + +.ep-countries ul + ul + ul { + width: 215px; +} + +.ep-countries ul li { + padding: 0 5px; + background: #fcfcfb; + margin-top: 4px; + float: left; + clear: left; +} + +.ep-countries ul li:first-child { + margin-top: 0; +} + + + +.e-price { + font-family: 'dindisplay_pro', Arial, sans-serif; + font-size: 15px; + line-height: 18px; + margin-bottom: 5px; +} + +.e-price-wrap { + margin: 0 -20px; + padding-top: 15px; +} + +.epr-layout { + display: table; + width: 100%; + border-spacing: 20px 0; +} + +.eprl-col { + border: 1px dotted #cccccc; + display: table-cell; + vertical-align: top; + padding: 0 15px 15px; +} + +.eprl-col:first-child { + width: 350px; +} + +.epr-title { + font-weight: bold; + font-size: 28px; + margin: -12px 0 20px -5px; +} + +.epr-title span { + display: inline-block; + padding: 0 5px; + background: #fcfcfb; +} + +.epr-subtitle { + color: #ff6600; + font-weight: bold; + text-transform: uppercase; + margin-bottom: 10px; +} + +.pr-list { + margin: 0 0 20px; + padding: 0; + list-style: none; + color: #ff6600; +} + +.pr-list.grey { + color: #8b8b8b; +} + +.pr-list li { + margin-bottom: 3px; + word-spacing: -2px; + white-space: nowrap; +} + +.pr-list .prl-value { + display: inline-block; + vertical-align: middle; + border: 1px solid #ffd2b2; + height: 32px; + padding: 2px 15px 0; + font-weight: bold; + font-size: 28px; + line-height: 32px; + word-spacing: -4px; + border-radius: 4px 0 0 4px; + max-width: 94px; + +} +.pr-list .prl-value .small{ + word-spacing: 0; + white-space: normal; + font-size: 14px; + display: block; + line-height: 1em; + padding-top: 2px; +} + +.pr-list .prl-descr { + display: inline-block; + vertical-align: top; + border: 1px solid #ffd2b2; + min-height: 34px; + padding: 0 15px; + font-size: 18px; + line-height: 32px; + word-spacing: normal; + white-space: normal; + border-radius: 0 4px 4px 0; +} + +.pr-list.grey .prl-value, +.pr-list.grey .prl-descr { + border-color: #c6c6c6; +} + +.pr-list .prl-descr span { + display: inline-block; + vertical-align: middle; + line-height: 19px; +} + +.epr-conditons { + margin-top: 20px; +} + +.epr-conditons p { + margin: 0; +} + +.tp-wrap, +.tp-btn-wrap { + display: table; + table-layout: fixed; + width: 100%; + border-spacing: 0; + border-collapse: collapse; + margin-bottom: 20px; +} + +.tp-wrap > *, +.tp-btn-wrap > * { + display: table-cell; + vertical-align: middle; + margin-bottom: 0; +} + +.tp-wrap .pr-list, +.tp-btn-wrap .tp-btn { + width: 262px; +} + +.tp-wrap .tp-descr, +.tp-btn-wrap .tp-categories { + font-weight: 500; + font-size: 14px; + line-height: 17px; + text-transform: uppercase; + color: #ff6600; +} + +.tp-wrap .tp-descr.grey { + color: #8b8b8b; +} + +.tp-btn-wrap { + margin-bottom: 0; +} + +.tp-btn-wrap > * { + vertical-align: top; +} + +.tp-btn-wrap .tp-categories { + font-weight: normal; + text-transform: none; +} + +.tp-btn-wrap .tp-categories .tpc-title { + font-size: 13px; + color: #feb17d; + margin-bottom: 3px; +} + +.tp-btn-wrap .tp-categories ul { + margin: 0; + padding: 0 0 0 15px; + font-size: 15px; + line-height: 16px; + font-weight: bold; +} + + +.targets { + font-family: 'dindisplay_pro', Arial, sans-serif; + font-size: 15px; + line-height: 16px; +} + +.t-layout { + display: table; + width: 100%; +} + +.t-layout .t-col { + display: table-cell; + vertical-align: top; + width: 50%; + padding-right: 20px; +} + +.tg-title { + font-size: 22px; + line-height: 22px; + color: #ff6600; + margin-bottom: 10px; +} + +.tg-title:before { + content: ''; + display: inline-block; + width: 24px; + height: 23px; + background: url(../img/sprites.png) -300px -41px no-repeat; + margin: 0 5px -3px 0; +} + +.tg-title.icon-case:before { + width: 23px; + height: 19px; + background-position: -300px -65px; + margin: 0 6px -1px 0; +} + +.targets ul { + margin: 0; + padding: 0 0 0 30px; + list-style: none; +} + +.targets ul li { + margin-bottom: 5px; +} + +.targets small { + display: inline-block; + font-size: 13px; +} + +.tad-price ul { + margin: 0; + padding: 0; + list-style: none; +} + +.tad-price li { + position: relative; + padding: 17px 230px 20px 20px; + margin-bottom: 20px; + background: #fcfcfb; + box-shadow: inset 0 1px 0 #e8e8e7; + border-radius: 4px; + -webkit-transition: background .3s; + -o-transition: background .3s; + transition: background .3s; +} + +.tad-price li:before, +.tad-price li:after { + content: " "; + display: table; +} + +.tad-price li:after { + clear: both; +} + +.tad-price li.p-left { + padding: 17px 20px 20px 230px; +} + +.tad-price .tad-pict { + width: 190px; + float: right; + padding: 5px 0; + margin: 0 -210px 0 -100%; +} + +.tad-price li.p-left .tad-pict { + float: left; + margin: 0 -100% 0 -210px; +} + +.tad-price .tad-pict img { + width: 190px; +} + +.tad-price .tad-pict a:hover img { + opacity: 0.9; +} + +.tad-price h3 { + font-family: 'dindisplay_pro', Arial, sans-serif; + font-weight: normal; + font-size: 25px; + line-height: 26px; + margin: 0 0 10px; +} + +.tadi-text { + font-size: 13px; + line-height: 16px; + min-height: 55px; + margin-bottom: 25px; +} + +.tad-price p { + margin: 10px 0 0; + color: #464646; +} + +.tad-price p:first-child { + margin-top: 0; +} + +.btn-wrap { + margin: 25px 0 5px; +} + +.btn-wrap .tad-prise-descr { + padding-left: 21px; + margin-top: 5px; + color: #ff6600; +} + + + +.a-graphic { + position: relative; + font-family: 'dindisplay_pro', Arial, sans-serif; + font-size: 12px; + line-height: 14px; + padding-top: 10px; +} + +.a-graphic table { + width: 100%; + border-collapse: collapse; +} + +.a-graphic > table > tbody > tr > td { + width: 100%; + padding: 0 5px 0 20px; + vertical-align: top; + background: url(../img/ag-bg.png) 0 0 repeat; +} + +.a-graphic > table > tbody.bottom > tr > td { + background: none; + vertical-align: middle; +} + +.a-graphic > table > tbody > tr > td:first-child { + width: auto; + padding: 0 10px 0 0; + height: 20px; + vertical-align: middle; + text-align: left; + background: none; +} + +.a-graphic > table > tbody > tr > td > div { + display: inline-block; + min-width: 45px; + height: 20px; + line-height: 20px; + text-align: right; +} + +.a-graphic > table > tbody.bottom > tr > td:first-child { + font-size: 11px; + line-height: 12px; + color: #aeaeae; + height: 35px; +} + +.a-graphic > table > tbody.bottom > tr > td:first-child div { + line-height: 12px; + text-align: center; +} + +.a-graphic table table { + table-layout: fixed; +} + +.a-graphic table table td { + width: 20%; + padding: 0 5px; +} + +.a-graphic tbody.main table td { + vertical-align: bottom; +} + +.a-graphic tbody.bottom table td { + text-align: center; + font-size: 14px; + font-weight: 500; + color: #ff6600; +} + +.a-graphic .at-bar { + height: 20px; + background: #ff6600; + border-radius: 4px; +} + +.a-graphic .at-bar.bh1 { + height: 20px; +} + +.a-graphic .at-bar.bh2 { + height: 40px; +} + +.a-graphic .at-bar.bh3 { + height: 60px; +} + +.a-graphic .at-bar.bh4 { + height: 80px; +} + +.a-graphic .at-bar.bh5 { + height: 100px; +} + +.a-graphic .at-bar.bh6 { + height: 120px; +} + +.a-graphic .at-bar.bh7 { + height: 140px; +} + +.a-graphic .at-bar.bh8 { + height: 160px; +} + +.a-graphic .at-bar.bh9 { + height: 180px; +} + +.a-graphic .at-bar.bh10 { + height: 200px; +} + +.a-graphic .at-bar .atb-text { + padding: 10px 5px; + color: #ffffff; + font-size: 13px; + text-align: center; +} + +.a-graphic .at-bar .atb-text p { + margin: 30px 0 0; +} + +.a-graphic .at-bar .atb-text p:first-child { + margin-top: 10px; + font-size: 15px; +} + +.a-graphic .at-bar .atb-text p b { + display: block; + font-weight: 500; + font-size: 20px; + line-height: 21px; + word-spacing: -2px; + white-space: nowrap; +} + +.a-graphic .at-bar .atb-text p:first-child b { + display: block; + font-size: 25px; + line-height: 25px; + word-spacing: -3px; +} + +/*.a-graphic td { + padding: 0 10px 0 0; + height: 20px; + vertical-align: middle; +} + +.a-graphic .main td { + position: relative; +} + +.a-graphic .main td:first-child { + position: static; + width: 70px; + padding: 0 15px 0 0; +} + +.a-graphic .main td:first-child:before { + content: ''; + display: block; + width: 100%; + height: 10px; + border-bottom: 1px dotted #cccccc; + position: absolute; +} + +.a-graphic td:first-child div { + position: relative; + display: inline-block; +} + +.a-graphic .main td:first-child div { + min-width: 45px; + height: 20px; + line-height: 20px; + padding-right: 15px; + background: #fcfcfb; + text-align: right; +} + +.a-graphic .bottom td { + text-align: center; + font-size: 14px; + font-weight: 500; + color: #ff6600; + padding-top: 5px; +} + +.a-graphic .bottom td:first-child { + text-align: left; + font-weight: normal; + font-size: 11px; + line-height: 12px; + color: #aeaeae; +} + +.a-graphic .bottom td:first-child div { + text-align: center; + width: 60px; +} + +.a-graphic .at-bar { + height: 20px; + background: #ff6600; +} + +.a-graphic .at-bar.first { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} + +.a-graphic .at-bar.last { + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} + +.a-graphic .at-bar.first.last { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +}*/ + + + +.p-calendar { + font-family: 'dindisplay_pro', Arial, sans-serif; +} + +.p-calendar .ep-sect { + margin-bottom: 0; +} + +.p-calendar .ep-sect-body { + padding-top: 10px; +} + +.p-calendar .ep-sect-body header { + height: 15px; + margin-bottom: 25px; + text-align: center; + border-bottom: 1px dotted #cccccc; +} + +.p-calendar .pc-month-wrap { + display: inline-block; + padding: 0 10px; + background: #fcfcfb; +} + +.p-calendar .pc-month-wrap a { + position: relative; + display: inline-block; + vertical-align: middle; + width: 18px; + height: 0; + padding-top: 18px; + overflow: hidden; + background: #464646; + border-radius: 18px; +} + +.p-calendar .pc-month-wrap a:hover { + background: #ff6600; +} + +.p-calendar .pc-month-wrap a:before { + content: ''; + display: block; + width: 8px; + height: 12px; + background: url(../img/sprites.png) -225px -134px no-repeat; + position: absolute; +} + +.p-calendar .pc-month-wrap a.pcm-prev:before { + background-position: -225px -134px; + left: 4px; + top: 4px; +} + +.p-calendar .pc-month-wrap a.pcm-next:before { + background-position: -175px 0; + right: 4px; + top: 4px; +} + +.p-calendar .pc-month { + display: inline-block; + vertical-align: middle; + font-weight: bold; + font-size: 30px; + line-height: 30px; + text-transform: uppercase; + margin: 0 15px; +} + +.cal-wrap { + margin: 0 -20px; +} + +.calendar-container{ + width: 100%; + position: relative; + padding-right: 20px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.calendar-container .scroll-content { + padding: 25px 0 5px; + width: 100%; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.calendar-container table { + border-collapse: collapse; +} + +.calendar-container .cal-days td > div { + width: 136px; +} +.calendar-container table td { + border-left: 1px dotted #cccccc; + text-align: center; + padding: 0; +} + +.calendar-container table td:first-child { + border-left: none; +} + +.calendar-container table tr.c-sep td { + height: 10px; +} + +.calendar-container table td.c-cur { + background: #fff0e5; + border: solid #ffd8bb; + border-width: 0 1px; +} + +.calendar-container .cal-days td { + font-size: 25px; + color: #959595; + padding: 8px 0 12px; + width: 136px; +} + +.calendar-container .cal-body + .cal-days td { + padding: 2px 0 28px; +} + +.calendar-container .cal-days td.c-cur > div { + position: relative; + width: 136px; + background: #fff0e5; + padding-top: 33px; + margin: -33px -1px 0; + border: solid #ffd8bb; + border-width: 1px 1px 0; + border-radius: 4px 4px 0 0; +} + +.calendar-container .cal-body + .cal-days td.c-cur > div { + padding: 0 0 32px; + margin: 0 -1px -32px; + border-width: 0 1px 1px; + border-radius: 0 0 4px 4px; +} + +.calendar-container .cal-days td b { + letter-spacing: -1px; + color: #464646; + margin-right: 3px; +} + +.calendar-container .cal-days td i { + font-style: normal; + font-size: 20px; +} + +.calendar-container .cal-days td.c-cur { + color: #ffb380; +} + +.calendar-container .cal-days td.c-cur b { + color: #ff6600; +} + +.calendar-container .cal-days td.c-cur .cur-mark { + position: absolute; + width: 100%; + left: 0; + top: 10px; + font-size: 14px; + color: #ff6600; +} + +.calendar-container .cal-body + .cal-days td.c-cur .cur-mark { + top: auto; + bottom: 12px; +} + +.calendar-container .c-event { + position: relative; + width: 100%; + padding: 0 5px; + background: #ff6600; + color: #ffffff; + margin: 0 -5px; + text-align: left; + border-radius: 4px; +} + +.calendar-container .c-event.grey { + background: #7e7e7e; +} + +.calendar-container .c-event.cont-prev { + padding-left: 20px; + margin-left: -20px; + border-radius: 0 4px 4px 0; +} + +.calendar-container .c-event.cont-next { + padding-right: 20px; + margin-right: -20px; + border-radius: 4px 0 0 4px; +} + +.calendar-container .c-event.cont-prev.cont-next { + border-radius: 0; +} + +.calendar-container .c-event .ce-wrap { + padding: 10px 7px 10px 12px; +} + +.calendar-container .c-event h3 { + margin: 0 0 5px; + font-weight: normal; + font-size: 13px; + line-height: 14px; +} + +.calendar-container .c-event h3 a { + color: #ffffff; + text-decoration: none; +} + +.calendar-container .c-event .ce-info { + font-size: 12px; + line-height: 14px; + color: #ffd0ae; +} + +.calendar-container .c-event.grey .ce-info { + color: #c0c0c0; +} + +.calendar-container .c-event .ce-info > div { + display: inline-block; + vertical-align: middle; + margin-bottom: 4px; +} + +.ce-ico { + position: relative; + display: inline-block; + vertical-align: middle; + width: 19px; + height: 19px; + margin-right: 2px; + border: 1px solid #ffb380; + border-radius: 3px; +} + +.c-event.grey .ce-ico, +.cal-item .ce-ico.icon-fav { + border-color: #bfbfbf; +} + +.ce-ico:before { + content: ''; + background: url(../img/sprites.png) 0 0 no-repeat; + position: absolute; +} + +.ce-ico.icon-check:before { + width: 12px; + height: 9px; + background-position: -93px -16px; + left: 4px; + top: 5px; +} + +.c-event .ce-ico.icon-check:before { + background-position: -117px -162px; +} + +.ce-ico.icon-fav:before { + width: 11px; + height: 11px; + background-position: -130px -162px; + left: 4px; + top: 4px; +} + +.c-event .ce-ico.icon-fav:before { + background-position: -142px -162px; +} + + + +.cal-lists { + font-family: 'dindisplay_pro', Arial, sans-serif; +} + +.cl-sect { + margin-top: 20px; +} + +.cl-sect:first-child { + margin-top: 0; +} + +.cl-sect .cls-title { + font-size: 25px; + line-height: 26px; + padding-bottom: 10px; + border-bottom: 1px dotted #cccccc; +} + +.cl-sect ul { + margin: 0; + padding: 0; + list-style: none; +} + +.cl-sect ul li { + position: relative; + padding: 10px 50px 10px 0; + border-bottom: 1px dotted #cccccc; +} + +.cal-item { + padding-left: 50px; +} + +.cal-item .cali-pict { + width: 40px; + float: left; + margin: 0 -100% 0 -50px; +} + +.cal-item .cali-pict img { + width: 40px; +} + +.cal-item .cli-info { + margin-bottom: 0; +} + +.cal-item .cli-info .cli-top { + margin-bottom: 3px; +} + +.cal-item header { + margin-bottom: 2px; +} + +.cal-item .cli-title { + display: inline-block; + font-size: 20px; + line-height: 22px; + color: #ff6600; + margin-right: 5px; + max-width: 550px; +} + +.cal-item .cli-title a { + color: #ff6600; + text-decoration: none; +} + +.cal-item .cli-title a:hover { + color: #464646; +} + +.cli-icos { + display: inline-block; + vertical-align: top; +} + +.cal-item .cli-info .cli-bot .cli-date { + width: 150px; + font-size: 15px; +} + +.cal-item .cli-place { + font-size: 15px; + float: left; +} + +.cl-sect ul li .check-wrap { + position: absolute; + right: 5px; + top: 12px; +} + + +.cl-actions { + border-bottom: 1px dotted #cccccc; + padding: 15px 0 12px; + font-size: 15px; + line-height: 16px; +} + +.cl-actions .cla-title { + float: left; + margin-right: 20px; + line-height: 26px; + color: #979797; +} + +.cl-actions .cla-btns { + overflow: hidden; +} + +.cl-actions .cla-btns .button { + margin-bottom: 4px; +} + + + + +.to-prev-cal { + font-size: 15px; + margin-top: 20px; +} + +.to-prev-cal .icon-back:before { + width: 11px; + height: 12px; + background-position: -183px -162px; + margin-right: 7px; +} + +.a-bot-buttons-line { + margin-top: 20px; + padding-top: 20px; + border-top: 1px dotted #cccccc; + word-spacing: 16px; +} + +.p-form .a-bot-buttons-line { + border-top: none; + padding-top: 0; +} + +.a-bot-buttons-line .abb-left { + float: left; + width: 75%; +} + +.a-bot-buttons-line .abb-right { + float: right; +} + +.page-title.clearfix .a-pt-button { + float: right; + margin: 3px 0 -3px; +} + +.cl-item.cpe-inactive .cl-item-wrap, +.cl-item.cpe-inactive .cli-photo-list .clipl-wrap, +.cl-item.cpe-inactive .cli-pb-button .button.more, +.cl-item.cpe-inactive .cli-pb-info { + opacity: 0.5; +} + +.mf-photos-list { + font-family: 'dindisplay_pro', Arial, sans-serif; +} + +.mfpl-button-line { + display: table; + width: 100%; + margin-bottom: 20px; +} + +.mfpl-button-line > * { + display: table-cell; + vertical-align: middle; +} + +.mfpl-button-line .mfpl-button { + padding-right: 30px; +} + +.mfpl-button-line .mfpl-text { + width: 100%; +} + +.mfpl-button-line .mfpl-text { + font-size: 14px; + line-height: 16px; + word-spacing: normal; +} + +.mfpl-button-line .mfpl-text p { + margin: 0; + max-width: 400px; +} + +.i-wait { + display: inline-block; + vertical-align: middle; + font-size: 18px; +} + +.adm-form .i-wait { + display: block; + text-align: center; + margin-bottom: 20px; +} + +.i-wait img { + vertical-align: middle; + margin: -4px 3px 0 0; +} + + +.mf-photos-list ul { + margin: 0; + padding: 0; + list-style: none; +} + +.mf-photos-list li { + border-top: 1px dotted #cccccc; + padding: 20px 0 20px 210px; +} + +.mf-photos-list li:before, +.mf-photos-list li:after { + content: " "; + display: table; +} + +.mf-photos-list li:after { + clear: both; +} + +.mf-photos-list .mfpli-pict { + width: 190px; + height: 190px; + float: left; + margin: 0 -100% 0 -210px; +} + +.mf-photos-list .mfpli-pict img { + max-width: 190px; + max-height: 190px; + border-radius: 4px; +} + + + + +.set-sect.adm-form { + margin-bottom: 22px; +} + +.set-sect .set-sect-title { + font-family: 'dindisplay_pro', Arial, sans-serif; +} + +.set-sect .set-sect-title h3 { + margin: 0; + font-weight: 300; + font-size: 25px; + line-height: 26px; + color: #ff6600; + float: left; +} + +.set-sect.not-active .set-sect-title h3 { + color: #d1d1d1; +} + +.set-sect .set-sect-title .afh-right { + float: right; +} + +.set-sect.passed .set-sect-title h3, +.set-sect.passed .set-sect-title .afh-right .button { + opacity: 0.5; +} + +.lt-ie9 .set-sect.passed .set-sect-title h3, +.lt-ie9 .set-sect.passed .set-sect-title .afh-right .button { + filter: alpha(opacity=50); +} + +.set-sect.passed .set-sect-title .afh-right .button:hover { + opacity: 1; +} + +.lt-ie9 .set-sect.passed .set-sect-title .afh-right .button:hover { + filter: alpha(opacity=100); +} + +.set-sect .set-sect-title .afh-right .sst-info { + font-weight: 300; + font-size: 20px; + color: #ff6600; +} + +.set-sect .set-sect-title .afh-right .sst-info b { + font-weight: 500; +} + +.adm-form .adm-form-body.disabled { + opacity: 0.5; +} + +.lt-ie9 .adm-form .adm-form-body.disabled { + filter: alpha(opacity=50); +} + +.adm-form h2 { + margin: -5px 0 15px; + font-weight: 100; + font-size: 30px; + line-height: 30px; + color: #ff6600; +} + +.adm-form hr { + margin-bottom: 21px; +} + +.adm-form .mf-line > label { + display: inline-block; + font-size: 17px; + line-height: 17px; + margin-right: 5px; +} + +.adm-form .mf-line > label.h2 { + display: inline-block; + font-weight: 100; + font-size: 30px; + line-height: 30px; + color: #ff6600; + vertical-align: middle; + margin-top: -6px; + padding-bottom: 5px; +} + +.adm-form .mf-line .mf-field { + vertical-align: middle; +} + +.mf-line.afs-type { + word-spacing: 16px; + padding-top: 5px; +} + +.set-sect-title + form .mf-line.afs-type { + padding-top: 0; +} + +.mf-line.afs-type label { + word-spacing: normal; +} + +.mf-line.afs-type .mf-field { + padding: 0; +} + +.mf-line.s-subj-tag { + word-spacing: 16px; + margin-top: -5px; +} + +.mf-line.s-subj-tag .mf-field { + width: 45%; + word-spacing: normal; + vertical-align: top; +} + +.mf-line.s-subj-tag .mf-field label { + display: block; + font-size: 17px; + line-height: 18px; + margin-bottom: 5px; +} + +.button.big.a-more:after, +button.big.a-more:after { + content: ''; + display: inline-block; + vertical-align: middle; + width: 7px; + height: 11px; + background: url(../img/sprites.png) -234px -134px no-repeat; + margin: -1px -3px 0 7px; +} + +.button.big.grey.a-more:after, +button.big.grey.a-more:after { + background-position: -250px -134px; +} + +.button.big.a-more:hover:after, +.button.big.orange.a-more:after, +button.big.orange.a-more:after { + background-position: -242px -134px; +} + +.mfs-location .mf-line { + word-spacing: 16px; +} + +.mfs-location .mf-line + .mf-line .mf-field { + width: 45%; +} + +.mfs-additional .mf-line { + padding-left: 135px; +} + +.mfs-additional .mf-line > label { + display: inline-block; + width: 120px; + float: left; + margin: 0 -120px 0 -135px; + padding-top: 3px; +} + +.mfs-additional .mf-line .mf-field { + width: 100%; +} + +.mfs-additional .mf-line .mf-field hr { + margin: 10px 0 0; +} + +.mfs-additional .mf-line .mf-field .mff-col { + width: 45%; + margin-right: 25px; + float: left; +} + +.mfs-additional .mf-line.mf-targets .mf-field .mff-col { + width: 30%; +} + +.mfs-additional .mf-line.mf-targets .mf-field .mff-col:first-child { + width: 45%; +} + +.adm-form-body label.check { + font-size: 15px; + min-height: 20px; +} + +.mf-targets label.check { + width: 100%; + margin-bottom: 7px; +} + +.mf-membership label.check { + display: inline-block; + vertical-align: top; + width: 45%; + margin: 0 25px 7px 0; +} + +.mf-prod input[type="text"], +.mf-prod textarea { + margin: 10px 0 10px; +} + +.mf-prod input[type="text"]:first-child, +.mf-prod textarea:first-child { + margin-top: 0; +} + +.mf-prod input[type="text"] { + width: 75%; +} + + + +.mf-line.mf-time > label { + padding-top: 11px; +} + +.w-time { + margin-bottom: 10px; + word-spacing: 22px; + display: none; +} + +.w-time:first-child, +.w-time.show { + display: block; +} + +.w-time > div { + display: inline-block; + vertical-align: middle; + word-spacing: normal; +} + +.w-time .w-time-day { + width: 125px; + display: none; +} + +.w-time.show .w-time-day { + display: inline-block; +} + +.w-time .w-time-wrap { + position: relative; + width: 90px; +} + +.w-time.show .w-time-wrap, +.w-time .w-time-wrap + .w-time-wrap { + margin-left: 20px; +} + +.w-time.show .w-time-day + .w-time-wrap { + margin-left: 15px; +} + +.w-time .w-time-wrap label { + font-size: 15px; + position: absolute; + right: 100%; + margin-right: 7px; + top: 12px; + z-index: 10; +} + +.adm-form-body .mf-line.mf-logo > label { + width: 130px; +} + +.mf-photos-list + hr { + margin-top: 5px; +} + + +.mfs-additional.mf-stat .mf-line > label { + padding-top: 11px; +} + +.mf-line > label.h3 { + font-size: 20px; +} + +.mf-prod.mf-short-input input[type="text"] { + width: 140px; + +} + +.mf-stat-item {} + +.mf-stat-item hr { + margin-left: 135px; +} + +.mf-line.mf-prod + .mf-stat-item hr { + margin: -10px 0 20px 135px; +} + +.mf-year { + width: 140px; + margin-bottom: 15px; +} + +.mf-stat-data { + display: table; + width: 100%; +} + +.mf-stat-data > div { + display: table-cell; + padding-right: 20px; +} + +.mf-stat-data .sd-visitors, +.mf-stat-data .sd-participants { + width: 35%; +} + +.mf-stat-data .sd-visitors input[type="text"], +.mf-stat-data .sd-participants input[type="text"] { + width: 100%; +} + +.mf-stat-data .sd-area { + font-size: 17px; +} + +.mf-stat-data .sd-area input[type="text"] { + width: 70%; + margin-right: 5px; +} + +.mf-line.mf-stat-countries { + margin-top: -15px; +} + +.mf-stat-countries .c-select-box { + width: 65%; +} + +.mf-stat .mf-stat-add-button { + padding-left: 135px; +} + + +.adm-form .e-price-wrap { + margin: 0 -20px 30px; + padding-top: 0; +} + +.adm-form .epr-layout { + display: table; + width: 100%; + border-spacing: 20px 0; +} + +.adm-form .eprl-col { + padding: 0; + border: none; +} + +.adm-form .eprl-col-wrap { + padding: 15px 20px; + border: 1px dotted #cccccc; +} + +.adm-form .eprl-col:first-child .eprl-col-wrap { + min-width: 350px; +} + +.adm-form .epr-subtitle { + font-size: 15px; +} + +.adm-form .eprl-col hr { + margin: 10px 0; +} + +.adm-form .eprl-col input[type="text"] { + padding-left: 7px; + padding-right: 7px; +} + + +.adm-form .eprl-col input[type="text"]:focus { + padding-left: 6px; + padding-right: 6px; +} + + +.adm-form .tp-wrap { + margin: 0; +} + +.adm-form .pr-list { + color: #464646; + margin-bottom: 10px; +} + +.adm-form .pr-list input[type="text"] { + width: 75%; + margin-right: 6px; + vertical-align: top; +} + +.adm-form .tp-wrap .pr-list input[type="text"] { + width: 115px; +} + +.adm-form .eprl-col .custom-select { + display: inline-block; + vertical-align: top; + width: 70px; +} + +.adm-form .eprl-col .custom-select .custom-select-wrap { + padding-left: 7px; +} + +.adm-form .eprl-col .custom-select .scroll-content { + padding-left: 2px; +} + +.eprl-col .mf-line label { + display: block; + margin-bottom: 5px; +} + +.eprl-col .mf-line .mf-field { + width: 100%; + padding: 0; +} + +.eprl-col .mf-line.mf-min-area label { + display: inline-block; + margin-bottom: 0; +} + +.adm-form .eprl-col .mf-line.mf-min-area .mf-field { + font-size: 15px; + width: 38%; +} + +.adm-form .eprl-col .mf-line.mf-min-area .mf-field input[type="text"] { + width: 78%; + margin-right: 3px; +} + +.adm-form .eprl-col .mf-field .period .pwf-field { + padding: 0; +} + +.adm-form .eprl-col .mf-field .period input.date[type="text"] { + padding-right: 35px; +} + +.adm-form .eprl-col .mf-field .period input.date[type="text"]:focus{ + padding-right: 34px; +} + +.mf-reg-payment input[type="text"] { + width: 120px; + margin-right: 6px; +} + +.mf-line.mf-deadline { + margin-bottom: 0; +} + + + +.cl-news {} + +.cl-news header .news-s-pict { + width: 100px; + height: 100px; + overflow: hidden; + text-align: center; + border-radius: 4px; + margin-right: 20px; + float: left; +} + +.cl-news header .news-s-pict img { + height: 100%; + margin: 0 -50%; +} + +.cl-news header .news-header-body { + overflow: hidden; + font-family: 'dindisplay_pro', Arial, sans-serif; +} + +.cl-news header .news-header-body h2 { + margin: 0 0 7px; + font-weight: 500; + font-size: 25px; + line-height: 26px; +} + +.cl-news header .news-header-body .news-header-date { + font-size: 15px; + color: #ff6600; +} + + + + +.request-form .rq-info { + margin-bottom: 15px; + display: table; + width: 100%; +} + +.request-form .rq-info > * { + display: table-cell; +} + +.request-form .rq-info .rqi-pict { + vertical-align: top; + width: 130px; + padding-right: 30px; + text-align: center; +} + +.request-form.rq-tickets .rq-info .rqi-pict { + width: 155px; +} + +.request-form .rq-info .rqi-body { + vertical-align: middle; + font-size: 13px; + line-height: 15px; +} + +/*.request-form .rq-info .rqi-pict + .rqi-body { + margin-left: 160px; +} + +.request-form.rq-tickets .rq-info .rqi-pict + .rqi-body { + margin-left: 185px; +}*/ + +.request-form .rq-info .rqi-body h2, +.request-form .rq-info .rqi-body h3, +.request-form .rq-info .rqi-body h4 { + font-family: 'dindisplay_pro', Arial, sans-serif; + font-weight: normal; +} + +.request-form .rq-info .rqi-body h2 { + margin: 20px 0 10px; + font-size: 23px; + line-height: 24px; +} + +.request-form .rq-info .rqi-body h3 { + font-size: 22px; + line-height: 24px; + color: #ff6600; + margin: 20px 0 10px; +} + +.request-form .rq-info .rqi-body h4 { + font-size: 16px; + line-height: 19px; + margin: 20px 0 10px; +} + +.request-form .rq-info .rqi-body ul { + margin: 10px 0; + padding: 0; + list-style: none; +} + +.request-form .rq-info .rqi-body ul li { + padding-left: 15px; + margin-bottom: 10px; +} + +.request-form .rq-info .rqi-body ul li:before { + content: ''; + display: block; + width: 11px; + height: 8px; + background: url(../img/sprites.png) -250px -124px no-repeat; + float: left; + margin: 4px -11px 0 -15px; +} + +.request-form .rq-info .rqi-body p { + margin: 10px 0; +} + +.request-form .rq-info .rqi-cols { + display: table; + width: 80%; + margin: 0; +} + +.request-form .rq-info .rqi-cols > *, +.request-form .rq-info .rqi-cols > ul { + display: table-cell; + margin: 0; + width: 50%; + padding-right: 20px; +} + +.request-form .rq-info .rqi-cols > ul li { + margin-bottom: 5px; +} + +.request-form .rq-info .rqi-body > *:first-child { + margin-top: 0; +} + +.request-form .rq-form { + display: none; + margin: 10px 0; +} + +.request-form.rqf-opened .rq-form { + display: block; +} + +.request-form.rqf-opened .rq-btn-to-hide, +.request-form.rqf-opened .rq-to-hide { + display: none; +} + +.request-form .rq-form .rqf-title { + font-family: 'dindisplay_pro', Arial, sans-serif; + font-weight: 100; + font-size: 30px; + line-height: 31px; + color: #ff6600; + margin-bottom: 15px; +} + +.request-form hr { + margin: 25px 0 15px; +} + +.request-form .rq-form hr { + margin: 20px 0; +} + +.request-form .rq-btn-wrap { + margin-bottom: 15px; +} + +.request-form .rq-form hr + .rq-btn-wrap { + margin-top: 25px; +} + +.request-form .rq-btn-wrap .rqb-cols { + display: table; + width: 100%; +} + +.request-form .rq-btn-wrap .rqb-cols > * { + display: table-cell; + width: 50%; +} + +.request-form .rq-btn-wrap .rqb-cols .rqb-button { + vertical-align: top; +} + +.request-form .rq-btn-wrap .rqb-cols .rqb-text { + vertical-align: middle; + padding-left: 30px; + font-family: Arial, sans-serif; + font-size: 12px; + line-height: 16px; +} + +.request-form .rq-btn-wrap > .button.big.orange, +.request-form .rq-btn-wrap > button.big.orange { + height: 44px; + line-height: 40px; + padding: 2px 30px 0; + font-size: 17px; +} + +@-moz-document url-prefix() { + .request-form .rq-btn-wrap > .button.big.orange, + .request-form .rq-btn-wrap > button.big.orange { + line-height: 39px; + } +} + +.rq-catalog .rq-btn-wrap { + width: 100%; + max-width: 650px; +} + +.rq-remotely .rq-btn-wrap { + width: 100%; + max-width: 770px; + margin-bottom: 0; +} + +.rq-tickets .rq-btn-wrap { + width: 100%; + max-width: 800px; +} + +.rq-translator .rq-btn-wrap { + width: 100%; + margin-top: 20px; +} + +.rq-translator .rq-form .rq-btn-wrap { + width: 50%; + min-width: 420px; +} + +.rq-catalog .rq-order-button, +.rq-remotely .rq-order-button, +.rq-tickets .rq-order-button, +.rq-translator .rq-order-button { + width: 100%; +} + +.rq-catalog .rq-order-button .rqob-wrap, +.rq-remotely .rq-order-button .rqob-wrap, +.rq-tickets .rq-order-button .rqob-wrap, +.rq-translator .rq-order-button .rqob-wrap { + width: 100%; +} + +.rq-participation .rq-btn-wrap, +.rq-tour .rq-btn-wrap { + margin-left: 160px; +} + +.rq-participation .rq-form .rq-btn-wrap, +.rq-tour .rq-form .rq-btn-wrap { + margin-left: 0; +} + +.request-form .rq-btn-wrap .ob-descr { + padding-left: 160px; + color: #ff6600; + font-family: Arial, sans-serif; + font-size: 13px; + line-height: 15px; + margin-top: 7px; +} + +.request-form.rq-tickets .rq-btn-wrap .ob-descr { + padding-left: 185px; +} + +.rq-note { + /*margin-top: 10px; + border-top: 1px dotted #cccccc; + padding-top: 10px;*/ + font-size: 13px; + line-height: 15px; +} + +hr + .rq-note { + margin-top: -3px; +} + +.rq-note p { + margin: 10px 0 0; +} + +.rq-note *:first-child { + margin-top: 0; +} + + +.s-tour .sect-title { + color: #ff6600; + font-family: 'dindisplay_pro',sans-serif; + font-size: 22px; + line-height: 23px; + margin: 25px 0 15px; + padding-left: 20px; +} + +.rq-form { + padding-top: 1px; +} + +.rq-form hr:first-child { + margin-top: 0; +} + +.rq-form-sect .mf-line.cols-2 { + width: auto; +} + +.rq-form-sect .mf-line.cols-2.rq-place { + width: 75%; +} + +.rq-form .mf-line.rq-person .mf-field { + width: 60%; +} + +.rq-form-sect .mf-line.cols-2.rq-tickets-data .mf-field:first-child { + padding-right: 40px; +} + +.rq-form-sect .mf-line.cols-2.rq-contacts { + width: 85%; +} + +.rq-form .mf-line label { + font-size: 17px; +} + +.mf-line.cols-2.rq-remotely-what { + width: 100%; +} + +.mf-line.cols-2.rq-remotely-what label { + width: 150px; + padding-right: 0; +} + +.mf-line.cols-2.rq-remotely-what label em { + font-style: normal; + font-size: 14px; + line-height: 16px; + margin-top: 5px; + display: block; + color: #b0b0b0; +} + +.mf-line.cols-2.rq-remotely-what .mf-field { + width: auto; +} + +.mf-line.rq-remotely-options > label { + width: auto; +} + +.mf-line.rq-remotely-options .mf-field { + width: auto; +} + +.mf-line.rq-remotely-options .mf-field label { + margin-left: 15px; +} + +.mf-line.rq-remotely-options .mf-field label:first-child { + margin-left: 0; +} + +.rq-form-sect .mf-line.cols-2 .mf-field.rq-area-val { + width: 280px; +} + +.rq-form-sect .mf-line.cols-2 .mf-field.rq-area-val input[type="text"], +.rq-form-sect .mf-line .rq-num input[type="text"] { + width: 80px; + margin-left: 7px; +} + +.rq-form-sect .mf-line .rq-num input[type="text"]:first-child, +.rq-form-sect.rq-tour-form .mf-line .rq-num input[type="text"] { + margin-left: 0; +} + +.rq-form-sect .mf-line.cols-2 .mf-field.rq-area-type .custom-select { + display: inline-block; + vertical-align: middle; + width: 190px; + margin-left: 7px; +} + +.rq-form .rq-btn-wrap { + display: none; +} + +.request-form.rqf-opened .rq-form .rq-btn-wrap { + display: block; +} + +.mf-line.rq-tel2 .mf-field { + width: 50%; +} + +.rq-translator .rq-form-sect .mf-line.cols-2.rq-trans { + width: 100%; +} + +.rq-translator .mf-line .mf-field { + vertical-align: middle; + font-size: 17px; + width: auto; +} + +.rq-translator .rq-form-sect .mf-line.cols-2.rq-trans .mf-field { + width: 50%; +} + +.rq-translator .mf-line .mf-field.rq-num input[type="text"] { + margin-right: 5px; +} + +.rq-translator .mf-line.rq-trans .mf-field > label { + display: block; + margin-bottom: 5px; + +} + +.rq-translator .mf-line > label { + display: inline-block; + vertical-align: middle; + width: 150px; + margin-top: -6px; +} + +.rq-translator .mf-line.rq-p-days > label { + width: 124px; +} + +.rq-form .rq-tour-form .mf-line { + display: table; + table-layout: fixed; + width: 100%; +} + +.rq-form .rq-tour-form .mf-line > * { + display: table-cell; + vertical-align: top; + width: auto; + padding: 0; +} + +.rq-form .rq-tour-form .mf-line > label { + width: 160px; + padding-top: 11px; +} + +.rq-form .rq-tour-form .mf-line.rq-p-days > label { + width: 130px; +} + +.rq-tour-form .mf-field > div { + display: inline-block; + margin-right: 20px; +} + +.rq-tour-form .rq-sel-cond .custom-select { + display: inline-block; + vertical-align: middle; + margin-left: 5px; + max-width: 290px; +} + +.rq-tour-form .rq-sel-cond .custom-select:first-child { + margin-left: 0; +} + +.mf-line.rq-from-city input[type="text"] { + width: 50%; +} + +.custom-radio-check.rq-rad-rate { + display: inline-block; + vertical-align: middle; + height: 40px; + border: 1px solid #feb17d; + border-radius: 3px; + -moz-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + overflow: hidden; + position: relative; + margin-right: 2px; +} + +.custom-radio-check.rq-rad-rate:hover { + border-color: #ff6600; + background: #ff6600; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8000), color-stop(100%,#ff6600)); + background: -webkit-linear-gradient(top, #ff8000 0%,#ff6600 100%); + background: -o-linear-gradient(top, #ff8000 0%,#ff6600 100%); + background: -webkit-linear-gradient(top, #ff8000 0%, #ff6600 100%); + background: -o-linear-gradient(top, #ff8000 0%, #ff6600 100%); + background: linear-gradient(to bottom, #ff8000 0%,#ff6600 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8000', endColorstr='#ff6600',GradientType=0 ); +} + +.custom-radio-check.rq-rad-rate .custom-checkbox { + display: block; + height: 38px; + line-height: 38px; + padding: 0 12px; +} + +.custom-radio-check.rq-rad-rate .custom-checkbox:before { + content: ''; + display: inline-block; + vertical-align: middle; + height: 15px; + background: url(../img/sprites.png) 0 0 no-repeat; + margin: -2px -1px 0 0; +} + +.custom-radio-check.rq-rad-rate .custom-checkbox:before { + background-position: -340px -16px; +} + +.custom-radio-check.rq-rad-rate .custom-checkbox.checked:before { + background-position: -340px -32px; +} + +.custom-radio-check.rq-rad-rate:hover .custom-checkbox:before { + background-position: -340px 0; +} + +.custom-radio-check.rq-rad-rate.rr1 .custom-checkbox:before { + width: 15px; +} + +.custom-radio-check.rq-rad-rate.rr2 .custom-checkbox:before { + width: 31px; +} + +.custom-radio-check.rq-rad-rate.rr3 .custom-checkbox:before { + width: 47px; +} + +.custom-radio-check.rq-rad-rate.rr4 .custom-checkbox:before { + width: 63px; +} + +.custom-radio-check.rq-rad-rate.rr5 .custom-checkbox:before { + width: 79px; +} + +.custom-radio-check.rq-rad-rate input { + position: absolute; + cursor: pointer; + bottom: 110%; + right: 110%; +} + +.rq-tour-form .rq-sel-cond.rq-hotel-loc .custom-select { + max-width: 150px; +} + +.rq-tour-form .rq-sel-cond.rq-h-price label { + font-size: 14px; +} + +.rq-tour-form .rq-sel-cond.rq-h-price input[type="text"] { + width: 80px; + margin-left: 5px; +} + +.rq-tour-form .rq-sel-cond.rq-h-price .custom-select { + max-width: 120px; +} + +.rq-form .rq-tour-form .mf-line.rq-notes { + width: 95%; +} + +.mf-line.rq-options { + margin-top: 20px; +} + +.mf-line.rq-options .mf-field > ul { + margin: 0; + padding: 15px 20px; + list-style: none; +} + +.mf-line.rq-options .mf-field > ul li { + margin-top: 10px; +} + +.mf-line.rq-options .mf-field ul li:first-child { + margin-top: 0; +} + +.mf-line .rq-sub-sect { + display: table; + background: #f3f3ef; +} + +.rq-tour-form .mf-field > div.rq-sub-sect { + margin-right: 0; +} + +.mf-line .rq-sub-sect.transl-service { + min-width: 595px; +} + +.mf-line .rq-sub-sect.transl-service .rq-sub-sect-body { + width: 355px; +} + +.mf-line .rq-sub-sect > * { + display: table-cell; + vertical-align: top; + padding: 15px 20px; + width: auto; +} + +.mf-line .rq-sub-sect.transl-service .rq-switch { + width: 180px; + padding-right: 0; +} + +.mf-line .rq-sub-sect .rq-sub-sect-body.disabled > * { + opacity: 0.5; +} + +.mf-line .rq-sub-sect.avia-tickets { + max-width: 470px; +} + +.mf-line .rq-sub-sect.avia-tickets .rq-sub-sect-body { + padding-right: 0; + padding-bottom: 5px; +} + +.mf-line .rq-sub-sect .rq-sub-sect-body .check { + margin: 0 20px 10px 0; +} + +.mf-line .rq-s-line { + margin-top: 12px; + font-size: 15px +} + +.mf-line .rq-s-line:first-child { + margin-top: 0; +} + +.rq-form .mf-line .rq-sub-sect-body label.check { + font-size: 15px; +} + +.mf-line .rq-s-line label { + display: inline-block; + vertical-align: middle; + font-size: 15px; +} + +.mf-line .rq-s-line .rq-num { + display: inline-block; + margin-left: 10px; +} + +.mf-line .rq-s-line .rq-num input[type="text"] { + width: 60px; + margin-right: 5px; +} + + + + + +/* ========================================================================== + Media Queries + ========================================================================== */ + +@media only screen and (min-width: 1080px) { + + .page-wrap { + width: 100%; + padding-right: 40px; + } + + .page-wrap .layout { + padding-left: 3%; + } + + .page-wrap .layout.mp-announces .layout-wrap { + padding-right: 0; + } + + .page-wrap .layout.mp-announces .layout-wrap aside { + margin-right: 0; + width: 33.33%; + margin-left: -100%; + } + + .page-wrap .layout.mp-announces .layout-wrap .mcl { + width: 66.66%; + } + + .eprl-col { + padding: 0 20px 15px; + } + +} + +@media only screen and (min-width: 1100px) { + + .e-price-wrap { + margin: 0 -40px; + } + + .epr-layout { + border-spacing: 40px 0; + } + +} + +@media only screen and (min-width: 1170px) { + + .page-wrap .layout { + padding-left: 6%; + } + + .page-wrap .layout .layout-wrap { + padding-left: 230px; + } + + .main-page .page-wrap .header-wrap, + .main-page .page-wrap .mp-catalog .layout-wrap, + .page-wrap > footer .layout-wrap.footer-wrap { + padding-left: 240px; + } + + .page-wrap section.layout.search-form .layout-wrap { + padding-left: 430px; + } + + .page-wrap .layout .layout-wrap > aside { + width: 230px; + padding-right: 50px; + margin-left: -230px; + } + + .page-wrap > header .logo { + margin-left: -230px; + } + + .page-wrap > header .logo h1, + .page-wrap > header .logo h2, + .page-wrap > header .logo h3 { + margin-left: -67px; + } + + .page-wrap .layout .layout-wrap > aside > .sbg { + /*left: -239px;*/ + } + + .mp-partners .mpp-wrap { + padding-left: 430px; + } + + .mp-partners .mpp-wrap header { + width: 230px; + margin-left: -230px; + } + + .s-phone { + margin-left: -25px; + } + + .online-adviser { + margin-left: -40px; + } + + .s-news-list ul li { + padding-left: 60px; + margin-left: -60px; + } + + .s-news-list .nl-pict { + margin: 0 -40px 0 -60px; + } + + .page-wrap .layout.mp-announces .layout-wrap { + padding-left: 230px; + } + + .mp-photo-gallery { + margin-left: -230px; + } + + .mp-photo-gallery header { + padding-left: 230px; + } + + .mp-photo-gallery header .pg-title { + margin-left: -230px; + } + + .mp-photo-gallery .pg-item .pgi-descr { + padding-left: 230px; + } + + .mp-photo-gallery .pg-item .pgi-descr .pgi-date { + margin-left: -190px; + } + +} + +@media only screen and (min-width: 1200px) { + + .page-wrap .layout { + /*padding-left: 9%;*/ + } + + .page-wrap > header .logo h1, + .page-wrap > header .logo h2, + .page-wrap > header .logo h3 { + margin-left: -67px; + } + + .mp-partners .mpp-wrap ul { + margin-left: -30px; + } + + .mp-partners .mpp-wrap li { + margin-left: 30px; + } + + .eprl-col:first-child { + width: 50%; + } + +} + + +@media only screen and (min-width: 1260px) { + + + .header-body .header-top { + padding-right: 510px; + } + + .header-body .header-top .ht-main { + width: 100%; + } + + .header-body .header-top .ht-side { + width: 505px; + margin-right: -505px; + } + + .mp-partners .mpp-wrap ul { + margin-left: -40px; + } + + .mp-partners .mpp-wrap li { + margin-left: 60px; + } + +} + +@media print, +(-o-min-device-pixel-ratio: 5/4), +(-webkit-min-device-pixel-ratio: 1.25), +(min-resolution: 120dpi) { + +} + +/* ========================================================================== + Helper classes + ========================================================================== */ + +.ir { + background-color: transparent; + border: 0; + overflow: hidden; + *text-indent: -9999px; +} + +.ir:before { + content: ""; + display: block; + width: 0; + height: 150%; +} + +.hidden { + display: none !important; + visibility: hidden; +} +.visible{ + display: block !important; + /*visibility: hidden;*/ +} +.c-select-box .csb-selected.dna-clone{ + display: inline-block; +} + +.visuallyhidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +.visuallyhidden.focusable:active, +.visuallyhidden.focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; +} + +.invisible { + visibility: hidden; +} + +.clearfix:before, +.clearfix:after { + content: " "; + display: table; +} + +.clearfix:after { + clear: both; +} + +.clearfix { + *zoom: 1; +} + +/* ========================================================================== + Print styles + ========================================================================== */ + +@media print { + * { + background: transparent !important; + color: #000 !important; /* Black prints faster: h5bp.com/s */ + box-shadow: none !important; + text-shadow: none !important; + } + + a, + a:visited { + text-decoration: underline; + } + + a[href]:after { + content: " (" attr(href) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + /* + * Don't show links for images, or javascript/internal links + */ + + .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; /* h5bp.com/t */ + } + + 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; + } +} +/*block*/ + +.pwf-msg .msg-error{ + color: #fe0238; + padding-left: 20px; +} + +.pwf-msg .msg-help:before { + content: '—'; + float: left; + margin: 0 -15px 0 -20px; +} + +.mf-line .mf-error, .pwf-field .error{ + color: #ff083c; + font-size: 15px; + padding-right: 10px; + padding-bottom: 5px; + width: 65%; +} + +.mf-line .mf-success{ + display: none; + color: #31ff13; + font-size: 15px; + padding-right: 10px; + padding-bottom: 5px; + width: 65%; + +} + +.fancybox-inner { + overflow: visible!important; +} +.pw-subj{ + min-height: 480px; +} +.pw-subj .csb-menu .level .sublist{ + display: none; +} +.pw-subj .csb-menu .level.active .sublist{ + display: block; +} +.pw-subj .csb-menu .level1{ + display: none; +} +.pw-subj .csb-menu .level1 > ul{ + margin-left: 1em; + margin-top: 0.5em; +} +.pw-subj .csb-menu .level1 > ul .trigger{ + margin-left: 1em; + +} +.pw-subj .csb-menu .level1.visible{ + display: block; +} + +#mCSB_1, #mCSB_3{ + min-height: 188px; +} +/* Page group by*/ +.leter-list{ + float:left; + width: 30%; + min-height:6em; +} + + +.leter-list .leter{ + color: #ff6600; + margin-bottom: 1em; +} + +/* END block*/ + +/*dimonn style*/ +.clear { clear: both;} +.about_pic { float: left; margin: 0 20px 10px 0; display: block;} +.about_block h2 { margin: 0 0 0 0; padding: 10px 0 0 0; color: #ff6600;font-family: 'dindisplay_pro'; font-size: 20px; font-weight: normal;} +.about_block ul { position: relative; left: 15px; list-style-type: none;} +.about_block ul li {padding-left: 15px;} +.about_block ul li:before { content: '';display: block;width: 11px;height: 8px;background: url(../img/sprites.png) -250px -124px no-repeat; float: left; + margin: 4px -11px 0 -15px;} + +.about_block a.clolr_1 { color: #3b5998;} +.about_block a.clolr_2 { color: #1ab2e8;} +.about_block a.clolr_3 { color: #597da3;} +.signature_block { padding: 15px 0 42px 0;font-family: 'dindisplay_pro'; font-size: 13px; color: #8d8c8c; font-weight: normal;} +.signature_block_pic { display: block; float: left; margin: 0 30px 0 10px;} +.signature_block h3 { font-size: 16px; font-weight: normal; margin: 0 0 0 0; color: #010101;} +.signature_block strong { display: block; font-weight: normal; color: #ff6600; padding: 0 0 2px 0;} +.signature_block p { padding: 0 0 0 0; margin: 0 0 0 0;} + +.about_block_menu {border-bottom: 1px dotted #ccc; list-style-type: none;float: left; width: 100%; padding: 0 0 0 0; margin: 0 0 25px 0;} +.about_block_menu li { float: left; height: 35px; padding: 15px 25px 0 25px; border: 1px dotted #fcfcfb; position: relative; top: 1px;list-style-type: none; margin: 0 0 0 0; overflow: hidden; border-bottom: none;} +.about_block_menu li a { font-size: 18px; color: #ff6600; text-decoration: none;font-family: 'dindisplay_pro'; background: url(../img/libk_bg.png) left bottom repeat-x; display: inline-block; height: 18px;-webkit-transition: none;-o-transition: none;transition: none;} +.about_block_menu li a:hover { background: none;} +.about_block_menu li:first-child { padding-left: 0;} +.about_block_menu li.active {border-color: #ccc; background: #fcfcfb;} +.about_block_menu li.active a { background: none; color: #000;} + +.about_block_menu li.active:first-child {border-left-color: #fcfcfb;} + +.about_block_menu.about_active {border-top: 1px dotted #ccc; border-bottom-color: #fcfcfb;} +.about_block_menu.about_active li { border: none;} +.about_block_menu.about_active li.m_05 { display: none;} + + + +.contacts_top_block { width: 100%; float: left;} +.contacts_top_block_left { float: left; width: 340px; color: #464646; font-size: 13px;font-family: 'dindisplay_pro';} +.contacts_top_block_left strong { font-size: 20px; font-weight: normal; padding: 0 17px 0 0 ; position: relative; top: 5px;} +.contacts_top_block_left p { padding: 0 0 0 0; margin: 0 0 0 0;} + + +.contacts_top_block_right { float: right; width: 396px; border-bottom: 1px dotted #ccc; padding: 7px 0 15px 0; font-size: 13px; color: #787777;font-family: 'dindisplay_pro';} +.contacts_top_block_right table tr th { text-align: left; vertical-align: top; padding: 1px 10px 1px 0; font-weight: normal;} +.contacts_top_block_right table tr td { text-align: left; vertical-align: top; padding: 1px 0;} +.contacts_top_block_right table tr td a { display: inline-block; position: relative; text-decoration: none; padding: 0 0 0 21px;} +.contacts_top_block_right table tr td a i { font-style: normal; text-decoration: underline;} +.contacts_top_block_right table tr td a:hover i { text-decoration: none;} +.contacts_top_block_right table tr td a span { display: block; width: 15px; height: 12px; position: absolute; left: 0; top: 3px; background: url(../img/sprites.png) -223px 0 no-repeat;} + +.button.icon-call:before {width: 12px;height: 12px;background-position: -304px -117px;} +.button.icon-call:hover:before, .button.orange.icon-call:before {background-position: -304px -130px;} + +.contacts_bottom { padding: 25px 0 0 0; font-size: 12px; color: #464646;} +.contacts_bottom h3 { font-size: 13px; font-weight: normal; color: #8b8b8b; padding: 0 0 5px 0; margin: 0 0 0 0;font-family: 'dindisplay_pro';} +.contacts_bottom p { padding: 0 0 0 0; margin: 0 0 0 0;} +.contacts_bottom .soc-media-buttons { float: right; margin: 0 0 0 0;} +.contacts_bottom h3 span { font-size: 16px; position: relative; color: #464646; top: 1px; padding: 0 0 0 5px;} +.contacts_bottom_map { margin: 10px 0 -5px 0;border-bottom: 1px dotted #ccc; padding: 0 0 26px 0;} +.contacts_bottom_map img { display: block; width: 100%;} + + + +.parnters_about_block_table { width: 100%;} +.parnters_about_block_table a:hover {color: #ff6600;} +.parnters_about_block_table tr td { text-align: left;vertical-align: top;width: 140px; padding: 0 0 20px 0;} +.parnters_about_block_table tr td.delimiter { width: auto !important;} +.parnters_about_block_table tr td a {color: #464646;display: block; width: 140px;font-size: 11px;line-height: 14px; text-align: center;} +.parnters_about_block_table tr td a .imp-pict { position: relative;display: block;width: 140px;overflow: hidden;margin-bottom: 5px;border-radius: 4px;} +.parnters_about_block_table tr td a img {display: block;width: 140px;} +.parnters_about_block_table tr td a .imp-pict:before {content:'';display:block; position:absolute; width:100%; height:100%; border-radius: 4px; box-shadow: inset 0 1px 0 rgba(0, 0, 0, .2);} + + +.review_list { list-style-type: none; padding: 0 0 0 0; margin: -10px 0 0 0;} +.review_list li { position: relative; border-bottom: 1px dotted #ccc; padding: 25px 0 19px 0;} +.review_list li:first-child { padding-top: 0;} +.review_list li:last-child { border-bottom: none;} +.review_list .cl-item-wrap {padding-left: 90px;} +.review_list .cli-pict {margin-left: -90px;width: 70px;height: 70px;line-height: 65px;padding: 2px;} +.review_list .cli-info {margin-bottom: 0;} +.review_list .sc-name {font-family: 'dindisplay_pro', sans-serif;font-weight: 500;font-size: 17px;line-height: 20px;color: #ff6600;margin: -7px 0 10px; position: relative;} + + +.review_list .sc-name span a { font-weight: normal; font-size: 12px; float: right;} +.review_list .sc-name span a:before { + content: ' '; + display: inline-block; + vertical-align: middle; + width: 11px; + height: 13px; + background: url(../img/sprites.png) -211px 0 no-repeat; + margin: -1px 5px 0 0; +} + + +.review_list .sc-name a { text-decoration: none;} +.review_list .sc-name a:hover {color: #464646;} + +.review_list .sc-text {font-size: 12px;line-height: 16px;} +.review_list .cli-top {margin-bottom: 10px;} +.review_list header {font-family: 'dindisplay_pro', sans-serif;margin-bottom: 2px;} +.review_list header .cli-title {display: inline-block;vertical-align: top;font-size: 30px;line-height: 30px;margin: 0 6px 0 0;-webkit-transition: color .3s;-o-transition: color .3s;transition: color .3s;max-width: 490px;} +.review_list header .cli-title a {text-decoration: none;} +.review_list header .cli-title a:hover {color: #464646; +} + +.team_list { width: 100%; float: left; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none;} + +.team_list li { + display: inline-block; + vertical-align: middle; + width: 33%; + font-size: 11px; + position: relative; + line-height: 1.25; + margin-bottom: 2em; +} +.team_list li.delimiter { width: 100%; height: 25px;} +.team_list li .team_list_bg { position: relative; float: left; padding: 0 0 0 104px;} + +.team_list li .team_list_bg .pic { + display: block; + position: absolute; + left: 0; + top: 50%; + margin-top: -45px; + width: 89px; + height: 89px; + border-radius: 4px; +} +.team_list li p { padding: 0 0 0 0; margin: 0 0 0 0; color: #a6a6a5;} +.team_list li strong { display: block; font-weight: normal; color: #464646; font-size: 13px; padding: 0 0 5px 0;} +.team_list li h4 { font-size: 21px; font-weight: 500; color: #ff6600; padding: 3px 0 3px 0; margin: 0 0 0 0; line-height: 1.0;} +.team_list li:hover h4 {color: #464646;} +.team_list li a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/spacer.gif);} + + + +.blog_block { font-size: 12px; color: #464646;} +.blog_block h1 { color: #424242; font-size: 25px; font-weight: normal;font-family: 'dindisplay_pro', sans-serif; margin: 0 0 0 0; padding: 0 0 0 0;} +.blog_block h2 { color: #424242; font-size: 22px; font-weight: normal;font-family: 'dindisplay_pro', sans-serif; margin: 0 0 -5px 0; padding: 7px 0 0 0;} +.blog_block h3 { color: #424242; font-size: 19px; font-weight: normal;font-family: 'dindisplay_pro', sans-serif; margin: 0 0 -5px 0; padding: 7px 0 0 0;} +.blog_block h4 { color: #ff6600; font-size: 14px; font-weight: normal;font-family: 'dindisplay_pro', sans-serif; margin: 0 0 -10px 0; padding: 4px 0 0 0;} + +.blog_block_headline { padding: 5px 0 0 120px; position: relative; font-size: 13px; min-height: 95px;} +.blog_block_headline strong { display: block; font-weight: normal; font-size: 14px; color: #ff6600; padding: 8px 0 10px 0;} +.blog_block_headline strong span { padding: 0 30px 0 0;} +.blog_block_headline p { margin: 0 0 0 0;} +.blog_block_headline strong span:before {content: ' ';display: inline-block;vertical-align: middle; width: 13px; height: 16px; background: url(../img/sprites.png) -183px -145px no-repeat; margin: 0 5px 0 0; position: relative; top: -2px;} +.blog_block_headline strong a.profile_link:before {content: ' ';display: inline-block;vertical-align: middle; width: 11px; height: 13px; background: url(../img/sprites.png) -24px 0 no-repeat;margin: 0 5px 0 0;} +.blog_block_headline strong a.flag:before {content: ' ';display: inline-block;vertical-align: middle; width: 14px; height: 14px; background: url(../img/sprites.png) -329px -49px no-repeat;margin: 0 5px 0 0;} +.blog_block_headline .pic { display: block; position: absolute; left: 0; top: 0; width: 100px; height: 100px; border-radius: 4px;} +.blog_block_headline .content-text{ + margin-left: -120px; + margin-top: 2em; +} +.blog_block .pic_left { float: left; margin: 4px 30px 5px 0;} +.blog_block .pic_left img { display: block; border-radius: 4px;} +.blog_block .pic_left i { font-size: 11px; color: #a1a1a1; display: block; padding: 3px 0 0 0;} + +.blog_block .pic_right { float: right; margin: 4px 0 10px 10px;} +.blog_block .pic_right img { display: block; border-radius: 4px;} +.blog_block .pic_right i { font-size: 11px; color: #a1a1a1; display: block; padding: 3px 0 0 0;} + +.blog_avtor { /*border-top: 1px dotted #ccc;*/ padding: 20px 0 0 0; margin: 19px 0 0 0;} +.blog_avtor table { float: left;} +.blog_avtor table tr th { text-align: left; vertical-align: top; padding: 3px 20px 0 0; font-weight: normal; font-size: 13px; color: #a2a2a2;font-family: 'dindisplay_pro', sans-serif;} +.blog_avtor table tr td { text-align: left; vertical-align: middle; padding: 0 9px 0 0;font-family: 'dindisplay_pro', sans-serif;} +.blog_avtor table tr td .pic { display: block; width: 50px; height: 50px; border-radius: 3px;} +.blog_avtor table tr td h3 { padding: 0 0 5px 0; margin: 0 0 0 0;} +.blog_avtor table tr td h3 a { text-decoration: none; color: #464646; font-size: 20px;} +.blog_avtor table tr td h3 a:hover { color: #f60;} +.blog_avtor table tr td a.facebook { font-size: 13px; color: #3b5998;} +.blog_avtor table tr td a.facebook:before {content: ' ';display: inline-block;vertical-align: middle; width: 17px; height: 17px; background: url(../img/sprites.png) -304px -144px no-repeat;margin: 0 5px 0 0;} +.blog_avtor_right { float: right; font-size: 13px; color: #ff6600;font-family: 'dindisplay_pro', sans-serif;} +.blog_avtor_right .soc_icons { margin: 0 0 12px 0; display: block;} +.blog_avtor_right .icon { display: inline-block; width: 12px; height: 13px; position: relative; top: 3px; margin: 0 3px 0 0;background: url(../img/sprites.png) -305px -162px no-repeat;} + +.blog_avtormidle {font-size: 13px; font-family: 'dindisplay_pro', sans-serif; color: #ff6600;} +.blog_avtormidle i { font-style: normal; color: #a2a2a2; padding: 0 32px 0 0;} +.blog_avtormidle .icon { display: inline-block; width: 12px; height: 13px; position: relative; top: 3px; margin: 0 3px 0 0;background: url(../img/sprites.png) -305px -162px no-repeat;} + + + +.blog_link { position: relative;} +.blog_link .button { position: absolute; right:0; top: -5px;} +.blog_link a { text-decoration: none;} + +.acticle_list { padding: 0 0 0 90px; position: relative; font-size: 12px; color: #7b7b7b;} +.acticle_list .pic { display: block; position: absolute; left: 0; top: 0; width: 70px; height: 70px; border-radius: 3px;} +.acticle_list h3 { margin: 0 0 0 0; padding: 2px 0 6px 0; font-size: 22px; font-weight: normal;font-family: 'dindisplay_pro', sans-serif;} +.acticle_list h3 a { color: #464646; text-decoration: none;} +.acticle_list h3 a:hover { color: #f60;} +.acticle_list strong { display: block; font-weight: normal; font-size: 13px; color: #ff6600; padding: 5px 0 0 0;} +.acticle_list strong span { padding: 0 30px 0 0;} +.acticle_list strong a { text-decoration: none;} +.acticle_list p { margin: 0 0 0 0; line-height: 16px;} +.acticle_list strong span:before {content: ' ';display: inline-block;vertical-align: middle; width: 13px; height: 16px; background: url(../img/sprites.png) -183px -145px no-repeat; margin: 0 5px 0 0; position: relative; top: -2px;} +.acticle_list strong i { font-style: normal; opacity: 0.5;} +.acticle_list strong i:before {content: ' ';display: inline-block;vertical-align: middle; width: 11px; height: 13px; background: url(../img/sprites.png) -24px 0 no-repeat;margin: 0 5px 0 0; position: relative; top: -1px;} +.acticle_list strong a:hover i { opacity: 1;} + +.acticle_list strong b { font-weight: normal; opacity: 0.6;} +.acticle_list strong b:before {content: ' ';display: inline-block;vertical-align: middle; width: 14px; height: 14px; background: url(../img/sprites.png) -329px -49px no-repeat;margin: 0 5px 0 0;} +.acticle_list strong a { text-decoration: none;} +.acticle_list strong a:hover b { opacity: 1;} + +.acticle_list_big { padding: 0 0 0 270px; position: relative; font-size: 12px; color: #7b7b7b; min-height: 180px;} +.acticle_list_big .pic { display: block; position: absolute; left: 0; top: 0; width: 250px; height: 180px; border-radius: 4px;} +.acticle_list_big h3 { margin: 0 0 0 0; padding: 2px 0 6px 0; font-size: 22px; font-weight: normal;font-family: 'dindisplay_pro', sans-serif;} +.acticle_list_big h3 a { color: #464646; text-decoration: none;} +.acticle_list_big h3 a:hover { color: #f60;} +.acticle_list_big strong { display: block; font-weight: normal; font-size: 13px; color: #ff6600; padding: 5px 0 0 0;} +.acticle_list_big strong span { padding: 0 30px 0 0; display: block; float: left;} +.acticle_list_big p {line-height: 16px;} +.acticle_list_big strong span:before {content: ' ';display: inline-block;vertical-align: middle; width: 13px; height: 16px; background: url(../img/sprites.png) -183px -145px no-repeat; margin: 0 5px 0 0; position: relative; top: -2px;} +.acticle_list_big .icon { display: inline-block; width: 12px; height: 13px; position: relative; top: 3px; margin: 0 3px 0 0;background: url(../img/sprites.png) -305px -162px no-repeat;} +.mf-line1 { margin-bottom: 0;} +.acticle_list_big .cli-pict .no-logo{ + width: 100px; + margin-top: 40px; +} +.acticle_list_big .cli-pict{ + position: absolute; + left: 0; + top: 0; + width: 250px; + height: 180px; + margin-left: 0; +} +.country_table { width: 100%; margin: 6px 0 12px 0;} +.country_table tr td { text-align: left; vertical-align: top; width: 50%;} +.country_table tr td ul { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0;} +.country_table tr td ul li { padding: 2px 0;font-family: 'dindisplay_pro', sans-serif; font-size: 14px; color: #a2a2a2; font-weight: 500;} +.country_table tr td ul li strong {color: #a2a2a2; font-weight: 500; font-size: 16px;} +.country_table tr td ul li span { padding: 0 0 0 9px; font-size: 16px; color: #424242;} +.country_table tr td ul li span a {color: #424242; font-size: 18px; font-weight: bold;} +.country_table tr td ul li span a:hover { color: #f60;} +.country_table tr td ul li i { font-style: normal; float: left; display: block; padding: 0 0 5px 0;} + +.country_map {} +.country_map .i-map .close-map { bottom: -50px!important;} +.country_towns { padding: 0 0 0 122px;font-weight: 500;font-family: 'dindisplay_pro', sans-serif;} +.country_towns h4 { font-size: 14px; color: #a2a2a2; font-weight: 500; padding: 0 0 0 0; margin: 0 0 0 0;} +.country_towns table { width: 100%;} +.country_towns table tr td { text-align: left; vertical-align: top; width: 28%;} +.country_towns table tr td ul { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0;} +.country_towns table tr td ul li { font-size: 16px; padding: 3px 0 2px 0;} +.country_towns table tr td ul li a { color: #424242;} +.country_towns table tr td ul li a:hover { color: #f60;} + +.country_content p { color: #464646;} +.country_content h4 { font-size: 23px; font-weight: normal; color: #ff6600; margin: -5px 0 -5px 0; padding: 0 0 0 0;font-family: 'dindisplay_pro', sans-serif;} +.country_content h5 { font-size: 20px; font-weight: normal; color: #ff6600; margin: 15px 0 -5px 0; padding: 0 0 0 0;font-family: 'dindisplay_pro', sans-serif;} +.country_content_table { width: 100%; font-size: 12px; color: #464646;} +.country_content_table tr td { text-align: left; vertical-align: top; width: 58%;} +.country_content_table tr td.delimiter { width: auto;} +.country_content_table tr th { text-align: left; vertical-align: top; width: 33%; font-weight: normal;} +.country_content_table h4 { font-size: 18px; font-weight: normal; color: #ff6600; margin: 0 0 0 0; padding: 0 0 5px 0;} +.country_content_table h4 span { color: #464646;} +.country_content_table p { padding: 0 0 0 0; margin: 0 0 0 0;} +.country_content_table tr td ul { list-style-type: none; padding: 0 0 0 0; margin: 0 0 0 0;} +.country_content_table tr td ul li:before {content: '•';display: inline-block; margin: 0 5px 0 0;vertical-align: middle;} + +.page-title { position: relative;} +.page-title .button {position: absolute; right: 0;top: 4px;} + +.archive_block { padding: 0 0 20px 0;} +.archive_block h4 { float: left; font-size: 23px; color: #b8b8b7; font-weight: normal;font-family: 'dindisplay_pro', sans-serif; padding: 8px 28px 0 0; margin: 0 0 0 0;} +.archive_block .select_1 { float: left; width: 148px; margin: 0 10px 0 0;} +.archive_block .select_2 { float: left; width: 128px;} + +.show-map_1 { float: right;} + + +.map_info_block { width: 100%;font-family: 'dindisplay_pro', sans-serif;} +.map_info_block tr th { text-align: left; vertical-align: top; width: 15%; font-weight: 500; color: #a2a2a2; font-size: 14px; padding: 9px 0 0 0;} +.map_info_block tr td { text-align: left; vertical-align: top; border-bottom: 1px dotted #ccc; padding: 8px 0; font-size: 16px; color: #424242; font-weight: 500;} +.map_info_block tr td.width_1 { width: 35%;} +.map_info_block tr td p { padding: 1px 0; margin: 0 0 0 0;} +.map_info_block tr td p a { display: inline-block; position: relative;color: #424242;} +.map_info_block tr td p a i { font-style: normal; position: absolute; right: -125px; top: 0; font-size: 13px; opacity: 0.7; display: none;} +.map_info_block tr td p a i:before {content: '';display: inline-block; margin: 0 5px 0 0;vertical-align: middle; width: 8px; height: 14px; background: url(../img/sprites.png) -330px -65px;} +.map_info_block tr td p a:hover { color: #f60; text-decoration: none;} +.map_info_block tr td p a:hover i { display: block;} +.map_info_block tr:last-child td { border-bottom: none;} +.i-photo-slides_1 { margin-bottom: 0;} + +.button.about { padding: 3px 12px 2px 12px; margin: 10px 0 0 0;} +.button.about:before {content: ' '; display: inline-block;vertical-align: middle;width: 13px;height: 14px;background: url(../img/sprites.png) -328px -81px no-repeat;margin: 0 4px 0 0; position: relative; top: -1px;} +.button.about:hover:before { background-position: -328px -98px;} + +.content_list {list-style-type: none; float: none !important;width: auto !important; padding: 13px 0 0 0 !important;} +.content_list li {float: none !important; width: auto !important; margin: 0 0 0 0 !important; padding: 1px 0 1px 17px !important; color: #464646;} +.content_list li:before {content: '';display: block;width: 11px;height: 8px;background: url(../img/sprites.png) -250px -124px no-repeat;float: left; + margin: 5px -11px 0 -15px;} +.i-staff-list > ul > li.delimiter { width: 100%; height: 25px;} + +.profile_top { padding: 21px 0 0 120px; position: relative; min-height: 200px;} +.profile_top_pic { position: absolute; left: 0; top: 0; width: 110px;} +.profile_top_pic img { display: block; border-radius: 4px; float: left;} +.profile_top_pic .big { width: 100px; height: 100px;} +.profile_top_pic .big_link { display: block;width: 100px; height: 100px;} +.profile_top_pic .small { width: 45px; height: 45px; margin: 10px 10px 0 0;} +.profile_top h1 { font-size: 40px; color: #ff6600; font-weight: normal;font-family: 'dindisplay_pro', sans-serif; margin: 0 0 0 0; padding: 0 0 12px 0;} +.profile_top h3 { font-size: 18px; color: #ff6600; font-weight: normal;font-family: 'dindisplay_pro', sans-serif; margin: 0 0 0 0; padding: 0 0 2px 0;} + +.profile_top_left_1 { float: left; width: 72%; font-size: 15px; color: #464646;font-family: 'dindisplay_pro', sans-serif;} +.profile_top_left_1 b { font-size: 18px; font-weight: 500;} +.profile_top_left_1 span, .profile_top_right_1 span { display: inline-block; background: url(../img/sprites.png) no-repeat; position: relative;} +.profile_top_left_1 span.icon1, .profile_top_right_1 span.icon1 { width: 16px; height: 16px; background-position: -326px -114px; margin: 0 5px 0 0; top: 3px;} +.profile_top_left_1 span.icon2, .profile_top_right_1 span.icon2 { width: 13px; height: 19px; background-position: -327px -134px; margin: 0 5px 0 0; top: 5px;} +.profile_top_left_1 span.icon3, .profile_top_right_1 span.icon3 { width: 12px; height: 11px; background-position: -327px -154px; margin: 0 5px 0 25px; top: 1px;} +.profile_top_left_1 span.icon4, .profile_top_right_1 span.icon4 { width: 9px; height: 15px; background-position: -348px -52px; margin: 0 5px 0 0; top: 2px;} +.profile_top_left_1 span.icon5, .profile_top_right_1 span.icon5 { width: 15px; height: 13px; background-position: -346px -70px; margin: 0 5px 0 0;top: 2px;} + +.profile_top_right_1 { float: right; width: 26%; text-align: right;font-size: 15px; color: #464646;font-family: 'dindisplay_pro', sans-serif;} +.profile_top_left_1 p { margin: 0 0 0 0; padding: 2px 0;} +.profile_top_right_1 p { margin: 0 0 0 0; padding: 4px 0;} +.profile_top_right_1 p a { text-decoration: none; color: #464646;} +.profile_top_right_1 p a:hover { color: #f60;} + +.profile_top_table { width: 100%; margin-bottom: 16px;} +.profile_top_table tr td { width: 47%; text-align: left; vertical-align: top; border-bottom: 1px dotted #ccc;font-family: 'dindisplay_pro', sans-serif; font-size: 15px; padding: 0 0 16px 0;} +.profile_top_table tr td h3 { font-size: 22px; padding: 0 0 10px 0;} +.profile_top_table tr td p { padding: 0 0 0 0; margin: 0 0 0 0;} +.profile_top_table tr td span { color: #a2a2a2;} +.profile_top_table tr td ul { list-style-type: none; margin: 0 0 0 0; padding: 1px 0 9px 0;} +.profile_top_table tr td ul li { font-family: Arial; font-size: 13px;} +.profile_top_table tr td ul li:before { content:''; display: inline-block; width: 12px; height: 11px;background: url(../img/sprites.png) -327px -154px no-repeat; margin: 0 6px 0 0; top: 1px;} +.profile_top_table_1 { margin-bottom: 0;} +.profile_top_table_1 tr td { border-bottom: none; padding: 0 0 0 0;} + +.profile_top_table tr td .subjects_list { position: relative;} +.profile_top_table tr td .subjects_list.more { padding-bottom: 21px;} +.profile_top_table tr td .subjects_list span { display: none; font-size: 12px; color: #ff6600; background: url(../img/subjects_list.png) left bottom repeat-x; position: absolute; left: 18px; bottom: 15px; height: 16px; font-family: Arial; cursor: pointer;} +.profile_top_table tr td .subjects_list span:hover { background: none;} +.profile_top_table tr td .subjects_list span i { font-style: normal;} +.profile_top_table tr td .subjects_list.more span { display: inline-block;} + +.profile_bottom_table { width: 100%; font-size: 15px; color: #424242;font-family: 'dindisplay_pro', sans-serif;} +.profile_bottom_table tr td { text-align: left; vertical-align: top;} +.profile_bottom_table tr td.headline { width: 120px; padding: 6px 0 0 0; font-size: 17px; color: #464646;} +.profile_bottom_table tr td.profile_info { width: 48%;} +.profile_bottom_table tr td.profile_info table { width: 100%;border-collapse: separate !important;} +.profile_bottom_table tr td.profile_info table tr td { padding: 10px 15px 10px 20px; vertical-align: middle; font-size: 18px; color: #ff6701; border: 1px solid #fdd0af; border-radius: 4px; font-weight: 500; white-space: nowrap;} +.profile_bottom_table tr td.profile_info table tr td.delimiter { width: 4px; border: none; padding: 0 0 0 0;} +.profile_bottom_table tr td.profile_info table tr td.delimiter div { width: 4px;} +.profile_bottom_table tr td.profile_info table tr.delimiter td { height: 4px; border: none; padding: 0 0 0 0;} +.profile_bottom_table tr td.profile_info table tr td strong { font-weight:bolder; font-size: 25px;} +.profile_bottom_table tr td.buttons { width: 31%;} +.profile_bottom_table tr td.buttons .buttons_bg { padding: 30px 0 0 0;} + +.profile_bottom_table1 { width: 100%; font-size: 17px; color: #464646;font-family: 'dindisplay_pro', sans-serif;} +.profile_bottom_table1 tr td { text-align: left; vertical-align: middle;} +.profile_bottom_table1 tr td.headline { width: 120px;} +.profile_bottom_table1 tr td.width1 {width: 31%;} +.profile_bottom_table1 tr td.widths { font-size: 20px; color: #ff6600; font-weight: 500;} +.profile_bottom_table1 tr td.widths strong { font-size: 40px; font-weight: bold; padding: 0 7px 0 0; position: relative; top: 3px;} +.profile_bottom_table1 tr td.width3 { width: 31%;} + +.subscribe_link { display: none;} +.pw-subscribe_doing .pw-title span { font-size: 25px; font-weight: 200; display: block; margin-top: -6px;} +.pw-subscribe_doing .pwf-msg a.reg { position: relative; left: -117px;} +.subscribe_after p { padding: 0 0 0 0; margin: -10px 0 0 0;} +.subscribe_after { display: none;} + +.places_list .space { color: #464646; font-size: 15px; font-weight: 500; float: left;} +.places_list .space:before { content:''; display: inline-block; width: 16px; height: 16px; background: url(../img/space.png) no-repeat; margin: 0 4px 0 0; position: relative; top: 2px;} +.places_list .cli-top { margin-bottom: 5px;} +.places_list .cli-info { margin-bottom: 5px;} +.places_list .button.about { margin-top: 0;} + +/*dimonn style*/ + +/*dimonn style 14.07.2014*/ +.end_reg_list {margin:0 0 0 0;padding:0 0 0 0;} +.end_reg_list li {padding:0 0 24px 0;list-style-type:none;} +.end_reg_list li:last-child {padding:0 0 0 0;} +.end_reg_list li.input_top {padding-right:140px;} +/*.end_reg_list .input_bottom {padding-right:120px;}*/ +.end_reg_list li table {} +.end_reg_list li table tr th {text-align:left;vertical-align:top;padding:8px 5px 0 0;font-size:17px;color:#000;font-weight:normal;} +.end_reg_list li table tr td {text-align:left;vertical-align:top;} +.end_reg_list li table tr td p {padding:0 0 25px 0;margin:0 0 0 0;text-align:center;font-size:13px;color:#a2a2a2;} +.end_reg_list li table tr td.width1 {width:98px;padding:0 9px 0 0;} +.end_reg_list li table tr td.width2 {width:88px;padding:0 9px 0 0;} +.end_reg_list li table tr td.width3 {width:185px;} + +.add_pic_block { + display:block; + width:100px; + height:80px; + text-align:center; + font-size:12px; + color:#a2a2a2; + font-weight:500; + text-decoration:none; + position:relative; + line-height:1.0; + -webkit-transition:background .3s, color .3s; + -o-transition:background .3s, color .3s; + transition:background .3s, color .3s; + font-family:dindisplay_pro; + cursor:pointer; + padding:20px 0 0; +} + +.add_pic_block span { + display: block; + width: 36px; + font-size: 40px; + background-position: center center; + background-repeat: no-repeat; + -webkit-transition: all .3s; + -o-transition: all .3s; + transition: all .3s; + position: relative; + margin: 0 auto; +} + +.add_pic_block .input { + display:block; + width:100px; + height:100px; + position:absolute; + left:0; + top:0; + opacity:0; + cursor:pointer; +} + +.add_pic_block i { + display:block; + font-style:normal; + padding:10px 0 1px; +} + +.add_pic_block b { + font-size:14px; + font-weight:500; +} + +.add_pic_block b:before { + content:''; + display:inline-block; + width:14px; + height:12px; + background:url(../img/sprites.png) -365px -53px no-repeat; + position:relative; + top:1px; + margin:0 4px 0 0; +} + +.add_pic_block:hover { + color:#f60; +} + + +.add_pic_block:hover b:before { + background-position:-181px -32px; +} +.add_pic_block .add-wrapper{ + margin: 0; + padding: 0;} + +.pic_block{ + width: 100px; + display: block; + overflow: hidden; +} +.pic_block .input{ + opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 0; + height: 0; + z-index: 0; +} +.pic_block img{ + position: relative; + z-index: 1; +} +.pic-edit-photo{ + display: none; + line-height: 1em; + margin-top: 0.5em; +} +.pe-active .pic-edit-photo-wrap{ + -moz-box-sizing: border-box; + box-sizing: border-box; + display: block; + position: absolute; + top: 4px; + right: 4px; + z-index: 4; + padding: 4px 1px 4px 4px; + background-color: #ffffff; + border-radius: 4px; + -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); + -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); + box-shadow: 0 1px 3px rgba(0, 0, 0, .4); +} +.pe-active .pic-edit-photo{ + display: block; + text-indent: -9999999px; + width: 18px; + height: 16px; + margin: 0; + background: #fff url(../img/sprites.png) -117px -145px no-repeat; + +} +.add_link_text { + padding-left:0!important; + line-height:20px; + min-height:25px; +} + +.add_link_text_text { + font-size:17px; + color:#a2a2a2; + font-family:dindisplay_pro; + font-weight:500; + display:inline-block; + position:relative; +} + +.add_link_text_top { + min-height:60px; +} + +.add_link_text a { + color:#a2a2a2; +} + +.add_link_text .edit-wrap { + display: inline-block !important; + position: relative; + left: 0; + top: 0; + height: 20px; + margin: 0 5px 0 0 !important; +} +.add_link_text a.e-btn { + display:inline-block; + width:auto; + height:auto; + font-size:17px; + color:#a2a2a2; + font-family:dindisplay_pro; + font-weight:500; + opacity:1; + vertical-align:middle; + margin:0 5px 0 0; + padding:0 0 0 0; + line-height: 18px; +} +.add_link_text a.e-btn .fa{ + width: 24px; +} +.add_link_text a.e-btn .fa:before { + display:inline-block; + width:16px; + height:17px; + -webkit-transition:color .3s; + -o-transition:color .3s; + transition:color .3s; + position:absolute; + top:0; + left:0; + font-size: 18px; +} +.add_link_text b { margin-left: 10px;} +.add_link_text b:before {content:'';display:inline-block;width:14px;height:12px;background:url(../img/sprites.png) -365px -53px no-repeat;margin:0 4px 0 0;} +.add_link_text_medium a:before { top: 2px;} + +.add_link_text.p-editable.pe-current .edit-wrap .e-form {display: block!important; top: -5px;} +.add_link_text.p-editable.pe-current a.e-btn { text-indent: -9000px; position: relative; padding: 5px 0 5px 5px; left: -5px; position: absolute; top: -5px;} +.add_link_text.p-editable.pe-current a.e-btn:before { position: absolute; left: 5px; top: 5px;display: block !important;background-position: -405px -51px;} +.add_link_text.p-editable.pe-current .add_link_text_text { display: none;} + +.add_link_text_medium a.e-btn, .add_link_text_medium .add_link_text_text, .add_link_text_medium { font-size: 15px !important;} + +.i-info header .i-place.add_link_text:before { display: none;} +.i-info header .i-place.add_link_text a { text-decoration: underline;color: #a2a2a2;} +.i-info header .i-place.add_link_text a:hover { color: #ff6600;} + +.dd_width_1 { width: 200px !important;} +.dd_width_2 { width: 328px; padding-right: 23px!important;padding-left: 75px!important;} +.dd_width_3 { width:218px; padding-right: 23px!important;} +.dd_width_4 { width: 320px !important;} +.dd_width_5 { width: 260px !important;} + +.i-place.add_link_text.p-editable.pe-current .add_link_text_text { display: block; padding-left: 35px; top: 0;} +.i-place.add_link_text.p-editable.pe-current a.e-btn:before { left: 10px;} + + +.add_link_text a:hover { color: #ff6600;} +.add_link_text a:hover:before { background-position: -425px -52px;} + + +.add_link_teg .select { float: left; width: 368px; margin: 0 13px 0 0; min-height: 36px;} +.add_link_teg b { float: left; position: relative; top: 10px; font-size: 15px; color: #a2a2a2;font-family:'dindisplay_pro'; font-weight: 500;} +.add_link_teg b:before {content:'';display:inline-block;width:14px;height:12px;background:url(../img/sprites.png) -365px -53px no-repeat;margin:0 4px 0 0;} + +.ic-buttons_pos { position: relative;} +.ic-buttons_text { left: 0; top: 32px; font-size: 13px; color: #a2a2a2; font-weight: 500;font-family:'dindisplay_pro';} + +.add_indent { margin-bottom: 4px;} +.ic-links_indent { padding-top: 5px;} + +.soc-media-buttons1 { display: inline-block; position: relative; margin: 0 0 0 0!important; top: -2px; left: 5px;} +.soc-media-indent { margin: 10px 0 0 0;} +.pe-current .soc-media-buttons1 { position: static;} + + +.add_indo_table { width: 100%;font-family:'dindisplay_pro';} +.add_indo_table tr th { text-align: left; vertical-align: top; font-size: 19px; color: #a2a2a2; font-weight: normal; padding: 0 0 13px 0;} +.add_indo_table tr th b { font-size: 20px; color: #a2a2a2;font-family:'dindisplay_pro'; font-weight: 500;} +.add_indo_table tr th b:before {content:'';display:inline-block;width:14px;height:12px;background:url(../img/sprites.png) -365px -53px no-repeat;margin:0 4px 0 0;} +.add_indo_table tr td { text-align: left; vertical-align: middle; font-size: 17px; color: #464646; padding: 5px 0;} +.add_indo_table tr td.click_td span { color: #ff6600; font-size: 14px;} +.add_indo_table tr td.click_td span a {color: #ff6600;} +.add_indo_table tr td.click_td span a:hover { opacity: 0.5;} +.add_indo_table tr td.click_td span a:before { content:'';display: inline-block;width:11px;height:12px; background: url(../img/sprites.png) 0 0; position: relative; top:2px; margin: 0 4px 0 0;} + +.add_indo_table tr td.click_td b { color: #ff6600; font-weight: normal; font-size: 14px;} +.add_indo_table tr td.click_td b a {color: #ff6600;} +.add_indo_table tr td.click_td b a:hover { opacity: 0.5;} +.add_indo_table tr td.click_td b a:before { content:'';display: inline-block;width:12px;height:13px; background: url(../img/sprites.png) -368px -69px; position: relative; top:2px; margin: 0 4px 0 0;} +.add_indo_table tr td .headline { width: 1px; height: 1px; position: relative;} +.add_indo_table tr td .headline p { position: absolute; left: 0; top: 5px;} + +.add_pic_list li { position: relative;} +.add_pic_list li span.close { display: block; position: absolute; right: 29px; top: 9px; width: 16px; height: 16px; background: url(../img/sprites.png) -385px -72px no-repeat; cursor: pointer;} + +.add_pic_list li span.close:hover { background-position: -404px -72px;} + +.add_pic_list li a.add_pic_link {text-align:center;background:#ffffff; display: block;box-shadow:inset 0 1px 0 #e8e8e7;border-radius:4px;-moz-box-sizing:border-box;box-sizing:border-box; + font-size:16px;color:#a2a2a2;font-weight:500;text-decoration:none;position:relative;line-height:1.0;-webkit-transition:background .3s, color .3s;-o-transition:background .3s, color .3s;transition:background .3s, color .3s;font-family:'dindisplay_pro';} +.add_pic_list li a.add_pic_link span {display:block;margin:30px auto 0 auto;width:46px;height:46px;background-color:#d0d0d0;border-radius:50%;background-image:url(../img/add_pic_block_bg2.png);background-position:center center;background-repeat:no-repeat;-webkit-transition:background .3s, color .3s;-o-transition:background .3s, color .3s;transition:background .3s, color .3s; position: relative;} +.add_pic_list li a.add_pic_link .input { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer;} +.add_pic_list li a.add_pic_link i {display:block;font-style:normal;padding:10px 0 1px 0;} +.add_pic_list li a.add_pic_link b {font-size:14px;font-weight:500;} +.add_pic_list li a.add_pic_link b:before {content:'';display:inline-block;width:14px;height:12px;background:url(../img/sprites.png) -365px -53px no-repeat;margin:0 4px 0 0;position:relative;top:1px;} +.add_pic_list li a.add_pic_link:hover { color: #ff6600;} +.add_pic_list li a.add_pic_link:hover span { background-color: #ff6600;} +.add_pic_list li a.add_pic_link:hover b:before { background-position: -181px -32px;} + + +.i-staff-list > ul > li a.add_pic_link {text-align:center;background:#ffffff; display: block;box-shadow:inset 0 1px 0 #e8e8e7;border-radius:4px;-moz-box-sizing:border-box;box-sizing:border-box; width: 90px; height: 79px; padding: 11px 0 0 0; + font-size:13px;color:#a2a2a2;font-weight:500;text-decoration:none;position:relative;line-height:1.0;-webkit-transition:background .3s, color .3s;-o-transition:background .3s, color .3s;transition:background .3s, color .3s;font-family:'dindisplay_pro';} +.i-staff-list > ul > li a.add_pic_link span {display:block;margin:0 auto;width:27px;height:27px;background-color:#d0d0d0;border-radius:50%;background-image:url(../img/add_pic_block_bg1.png);background-position:center center;background-repeat:no-repeat;-webkit-transition:background .3s, color .3s;-o-transition:background .3s, color .3s;transition:background .3s, color .3s; position: relative;} +.i-staff-list > ul > li a.add_pic_link .input { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer;} +.i-staff-list > ul > li a.add_pic_link i {display:block;font-style:normal;padding:10px 0 1px 0;} +.i-staff-list > ul > li a.add_pic_link b {font-size:14px;font-weight:500;} +.i-staff-list > ul > li a.add_pic_link b:before {content:'';display:inline-block;width:14px;height:12px;background:url(../img/sprites.png) -365px -53px no-repeat;margin:0 4px 0 0;position:relative;top:1px;} +.i-staff-list > ul > li a.add_pic_link:hover { color: #ff6600;} +.i-staff-list > ul > li a.add_pic_link:hover span { background-color: #ff6600;} +.i-staff-list > ul > li a.add_pic_link:hover b:before { background-position: -181px -32px;} + +.reason_block { font-size: 11px; color: #ff6600; line-height: 13px; margin: -10px 0 0 0;} +.reason_block p { padding: 6px 0 0 0; margin:0 0 0 0;} + +.i-info header { position: relative;} + +.site_link { + font-size: 13px; + font-family: 'dindisplay_pro', sans-serif; + font-weight: 500; + margin-bottom: 0.4em; +} + +.site_link a { + color: #a2a2a2; ; + text-decoration: underline; +} +.site_link a:hover { + text-decoration: none ; +} + +.site_link a:before { + content: ''; + width: 16px; + height: 16px; + background: url(../img/sprites.png) -426px -93px; + display: inline-block; + margin: 0 5px 0 0; + position: relative; + top: 4px; +} + + + +.i-contacts1 { margin-top: 0!important;} +.i-additional1 {margin-bottom: 0!important;} + +.cl-item_active { border: 1px solid #fe9232;} +.doings_block { padding-right: 0;} +.doings_block .button { border-color: #ccc; margin: 0 10px 10px 0; font-weight: 400; color: #424242;font-family:'dindisplay_pro'; font-size: 17px;} +.doings_block .button:hover { color: #fff;border-color: #ff7600;} +.doings_block .button.more:after { background-position: -158px -16px;} +.doings_block .button.more:hover:after { background-position: -165px -23px;} + + +.button.dark_green {border-color:#a5c67d;color:#4e9000;} +.button.dark_green:hover {border-color:#4e9000;background:#4e9000;color:#fff;} +.button.icon-up:before {width:13px;height:15px;background-position:-348px -92px;} +.button.icon-up:hover:before {background-position:-365px -92px;} + +.s-news-list ul li {} +.s-news-list .nl-pict { + float: left; margin: 0 10px 5px 0; + border-radius: 4px; + text-align: center; + background: #fff; + padding: 3px; + padding-top: 6px; + box-shadow: inset 0 1px 0 #e8e8e7; +} + +.add_company { text-align: right;} +.add_company a { color: #fff; text-decoration: underline; word-spacing: normal; position: relative; top: -6px;} +.add_company a:hover { text-decoration: none; color: #fff;} +.add_company a:before { content:'';background: url(../img/sprites.png) -405px -51px; display: inline-block !important; width: 16px; height: 17px; position: relative; left: -5px; top: 4px;} +.add_company a:hover:before {background: url(../img/sprites.png) -405px -51px !important;} +/*dimonn style 14.07.2014*/ +.hide-element{ + display: none !important; +} +.show-element{ + display: block !important; +} +.i-additional .add_link_text .edit-wrap > .e-btn{ + display: none; +} +.wait-ajax{ + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, .3); + z-index: 4; + +} +.wait-ajax img{ + display: block; + position: absolute; + left: 50%; + top: 50%; + margin-top: -27px; + margin-left: -27px; +} +.wait-ajax.absolute{ + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + + background-color: rgba(191, 191, 191,0.3); + display: none; +} + +.dna-template { display: none; } +.pw-body .place-box{ + min-height: 282px; + position: relative; +} +.c-select-box.topics .csb-title ul.ui-autocomplete { + background: none repeat scroll 0 0 #FFFFFF; + border: 1px solid #CCCCCC; + margin-left: 0; + z-index: 1020; +} + + +.main-field-complete{ + z-index: 3; + height: auto; +} +/******************************\ +# reusable elements +\******************************/ + .button.icon-eye:before{ + width: 15px; + height: 11px; + background-position: -225px -164px; + } + .button.icon-eye:hover:before,.button.icon-eye.active:before{ + background-position: -241px -164px; + + } + .full-visible{ + visibility:visible !important; + } + .ov-hidden{ + overflow: hidden !important; + } + .specify-link{ + color: #464646; + text-decoration: none; + -webkit-transition: all .3s; + -o-transition: all .3s; + transition: all .3s; + display: block; + float: right; + clear: right; + } + .specify-link:hover{ + text-decoration: underline; + color: #ff6600; + } + .no-wrap{ + white-space: nowrap; + } + .pd-top-14{ + padding-top: 14px; + } + .mt-0{ + margin-top: 0; + } + button.gray{ + background: #dbdbdb; /* Old browsers */ /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#bdbdbd)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #dbdbdb 0%,#bdbdbd 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #dbdbdb 0%,#bdbdbd 100%); /* Opera 11.10+ */ /* IE10+ */ + background: -webkit-linear-gradient(top, #dbdbdb 0%, #bdbdbd 100%); + background: -o-linear-gradient(top, #dbdbdb 0%, #bdbdbd 100%); + background: linear-gradient(to bottom, #dbdbdb 0%,#bdbdbd 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#bdbdbd',GradientType=0 ); /* IE6-9 */ + + } + button.gray:hover{ + background: #dbdbdb; /* Old browsers */ + + } + .inline-block{ + display: inline-block; + vertical-align: top; + } + .body-fixed{ + width:100%; + height:100%; + position:fixed; + overflow:hidden + } + .modal-wrapper{ + top: 0; + left: 0; + width:100%; + height:100%; + position:fixed; + background: rgba(0,0,0,.8); + z-index: 4; + } + /* hide inner :before element */ + .disable-inner:before{ + display: none !important; + } + .right{ + float: right; + } + .min-height{ + min-height: 27px; + } + .mb-05em{ + margin-bottom: .5em; + } + .mb-2em{ + margin-bottom: 2em; + } + .mb-1em{ + margin-bottom: 1em; + } + .bd-dashed{ + border-bottom: 1px dashed #ff6600; + } + .orange-text{ + color: #ff6600; + } + /* заглушка для картинок no-logo.png */ + .stub{ + text-align: center; + background: #fff; + box-shadow: inset 0 1px 0 #e8e8e7; + border-radius: 4px; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + + + + +/******************************\ +# Модальное окно выбора тематики +\******************************/ + + .pw-subj .q-sel{ + top: 0; + position: absolute; + right: 0; + margin-top: 1em; + + } + .search_form .scroll-container{ + overflow: hidden; + } +/******************************\ +# Модальное окно общий вид +\******************************/ + +.search-modal-overlay{ + position: fixed; + bottom: 0; + right: 0; + top: 0; + left: 0; + z-index: 10; + background: url('../lib/fancybox/fancybox_overlay.png'); + display: none; + overflow-y: auto; + +} +.search-modal-wrap{ + position: absolute; + z-index: 11; + top: 50%; + left: 50%; + width: 640px; + height: auto; + min-height: 360px; + margin-bottom: 3em; + +} + +/******************************\ +# Страница "моя лента событий" EXPO-12 + +\******************************/ + + .events-feed-page{ + margin-top: -14px; + margin-bottom: 2em; + } + .events-feed-page h2{ + font-size: 16px; + font-weight: normal; + margin-left: 1em; + color: #ffffff; + /*float: left;*/ + /*margin-right: 2em;*/ + margin-bottom: 0; + } + .events-filter{ + clear: both; + margin-left: -2%; + -moz-box-sizing: border-box; + box-sizing: border-box; + + } + .events-filter .c-select-box{ + border-color: #ffffff; + border: 0; + background-color: transparent; + padding: 0; + box-shadow: none; + } + .events-filter .csb-selected-items{ + background-color: transparent; + + } + .events-filter .csb-selected{ + background: #ffffff; /* Old browsers */ /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(67%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ffffff 67%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ffffff 67%,#f5f5f5 100%); /* Opera 11.10+ */ /* IE10+ */ + background: -webkit-linear-gradient(top, #ffffff 67%, #f5f5f5 100%); + background: -o-linear-gradient(top, #ffffff 67%, #f5f5f5 100%); + background: linear-gradient(to bottom, #ffffff 67%,#f5f5f5 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ + padding-bottom: 0; + } + .events-filter a{ + color: #ffffff; + text-decoration: underline; + } + .events-filter a:hover{ + text-decoration: none; + } + .events-filter:after{ + content: ''; + display: block; + clear: both; + } + .events-filter .csb-selected a{ + color: #ff6600; + } + .events-filter .col{ + margin-left: 2%; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding-top: 1px; + } + .events-filter-box .csb-selected-items{ + display: block; + border: 0; + + padding: 8px; + min-height: initial; + } + .events-filter-box .csb-selected-items .csb-selected{ + margin-bottom: 8px; + } + .events-filter-box .csb-selected.dna-clone{ + display: inline-block; + } + .events-feed-page .cl-exhibitions{ + border-top: 1px dotted #cdcdcd; + padding-top: 1.5em; + margin-top: 2em; + + } + .events-feed-page .events-filter{ + display: none; + border-radius: 4px; + background: #FF6600; + padding-right: 2%; + border-top-right-radius: 0; + -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); + -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); + box-shadow: 0 1px 3px rgba(0, 0, 0, .4); + + } + .events-filter-wrap{ + position: relative; + overflow: visible; + margin-bottom: 1em; + } + .events-filter-wrap .button{ + margin-top: -40px; + float: right; + line-height: 32px; + height: 36px; + position: relative; + } + .events-filter-wrap .button.active:after{ + position: absolute; + content: ''; + display: block; + width: 100%; + height: 5px; + background: #ff6600; + border: 1px solid #ff6600; + left: 0; + margin-left: -1px; + bottom: 0; + margin-bottom: -5px; + } + .events-filter-wrap .button.active{ + background: #ff6600; + color: #ffffff; + text-shadow: 0 1px 0 rgba(0, 0, 0, .3); + border-color: #ff6600; + box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + .button.apply-filter{ + background: #ffffff; /* Old browsers */ /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(67%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ffffff 67%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ffffff 67%,#f5f5f5 100%); /* Opera 11.10+ */ /* IE10+ */ + background: -webkit-linear-gradient(top, #ffffff 67%, #f5f5f5 100%); + background: -o-linear-gradient(top, #ffffff 67%, #f5f5f5 100%); + background: linear-gradient(to bottom, #ffffff 67%,#f5f5f5 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ + color: #ff6600; + margin-top: 0; + -webkit-border-top-left-radius: 4px; + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topleft: 4px; + -moz-border-radius-topright: 4px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + + + -webkit-border-bottom-right-radius: 0; + -webkit-border-bottom-left-radius: 0; + -moz-border-radius-bottomright: 0; + -moz-border-radius-bottomleft: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-bottom: 0; + display: none; + + } + .button.apply-filter.icon-check:hover{ + box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3); + text-shadow: none; + } + .button.apply-filter.icon-check:hover:before{ + background-position: -106px -16px; + } + .events-feed-page .filter-hint-block{ + border: 1px dashed #87C525; + display: none; + border-radius: 4px + } + .events-feed-page .filter-hint-block p{ + margin: 8px; + text-align: center; + color: #464646; + } + .events-feed-page .filter-hint-block p .red{ + font-weight: bold; + color: #d80000; + } + .message-not-found{ + margin-top: 19px; + margin-left: 40px; + padding-left: 60px; + padding-top: 18px; + + } + .message-not-found .fa{ + color: #ff6600; + font-size: 48px; + vertical-align: middle; + margin-left: -40px; + margin-top: -24px; + } + .message-not-found span{ + display: inline-block; + } + .message-not-found .message{ + font-family: 'dindisplay_pro', Arial, sans-serif; + font-size: 18px; + /*color: #a2a2a2;*/ + margin-left: 14px; + line-height: 1.2em; + } + + + + +/*************************\ + # блок умный поиск + catalog_search.html +\************************/ + .mp-search .clear-all-button, .search-form-wrap .clear-all-button{ + display: none; + width: 17px; + height: 17px; + background: url(../img/sprites.png) -385px -72px no-repeat; + cursor: pointer; + vertical-align: top; + margin-top: 2px; + } + .mp-search .clear-all-button.active, .search-form-wrap .clear-all-button.active{ + display: inline-block; + + } + + .mp-search .clear-all-button:active, .search-form-wrap .clear-all-button:active{ + background-position: -385px -89px; + } + .mp-search .pw-period .pwf-field.err input{ + border-width: 2px; + border-color: #D80000; + } + .search-modal-wrap .ui-menu .ui-menu-item .subj-category{ + display: inline-block; + color: #a2a2a2; + font-size: 15px; + line-height: 15px; + border: none; + padding: 2px 5px; + cursor: pointer; + text-decoration: none; + min-height: 0; + font-weight: 400; + white-space: normal; + } + .search-modal-wrap .ui-autocomplete{ + width: 533px; + } + .search-modal-wrap .ui-menu .ui-menu-item{ + white-space: nowrap; + } + .search-modal-wrap .ui-menu .ui-menu-item a{ + display: inline-block; + } + .search-modal-wrap .ui-menu li{ + margin-bottom: 4px; + } + .search-modal-wrap .ui-menu{ + line-height: 15px; + } + @media (max-width: 1086px){ + .mp-search .search-form-wrap{ + max-width: 764px; + overflow: hidden; + display: block; + } + .mp-search .search-form-wrap .search-line{ + display: block; + word-spacing: -4px; + } + .mp-search .search-form-wrap .search-line .sf-field-wrap{ + display: inline-block; + word-spacing: normal; + -moz-box-sizing: border-box; + box-sizing: border-box; + + } + } + +/******************************\ +# form validation +\******************************/ + + .required{ + position: relative; + } + .required.err input{ + border-width: 2px; + border-color: #d80000; + } + .required.err:before{ + content: ''; + display: block; + position: absolute; + top: 50%; + right: 0; + margin-right: 32px; + margin-top: -8px; + width: 15px; + height: 16px; + background: transparent url(../img/sprites.png) -360px -159px; + z-index: 1; + } + .err-message-box{ + display: none !important; + } + .err-message-box.active{ + display: block !important; + padding-left: 24px; + color: #ce0000; + } + .err-message-box:before{ + content: ''; + display: block; + width: 15px; + height: 16px; + background: transparent url(../img/sprites.png) -390px -159px; + margin-left: -24px; + float: left; + } + .err-message-box.red:before{ + background: transparent url(../img/sprites.png) -360px -159px; + } + +/******************************\ +# add to calendar button +\******************************/ + + .button.removecalendar{ + border-color: #2592c5; + background: #2592c5; + color: #fff; + text-shadow: none; + } + .button.removecalendar:before{ + background-position: -60px -16px; + } + .button.removecalendar:hover { + background: #4c9ec4; + } + +/******************************\ +# plan to visit button +\******************************/ + + .button.unvisit{ + border-color: #ff6600; + background: #ff6600; + color: #fff; + text-shadow: 0 1px 0 rgba(0, 0, 0, .3); + box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1); + } + .button.unvisit:before, .button.unvisit:hover:before{ + background-position: -64px -159px; + width: 9px; + height: 10px; + margin-top: 0; + } + .button.unvisit:hover{ + background: #FF8635; + } + +/******************************\ +# papge of place object +\******************************/ + + .place .i-info .i-descr-readmore{ + display: block; + padding-bottom: 1em; + margin-bottom: 36px; + border-bottom: dashed 1px #7e7e7e; + font-size: 15px; + color: #a2a2a2; + text-decoration: none; + } + .place .i-info .i-descr-readmore:hover{ + text-decoration: underline; + } + +/******************************\ +# edit note overlay on /expo/ page +\******************************/ + + .note-wrap, .note-wrap-disabled{ + display: inline-block; + vertical-align: top; + position: relative; + } + .note-wrap-disabled .note-overlay{ + display: none; + } + .note-wrap .note-overlay{ + margin-top: 5px; + padding: 10px 14px; + position: absolute; + background: #87c525; + color: #fff; + font-size: 12px; + font-weight: bold; + width: 240px; + border-radius: 4px; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: none; + z-index: 10; + } + .note-wrap:hover .note-overlay{ + display: block; + } + .note-wrap:hover .note-text{ + width: 100%; + height: 100px; + } + .note-wrap:hover .note-text:focus{ + border: 1px solid #6EA01E; + } + .note-wrap:hover .note-button{ + -webkit-transition: none; + -o-transition: none; + transition: none; + } + .note-wrap:hover .note-button{ + border-color: #87c525; + background: #87c525; + color: #fff; + text-shadow: none; + position: relative; + } + .note-wrap:hover .note-button:before{ + background-position: -74px -16px; + } + .note-wrap:hover .note-button:after{ + content: ''; + border: 1px solid #87c525; + display: block; + position: absolute; + background: #87c525; + width: 100%; + height: 8px; + bottom: 0; + left: 0; + margin-left: -1px; + margin-bottom: -8px; + } + +/******************************\ +# edit note overlay on /main page +\******************************/ + + .main-page.note-wrap .note-overlay{ + bottom: 0; + margin-bottom: 26px; + } + .main-page.note-wrap:hover .note-button:after{ + margin-bottom: 22px; + } + +/************************\ +# блок "смотри так же" +\***********************/ + + .look-also a{ + display: block; + position: relative; + color: #6d6d6d; + -webkit-transition: all .5s; + -o-transition: all .5s; + transition: all .5s; + margin-bottom: .5em; + } + .look-also a:hover{ + color: #ff6600; + text-decoration: none; + } + .look-also a:hover:before{ + background-position: -235px -134px; + } + .look-also a:before{ + content: ''; + display: inline-block; + vertical-align: middle; + height: 9px; + top: 50%; + margin-top: -4px; + width: 8px; + background: url('../img/sprites.png') no-repeat -251px -134px; + margin-right: 10px; + } + +/************************\ +# ошибки ввода на страницах услуг expo-6 +\***********************/ + + .service-page .error-field{ + position: relative; + /*padding:0 5px;*/ + -moz-box-sizing: border-box; + box-sizing: border-box; + + } + .service-page .error-field.simple-wrap{ + display : inline-block; + } + .service-page .error-field.simple-wrap:before{ + margin-right: 16px; + margin-top: -8px; + } + .mf-line.cols-2 .mf-field.error-field:first-child:before{ + margin-right: 30px; + } + .service-page .error-field:before { + content: ''; + display: block; + position: absolute; + top: 50%; + right: 0; + margin-right: 20px; + margin-top: -11px; + width: 15px; + height: 16px; + background: transparent url(../img/sprites.png) -360px -159px; + } + .service-page .error-field input{ + border-color: #d80000; + } + + .service-page .error-blob{ + border-width: 2px; + border-color: #d80000; + background: #696969; + text-align: center; + color: #ffffff; + position: absolute; + padding: 8px 16px; + top: 0; + left: 50%; + margin-top: -41px; + width: 160px; + margin-left: -100px; + border-radius: 4px; + display: none; + font-size: 14px; + -webkit-transition: all .3s; + -o-transition: all .3s; + transition: all .3s; + + } + .service-page .error-field:hover .error-blob{ + display: block; + } + .error-blob:after, .error-blob:before { + top: 100%; + left: 50%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + } + + .error-blob:after { + border-color: rgba(0, 0, 0, 0); + border-top-color: #696969; + border-width: 3px; + margin-left: -3px; + } + .error-blob:before { + border-color: rgba(0, 0, 0, 0); + border-top-color: #696969; + border-width: 9px; + margin-left: -9px; + } + .service-page .error-blob ul{ + margin: 0; + padding: 0; + display: block; + list-style-type: none; + } + +/************************\ +# страница календаря /profile/calendar/ +\***********************/ + .cal-scroll-button .sprite{ + display: block; + width: 17px; + height: 17px; + border-radius: 10px; + background: #464646; + -webkit-transition: all .3s; + -o-transition: all .3s; + transition: all .3s; + padding-left: 4px; + padding-top: 3px; + -moz-box-sizing: border-box; + box-sizing: border-box; + + } + .cal-scroll-button .sprite:before{ + display: block; + content: ''; + + width: 8px; + height: 12px; + background: transparent url(../img/sprites.png) -225px -134px no-repeat; + } + .cal-scroll-button:hover .sprite{ + background: #ff6600; + } + .cal-scroll-button{ + position: absolute; + top: 0; + + width: 34px; + height: 34px; + border-radius: 17px; + background: #FCFCFB; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding-left: 9px; + padding-top: 9px; + cursor: pointer; + margin-top: 96px; + + } + + .cal-scroll-button.to-left{ + left: 0; + margin-left: 6px; + } + .cal-scroll-button.to-right{ + right: 0; + margin-right: 6px; + } + .cal-scroll-button.to-right .sprite{ + padding-left: 5px; + } + .cal-scroll-button.to-right .sprite:before{ + background-position: -175px 0; + } + .calenadar-body{ + overflow: hidden; + } + .calenadar-body .mCSB_scrollTools_horizontal{ + opacity: 0!important; + + } + .no-events .c-event{ + background-color: #CACACA; + } + .no-events .c-event .ce-wrap{ + -moz-box-sizing: border-box; + box-sizing: border-box; + height: 60px; + text-align: center; + padding-top: 20px; + font-size: 20px; + /*line-height: 44px;*/ + color: #464646; + overflow: hidden; + position: relative; + + font-family: 'dindisplay_pro'; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); + } + .no-events .c-event .ce-wrap .message{ + position: absolute; + text-align: center; + /*-webkit-transition: all 0.8s ease-In;*/ + /*-o-transition: all 0.8s ease-In;*/ + /*transition: all 0.8s ease-In;*/ + + } + + .no-events .c-event .ce-wrap.small{ + font-size: 14px; + padding-top: 14px; + } + +/************************\ +# страница редактирования профиля + пользователь и компания +\***********************/ + + .edit-profile .edit-wrap{ + display: block; + } + .edit-profile .i-title .e-form{ + margin-top: 7px; + } + .edit-profile .full-width .static-value{ + height: 27px; + } + .edit-profile .pe-current .e-form{ + display: block; + } + .edit-profile .social.pe-current .i-descr{ + opacity: 0; + } + + .edit-profile .p-editable{ + padding-left: 22px; + } + .edit-profile .p-editable.i-place{ + padding-left: 36px; + } + + .edit-profile .p-editable.social .e-btn.full-complete{ + color: #ff6600; + + } + .edit-profile .p-editable.social .e-btn.full-complete:hover{ + opacity: 0.7; + } + .edit-profile .i-pict.p-editable{ + padding: 0; + } + .edit-profile .ic-tel .custom-radio-check{ + position: relative; + } + .edit-profile .i-pict.p-editable img{ + z-index: 0; + } + .edit-profile .ic-tel .epfl{ + margin-bottom: 0; + } + .edit-profile .check{ + color: #f5f5f5; + margin-top: 4px; + margin-bottom: 0; + padding-left: 4px; + } + .edit-profile .check .custom-checkbox{ + width: 14px; + height: 14px; + margin: 0; + margin-top: -1px; + margin-right: 5px; + } + .my-companies-block{ + + } + .my-companies-block:after{ + content: ''; + display: block; + clear: both; + + } + .my-companies-block .ia-title{ + font-family: 'dindisplay_pro', sans-serif; + font-size: 20px; + line-height: 23px; + margin-bottom: 10px; + } + .my-companies-block .company{ + display: block; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 23%; + float: left; + margin-right: 2%; + margin-top: 20px; + + } + /*добавить меньшую длину для разрешения меньше 1200*/ + .my-companies-block .company a{ + display: block; + margin-left: auto; + margin-right: auto; + } + .my-companies-block .company .logo{ + display: block; + width: 100%; + /*height: 180px;*/ + height: auto; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + border-top: 1px solid #CCCBC6; + background-color: #ffffff; + overflow: hidden; + min-height: 141px; + position: relative; + } + + + + .my-companies-block .company .logo img{ + display: block; + width: 100%; + height: auto; + } + .my-companies-block .company .logo img.portrait{ + height: 141px; + width: auto; + margin-left: auto; + margin-right: auto; + } + .my-companies-block .company .logo img.no-logo{ + position: absolute; + margin-top: -29px; + margin-left: -30px; + top: 50%; + left: 50%; + width: 60px; + height: 58px; + } + .my-companies-block .company .title{ + display: block; + color: #606060; + margin-top: 8px; + text-decoration: underline; + text-align: center; + position: relative; + + } + .my-companies-block .company .title .e-btn{ + padding: 0; border-radius: 0; + height: 16px; + top: 3px; + } + .my-companies-block .company a:hover .title{ + text-decoration: none; + } + .my-companies-block.editable .company .fa:before{ + + + position: absolute; + left: 0; + top: 0; + font-size: 18px; + color: #ff6600; + } + .add-company-block{ + margin-top: 2em; + } + .edit-profile .hidden{ + display: none; + } + .edit-profile .i-info .e-btn{ + margin-right: 0; + } + .edit-profile .i-info .add_link_text_text{ + vertical-align: middle; + } + .edit-profile .ic-buttons .add_link_text{ + display: inline-block; + } + .edit-profile .ic-buttons .p-editable{ + padding-left: 0; + } + .create-company-modal .select-input.err{ + width: auto; + } + .create-company-modal .select-input.err .select2-choices{ + border-color: #d80000; + border-width: 2px; + } + .p-editable.pe-current .e-btn.social{ + background-color: transparent; + } + .p-editable.pe-current .e-btn.social:before{ + display: none; + } + .p-editable.social .edit-label{ + display: none; + } + .p-editable.pe-current.social .e-form:before{ + display: none; + } + .p-editable.pe-current.social .edit-label, .edit-profile.company .add-info .edit-label{ + display: block; + width: 24px; + margin-left: -24px; + padding-left: 5px; + padding-top: 4px; + padding-bottom: 4px; + background-color: #ff6600; + position: absolute; + top: 0; + left: 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 0; + + } + .p-editable.pe-current.social .edit-label .fa, .edit-profile.company .add-info .edit-label .fa{ + font-size: 18px; + color: #ffffff; + + } + .edit-profile .editable-wrap .static-value.website{ + height: 27px !important; + } + .edit-profile .editable-wrap .static-value.address{ + + line-height: 28px; + min-height: 27px; + display: block; + } + + .edit-profile .i-contacts .editable-wrap .static-value{ + display: block; + height: 23px; + } + .edit-profile .editable-wrap > p { + display: block; + margin: 0; + } + .edit-profile .i-additional .editable-wrap > p{ + min-height: 23px; + } + .edit-profile .i-additional .editable-wrap .static-value{ + min-height: 27px; + + } + .edit-profile .editable-wrap:before{ + display: none; + } + .edit-profile .social .e-form .err:before{ + margin-right: 9px; + } + .edit-profile .add_link_teg .select2-input{ + line-height: 36px !important; + font-size: 16px !important; + } + .edit-profile .description-text{ + font-size: 14px; + } + .edit-profile .add_link_teg .label{ + float: none; + margin-left: 12px; + } + .outer-profile .i-additional{ + margin-bottom: 36px; + } + .outer-profile .i-info .i-title{ + margin-bottom: 14px; + } + .outer-profile .i-contacts .ic-buttons{ + margin-right: 0; + padding-left: 32px; + } + .outer-profile .i-contacts .ic-buttons .soc-media-buttons{ + margin-top: 0; + margin-bottom: 16px; + padding-left: 8px; + } + .outer-profile .i-info .i-contacts{ + margin-bottom: 24px; + margin-top: 24px; + } + .outer-profile .ic-tel{ + margin-bottom: 14px; + } + .add_link_teg .tags{ + display: inline-block; + font-size: 12px; + margin-top: 0; + } + .add_link_teg .e-btn{ + vertical-align: middle; + } + .edit-profile.company .i-additional .e-btn{ + vertical-align: middle; + margin-right: 3px; + } + .edit-profile.company .i-additional dl.add-info dd, .edit-profile.company .i-additional dl.add-info dt{ + min-height: 24px; + line-height: 24px; + padding-top: 5px; + margin-bottom: 0; + } + .edit-profile.company .description-text{ + padding-top: 4px; + } + .edit-profile.company .description-text p{ + line-height: 15px; + font-size: 12px; + } + .edit-profile .theme-wrap .label, + .edit-profile .theme-wrap .input{ + display: inline-block; + } + .edit-profile .theme-wrap .label { + font-size: 15px; + color: #a2a2a2; + font-family: dindisplay_pro; + font-weight: 500; + display: inline-block; + position: relative; + padding-right: 6px; + } + .edit-profile .theme-wrap .label p{ + display: inline; + + } + .company-preview .i-info .i-contacts .ic-buttons .soc-media-buttons{ + margin-top: 12px; + } + .company-preview .i-info .brief{ + font-size: 12px; + line-height: 16px; + color: #7e7e7e; + font-family: Arial, sans-serif; + } + .company-preview .i-info .brief p{ + margin: 0; + } + .company-preview .i-info{ + margin-bottom: 1em; + } + .company-preview .i-info .i-tags{ + font-size: 12px; + } + .company-preview .pw-open{ + margin-bottom: 1em; + } + .company-preview .soc-media-buttons{ + margin-top: 2px !important; + } + .profile-preview-btn{ + margin-top: 1em; + margin-bottom: 2em; + } + .company-preview .specialization, .edit-profile .specialization .static-value{ + font-size: 13px; + font-weight: normal; + color: #7D7D7D; + } + .edit-profile .specialization{ + margin-bottom: 1em; + } + .edit-profile .specialization .p-editable{ + min-height: 27px; + } + .edit-profile .theme-form select{ + opacity: 0; + } + + /************************\ + # about page /about/ + \***********************/ + + .about-page .tab{ + display: none; + } + .about-page .tab.active{ + display: block; + } + .about-page .tabs-body{ + padding-top: 20px; + } + .about-page .tabs-opening{ + margin-bottom: 20px; + } + .team_list .stub{ + display: block; + position: absolute; + left: 0; + top: 50%; + margin-top: -40px; + width: 89px; + height: 89px; + text-align: center; + padding-top: 15px; + } + .team_list li .team_list_bg .stub img{ + display: inline; + position: relative; + top: 0; + margin-top: 0; + width: auto; + height: auto; + } + +/************************\ +# callback modal window +\***********************/ + + .сallback-modal{ + width: 534px; + } + .сallback-modal .pw-form .pwf-field{ + width: 340px; + } + .сallback-modal .submit:before{ + display: none; + } + .сallback-modal .submit:after{ + content: ' '; + display: inline-block; + vertical-align: middle; + background: url(../img/sprites.png) -176px 0 no-repeat; + margin: -2px 7px 0 6px; + width: 8px; + height: 12px; + } + .сallback-modal .required.err:before{ + margin-top: 2px; + } +/************************\ +# subscribe modal window +\***********************/ + + .subscribe-modal{ + width: 560px; + color: #000000; + } + .subscribe-modal .pw-form .pwf-field{ + width: 340px; + } + .subscribe-modal .required.err:before{ + margin-top: 2px; + } + .subscribe-modal .submit{ + cursor: pointer; + } + .subscribe-modal .pw-title { + font-size: 26px; + font-weight: 300; + } + .subscribe-modal .sub-header{ + margin-top: 0; + } + .subscribe-modal .submit-arrow{ + display: inline-block; + margin-left: 20px; + } + .subscribe-modal header{ + padding-bottom: 0; + } + .subscribe-modal .gray{ + color: #8d807f; + } + .subscribe-modal .small{ + font-size: .9em; + } + +/************************\ +# subscribe lessons modal window +\***********************/ + .subscribe-modal.lessons .form-side{ + float: left; + width: 60%; + position: relative; + z-index: 1; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding-left: 14px; + + } + .subscribe-modal.lessons .image-side{ + float: left; + width: 40%; + } + .subscribe-modal.lessons .image-side{ + + } + .subscribe-modal.lessons .image-side img{ + position: absolute; + width: 233px; + margin-left: -42px; + margin-bottom: -19px; + z-index: 0; + } + .subscribe-modal.lessons .label-header{ + font-size: 18px; + } + .subscribe-modal.lessons .label-header .small{ + font-size: .8em; + } + .subscribe-modal.lessons .pw-form .pwf-field{ + width: 214px; + } + .subscribe-modal.lessons .pw-form .submit{ + height: 42px; + line-height: 42px; + width: 214px; + } + .subscribe-modal.lessons .submit-arrow { + position: absolute; + right: 0; + margin-right: -20px; + } + +/************************\ +# invite logist modal window +\***********************/ + + .invite-modal{ + width: 560px; + color: #000000; + } + .invite-modal .logos{ + display: table; + margin-left: auto; + margin-right: auto; + margin-bottom: 26px; + } + .invite-modal .logos .item{ + display: inline-block; + margin-left: 16px; + } + .invite-modal .logos .item:first-child{ + margin-left: 0; + } + .invite-modal .label p{ + margin: 0; + } + .invite-modal .pw-title{ + font-size: 24px; + font-weight: 400; + line-height: 25px; + } + .invite-modal .button{ + height: 42px; + line-height: 42px; + padding-top: 0; + padding-bottom: 0; + font-size: 15px; + width: 214px; + text-align: center; + } + .invite-modal .submit-arrow{ + display: inline-block; + margin-left: 20px; + + } + + + /************************\ + # add event page /organiser/add-event/ + \***********************/ + + .add-event-page .set-sect.not-active .form-wrap{ + display: none; + } + .add-event-page .w-time .mCSB_inside>.mCSB_container{ + margin-right: 0; + } + .add-event-page .w-time .mCustomScrollBox{ + overflow: hidden !important; + } + /*.add-event-page .date-to-date*/ + +/************************\ +# registration form +\***********************/ + + .reg-form .msg-help .error{ + color: #d80000; + } + +/************************\ +# completion of registration modal +# after registration form +\***********************/ + + .after-register-modal .pw-form .pwf-line{ + margin-bottom: 0; + } + .after-register-modal .pw-form .pwf-field{ + padding: 0; + } + .after-register-modal .pwf-field input[type="text"]{ + line-height: 30px; + height: 30px; + } + + .after-register-modal .pw-form .pwf-line, .after-register-modal .pw-form .input_top .pwf-field{ + display: block !important; + } + .after-register-modal .input_top select{ + width: 100%; + } + .after-register-modal .required.err .select2-choice{ + border-width: 2px; + border-color: #d80000; + } + .after-register-modal input[type="text"]:focus{ + padding: 0 6px; + } + .after-register-modal .required.err:before{ + margin-right: 8px; + margin-top: -27px; + } + .after-register-modal .input_bottom .required.err:before{ + margin-right: 8px; + margin-top: -7px; + } + .after-register-modal .input_top .required.err:before{ + margin-right: 8px; + margin-top: -8px; + } + .thank-registering{ + font-size: 16px; + } + .thank-registering header{ + padding-bottom: 16px !important; + } + .after-register-modal .pwf-line.phone .err-message-box{ + font-size: 13px; + } + .after-register-modal .pwf-line .err-message-box{ + margin-top: 4px; + } + .after-register-modal .pwf-line .hint-box{ + display: none; + width: 62px; + position: absolute; + text-align: center; + margin-left: 31px; + padding: 8px 12px; + color: #000000; + background-color: #aaaaaa; + opacity:.6; + margin-top: -68px; + border-radius:4px; + + } + .after-register-modal .pwf-line .err + .hint-box{ + display: none !important; + } + .after-register-modal .pwf-line .hint-box:after{ + top: 100%; + left: 50%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-color: rgba(170, 170, 170, 0); + border-top-color: #aaaaaa; + border-width: 4px; + margin-left: -4px; + } +/************************\ +# successful registration message +\***********************/ + .message-register-success{ + margin-top: 40px; + + } + .message-register-success .fa{ + color: #ff6600; + font-size: 80px; + margin-bottom: 40px; + } + .message-register-success span{ + display: block; + text-align: center; + } + .message-register-success .message{ + font-family: 'dindisplay_pro', Arial, sans-serif; + font-size: 26px; + /*color: #a2a2a2;*/ + } + +/*********************\ +# add more company message +\*********************/ + + .message-standart{ + margin-top: 40px; + } + .message-standart .fa{ + color: #ff6600; + font-size: 40px; + vertical-align: bottom; + margin-right: 9px; + } + .message-standart .message{ + font-family: 'dindisplay_pro', Arial, sans-serif; + font-size: 18px; + line-height: 40px; + display: inline-block; + } + +/*********************\ +# recovery password page +\*********************/ + + .recovery-page{ + padding-bottom: 2.6em; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + + .recovery-page .label{ + font-size: 18px; + margin-bottom: 1.5em; + margin-top: 1.5em; + } + .recovery-page .input, .recovery-page .error-text{ + display: inline-block; + } + .recovery-page .submit{ + height: 40px; + line-height: 40px; + display: block; + margin: 2em 0 0 24px; + } + .recovery-page .input input{ + margin-left: 24px; + width: 340px; + } + .recovery-page .input.err:before{ + margin-right: 12px; + + } + .recovery-page .error-text{ + padding-left: 12px; + font-size: 14px; + color: #d80000; + } + +/***********************\ + # Страница Ивента +\***********************/ + + .event-page .title{ + font-family: 'dindisplay_pro', sans-serif; + font-size: 23px; + line-height: 24px; + margin: 0 0 12px; + } + .event-page .title .fa{ + font-size: 0.8em; + } + +/******************\ + # Модальное окно "рекламировать участника" +\******************/ + .advertise-window .pwf-msg{ + + color: #ff6600; + padding-top: 8px; + padding-left: 24px; + } + .advertise-window .pwf-field{ + width: 310px !important; + } + .advertise-window header .pw-title{ + font-weight: 400; + } + .advertise-window header { + padding-bottom: 0; + } + +/*****************\ + # Страница места проведения (/places/...) +\*****************/ + .expo-place-page .i-info .i-descr{ + height: auto; + } + .expo-place-page .i-descr-readmore{ + margin-bottom: 1em; + display: block; + } + .eni-areas.stat .enis-col{ + text-align: center; + display: inline-block; + width: auto; + padding-right: 32px; + } + .eni-areas.stat .eni-title{ + float: left; + margin-left: -130px; + display: block; + width: 110px; + margin-right: 16px; + font-size: 20px; + line-height: 21px; + text-align: right; + -webkit-transition: color .3s; + -o-transition: color .3s; + transition: color .3s; + color:#ff6600; + /*margin-top: 28px;*/ + } + +/*****************\ + # Страница блогов и новостей (/blogs/ /news) +\*****************/ + + .news-filter-block .mf-line.s-subj-tag .mf-field label{ + margin-bottom: 1em; + } + .news-filter-block .select2-container-multi .select2-choices .select2-search-field:first-child input{ + line-height: 36px ; + } + +/*****************\ +# карта на странице профиля компании (google maps) +\*****************/ + + .address-wrap .map-wrap{ + margin-top: 1em; + margin-bottom: 2em; + } + .address-wrap .i-descr{ + font-family: 'dindisplay_pro', sans-serif; + font-size: 18px; + line-height: 21px; + color: #464646; + } + .address-wrap .map-wrap .gmap-canvas{ + height: 308px; + } + + .address-wrap .map-toggle{ + display: block; + float: right; + color: #a2a2a2; + text-decoration: none; + position: relative; + z-index: 2; + } + .address-wrap .map-toggle:hover{ + color: #ff6600; + + } + .address-wrap .map-toggle:hover .label{ + border: 0; + } + .address-wrap .map-toggle .label{ + font-size: 15px; + line-height: 12px; + + text-decoration: none; + border-bottom: 1px dashed; + } + .address-wrap .map-toggle .fa{ + font-size: 1.3em; + } + +/******************\ + # страница выставки (оплаченная) +\******************/ + +.paid-partner-link{ + text-transform: uppercase; + padding: 15px; + text-align: center; + display: block; + font-weight: 700; +} +.paid-partner-block{ + margin-top: 3em; +} + .paid-partner-block .desc{ + color: #ff6600; + text-align: center; + margin-top: 6px; + } + .paid-partner-block .partner-title{ + margin-bottom: 4px; + text-align: center; + } + +/******************\ + # Страница сообщения об успешной отправке (thank you page) +\******************/ + +.thanks-page .left-part{ + float: left; + position: relative; + width: 188px; + text-align: center; + padding-top: 12px; +} + .thanks-page .left-part figcaption{ + position: absolute; + top: 0; + left: 50%; + margin-top: 50px; + margin-left: -37px; + + font-family: 'dindisplay_pro', sans-serif; + } + .thanks-page .left-part figcaption span{ + display: block; + font-weight: bold; + font-size: 32px; + line-height: 32px; + } + .thanks-page .left-part figcaption span.orange-text{ + font-size: 68px; + line-height: 30px; + } + +.thanks-page .right-part{ + margin-left: 190px; +} +.thanks-page h3{ + font-size: 18px; + color: #59666e; +} +.thanks-page .help-block{ + position: relative; +} + .thanks-page .help-block .item{ + width: 33.333%; + float: left; + } + .thanks-page .help-block .figure{ + + display: block; + width: 60px; + height: 60px; + float: left; + margin-right: 12px; + background: #ff6600; + position: relative; + } + .thanks-page .help-block .figure:after { + position: absolute; + top: 100%; + right: 0; + content: " "; + height: 0; + width: 0; + pointer-events: none; + border-style: solid; + border-width: 0 10px 10px 0; + border-color: transparent #ff6600 transparent transparent; + } + .thanks-page .help-block .icon{ + + background: url(../img/thanks_sprite.png) 0 0 no-repeat; + margin-left: auto; + margin-right: auto; + } + .thanks-page .help-block .list{ + width: 32px; + height: 37px; + margin-top: 12px; + } + .thanks-page .help-block .mail{ + width: 42px; + height: 39px; + margin-top: 10px; + background-position: -32px 0; + } + .thanks-page .help-block .zoom{ + width: 43px; + height: 39px; + margin-top: 12px; + background-position: -74px 0; + + } + +/**************************\ + # форма "отправить заявку" +\**************************/ +.period .pwf-field .error-blob{ + line-height: 18px; +} +.service-page .period .pwf-field.error-field:before{ + margin-right: 13px; + margin-top: -8px; +} +/**************************\ + # форма "запрос организатору" +\**************************/ +.organizer-modal .organizer-name{ + border-bottom: 1px solid #f26c2a; +} + +/************************\ +# 404 not found page +\***********************/ + +.error-404 .items-list{ + -webkit-column-count: 3; /* Chrome, Safari, Opera */ + -moz-column-count: 3; /* Firefox */ + column-count: 3; + list-style-type: none; + list-style-position: inside; + margin: 0; + display: block; +} + .error-404 .items-list li{ + margin-bottom: 8px; + display: block; + position: relative; + } + /*.error-404 .items-list li:before{*/ + /*float: left;*/ + /*content: "\2022";*/ + + /*}*/ +.error-404 .items-list .fa{ + display: block; + float: left; + font-size: 6px; + line-height: 16px; + +} + .error-404 .items-list a{ + display: block; + + margin-left: 16px; + line-height: 1.2em; + -webkit-transition: all .3s; + -o-transition: all .3s; + transition: all .3s; + text-decoration: none; + color: #464646; + } + .error-404 .items-list a:hover{ + color: #ff6600; + } +.error-404 .title{ + font-size: 16px; + padding-top: 12px; +} +.error-404 h2{ + color: #ff6600; + font-family: dindisplay_pro,sans-serif; + font-size: 30px; + line-height: 30px; + font-weight: normal; +} +.error-404 .figure{ + display: block; + font-family: dindisplay_pro,sans-serif; + color: #f60; + float: left; + font-size: 96px; + margin-right: 22px; + line-height: 1em; + +} \ No newline at end of file diff --git a/static/client/css/normalize.css b/static/client/css/normalize.css new file mode 100644 index 00000000..6e8e42d8 --- /dev/null +++ b/static/client/css/normalize.css @@ -0,0 +1,527 @@ +/*! normalize.css v1.1.2 | MIT License | git.io/normalize */ + +/* ========================================================================== + HTML5 display definitions + ========================================================================== */ + +/** + * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} + +/** + * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. + */ + +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. + * Known issue: no IE 6 support. + */ + +[hidden] { + display: none; +} + +/* ========================================================================== + Base + ========================================================================== */ + +/** + * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using + * `em` units. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + */ + +html { + font-size: 100%; /* 1 */ + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/** + * Address `font-family` inconsistency between `textarea` and other form + * elements. + */ + +html, +button, +input, +select, +textarea { + font-family: sans-serif; +} + +/** + * Address margins handled incorrectly in IE 6/7. + */ + +body { + margin: 0; +} + +/* ========================================================================== + Links + ========================================================================== */ + +/** + * Address `outline` inconsistency between Chrome and other browsers. + */ + +a:focus { + outline: thin dotted; +} + +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ + +a:active, +a:hover { + outline: 0; +} + +/* ========================================================================== + Typography + ========================================================================== */ + +/** + * Address font sizes and margins set differently in IE 6/7. + * Address font sizes within `section` and `article` in Firefox 4+, Safari 5, + * and Chrome. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +h2 { + font-size: 1.5em; + margin: 0.83em 0; +} + +h3 { + font-size: 1.17em; + margin: 1em 0; +} + +h4 { + font-size: 1em; + margin: 1.33em 0; +} + +h5 { + font-size: 0.83em; + margin: 1.67em 0; +} + +h6 { + font-size: 0.67em; + margin: 2.33em 0; +} + +/** + * Address styling not present in IE 7/8/9, Safari 5, and Chrome. + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/** + * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. + */ + +b, +strong { + font-weight: bold; +} + +blockquote { + margin: 1em 40px; +} + +/** + * Address styling not present in Safari 5 and Chrome. + */ + +dfn { + font-style: italic; +} + +/** + * Address differences between Firefox and other browsers. + * Known issue: no IE 6/7 normalization. + */ + +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} + +/** + * Address styling not present in IE 6/7/8/9. + */ + +mark { + background: #ff0; + color: #000; +} + +/** + * Address margins set differently in IE 6/7. + */ + +p, +pre { + margin: 1em 0; +} + +/** + * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, serif; + _font-family: 'courier new', monospace; + font-size: 1em; +} + +/** + * Improve readability of pre-formatted text in all browsers. + */ + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +/** + * Address CSS quotes not supported in IE 6/7. + */ + +q { + quotes: none; +} + +/** + * Address `quotes` property not supported in Safari 4. + */ + +q:before, +q:after { + content: ''; + content: none; +} + +/** + * Address inconsistent and variable font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +/* ========================================================================== + Lists + ========================================================================== */ + +/** + * Address margins set differently in IE 6/7. + */ + +dl, +menu, +ol, +ul { + margin: 1em 0; +} + +dd { + margin: 0 0 0 40px; +} + +/** + * Address paddings set differently in IE 6/7. + */ + +menu, +ol, +ul { + padding: 0 0 0 40px; +} + +/** + * Correct list images handled incorrectly in IE 7. + */ + +nav ul, +nav ol { + list-style: none; + list-style-image: none; +} + +/* ========================================================================== + Embedded content + ========================================================================== */ + +/** + * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. + * 2. Improve image quality when scaled in IE 7. + */ + +img { + border: 0; /* 1 */ + -ms-interpolation-mode: bicubic; /* 2 */ +} + +/** + * Correct overflow displayed oddly in IE 9. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* ========================================================================== + Figures + ========================================================================== */ + +/** + * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. + */ + +figure { + margin: 0; +} + +/* ========================================================================== + Forms + ========================================================================== */ + +/** + * Correct margin displayed oddly in IE 6/7. + */ + +form { + margin: 0; +} + +/** + * Define consistent border, margin, and padding. + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct color not being inherited in IE 6/7/8/9. + * 2. Correct text not wrapping in Firefox 3. + * 3. Correct alignment displayed oddly in IE 6/7. + */ + +legend { + border: 0; /* 1 */ + padding: 0; + white-space: normal; /* 2 */ + *margin-left: -7px; /* 3 */ +} + +/** + * 1. Correct font size not being inherited in all browsers. + * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, + * and Chrome. + * 3. Improve appearance and consistency in all browsers. + */ + +button, +input, +select, +textarea { + font-size: 100%; /* 1 */ + margin: 0; /* 2 */ + vertical-align: baseline; /* 3 */ + *vertical-align: middle; /* 3 */ +} + +/** + * Address Firefox 3+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + +button, +input { + line-height: normal; +} + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. + * Correct `select` style inheritance in Firefox 4+ and Opera. + */ + +button, +select { + text-transform: none; +} + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + * 4. Remove inner spacing in IE 7 without affecting normal text inputs. + * Known issue: inner spacing remains in IE 6. + */ + +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ + *overflow: visible; /* 4 */ +} + +/** + * Re-set default cursor for disabled elements. + */ + +button[disabled], +html input[disabled] { + cursor: default; +} + +/** + * 1. Address box sizing set to content-box in IE 8/9. + * 2. Remove excess padding in IE 8/9. + * 3. Remove excess padding in IE 7. + * Known issue: excess padding remains in IE 6. + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ + *height: 13px; /* 3 */ + *width: 13px; /* 3 */ +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome + * (include `-moz` to future-proof). + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; /* 2 */ + box-sizing: content-box; +} + +/** + * Remove inner padding and search cancel button in Safari 5 and Chrome + * on OS X. + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Remove inner padding and border in Firefox 3+. + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** + * 1. Remove default vertical scrollbar in IE 6/7/8/9. + * 2. Improve readability and alignment in all browsers. + */ + +textarea { + overflow: auto; /* 1 */ + vertical-align: top; /* 2 */ +} + +/* ========================================================================== + Tables + ========================================================================== */ + +/** + * Remove most spacing between table cells. + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/static/client/css/pages/exposition_by.css b/static/client/css/pages/exposition_by.css new file mode 100644 index 00000000..66472484 --- /dev/null +++ b/static/client/css/pages/exposition_by.css @@ -0,0 +1,24 @@ +.leter-list{ + list-style: none; +} + +.leter-list li{ + margin-bottom: 2px; + margin-left: -10px; +} + +.leter-list li a:hover{ + text-decoration: none; + color: #ff6600; + border-color: transparent; +} + +.leter-list li a { + display: inline-block; + font-size: 14px; + line-height: 17px; + text-decoration: underline; + color: #464646; + padding: 2px 15px 2px 9px; + border-color: transparent; +} diff --git a/static/client/css/phototag.css b/static/client/css/phototag.css new file mode 100644 index 00000000..086af62b --- /dev/null +++ b/static/client/css/phototag.css @@ -0,0 +1,215 @@ + +/* Resizable +----------------------------------*/ +.ui-resizable { position: relative;} +.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } +.ui-resizable-n { cursor: n-resize; height: 9px; width: 9px; top: -5px; left: 50%; margin-left: -4px; background: rgba(255, 255, 255, 0.5);} +.ui-resizable-s { cursor: s-resize; height: 9px; width: 9px; bottom: -5px; left: 50%; margin-left: -4px; background: rgba(255, 255, 255, 0.5);} +.ui-resizable-e { cursor: e-resize; width: 9px; right: -5px; top: 50%; margin-top: -4px; height: 9px; background: rgba(255, 255, 255, 0.5);} +.ui-resizable-w { cursor: w-resize; width: 9px; left: -5px; top: 50%; height: 9px; margin-top: -4px; background: rgba(255, 255, 255, 0.5);} +.ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: -5px; bottom: -5px; background: rgba(255, 255, 255, 0.5);} +.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; background: rgba(255, 255, 255, 0.5);} +.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; background: rgba(255, 255, 255, 0.5);} +.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; background: rgba(255, 255, 255, 0.5);} + +.photoTag-taglist{ + list-style:none; + padding: 0; +} +.photoTag-taglist li{ + margin-left: 0; + display: inline; + padding: 0; +} +.tg-close { + display: block; + position: absolute; + right: 0; + top: 0; + width: 32px; + height: 32px; + cursor: pointer; + z-index: 100; +} +.tg-close:before { + content: ''; + display: block; + width: 10px; + height: 10px; + background: url(../img/sprites.png) -227px -149px no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -5px 0 0 -5px; +} +.taghover:before { + content: ''; + display: block; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; +} +.taghover .tg-close { + width: 18px; + height: 18px; +} +.taghover .tg-close:before { + background: url('static/img/x.png') 0 0 no-repeat; + left: 8px; + top: 9px; +} + +.taghover .tg-close:hover:before { + background-position: 0 -32px; +} +.tg-close:hover:before { + background-position: -227px -160px ; +} +.photoTag-taglist a.tg-close { + display: inline; + margin: 0; + padding: 0 5px 0 3px; + text-decoration: none; + position: relative; +} +.photoTag-wrap { + overflow: hidden; +} +.utag-right, .utag-left { + width: 2000px; + background: rgba(0, 0, 0, 0.5); + position: absolute; + top: 0; +} +.utag-left { + left: -2000px; +} +.utag-top, .utag-bot { + width: 4000px; + background: rgba(0, 0, 0, 0.5); + position: absolute; + height: 2000px; + left: -2000px; +} +.utag-top { + top: -2000px; +} +.taghover { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + z-index: 3014; + background-color: rgba(255, 255, 255, 0.01); +} +#expoNewTagForm { + background-color: #FFFFFF; + padding: 10px; + overflow:hidden; + position: absolute; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + line-height: 100%; + z-index: 1039; +} +#expoNewTagForm button { + padding: 0 27px; + margin: 10px 0 0 0; +} +.ptListHolder ul { + position:relative; + display: block; + min-height: 24px; + width: 120px; + background: #ffffff; +} +.ptListHolder ul li { + padding: 0; + margin:0; + border-bottom: 1px solid #DDDDDD; +} +.ptListHolder ul li a { + padding: 10px 5px 10px 5px!important; + text-align: left; + display: block!important; +} +.photoTag-tag { + border: 1px solid rgba(255, 255, 255, 0.7); + background-color: transparent; + overflow: hidden; + z-index:1021; +} +#photoTag-tag_expo { + overflow: visible; +} +.photoTag-tag .photoTag-delete { + background:url('/x2.png') no-repeat; + width:25px; + height:29px; + display:inline; + z-index:3200; + position:absolute; + right:-22px; + cursor:pointer; + opacity: 0.8; +} +#expoNewTagForm input{ + display: block; +} +#expoNewTagForm input[type="text"] { + padding: 0 5px 0 5px; + font-size: 14px; + height: 36px; +} +#expoNewTagForm label{ + width: auto; + float: left; + color: #FF6600; + line-height: 100%; + text-align: left; + line-height: 21px; +} +#expoNewTagForm .inputSubmit +{ + color: #FF6600; + background-color: #ffffff; + border: 1px solid #ffffff; + -moz-border-radius-topleft: 5px; + -webkit-border-top-left-radius: 5px; + -moz-border-radius-topright: 5px; + -webkit-border-top-right-radius: 5px; + -moz-border-radius-bottomleft: 5px; + -webkit-border-bottom-left-radius: 5px; + -moz-border-radius-bottomright: 5px; + -webkit-border-bottom-right-radius: 5px; +} +#expoNewTagForm .inputSubmit { + float: right; + margin: 5px 0 0; + padding: 5px; +} +#expoNewTagForm .inputCancel { + border: 0 none; +} + +.innerTag{ + float: left; + background-color: #FF6600; + padding: 3px; + height: 14px; + position: relative; + line-height: 100%; + top: -23px; + left: 0; + font-size: 12px; + color: #ffffff; + -moz-border-radius-topleft: 5px; + -webkit-border-top-left-radius: 5px; + -moz-border-radius-topright: 5px; + -webkit-border-top-right-radius: 5px; +} diff --git a/static/client/css/regions.css b/static/client/css/regions.css new file mode 100644 index 00000000..41c53a1f --- /dev/null +++ b/static/client/css/regions.css @@ -0,0 +1,85 @@ +.c-select-box.places .csb-title ul.ui-autocomplete { + background: none repeat scroll 0 0 #FFFFFF; + border: 1px solid #CCCCCC; + margin-left: 0; + z-index: 1020; +} + +.c-select-box.places .csb-title ul.ui-autocomplete li +{ + margin-bottom: 5px; +} +.places-list ul li a:before, .topics-list ul li a:before { + content: ""; + display: block; + height: 8px; + left: -12px; + position: absolute; + top: 50%; + margin-top: -4px; + width: 8px; + z-index: 1; + background: url('../img/sprites.png') no-repeat -83px -16px; +} +.places-list > ul > li.active > a:before,.level2.active > a:before, .topics-list > ul > li.active > a:before { + content: ""; + display: block; + height: 8px; + left: -12px; + position: absolute; + top: 3px; + width: 8px; + z-index: 1; + background: url('../img/sprites.png') no-repeat -86px -24px; +} +.places-list > ul > li.active > a:before, .topics-list > ul > li.active > a:before{ + margin-top: 2px; +} +.level2.active > a:before{ + margin-top: 2px; +} + +.c-select-box-wrap .custom-radio-check:before { + content: ''; + width: 13px; + height: 13px; + display: block; + position: absolute; + top: 50%; + margin-top: -5px; + left: -16px; + z-index: 1; + background: url('../img/sprites.png') no-repeat -345px -135px ; +} +.c-select-box-wrap .custom-radio-check.active:before { + content: ''; + width: 13px; + height: 13px; + display: block; + position: absolute; + top: 50%; + margin-top: -6px; + left: -17px; + z-index: 1; + background: url('../img/sprites.png') no-repeat -46px -16px; +} +.ac-custom-message { + background: none repeat scroll 0 0 #FFFFFF; + border: 1px solid #CCCCDC; + border-radius: 5px; + padding: 5px 10px 5px 25px; + position: absolute; + z-index: 1415; + display: none; +} +.ac-custom-message span:before { + background: url("../img/sprites.png") no-repeat scroll -106px -16px #FFFFFF; + content: ""; + display: block; + height: 10px; + left: 7px; + position: absolute; + top: 19px; + width: 13px; + z-index: 1416; +} \ No newline at end of file diff --git a/static/client/css/select2.css b/static/client/css/select2.css new file mode 100644 index 00000000..d86ad185 --- /dev/null +++ b/static/client/css/select2.css @@ -0,0 +1,640 @@ +/* ******************************************************* */ +/* Select2 plugin styles */ +/* ******************************************************* */ + +.select2-container { + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0; + word-spacing: normal; +} + +.mf-field .select2-container { + width: 100%; +} + +.select2-container ul, +.select2-drop ul { + margin: 0; + padding: 0; + list-style: none; +} + +.select2-container, +.select2-drop, +.select2-search, +.select2-search input { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.select2-container .select2-choice, +.select2-container .select2-choices { + position: relative; + display: block; + border: 1px solid #bdbdbd; + background: #fff; + width: 100%; + /*padding: 5px 30px 2px 3px;*/ + padding-right: 30px; + font-family: 'dindisplay_pro', sans-serif; + font-size: 15px; + line-height: 19px; + text-decoration: none; + overflow: hidden; + white-space: nowrap; + color: #464646; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: inset 0 2px 2px -2px #aaa; + -moz-box-shadow: inset 0 2px 2px -2px #aaa; + box-shadow: inset 0 2px 2px -2px #aaa; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + -webkit-transition: none; + -moz-transition: none; + -ms-transition: none; + -o-transition: none; + transition: none; +} + +.select2-container .select2-choices { + height: auto; + min-height: 40px; + cursor: text; +} + +.select2-container-active .select2-choice, +.select2-container-active .select2-choices { + /*border: 2px solid #ff6600;*/ + outline: none; + padding-right: 29px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + border-radius: 4px; +} + +.select2-dropdown-open .select2-choice, +.select2-dropdown-open .select2-choices { + border: 2px solid #ff6600; + border-bottom: 0; + padding-right: 29px; + border-bottom: none; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; +} + +.select2-dropdown-open.select2-drop-above .select2-choice, +.select2-dropdown-open.select2-drop-above .select2-choices { + padding: 6px 26px 1px 2px; + border-bottom: 2px solid #ff6600; + border-top: none; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; +} + +.select2-container-multi .select2-choices:after { + content: " "; + display: block; + width: 8px; + height: 5px; + overflow: hidden; + background: url(../img/sprites.png) -86px -27px no-repeat; + position: absolute; + right: 12px; + top: 17px; +} + +.select2-container-multi.select2-container-active .select2-choices:after { + right: 11px; + top: 16px; +} + +.select2-dropdown-open.select2-drop-above .select2-choices:after { + right: 11px; + top: 18px; +} + +.select2-container-multi.select2-container-disabled .select2-choices { + background: #fff; + /*border: 1px solid #bdbdbd;*/ + cursor: default; +} + +.select2-container.select2-allowclear .select2-choice .select2-chosen { + margin-right: 30px; +} + +.select2-container .select2-choice > .select2-chosen { + display: block; + padding: 7px 0 6px 16px; + margin-right: 0; + line-height: 15px; + overflow: hidden; + + white-space: nowrap; + + text-overflow: ellipsis; + float: none; + width: auto; +} + +.select2-search-choice-close { + display: block; + position: absolute; + right: 0; + top: 0; + width: 25px; + height: 0; + padding-top: 26px; + overflow: hidden; + background: none; + outline: none; +} + +.select2-container-multi .select2-search-choice-close { + left: auto; +} + +.select2-search-choice-close:before { + content: ''; + display: inline-block; + width: 8px; + height: 8px; + background: url(../img/sprites.png) -134px -16px no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -3px 0 0 -4px; +} + +.select2-container .select2-choice abbr { + display: none; + width: 30px; + height: 38px; + padding-top: 0; + position: absolute; + right: 30px; + top: 0; + + font-size: 1px; + text-decoration: none; + + border: 0; + background: none; + cursor: pointer; + outline: 0; +} + +.select2-container.select2-allowclear .select2-choice abbr { + display: block; +} + +.select2-container.select2-container-active.select2-allowclear .select2-choice abbr { + /*height: 36px;*/ + right: 29px; +} + +.select2-dropdown-open.select2-drop-above.select2-allowclear .select2-choice abbr { + margin-top: 2px; +} + +.select2-container.select2-allowclear .select2-choice abbr:before { + background-position: -74px -160px; +} + +.select2-container .select2-choice abbr:hover:before { + background-position: -134px -16px; +} + +.select2-container .select2-choice .select2-arrow { + display: block; + width: 29px; + height: 100%; + position: absolute; + right: 0; + top: 0; + + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} + +.select2-container.select2-container-active .select2-choice .select2-arrow { + width: 28px; +} + +.select2-container .select2-choice .select2-arrow b { + display: block; + width: 8px; + height: 5px; + overflow: hidden; + background: url(../img/sprites.png) -86px -27px no-repeat; + position: absolute; + right: 12px; + top: 50%; + margin-top: -2px; +} + +.select2-container.select2-dropdown-open.select2-drop-above .select2-choice .select2-arrow b { + top: 18px; +} + +.select2-container.select2-container-active .select2-choice .select2-arrow b { + right: 11px; + top: 16px; +} + +.select2-drop-mask { + position: fixed; + left: 0; + top: 0; + z-index: 9998; + height: auto; + width: auto; + min-height: 100%; + min-width: 100%; + border: 0; + margin: 0; + padding: 0; + background-color: #fff; + opacity: 0; + filter: alpha(opacity=0); +} + + +.select2-drop { + position: absolute; + top: 100%; + z-index: 9999; + width: 100%; + padding: 0 10px 10px; + background: #fff; + color: #000; + border: 2px solid #ff6600; + border-top: none; + font-family: 'dindisplay_pro', sans-serif; + font-size: 15px; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} + +.select2-drop.select2-drop-above { + padding: 10px 10px 0; + border-top: 2px solid #ff6600; + border-bottom: 0; + border-radius: 4px 4px 0 0; +} + +.select2-drop-active { + border-color: #ff6600; +} + +.select2-drop-auto-width { + border-top: 1px solid #aaa; + width: auto; +} + +.select2-drop-auto-width .select2-search { + padding-top: 4px; +} + +.select2-drop-active:before { + content: ''; + display: block; + border-top: 1px dotted #cccccc; + margin: 4px 0 5px; +} + +.select2-drop.select2-drop-above.select2-drop-active:before { + content: none; +} + +.select2-drop.select2-drop-above.select2-drop-active:after { + content: ''; + display: block; + border-bottom: 1px dotted #cccccc; + margin: 10px 0 4px; +} + + +.select2-search { + display: block; + width: 100%; + min-height: 26px; + margin: 0; + padding: 0 10px 10px; + + position: relative; + z-index: 10000; + + white-space: nowrap; +} + +.select2-search:after { + content: ''; + display: block; + width: 100%; + border-bottom: 1px dotted #cccccc; + padding: 0 10px; + margin: 5px -10px 0; +} + +.select2-search input[type='text'] { + position: relative; + width: 100%; + height: 26px; + border: none; + padding: 0; + margin: 0; + outline: 0; + font-family: 'dindisplay_pro', sans-serif; + font-size: 15px; + line-height: 26px; + + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + + background: #fff url('../img/select2/select2.png') no-repeat 100% -22px; +} + +.select2-search input:focus { + border: none; +} + +.select2-search input.select2-active { + background: #fff url('../img/select2/select2-spinner.gif') no-repeat 100%; +} + +.select2-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + + +.select2-default { + color: #a2a2a2 !important; +} + + +/* results */ +.select2-results { + max-height: 200px; + padding: 0 0 0 5px; + margin: 5px 5px 5px 0; + position: relative; + overflow-x: hidden; + overflow-y: auto; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +html[dir="rtl"] .select2-results { + padding: 0 5px 0 0; + margin: 5px 0 5px 5px; +} + +.select2-results ul.select2-result-sub { + margin: 0; + padding-left: 0; +} + +.select2-results li { + list-style: none; + display: list-item; + background-image: none; +} + +.select2-results li.select2-result-with-children > .select2-result-label { + font-weight: bold; +} + +.select2-results .select2-result-label { + padding: 3px 7px 4px; + margin: 0; + cursor: pointer; + + min-height: 1em; + + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.select2-results-dept-1 .select2-result-label { padding-left: 20px } +.select2-results-dept-2 .select2-result-label { padding-left: 40px } +.select2-results-dept-3 .select2-result-label { padding-left: 60px } +.select2-results-dept-4 .select2-result-label { padding-left: 80px } +.select2-results-dept-5 .select2-result-label { padding-left: 100px } +.select2-results-dept-6 .select2-result-label { padding-left: 110px } +.select2-results-dept-7 .select2-result-label { padding-left: 120px } + +.select2-results .select2-highlighted { + background: none; + color: #ff6600; +} + +.select2-results li em { + background: #feffde; + font-style: normal; +} + +.select2-results .select2-highlighted em { + background: transparent; +} + +.select2-results .select2-highlighted ul { + background: #fff; + color: #000; +} + +.select2-results .select2-no-results, +.select2-results .select2-searching, +.select2-results .select2-ajax-error, +.select2-results .select2-selection-limit { + background: #f4f4f4; + display: list-item; + padding-left: 5px; +} + +/* +disabled look for disabled choices in the results dropdown +*/ +.select2-results .select2-disabled.select2-highlighted { + color: #666; + background: #f4f4f4; + display: list-item; + cursor: default; +} +.select2-results .select2-disabled { + background: #f4f4f4; + display: list-item; + cursor: default; +} + +.select2-results .select2-selected { + display: none; +} + +.select2-more-results.select2-active { + background: #f4f4f4 url('../img/select2/select2-spinner.gif') no-repeat 100%; +} + +.select2-results .select2-ajax-error { + background: rgba(255, 50, 50, .2); +} + +.select2-more-results { + background: #f4f4f4; + display: list-item; +} + +/* disabled styles */ + +.select2-container.select2-container-disabled .select2-choice { + background: #ffffff; + cursor: default; +} + +.select2-container.select2-container-disabled .select2-choice .select2-arrow { + background: none; + border-left: 0; +} + +.select2-container.select2-container-disabled .select2-choice abbr { + display: none; +} + + + +/* multiselect */ + + +.select2-container-multi .select2-choices .select2-search-choice { + position: relative; + padding: 6px 25px 5px 15px; + margin: 0 3px 3px 0; + border: 1px solid #ff6600; + line-height: 15px; + color: #ff6600; + cursor: default; + + background: #ffffff; + + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.select2-locked { + padding: 3px 5px 3px 5px !important; +} + +.select2-container-multi .select2-choices li { + float: left; + list-style: none; +} + +html[dir="rtl"] .select2-container-multi .select2-choices li +{ + float: right; +} + +.select2-container-multi .select2-choices .select2-search-field { + margin: 0; + padding: 0; + white-space: nowrap; +} + +.select2-container-multi .select2-choices .select2-search-field input { + background: none !important; + border: none; + outline: none; + color: #666; + margin: 0; + padding: 0 5px; + height: 29px; + font-family: 'dindisplay_pro', sans-serif; + line-height: 27px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.select2-container-multi .select2-choices .select2-search-field:first-child input { + padding: 0 20px; +} + +/* end multiselect */ + + +.select2-result-selectable .select2-match, +.select2-result-unselectable .select2-match { + text-decoration: underline; +} + +.select2-offscreen, .select2-offscreen:focus { + clip: rect(0 0 0 0) !important; + width: 1px !important; + height: 1px !important; + border: 0 !important; + margin: 0 !important; + padding: 0 !important; + overflow: hidden !important; + position: absolute !important; + outline: 0 !important; + left: 0px !important; + top: 0px !important; +} + +.select2-display-none { + display: none; +} + +.select2-measure-scrollbar { + position: absolute; + top: -10000px; + left: -10000px; + width: 100px; + height: 100px; + overflow: scroll; +} diff --git a/static/client/css/vendor.css b/static/client/css/vendor.css new file mode 100644 index 00000000..64743fb6 --- /dev/null +++ b/static/client/css/vendor.css @@ -0,0 +1,2811 @@ +/* + * Swiper - Mobile Touch Slider CSS + * http://www.idangero.us/sliders/swiper + * + * Vladimir Kharlampidi, The iDangero.us + * http://www.idangero.us/ + * + * Copyright 2012-2013, Vladimir Kharlampidi + * The iDangero.us + * http://www.idangero.us + * + * Licensed under GPL & MIT + * +*/ + +/* =============================================================== +Basic Swiper Styles +================================================================*/ +.swiper-container { + margin:0 auto; + position:relative; + overflow:hidden; + -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; +} +.swiper-wrapper { + position:relative; + width:100%; + -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; +} +.swiper-free-mode > .swiper-wrapper { + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + -ms-transition-timing-function: ease-out; + -o-transition-timing-function: ease-out; + transition-timing-function: ease-out; + margin: 0 auto; +} +.swiper-slide { + float: left; +} + +/* IE10 Windows Phone 8 Fixes */ +.swiper-wp8-horizontal { + -ms-touch-action: pan-y; +} +.swiper-wp8-vertical { + -ms-touch-action: pan-x; +} + +/* =============================================================== +Your custom styles, here you need to specify container's and slide's +sizes, pagination, etc. +================================================================*/ +.swiper-container { + /* Specify Swiper's Size: */ + + /*width:200px; + height: 100px;*/ +} +.swiper-slide { + /* Specify Slides's Size: */ + + /*width: 100%; + height: 100%;*/ +} +.swiper-slide-active { + /* Specific active slide styling: */ + +} +.swiper-slide-visible { + /* Specific visible slide styling: */ + +} +/* =============================================================== +Pagination Styles +================================================================*/ +.swiper-pagination-switch { + /* Stylize pagination button: */ + +} +.swiper-active-switch { + /* Specific active button style: */ + +} +.swiper-visible-switch { + /* Specific visible button style: */ + +} + +.mCustomScrollbar { + -ms-touch-action: none; + touch-action: none +} + +.mCustomScrollbar.mCS_no_scrollbar { + -ms-touch-action: auto; + touch-action: auto +} + +.mCustomScrollBox { + position: relative; + + height: 100%; + max-width: 100%; + outline: 0; + direction: ltr +} + +.mCSB_container { + width: auto; + height: auto +} + +.mCSB_inside > .mCSB_container { + margin-right: 30px +} + +.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { + margin-right: 0 +} + +.mCS-dir-rtl > .mCSB_inside > .mCSB_container { + margin-right: 0; + margin-left: 30px +} + +.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { + margin-left: 0 +} + +.mCSB_scrollTools { + position: absolute; + width: 16px; + height: auto; + left: auto; + top: 0; + right: 0; + bottom: 0 +} + +.mCSB_outside + .mCSB_scrollTools { + right: -26px +} + +.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { + right: auto; + left: 0 +} + +.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { + left: -26px +} + +.mCSB_scrollTools .mCSB_draggerContainer { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: auto +} + +.mCSB_scrollTools a + .mCSB_draggerContainer { + margin: 20px 0 +} + +.mCSB_scrollTools .mCSB_draggerRail { + width: 2px; + height: 100%; + margin: 0 auto; + -webkit-border-radius: 16px; + -moz-border-radius: 16px; + border-radius: 16px +} + +.mCSB_scrollTools .mCSB_dragger { + cursor: pointer; + width: 100%; + height: 30px; + z-index: 1 +} + +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + position: relative; + width: 4px; + height: 100%; + margin: 0 auto; + -webkit-border-radius: 16px; + -moz-border-radius: 16px; + border-radius: 16px; + text-align: center +} + +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { + width: 12px +} + +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + width: 8px +} + +.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { + display: block; + position: absolute; + height: 20px; + width: 100%; + overflow: hidden; + margin: 0 auto; + cursor: pointer +} + +.mCSB_scrollTools .mCSB_buttonDown { + bottom: 0 +} + +.mCSB_horizontal.mCSB_inside > .mCSB_container { + margin-right: 0; + margin-bottom: 30px +} + +.mCSB_horizontal.mCSB_outside > .mCSB_container { + min-height: 100% +} + +.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { + margin-bottom: 0 +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal { + width: auto; + height: 16px; + top: auto; + right: 0; + bottom: 0; + left: 0 +} + +.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { + bottom: -26px +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { + margin: 0 20px +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 2px; + margin: 7px 0 +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { + width: 30px; + height: 100%; + left: 0 +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 4px; + margin: 6px auto +} + +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { + height: 12px; + margin: 2px auto +} + +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + height: 8px; + margin: 4px 0 +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { + display: block; + position: absolute; + width: 20px; + height: 100%; + overflow: hidden; + margin: 0 auto; + cursor: pointer +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { + left: 0 +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { + right: 0 +} + +.mCSB_container_wrapper { + position: absolute; + height: auto; + width: auto; + overflow: hidden; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin-right: 30px; + margin-bottom: 30px +} + +.mCSB_container_wrapper > .mCSB_container { + padding-right: 30px; + padding-bottom: 30px +} + +.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { + bottom: 20px +} + +.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { + right: 20px +} + +.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { + bottom: 0 +} + +.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { + right: 0 +} + +.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { + left: 20px +} + +.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { + left: 0 +} + +.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { + margin-right: 0; + margin-left: 30px +} + +.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { + padding-right: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box +} + +.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { + padding-bottom: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box +} + +.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { + margin-right: 0; + margin-left: 0 +} + +.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { + margin-bottom: 0 +} + +.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { + -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + transition: opacity .2s ease-in-out, background-color .2s ease-in-out +} + +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { + -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; + -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; + -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; + transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out +} + +.mCSB_scrollTools { + opacity: .75; + filter: "alpha(opacity=75)"; + -ms-filter: "alpha(opacity=75)" +} + +.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { + opacity: 0; + filter: "alpha(opacity=0)"; + -ms-filter: "alpha(opacity=0)" +} + +.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { + opacity: 1; + filter: "alpha(opacity=100)"; + -ms-filter: "alpha(opacity=100)" +} + +.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.4); + filter: "alpha(opacity=40)"; + -ms-filter: "alpha(opacity=40)" +} + +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.75); + filter: "alpha(opacity=75)"; + -ms-filter: "alpha(opacity=75)" +} + +.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.85); + filter: "alpha(opacity=85)"; + -ms-filter: "alpha(opacity=85)" +} + +.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.9); + filter: "alpha(opacity=90)"; + -ms-filter: "alpha(opacity=90)" +} + +.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { + background-image: url(mCSB_buttons.png); + background-repeat: no-repeat; + opacity: .4; + filter: "alpha(opacity=40)"; + -ms-filter: "alpha(opacity=40)" +} + +.mCSB_scrollTools .mCSB_buttonUp { + background-position: 0 0 +} + +.mCSB_scrollTools .mCSB_buttonDown { + background-position: 0 -20px +} + +.mCSB_scrollTools .mCSB_buttonLeft { + background-position: 0 -40px +} + +.mCSB_scrollTools .mCSB_buttonRight { + background-position: 0 -56px +} + +.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { + opacity: .75; + filter: "alpha(opacity=75)"; + -ms-filter: "alpha(opacity=75)" +} + +.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { + opacity: .9; + filter: "alpha(opacity=90)"; + -ms-filter: "alpha(opacity=90)" +} + +.mCS-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.15) +} + +.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75) +} + +.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: rgba(0, 0, 0, 0.85) +} + +.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: rgba(0, 0, 0, 0.9) +} + +.mCS-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -80px 0 +} + +.mCS-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -80px -20px +} + +.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -80px -40px +} + +.mCS-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -80px -56px +} + +.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { + width: 4px; + background-color: #fff; + background-color: rgba(255, 255, 255, 0.1); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px +} + +.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 4px; + background-color: #fff; + background-color: rgba(255, 255, 255, 0.75); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px +} + +.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 4px; + margin: 6px auto +} + +.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.85) +} + +.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.9) +} + +.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px 0 +} + +.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -20px +} + +.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -40px +} + +.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -56px +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85) +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9) +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px 0 +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -20px +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -40px +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -56px +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { + width: 4px; + background-color: #fff; + background-color: rgba(255, 255, 255, 0.1); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 6px; + background-color: #fff; + background-color: rgba(255, 255, 255, 0.75); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px +} + +.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 4px; + margin: 6px 0 +} + +.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 6px; + margin: 5px auto +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.85) +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.9) +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { + background-position: -16px 0 +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { + background-position: -16px -20px +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -20px -40px +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { + background-position: -20px -56px +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85) +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9) +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { + background-position: -96px 0 +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { + background-position: -96px -20px +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -100px -40px +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { + background-position: -100px -56px +} + +.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.1) +} + +.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 2px +} + +.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100% +} + +.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 2px; + margin: 7px auto +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.15) +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75) +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85) +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9) +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { + background-position: -80px 0 +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { + background-position: -80px -20px +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -80px -40px +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { + background-position: -80px -56px +} + +.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.15) +} + +.mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { + height: 14px +} + +.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 14px; + margin: 0 1px +} + +.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { + width: 14px +} + +.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + height: 14px; + margin: 1px 0 +} + +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { + width: 16px; + height: 16px; + margin: -1px 0 +} + +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + width: 4px +} + +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { + height: 16px; + width: 16px; + margin: 0 -1px +} + +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + height: 4px; + margin: 6px 0 +} + +.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { + background-position: 0 -72px +} + +.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { + background-position: 0 -92px +} + +.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { + background-position: 0 -112px +} + +.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { + background-position: 0 -128px +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75) +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.15) +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85) +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9) +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -80px -72px +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -80px -92px +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -80px -112px +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -80px -128px +} + +.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { + width: 4px +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + background-color: transparent; + background-position: center +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); + background-repeat: repeat-y; + opacity: .3; + filter: "alpha(opacity=30)"; + -ms-filter: "alpha(opacity=30)" +} + +.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + height: 4px; + margin: 6px 0; + background-repeat: repeat-x +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { + background-position: -16px -72px +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { + background-position: -16px -92px +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -20px -112px +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { + background-position: -20px -128px +} + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=") +} + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -96px -72px +} + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -96px -92px +} + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -100px -112px +} + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -100px -128px +} + +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-repeat: repeat-y; + background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); + background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); + background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%) +} + +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + background-repeat: repeat-x; + background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); + background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%) +} + +.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { + height: 70px +} + +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { + width: 70px +} + +.mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { + opacity: 1; + filter: "alpha(opacity=30)"; + -ms-filter: "alpha(opacity=30)" +} + +.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + -webkit-border-radius: 16px; + -moz-border-radius: 16px; + border-radius: 16px +} + +.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { + width: 8px; + background-color: #000; + background-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2) +} + +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #555 +} + +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 8px +} + +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 8px; + margin: 4px 0; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2) +} + +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 8px; + margin: 4px auto +} + +.mCS-3d.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px -72px +} + +.mCS-3d.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -92px +} + +.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -112px +} + +.mCS-3d.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -128px +} + +.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1) +} + +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1) +} + +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px -72px +} + +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -92px +} + +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -112px +} + +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -128px +} + +.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools { + opacity: 1; + filter: "alpha(opacity=30)"; + -ms-filter: "alpha(opacity=30)" +} + +.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px +} + +.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { + right: 1px +} + +.mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical { + box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5) +} + +.mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { + bottom: 1px; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5) +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); + width: 12px; + margin: 2px; + position: absolute; + height: auto; + top: 0; + bottom: 0; + left: 0; + right: 0 +} + +.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4) +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #555 +} + +.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + height: 12px; + width: auto +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { + background-color: #000; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1) +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { + background-color: transparent +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px -72px +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -92px +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -112px +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -128px +} + +.mCS-3d-thick-dark.mCSB_scrollTools { + box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2) +} + +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal { + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2) +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2) +} + +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2) +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #777 +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { + background-color: #fff; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1) +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: transparent +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px -72px +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -92px +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -112px +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -128px +} + +.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { + right: 0; + margin: 12px 0 +} + +.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { + bottom: 0; + margin: 0 12px +} + +.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { + left: 0; + right: auto +} + +.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: transparent +} + +.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { + height: 50px +} + +.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { + width: 50px +} + +.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.2); + filter: "alpha(opacity=20)"; + -ms-filter: "alpha(opacity=20)" +} + +.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.5); + filter: "alpha(opacity=50)"; + -ms-filter: "alpha(opacity=50)" +} + +.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.2); + filter: "alpha(opacity=20)"; + -ms-filter: "alpha(opacity=20)" +} + +.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.5); + filter: "alpha(opacity=50)"; + -ms-filter: "alpha(opacity=50)" +} + +.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { + width: 6px; + background-color: #000; + background-color: rgba(0, 0, 0, 0.2) +} + +.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 6px +} + +.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 6px; + margin: 5px 0 +} + +.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + width: 12px +} + +.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + height: 12px; + margin: 2px 0 +} + +.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px -72px +} + +.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -92px +} + +.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -112px +} + +.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -128px +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75) +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85) +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9) +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1) +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px -72px +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -92px +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -112px +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -128px +} + +.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { + width: 12px; + background-color: #000; + background-color: rgba(0, 0, 0, 0.2) +} + +.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 6px; + margin: 3px 5px; + position: absolute; + height: auto; + top: 0; + bottom: 0; + left: 0; + right: 0 +} + +.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + height: 6px; + margin: 5px 3px; + position: absolute; + width: auto; + top: 0; + bottom: 0; + left: 0; + right: 0 +} + +.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 12px; + margin: 2px 0 +} + +.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px -72px +} + +.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -92px +} + +.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -112px +} + +.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -128px +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75) +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85) +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9) +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1) +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px -72px +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -92px +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -112px +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -128px +} + +.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: transparent; + border-width: 1px; + border-style: solid; + border-color: #fff; + border-color: rgba(255, 255, 255, 0.2); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box +} + +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { + border-color: #000; + border-color: rgba(0, 0, 0, 0.2) +} + +.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.6) +} + +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.6) +} + +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75) +} + +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85) +} + +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9) +} + +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.75) +} + +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.85) +} + +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.9) +} +/*! jQuery UI - v1.10.3 - 2013-11-24 +* http://jqueryui.com +* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.menu.css +* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { + display: none; +} +.ui-helper-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +.ui-helper-reset { + margin: 0; + padding: 0; + border: 0; + outline: 0; + line-height: 1.3; + text-decoration: none; + font-size: 100%; + list-style: none; +} +.ui-helper-clearfix:before, +.ui-helper-clearfix:after { + content: ""; + display: table; + border-collapse: collapse; +} +.ui-helper-clearfix:after { + clear: both; +} +.ui-helper-clearfix { + min-height: 0; /* support: IE7 */ +} +.ui-helper-zfix { + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + opacity: 0; + filter:Alpha(Opacity=0); +} + +.ui-front { + z-index: 100; +} + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { + cursor: default !important; +} + + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + display: block; + text-indent: -99999px; + overflow: hidden; + background-repeat: no-repeat; +} + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.ui-autocomplete { + position: absolute; + top: 0; + left: 0; + cursor: default; +} + +.ui-menu { + list-style: none; + padding: 2px; + margin: 0; + display: block; + outline: none; +} +.ui-menu .ui-menu { + margin-top: -3px; + position: absolute; +} +.ui-menu .ui-menu-item { + margin: 0; + padding: 0; + width: 100%; + /* support: IE10, see #8844 */ + list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); +} +.ui-menu .ui-menu-divider { + margin: 5px -2px 5px -2px; + height: 0; + font-size: 0; + line-height: 0; + border-width: 1px 0 0 0; +} +.ui-menu .ui-menu-item a { + text-decoration: none; + display: block; + padding: 2px .4em; + line-height: 1.5; + min-height: 0; /* support: IE7 */ + font-weight: normal; +} +.ui-menu .ui-menu-item a.ui-state-focus, +.ui-menu .ui-menu-item a.ui-state-active { + font-weight: normal; + margin: -1px; +} + +.ui-menu .ui-state-disabled { + font-weight: normal; + /*margin: .4em 0 .2em; + line-height: 1.5;*/ +} +.ui-menu .ui-state-disabled a { + cursor: default; +} + +/* icon support */ +/*.ui-menu-icons { + position: relative; +} +.ui-menu-icons .ui-menu-item a { + position: relative; + padding-left: 2em; +}*/ + +/* left-aligned */ +/*.ui-menu .ui-icon { + position: absolute; + top: .2em; + left: .2em; +}*/ + +/* right-aligned */ +/*.ui-menu .ui-menu-icon { + position: static; + float: right; +}*/ + +/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ +.fancybox-wrap, +.fancybox-skin, +.fancybox-outer, +.fancybox-inner, +.fancybox-image, +.fancybox-wrap iframe, +.fancybox-wrap object, +.fancybox-nav, +.fancybox-nav span, +.fancybox-tmp +{ + padding: 0; + margin: 0; + border: 0; + outline: none; + vertical-align: top; +} + +.fancybox-wrap { + position: absolute; + top: 0; + left: 0; + z-index: 8020; +} + +.fancybox-skin { + position: relative; + background: #f9f9f9; + color: #444; + text-shadow: none; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.fancybox-opened { + z-index: 8030; +} + +.fancybox-opened .fancybox-skin { + -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); + box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); +} + +.fancybox-outer, .fancybox-inner { + position: relative; +} + +.fancybox-inner { + overflow: hidden; +} + +.fancybox-type-iframe .fancybox-inner { + -webkit-overflow-scrolling: touch; +} + +.fancybox-error { + color: #444; + font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; + margin: 0; + padding: 15px; + white-space: nowrap; +} + +.fancybox-image, .fancybox-iframe { + display: block; + width: 100%; + height: 100%; +} + +.fancybox-image { + max-width: 100%; + max-height: 100%; +} + +#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { + background-image: url('fancybox_sprite.png'); +} + +#fancybox-loading { + position: fixed; + top: 50%; + left: 50%; + margin-top: -22px; + margin-left: -22px; + background-position: 0 -108px; + opacity: 0.8; + cursor: pointer; + z-index: 8060; +} + +#fancybox-loading div { + width: 44px; + height: 44px; + background: url('fancybox_loading.gif') center center no-repeat; +} + +.fancybox-close { + position: absolute; + top: -18px; + right: -18px; + width: 36px; + height: 36px; + cursor: pointer; + z-index: 8040; +} + +.fancybox-nav { + position: absolute; + top: 0; + width: 40%; + height: 100%; + cursor: pointer; + text-decoration: none; + background: transparent url('blank.gif'); /* helps IE */ + -webkit-tap-highlight-color: rgba(0,0,0,0); + z-index: 8040; +} + +.fancybox-prev { + left: 0; +} + +.fancybox-next { + right: 0; +} + +.fancybox-nav span { + position: absolute; + top: 50%; + width: 36px; + height: 34px; + margin-top: -18px; + cursor: pointer; + z-index: 8040; + visibility: hidden; +} + +.fancybox-prev span { + left: 10px; + background-position: 0 -36px; +} + +.fancybox-next span { + right: 10px; + background-position: 0 -72px; +} + +.fancybox-nav:hover span { + visibility: visible; +} + +.fancybox-tmp { + position: absolute; + top: -99999px; + left: -99999px; + visibility: hidden; + max-width: 99999px; + max-height: 99999px; + overflow: visible !important; +} + +/* Overlay helper */ + +.fancybox-lock { + overflow: hidden !important; + width: auto; +} + +.fancybox-lock body { + overflow: hidden !important; +} + +.fancybox-lock-test { + overflow-y: hidden !important; +} + +.fancybox-overlay { + position: absolute; + top: 0; + left: 0; + overflow: hidden; + display: none; + z-index: 8010; + background: url('../lib/fancybox/fancybox_overlay.png'); +} + +.fancybox-overlay-fixed { + position: fixed; + bottom: 0; + right: 0; +} + +.fancybox-lock .fancybox-overlay { + overflow: auto; + overflow-y: scroll; +} + +/* Title helper */ + +.fancybox-title { + visibility: hidden; + font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; + position: relative; + text-shadow: none; + z-index: 8050; +} + +.fancybox-opened .fancybox-title { + visibility: visible; +} + +.fancybox-title-float-wrap { + position: absolute; + bottom: 0; + right: 50%; + margin-bottom: -35px; + z-index: 8050; + text-align: center; +} + +.fancybox-title-float-wrap .child { + display: inline-block; + margin-right: -100%; + padding: 2px 20px; + background: transparent; /* Fallback for web browsers that doesn't support RGBa */ + background: rgba(0, 0, 0, 0.8); + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + text-shadow: 0 1px 2px #222; + color: #FFF; + font-weight: bold; + line-height: 24px; + white-space: nowrap; +} + +.fancybox-title-outside-wrap { + position: relative; + margin-top: 10px; + color: #fff; +} + +.fancybox-title-inside-wrap { + padding-top: 10px; +} + +.fancybox-title-over-wrap { + position: absolute; + bottom: 0; + left: 0; + color: #fff; + padding: 10px; + background: #000; + background: rgba(0, 0, 0, .8); +} + +/*Retina graphics!*/ +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min--moz-device-pixel-ratio: 1.5), + only screen and (min-device-pixel-ratio: 1.5){ + + #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { + background-image: url('fancybox_sprite@2x.png'); + background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ + } + + #fancybox-loading div { + background-image: url('fancybox_loading@2x.gif'); + background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ + } +} + +/* Resizable +----------------------------------*/ +.ui-resizable { position: relative;} +.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } +.ui-resizable-n { cursor: n-resize; height: 9px; width: 9px; top: -5px; left: 50%; margin-left: -4px; background: rgba(255, 255, 255, 0.5);} +.ui-resizable-s { cursor: s-resize; height: 9px; width: 9px; bottom: -5px; left: 50%; margin-left: -4px; background: rgba(255, 255, 255, 0.5);} +.ui-resizable-e { cursor: e-resize; width: 9px; right: -5px; top: 50%; margin-top: -4px; height: 9px; background: rgba(255, 255, 255, 0.5);} +.ui-resizable-w { cursor: w-resize; width: 9px; left: -5px; top: 50%; height: 9px; margin-top: -4px; background: rgba(255, 255, 255, 0.5);} +.ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: -5px; bottom: -5px; background: rgba(255, 255, 255, 0.5);} +.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; background: rgba(255, 255, 255, 0.5);} +.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; background: rgba(255, 255, 255, 0.5);} +.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; background: rgba(255, 255, 255, 0.5);} + +.photoTag-taglist{ + list-style:none; + padding: 0; +} +.photoTag-taglist li{ + margin-left: 0; + display: inline; + padding: 0; +} +.tg-close { + display: block; + position: absolute; + right: 0; + top: 0; + width: 32px; + height: 32px; + cursor: pointer; + z-index: 100; +} +.tg-close:before { + content: ''; + display: block; + width: 10px; + height: 10px; + background: url(../img/sprites.png) -227px -149px no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -5px 0 0 -5px; +} +.taghover:before { + content: ''; + display: block; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; +} +.taghover .tg-close { + width: 18px; + height: 18px; +} +.taghover .tg-close:before { + background: url('static/img/x.png') 0 0 no-repeat; + left: 8px; + top: 9px; +} + +.taghover .tg-close:hover:before { + background-position: 0 -32px; +} +.tg-close:hover:before { + background-position: -227px -160px ; +} +.photoTag-taglist a.tg-close { + display: inline; + margin: 0; + padding: 0 5px 0 3px; + text-decoration: none; + position: relative; +} +.photoTag-wrap { + overflow: hidden; +} +.utag-right, .utag-left { + width: 2000px; + background: rgba(0, 0, 0, 0.5); + position: absolute; + top: 0; +} +.utag-left { + left: -2000px; +} +.utag-top, .utag-bot { + width: 4000px; + background: rgba(0, 0, 0, 0.5); + position: absolute; + height: 2000px; + left: -2000px; +} +.utag-top { + top: -2000px; +} +.taghover { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + z-index: 3014; + background-color: rgba(255, 255, 255, 0.01); +} +#expoNewTagForm { + background-color: #FFFFFF; + padding: 10px; + overflow:hidden; + position: absolute; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + line-height: 100%; + z-index: 1039; +} +#expoNewTagForm button { + padding: 0 27px; + margin: 10px 0 0 0; +} +.ptListHolder ul { + position:relative; + display: block; + min-height: 24px; + width: 120px; + background: #ffffff; +} +.ptListHolder ul li { + padding: 0; + margin:0; + border-bottom: 1px solid #DDDDDD; +} +.ptListHolder ul li a { + padding: 10px 5px 10px 5px!important; + text-align: left; + display: block!important; +} +.photoTag-tag { + border: 1px solid rgba(255, 255, 255, 0.7); + background-color: transparent; + overflow: hidden; + z-index:1021; +} +#photoTag-tag_expo { + overflow: visible; +} +.photoTag-tag .photoTag-delete { + background:url('/x2.png') no-repeat; + width:25px; + height:29px; + display:inline; + z-index:3200; + position:absolute; + right:-22px; + cursor:pointer; + opacity: 0.8; +} +#expoNewTagForm input{ + display: block; +} +#expoNewTagForm input[type="text"] { + padding: 0 5px 0 5px; + font-size: 14px; + height: 36px; +} +#expoNewTagForm label{ + width: auto; + float: left; + color: #FF6600; + line-height: 100%; + text-align: left; + line-height: 21px; +} +#expoNewTagForm .inputSubmit +{ + color: #FF6600; + background-color: #ffffff; + border: 1px solid #ffffff; + -moz-border-radius-topleft: 5px; + -webkit-border-top-left-radius: 5px; + -moz-border-radius-topright: 5px; + -webkit-border-top-right-radius: 5px; + -moz-border-radius-bottomleft: 5px; + -webkit-border-bottom-left-radius: 5px; + -moz-border-radius-bottomright: 5px; + -webkit-border-bottom-right-radius: 5px; +} +#expoNewTagForm .inputSubmit { + float: right; + margin: 5px 0 0; + padding: 5px; +} +#expoNewTagForm .inputCancel { + border: 0 none; +} + +.innerTag{ + float: left; + background-color: #FF6600; + padding: 3px; + height: 14px; + position: relative; + line-height: 100%; + top: -23px; + left: 0; + font-size: 12px; + color: #ffffff; + -moz-border-radius-topleft: 5px; + -webkit-border-top-left-radius: 5px; + -moz-border-radius-topright: 5px; + -webkit-border-top-right-radius: 5px; +} + +.c-select-box.places .csb-title ul.ui-autocomplete { + background: none repeat scroll 0 0 #FFFFFF; + border: 1px solid #CCCCCC; + margin-left: 0; + z-index: 1020; +} + +.c-select-box.places .csb-title ul.ui-autocomplete li +{ + margin-bottom: 5px; +} +.places-list ul li a:before, .topics-list ul li a:before { + content: ""; + display: block; + height: 8px; + left: -12px; + position: absolute; + top: 50%; + margin-top: -4px; + width: 8px; + z-index: 1; + background: url('../img/sprites.png') no-repeat -83px -16px; +} +.places-list > ul > li.active > a:before,.level2.active > a:before, .topics-list > ul > li.active > a:before { + content: ""; + display: block; + height: 8px; + left: -12px; + position: absolute; + top: 3px; + width: 8px; + z-index: 1; + background: url('../img/sprites.png') no-repeat -86px -24px; +} +.places-list > ul > li.active > a:before, .topics-list > ul > li.active > a:before{ + margin-top: 2px; +} +.level2.active > a:before{ + margin-top: 2px; +} + +.c-select-box-wrap .custom-radio-check:before { + content: ''; + width: 13px; + height: 13px; + display: block; + position: absolute; + top: 50%; + margin-top: -5px; + left: -16px; + z-index: 1; + background: url('../img/sprites.png') no-repeat -345px -135px ; +} +.c-select-box-wrap .custom-radio-check.active:before { + content: ''; + width: 13px; + height: 13px; + display: block; + position: absolute; + top: 50%; + margin-top: -6px; + left: -17px; + z-index: 1; + background: url('../img/sprites.png') no-repeat -46px -16px; +} +.ac-custom-message { + background: none repeat scroll 0 0 #FFFFFF; + border: 1px solid #CCCCDC; + border-radius: 5px; + padding: 5px 10px 5px 25px; + position: absolute; + z-index: 1415; + display: none; +} +.ac-custom-message span:before { + background: url("../img/sprites.png") no-repeat scroll -106px -16px #FFFFFF; + content: ""; + display: block; + height: 10px; + left: 7px; + position: absolute; + top: 19px; + width: 13px; + z-index: 1416; +} +/* ******************************************************* */ +/* Select2 plugin styles */ +/* ******************************************************* */ + +.select2-container { + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0; + word-spacing: normal; +} + +.mf-field .select2-container { + width: 100%; +} + +.select2-container ul, +.select2-drop ul { + margin: 0; + padding: 0; + list-style: none; +} + +.select2-container, +.select2-drop, +.select2-search, +.select2-search input { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.select2-container .select2-choice, +.select2-container .select2-choices { + position: relative; + display: block; + border: 1px solid #bdbdbd; + background: #fff; + width: 100%; + /*padding: 5px 30px 2px 3px;*/ + padding-right: 30px; + font-family: 'dindisplay_pro', sans-serif; + font-size: 15px; + line-height: 19px; + text-decoration: none; + overflow: hidden; + white-space: nowrap; + color: #464646; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: inset 0 2px 2px -2px #aaa; + -moz-box-shadow: inset 0 2px 2px -2px #aaa; + box-shadow: inset 0 2px 2px -2px #aaa; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + -webkit-transition: none; + -moz-transition: none; + -ms-transition: none; + -o-transition: none; + transition: none; +} + +.select2-container .select2-choices { + height: auto; + min-height: 40px; + cursor: text; +} + +.select2-container-active .select2-choice, +.select2-container-active .select2-choices { + /*border: 2px solid #ff6600;*/ + outline: none; + padding-right: 29px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + border-radius: 4px; +} + +.select2-dropdown-open .select2-choice, +.select2-dropdown-open .select2-choices { + border: 2px solid #ff6600; + border-bottom: 0; + padding-right: 29px; + border-bottom: none; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; +} + +.select2-dropdown-open.select2-drop-above .select2-choice, +.select2-dropdown-open.select2-drop-above .select2-choices { + padding: 6px 26px 1px 2px; + border-bottom: 2px solid #ff6600; + border-top: none; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; +} + +.select2-container-multi .select2-choices:after { + content: " "; + display: block; + width: 8px; + height: 5px; + overflow: hidden; + background: url(../img/sprites.png) -86px -27px no-repeat; + position: absolute; + right: 12px; + top: 17px; +} + +.select2-container-multi.select2-container-active .select2-choices:after { + right: 11px; + top: 16px; +} + +.select2-dropdown-open.select2-drop-above .select2-choices:after { + right: 11px; + top: 18px; +} + +.select2-container-multi.select2-container-disabled .select2-choices { + background: #fff; + /*border: 1px solid #bdbdbd;*/ + cursor: default; +} + +.select2-container.select2-allowclear .select2-choice .select2-chosen { + margin-right: 30px; +} + +.select2-container .select2-choice > .select2-chosen { + display: block; + padding: 7px 0 6px 16px; + margin-right: 0; + line-height: 15px; + overflow: hidden; + + white-space: nowrap; + + text-overflow: ellipsis; + float: none; + width: auto; +} + +.select2-search-choice-close { + display: block; + position: absolute; + right: 0; + top: 0; + width: 25px; + height: 0; + padding-top: 26px; + overflow: hidden; + background: none; + outline: none; +} + +.select2-container-multi .select2-search-choice-close { + left: auto; +} + +.select2-search-choice-close:before { + content: ''; + display: inline-block; + width: 8px; + height: 8px; + background: url(../img/sprites.png) -134px -16px no-repeat; + position: absolute; + left: 50%; + top: 50%; + margin: -3px 0 0 -4px; +} + +.select2-container .select2-choice abbr { + display: none; + width: 30px; + height: 38px; + padding-top: 0; + position: absolute; + right: 30px; + top: 0; + + font-size: 1px; + text-decoration: none; + + border: 0; + background: none; + cursor: pointer; + outline: 0; +} + +.select2-container.select2-allowclear .select2-choice abbr { + display: block; +} + +.select2-container.select2-container-active.select2-allowclear .select2-choice abbr { + /*height: 36px;*/ + right: 29px; +} + +.select2-dropdown-open.select2-drop-above.select2-allowclear .select2-choice abbr { + margin-top: 2px; +} + +.select2-container.select2-allowclear .select2-choice abbr:before { + background-position: -74px -160px; +} + +.select2-container .select2-choice abbr:hover:before { + background-position: -134px -16px; +} + +.select2-container .select2-choice .select2-arrow { + display: block; + width: 29px; + height: 100%; + position: absolute; + right: 0; + top: 0; + + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} + +.select2-container.select2-container-active .select2-choice .select2-arrow { + width: 28px; +} + +.select2-container .select2-choice .select2-arrow b { + display: block; + width: 8px; + height: 5px; + overflow: hidden; + background: url(../img/sprites.png) -86px -27px no-repeat; + position: absolute; + right: 12px; + top: 50%; + margin-top: -2px; +} + +.select2-container.select2-dropdown-open.select2-drop-above .select2-choice .select2-arrow b { + top: 18px; +} + +.select2-container.select2-container-active .select2-choice .select2-arrow b { + right: 11px; + top: 16px; +} + +.select2-drop-mask { + position: fixed; + left: 0; + top: 0; + z-index: 9998; + height: auto; + width: auto; + min-height: 100%; + min-width: 100%; + border: 0; + margin: 0; + padding: 0; + background-color: #fff; + opacity: 0; + filter: alpha(opacity=0); +} + + +.select2-drop { + position: absolute; + top: 100%; + z-index: 9999; + width: 100%; + padding: 0 10px 10px; + background: #fff; + color: #000; + border: 2px solid #ff6600; + border-top: none; + font-family: 'dindisplay_pro', sans-serif; + font-size: 15px; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} + +.select2-drop.select2-drop-above { + padding: 10px 10px 0; + border-top: 2px solid #ff6600; + border-bottom: 0; + border-radius: 4px 4px 0 0; +} + +.select2-drop-active { + border-color: #ff6600; +} + +.select2-drop-auto-width { + border-top: 1px solid #aaa; + width: auto; +} + +.select2-drop-auto-width .select2-search { + padding-top: 4px; +} + +.select2-drop-active:before { + content: ''; + display: block; + border-top: 1px dotted #cccccc; + margin: 4px 0 5px; +} + +.select2-drop.select2-drop-above.select2-drop-active:before { + content: none; +} + +.select2-drop.select2-drop-above.select2-drop-active:after { + content: ''; + display: block; + border-bottom: 1px dotted #cccccc; + margin: 10px 0 4px; +} + + +.select2-search { + display: block; + width: 100%; + min-height: 26px; + margin: 0; + padding: 0 10px 10px; + + position: relative; + z-index: 10000; + + white-space: nowrap; +} + +.select2-search:after { + content: ''; + display: block; + width: 100%; + border-bottom: 1px dotted #cccccc; + padding: 0 10px; + margin: 5px -10px 0; +} + +.select2-search input[type='text'] { + position: relative; + width: 100%; + height: 26px; + border: none; + padding: 0; + margin: 0; + outline: 0; + font-family: 'dindisplay_pro', sans-serif; + font-size: 15px; + line-height: 26px; + + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + + background: #fff url('../img/select2/select2.png') no-repeat 100% -22px; +} + +.select2-search input:focus { + border: none; +} + +.select2-search input.select2-active { + background: #fff url('../img/select2/select2-spinner.gif') no-repeat 100%; +} + +.select2-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + + +.select2-default { + color: #a2a2a2 !important; +} + + +/* results */ +.select2-results { + max-height: 200px; + padding: 0 0 0 5px; + margin: 5px 5px 5px 0; + position: relative; + overflow-x: hidden; + overflow-y: auto; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +html[dir="rtl"] .select2-results { + padding: 0 5px 0 0; + margin: 5px 0 5px 5px; +} + +.select2-results ul.select2-result-sub { + margin: 0; + padding-left: 0; +} + +.select2-results li { + list-style: none; + display: list-item; + background-image: none; +} + +.select2-results li.select2-result-with-children > .select2-result-label { + font-weight: bold; +} + +.select2-results .select2-result-label { + padding: 3px 7px 4px; + margin: 0; + cursor: pointer; + + min-height: 1em; + + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.select2-results-dept-1 .select2-result-label { padding-left: 20px } +.select2-results-dept-2 .select2-result-label { padding-left: 40px } +.select2-results-dept-3 .select2-result-label { padding-left: 60px } +.select2-results-dept-4 .select2-result-label { padding-left: 80px } +.select2-results-dept-5 .select2-result-label { padding-left: 100px } +.select2-results-dept-6 .select2-result-label { padding-left: 110px } +.select2-results-dept-7 .select2-result-label { padding-left: 120px } + +.select2-results .select2-highlighted { + background: none; + color: #ff6600; +} + +.select2-results li em { + background: #feffde; + font-style: normal; +} + +.select2-results .select2-highlighted em { + background: transparent; +} + +.select2-results .select2-highlighted ul { + background: #fff; + color: #000; +} + +.select2-results .select2-no-results, +.select2-results .select2-searching, +.select2-results .select2-ajax-error, +.select2-results .select2-selection-limit { + background: #f4f4f4; + display: list-item; + padding-left: 5px; +} + +/* +disabled look for disabled choices in the results dropdown +*/ +.select2-results .select2-disabled.select2-highlighted { + color: #666; + background: #f4f4f4; + display: list-item; + cursor: default; +} +.select2-results .select2-disabled { + background: #f4f4f4; + display: list-item; + cursor: default; +} + +.select2-results .select2-selected { + display: none; +} + +.select2-more-results.select2-active { + background: #f4f4f4 url('../img/select2/select2-spinner.gif') no-repeat 100%; +} + +.select2-results .select2-ajax-error { + background: rgba(255, 50, 50, .2); +} + +.select2-more-results { + background: #f4f4f4; + display: list-item; +} + +/* disabled styles */ + +.select2-container.select2-container-disabled .select2-choice { + background: #ffffff; + cursor: default; +} + +.select2-container.select2-container-disabled .select2-choice .select2-arrow { + background: none; + border-left: 0; +} + +.select2-container.select2-container-disabled .select2-choice abbr { + display: none; +} + + + +/* multiselect */ + + +.select2-container-multi .select2-choices .select2-search-choice { + position: relative; + padding: 6px 25px 5px 15px; + margin: 0 3px 3px 0; + border: 1px solid #ff6600; + line-height: 15px; + color: #ff6600; + cursor: default; + + background: #ffffff; + + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.select2-locked { + padding: 3px 5px 3px 5px !important; +} + +.select2-container-multi .select2-choices li { + float: left; + list-style: none; +} + +html[dir="rtl"] .select2-container-multi .select2-choices li +{ + float: right; +} + +.select2-container-multi .select2-choices .select2-search-field { + margin: 0; + padding: 0; + white-space: nowrap; +} + +.select2-container-multi .select2-choices .select2-search-field input { + background: none !important; + border: none; + outline: none; + color: #666; + margin: 0; + padding: 0 5px; + height: 29px; + font-family: 'dindisplay_pro', sans-serif; + line-height: 27px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.select2-container-multi .select2-choices .select2-search-field:first-child input { + padding: 0 20px; +} + +/* end multiselect */ + + +.select2-result-selectable .select2-match, +.select2-result-unselectable .select2-match { + text-decoration: underline; +} + +.select2-offscreen, .select2-offscreen:focus { + clip: rect(0 0 0 0) !important; + width: 1px !important; + height: 1px !important; + border: 0 !important; + margin: 0 !important; + padding: 0 !important; + overflow: hidden !important; + position: absolute !important; + outline: 0 !important; + left: 0px !important; + top: 0px !important; +} + +.select2-display-none { + display: none; +} + +.select2-measure-scrollbar { + position: absolute; + top: -10000px; + left: -10000px; + width: 100px; + height: 100px; + overflow: scroll; +} diff --git a/static/client/css_min/main.min.css b/static/client/css_min/main.min.css new file mode 100644 index 00000000..62ebcec0 --- /dev/null +++ b/static/client/css_min/main.min.css @@ -0,0 +1 @@ +.page-wrap .layout .layout-wrap:after,hr{clear:both}a.l-button.ico:before,img{vertical-align:middle}.cabinet-links .cl-body a,.header-body .hb-wrap ul a,.page-wrap>header .logo a,.rub,a.l-button,a:hover{text-decoration:none}.a-graphic table,.calendar-container table,.mp-catalog-lists,.search-form-wrap,.sf-field,.tp-btn-wrap,.tp-wrap,.ui-datepicker table{border-collapse:collapse}button,html,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{height:1px;padding:0}fieldset{border:0;margin:0;padding:0}.chromeframe{background:#c00;color:#fee;padding:1em;margin:0;font-size:16px}.chromeframe a{color:#fee}.chromeframe a:hover{color:#fff}@font-face{font-family:dindisplay_pro;src:url(../fonts/pfdindisplaypro-med-webfont.eot);src:url(../fonts/pfdindisplaypro-med-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/pfdindisplaypro-med-webfont.woff) format('woff'),url(../fonts/pfdindisplaypro-med-webfont.ttf) format('truetype'),url(../fonts/pfdindisplaypro-med-webfont.svg#pf_dindisplay_promedium) format('svg');font-weight:500;font-style:normal}@font-face{font-family:dindisplay_pro;src:url(../fonts/pfdindisplaypro-thin-webfont.eot);src:url(../fonts/pfdindisplaypro-thin-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/pfdindisplaypro-thin-webfont.ttf) format('truetype'),url(../fonts/pfdindisplaypro-thin-webfont.woff) format('woff');font-weight:100;font-style:normal}@font-face{font-family:dindisplay_pro;src:url(../fonts/pfdindisplaypro-light-webfont.eot);src:url(../fonts/pfdindisplaypro-light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/pfdindisplaypro-light-webfont.woff) format('woff'),url(../fonts/pfdindisplaypro-light-webfont.ttf) format('truetype');font-weight:300;font-style:normal}@font-face{font-family:dindisplay_pro;src:url(../fonts/pfdindisplaypro-italic-webfont.eot);src:url(../fonts/pfdindisplaypro-italic-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/pfdindisplaypro-italic-webfont.woff) format('woff'),url(../fonts/pfdindisplaypro-italic-webfont.ttf) format('truetype');font-weight:400;font-style:italic}@font-face{font-family:dindisplay_pro;src:url(../fonts/pfdindisplaypro-bold-webfont.eot);src:url(../fonts/pfdindisplaypro-bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/pfdindisplaypro-bold-webfont.ttf) format('truetype'),url(../fonts/pfdindisplaypro-bold-webfont.woff) format('woff');font-weight:700;font-style:normal}@font-face{font-family:dindisplay_pro;src:url(../fonts/pfdindisplaypro-reg-webfont.eot);src:url(../fonts/pfdindisplaypro-reg-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/pfdindisplaypro-reg-webfont.woff) format('woff'),url(../fonts/pfdindisplaypro-reg-webfont.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:pt_sans;src:url(../fonts/pts75f-webfont.eot);src:url(../fonts/pts75f-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/pts75f-webfont.woff) format('woff'),url(../fonts/pts75f-webfont.ttf) format('truetype');font-weight:700;font-style:normal}@font-face{font-family:pt_sans;src:url(../fonts/pts55f-webfont.eot);src:url(../fonts/pts55f-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/pts55f-webfont.woff) format('woff'),url(../fonts/pts55f-webfont.ttf) format('truetype');font-weight:400;font-style:normal}body,html{margin:0;padding:0;height:100%;background:#f8f8f6;color:#464646;font-family:Arial,'Helvetica Neue',sans-serif;font-weight:400;font-style:normal;font-size:13px;line-height:18px;-webkit-font-smoothing:antialiased}body{position:relative;height:auto;min-width:1024px}body.no-scroll{overflow:hidden}a{color:#f60;background:0 0;outline:0!important;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}a[class*=icon-]:before{content:' ';display:inline-block;vertical-align:middle;width:16px;height:16px;background:url(../img/sprites.png) no-repeat;margin-right:4px}a.icon-mail:before{width:15px;height:12px;background-position:-223px 0}a.icon-ext-link:before{width:15px;height:13px;background-position:-261px 0}hr{display:block;border:dotted #ccc;border-width:1px 0 0;margin:17px 0;background:0 0}.lt-ie9 .header-body .header-top,.lt-ie9 .main-page .page-wrap .header-wrap{border-bottom:1px solid #ddd}.e-details .item-wrap.event+hr{margin-top:5px}.rub{font-style:normal}.rub:before{content:'\20CF';font-family:pt_sans,sans-serif}.rub i{display:none}.page-wrap{-moz-box-sizing:border-box;box-sizing:border-box;width:1024px;max-width:1310px;padding:0 7px;margin:0 auto}.page-wrap .layout{padding-left:13px}.page-wrap .layout .layout-wrap{padding-left:220px}.page-wrap .layout .layout-wrap:after,.page-wrap .layout .layout-wrap:before{content:" ";display:table}.page-wrap .layout .layout-wrap>*{-moz-box-sizing:border-box;box-sizing:border-box}.page-wrap .layout .layout-wrap>aside{position:relative;float:left;width:220px;padding-right:40px;margin:0 -100% 0 -220px}.page-wrap .layout.main-part .layout-wrap>aside{padding-top:30px}.page-wrap .layout .layout-wrap>aside>.sbg{width:200em;height:150px;background:url(../img/search-bg.jpg) no-repeat #f60;position:absolute;margin-right:40px;right:100%;top:0;border-radius:4px}.page-wrap .layout .layout-wrap .mcl{width:100%;float:right}.page-wrap .layout.mp-announces .layout-wrap{padding:0 257px 0 220px}.page-wrap .layout.mp-announces .layout-wrap aside{float:right;margin-right:-257px;padding-right:0;width:257px}.page-wrap .layout.mp-announces .layout-wrap .mcl{float:left;padding-right:40px}.page-wrap>header{font-family:dindisplay_pro,Arial,sans-serif}.cabinet-links .cl-body,a.l-button{font-family:dindisplay_pro,sans-serif}.page-wrap .header-wrap{padding:5px 0}.main-page .page-wrap .header-wrap{padding:5px 10px 5px 230px;margin:0 -10px;box-shadow:0 3px 6px -5px rgba(0,0,0,.4)}@-moz-document url-prefix(){.main-page .page-wrap .header-wrap{box-shadow:0 3px 5px -5px rgba(0,0,0,.3)}}.page-wrap>header .logo{width:220px;padding:38px 0 0;float:left;margin:0 -100% 0 -220px;-moz-box-sizing:border-box;box-sizing:border-box}.page-wrap>header .logo h1,.page-wrap>header .logo h2,.page-wrap>header .logo h3{-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 0 -13px;width:196px;padding-left:67px;font-family:dindisplay_pro,sans-serif;font-weight:500;font-style:normal;font-size:13px;line-height:13px}.page-wrap>header .logo a{color:#a2a2a2}.page-wrap>header .logo strong{display:block;width:196px;height:0;padding-top:59px;overflow:hidden;background:url(../img/logo.png) no-repeat;margin-left:-67px}.page-wrap>header .logo.beta strong{background:url(../img/logo_beta.png) no-repeat;width:225px}.page-wrap>header .logo b{margin-top:-8px;display:block;font-weight:400}.page-wrap>header .header-body{width:79%;min-width:770px;float:right}.header-body .header-top{-moz-box-sizing:border-box;box-sizing:border-box;padding:5px 510px 1px 25px;margin:0 -10px 0 -25px;font-size:12px;line-height:25px;text-transform:uppercase;box-shadow:0 3px 6px -5px rgba(0,0,0,.4)}@-moz-document url-prefix(){.header-body .header-top{box-shadow:0 3px 5px -5px rgba(0,0,0,.3)}}.header-body .header-top.coordinators{padding-right:10px}.header-body ul{margin:0;padding:0;list-style:none}.header-body .header-top ul li{display:inline}.header-body .header-top .ht-main{width:100%;float:left}.header-body .header-top.coordinators .ht-main{width:auto}.header-body .header-top .add-link{width:50%;float:left}a.l-button{color:#f60;font-weight:500;font-size:12px;line-height:15px;display:inline-block;margin-left:-21px;padding:5px;border:1px solid transparent;border-radius:4px}a.l-button:hover{color:#000}a.l-button.ico:before{content:' ';display:inline-block;width:11px;height:12px;background:url(../img/sprites.png) no-repeat;margin:-1px 4px 0 0}.add-link a.l-button.ico:hover:before{background-position:-63px -145px}.header-body .header-top ul{float:left}.header-body .header-top .lang-switch{width:50%;color:#a2a2a2}.header-body .header-top.coordinators .lang-switch{width:auto}.header-body .header-top .lang-switch li:before{content:'|';margin:-1px 7px 0 3px}.header-body .header-top .lang-switch li:first-child:before{content:'';margin:0;display:none}.header-body .header-top .lang-switch a{color:#464646}.header-body .header-top .lang-switch a:hover{color:#f60}.header-body .header-top .ht-side{width:510px;margin-right:-510px;float:right}.header-body .header-top.coordinators .ht-side{width:auto;margin-right:0}.header-body .header-top .authorisation-links{float:right;font-weight:500;text-decoration:none}.header-body .header-top .authorisation-links a{margin:0 -6px 0 16px}.header-body .header-top .authorisation-links a:first-child{margin-left:0}.header-body .header-top .authorisation-links a.register{color:#000}.header-body .header-top .authorisation-links a.register:hover{color:#f60}.header-body .header-top .authorisation-links a.register:before{background-position:-12px 0;height:13px;margin-top:-2px}.header-body .header-top .authorisation-links a.register:hover:before{background-position:-24px 0}.header-body .header-top .authorisation-links a.login:before{background-position:-36px 0;width:9px;height:12px;margin-top:-2px}.header-body .header-top .authorisation-links a.login:hover:before{background-position:-75px -145px}.cabinet-links{float:right;padding-right:35px;width:360px;-moz-box-sizing:border-box;box-sizing:border-box}.coordinators .cabinet-links{width:auto}.cabinet-links .cl-body{width:100%;float:left;background:#f60;color:#fff;font-size:11px;line-height:20px;font-weight:700;text-transform:uppercase;padding-left:22px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;-moz-box-sizing:border-box;box-sizing:border-box;height:44px;margin-top:-10px;margin-bottom:-4px}.button,.e-form button,.mp-top .recent-expo .re-date,.mp-top .recent-expo .re-title,.page-wrap>footer,.pgc-buttons button,nav ul{font-family:dindisplay_pro,Arial,sans-serif}.cabinet-links .cl-body>div,.cabinet-links .cl-body>ul{display:block;border-left:1px solid #fff;float:left;height:30px;margin-top:14px;padding-left:2px;padding-right:2px}.cabinet-links .cl-body .clb-messages{min-width:40px;padding-left:3px}.cabinet-links .cl-body>ul{padding:0 0 12px}.cabinet-links .cl-body>ul>li{display:block;padding:0 2px 12px;margin-bottom:-10px;border-left:1px solid #fff;float:left}.cabinet-links .cl-body>:first-child,.cabinet-links .cl-body>ul>li:first-child{border-left:none}.cabinet-links .cl-body>div.clb-settings{width:32px;float:right}.cabinet-links .cl-body>div.clb-docs{width:57px;padding-left:6px;float:left}.cabinet-links .cl-body>div.clb-docs a.cl-btn{margin-left:-4px;margin-right:-2px}.cabinet-links .cl-body a{color:#fff;position:relative;display:inline-block;height:30px;line-height:30px;padding:0 7px;margin:-6px 0;border:1px solid transparent;border-radius:4px}.cabinet-links .cl-body a:hover{border-color:#fff}.cabinet-links .cl-body .clb-messages a{text-align:center;display:table;margin-left:auto;margin-right:auto}a.icon-msg:before,a.icon-user:before{vertical-align:middle;display:inline-block;margin:-2px 3px 0 -1px}.cabinet-links .cl-body a.cl-btn{width:30px;height:0;padding:30px 0 0;overflow:hidden}a.icon-user:before{content:'';width:11px;height:13px;background:url(../img/sprites.png) -283px -101px no-repeat}a.cl-btn:before,a.icon-msg:before{content:'';width:13px}a.icon-msg:before{height:12px;background:url(../img/sprites.png) -268px -88px no-repeat}a.cl-btn:before{display:block;height:13px;background:url(../img/sprites.png) -283px -88px no-repeat;position:absolute;left:50%;top:50%;margin:-6px 0 0 -6px}a.icon-gear:before{background-position:-268px -101px}a.icon-cal:before{height:15px;background-position:-60px -17px;margin-top:-7px}a.icon-doc:before{width:10px;height:14px;background-position:-74px -16px;margin:-7px 0 0 -5px}.cabinet-links .logout{width:32px;float:right;margin:0 -35px 0 -32px}.cabinet-links .logout a{position:relative;display:block;width:30px;height:0;padding-top:30px;overflow:hidden;border:1px solid transparent;border-radius:4px;margin:-1px 0 -6px}.cabinet-links .logout a:hover{border-color:#f60;background:#fff}.cabinet-links .logout a:before{content:'';display:block;width:13px;height:12px;background:url(../img/sprites.png) -283px -88px no-repeat;position:absolute;left:50%;top:50%;margin:-5px 0 0 -5px}.page-wrap>footer nav>ul>li,nav ul{display:inline-block}.soc-media-buttons{margin:0;padding:0;list-style:none}.soc-media-buttons li{display:inline-block;line-height:18px;margin-left:2px}.soc-media-buttons li:first-child{margin-left:0}.header-body .header-top .soc-media-buttons{width:auto}.header-body .header-top.coordinators .soc-media-buttons{margin-right:10px}.header-body .header-top .soc-media-buttons li{line-height:14px;margin:0 5px 0 0}.header-body .header-top .soc-media-buttons img{height:14px;vertical-align:middle}.header-body .hb-wrap{padding:22px 470px 22px 0}.serv-links{float:left;width:100%}.header-body .hb-wrap ul{-moz-box-sizing:border-box;box-sizing:border-box;width:49.9%;min-width:140px;float:left;padding-right:10px}.header-body .hb-wrap ul li{margin-top:3px}.header-body .hb-wrap ul li:first-child{margin-top:0}.header-body .hb-wrap ul a{color:#a2a2a2}.header-body .hb-wrap ul a:hover{color:#f60;text-decoration:underline}.header-body .hb-wrap .abn{float:right;width:468px;height:60px;border:1px solid #eee;margin-right:-470px}.page-wrap>footer{margin-top:20px}.page-wrap>footer .layout-wrap.footer-wrap{padding:25px 10px 25px 230px;margin:0 -10px;box-shadow:inset 0 3px 6px -5px rgba(0,0,0,.4)}.lt-ie9 .page-wrap>footer .layout-wrap.footer-wrap{border-top:1px solid #ddd}.page-wrap>footer .copy{font-size:12px;color:#f60;margin-bottom:10px}.page-wrap>footer nav{width:65%;float:left}nav ul{margin:0;padding:0;list-style:none;text-transform:uppercase;font-size:13px;line-height:16px}.page-wrap .layout .layout-wrap>aside nav{margin-bottom:20px}.main-page .page-wrap .layout .layout-wrap>aside nav{margin-bottom:0}aside nav>ul.main-menu>li{margin-top:-4px}aside nav>ul.main-menu>li:first-child{margin-top:0}nav>ul>li.sub>span,nav>ul>li>a{display:block;text-decoration:none;padding:4px 6px 2px;border:1px solid transparent;border-radius:4px}@-moz-document url-prefix(){.page-wrap>footer .footer-wrap{box-shadow:inset 0 3px 5px -5px rgba(0,0,0,.3)}nav ul{line-height:17px}nav>ul>li>a{padding:3px 6px 2px}}aside nav>ul.main-menu>li.sub>span,aside nav>ul.main-menu>li>a{padding:5px 10px 3px}nav>ul>li>a:hover{border-color:#f60}nav .main-menu{font-size:25px;line-height:25px;margin:-5px 0 10px -11px}.page-wrap>footer nav .main-menu{font-size:20px;line-height:20px;margin:-3px 0 1px -10px}.page-wrap>footer nav .main-menu>li{margin-left:10px;letter-spacing:1px}.page-wrap>footer nav .main-menu>li:first-child{margin-left:0}.main-menu>li>a,.main-menu>li>span{color:#464646;padding:5px 9px 2px}@-moz-document url-prefix(){.main-menu>li>a{padding:4px 9px 3px}}.page-wrap>footer nav .main-menu>li.sub>a{padding-right:10px}.main-menu li:hover>a{color:#f60;border-color:#f60}.main-menu>li.sub>a,.main-menu>li.sub>span{-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s}.main-menu>li.sub:hover>a,.main-menu>li.sub:hover>span{color:#ff9e74;background:#f60}.main-menu .sub{position:relative}.main-menu li.sub>a:after,.main-menu li.sub>span:after{content:' ';display:inline-block;vertical-align:middle;width:13px;height:12px;background:url(../img/sprites.png) -46px 0 no-repeat;margin:-3px 0 0 8px}.main-menu .sub:hover>a:after,.main-menu .sub:hover>span:after{background-position:-46px -16px}.page-wrap>footer nav .main-menu li.sub>a:after{width:12px;height:10px;background-position:0 -16px;margin-left:5px}.page-wrap>footer nav .main-menu .sub:hover>a:after{background-position:-13px -16px}.main-menu .sub ul{position:absolute;width:100%;left:0;top:100%;padding:5px 10px;font-size:18px;line-height:22px;letter-spacing:normal;background:#f60;margin-top:-5px;border-radius:4px;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.page-wrap>footer nav .main-menu .sub ul{top:auto;bottom:100%;font-size:16px;line-height:18px;margin:0 0 -5px}.main-menu .sub:hover ul{display:block}.main-menu .sub ul a{text-decoration:none;color:#fff}.main-menu>li.sub ul a:hover{color:#ffc4aa}aside nav ul.s-menu{display:inline-block;font-size:14px;line-height:17px;margin-top:-2px}nav ul.s-menu{margin:0 0 0 -7px}aside nav ul.s-menu>li{margin-top:-2px}.page-wrap>footer nav ul.s-menu>li{margin-left:3px}.page-wrap>footer ul.s-menu>li:first-child,aside nav ul.s-menu>li:first-child{margin:0}aside nav+hr{margin-top:-5px}.page-wrap>footer .counters{width:33.33%;float:right}.page-wrap>footer .counters>ul{display:inline-block;vertical-align:top;margin:0;padding:0;list-style:none;text-align:left}.page-wrap>footer .counters>ul>li{display:inline-block;vertical-align:top;margin:0 0 5px 3px}.swiper-wrapper{margin:0;padding:0;list-style:none}.main-page section.layout{margin:30px 0}.mp-top .recent-expo{position:relative;overflow:hidden;padding-top:5px}.mp-top .recent-expo ul{margin:0;padding:0;list-style:none}.mp-top .recent-expo ul li{float:left;width:100%;display:none}.mp-top .recent-expo ul li:first-child{display:block}.mp-top .recent-expo .re-pict{width:220px;height:220px;margin-right:40px;overflow:hidden;float:left;border-radius:4px;max-width:100%;max-height:100%}.mp-top .recent-expo .re-body{position:relative;overflow:hidden;min-height:220px}.mp-top .recent-expo .re-body .re-info{margin-bottom:70px}.mp-top .recent-expo .re-body .re-info a{text-decoration:none}.mp-top .recent-expo .re-title{font-weight:100;font-size:50px;line-height:48px;margin:0 80px 5px 0}.mp-top .recent-expo .re-title a{text-decoration:none}.mp-top .recent-expo .re-date{font-weight:100;font-size:24px;line-height:27px;color:#464646;margin-bottom:3px}.mp-top .recent-expo .re-date span{color:#afafaf}.mp-top .recent-expo .re-descr{color:#a2a2a2;font-size:14px;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.mp-top .recent-expo footer{position:absolute;width:100%;bottom:0;left:0}.mp-top .recent-expo .re-buttons{margin-bottom:12px}.mp-top .recent-expo .re-tags{color:#a2a2a2;font-size:11px;line-height:15px}.mp-top .recent-expo .re-tags a{color:#a2a2a2;text-decoration:none}.mp-top .recent-expo .re-tags .re-t-total{color:#d4d4d4;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s}.mp-top .recent-expo .re-tags a:hover,.mp-top .recent-expo .re-tags a:hover .re-t-total{color:#f60}.mp-top .recent-expo .re-controls{position:absolute;right:0;top:0;z-index:100;display:none}.mp-top .recent-expo .re-controls.enabled{display:block}.mp-top .recent-expo .re-controls a{position:relative;display:inline-block;width:29px;height:0;padding-top:29px;overflow:hidden;background:#e3e3e3;box-shadow:inset 0 1px 0 rgba(0,0,0,.1),0 1px 0 #fff}.mp-top .recent-expo .re-controls a:before{content:' ';display:block;width:10px;height:12px;background:url(../img/sprites.png) -113px 0 no-repeat;position:absolute;left:50%;top:50%;margin:-6px 0 0 -5px}.mp-top .recent-expo .re-controls a:hover{background:#f60}.mp-top .recent-expo .re-controls a.prev{border-radius:4px 0 0 4px;margin-right:-1px}.mp-top .recent-expo .re-controls a.prev:before{background-position:-113px 0}.mp-top .recent-expo .re-controls a.next{border-radius:0 4px 4px 0;margin-left:-1px}.mp-top .recent-expo .re-controls a.next:before{background-position:-123px 0}.mp-top .recent-expo .re-controls a.next.disabled,.mp-top .recent-expo .re-controls a.prev.disabled{background:#e3e3e3;opacity:.5;cursor:default}.button,.e-form button,.pgc-buttons button{display:inline-block;vertical-align:middle;height:26px;padding:3px 14px 2px;background:0 0;text-decoration:none;color:#f60;border:1px solid #feb17d;text-transform:uppercase;font-weight:700;font-size:13px;line-height:20px;text-shadow:0 1px 0 #fff;border-radius:4px;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .3s,color .3s;-o-transition:background .3s,color .3s;transition:background .3s,color .3s;word-spacing:normal;white-space:nowrap}.lc{text-transform:none}.button.lc{font-weight:400;line-height:18px}.button.big{height:36px;font-size:15px;line-height:31px;padding:3px 19px 2px}.e-form .button,.e-form button{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3)}@-moz-document url-prefix(){.button.lc{line-height:17px}}.button:hover,.e-form button:hover,.pgc-buttons button:hover{border-color:#f60;background:#f60;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3);box-shadow:inset 0 1px 0 rgba(0,0,0,.1)}.e-form .button:hover,.e-form .input-file:hover .button,.e-form button:hover{background:#ff8000;border-color:#fff}.button.blue{border-color:#90c7e0;color:#2592c5}.button.blue.active,.button.blue:hover{border-color:#2592c5;background:#2592c5;color:#fff}.button.blue2{border-color:#7ed4f5;color:#00adef}.button.blue2 i{font-style:normal;color:#1d447d}.button.blue2:hover{border-color:#1d447d;background:#1d447d;color:#00adef}.button.blue2:hover i{color:#fff}.button.green{border-color:#c1e090;color:#87c525}.button.green.active,.button.green:hover{border-color:#87c525;background:#87c525;color:#fff;text-shadow:none}.button.orange,.button.orange:hover{text-shadow:0 1px 0 rgba(0,0,0,.3)}.button.red{border-color:#e87e7d;color:#d90000}.button.red:hover{border-color:#d90000;background:#d90000;color:#fff}.button.grey{border-color:#c6c6c6;color:#b4b4b4}.button.grey:hover{border-color:#b4b4b4;background:#b4b4b4;color:#fff}.button.orange{border-color:#f60;color:#fff;background:#f60;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff8000),color-stop(100%,#f60));background:-webkit-linear-gradient(top,#ff8000 0,#f60 100%);background:-o-linear-gradient(top,#ff8000 0,#f60 100%);background:-webkit-linear-gradient(top,#ff8000 0,#f60 100%);background:-o-linear-gradient(top,#ff8000 0,#f60 100%);background:linear-gradient(to bottom,#ff8000 0,#f60 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8000', endColorstr='#ff6600', GradientType=0 )}.cli-photo-list .cli-phg-bot .cli-pb-button .button{height:29px;line-height:22px;padding-top:4px}.button.more,.cli-photo-list .cli-phg-bot .cli-pb-button .button.more{height:29px;font-size:17px;line-height:19px;text-transform:none;padding-top:4px}.button.more:after{content:' ';display:inline-block;vertical-align:middle;width:5px;height:9px;background:url(../img/sprites.png) -148px -16px no-repeat;margin:1px 0 0 10px}.button.b-more:after{content:'';display:inline-block;vertical-align:middle;width:8px;height:12px;background:url(../img/sprites.png) -175px 0 no-repeat;margin:-1px -5px 0 8px}.button.blue.more:after{background-position:-165px -14px}.button.more:hover:after{background-position:-165px -23px}.button[class*=icon-]:before{content:' ';display:inline-block;vertical-align:middle;width:16px;height:16px;background:url(../img/sprites.png) no-repeat;margin:-3px 5px 0 0}.button.big[class*=icon-]:before{margin-right:7px}.button.icon-calendar:before{width:14px;background-position:-60px 0}.button.icon-calendar.active:before,.button.icon-calendar:hover:before{background-position:-60px -16px}.button.icon-calendar-o:before{width:13px;background-position:-183px -145px}.button.icon-calendar-o:hover:before{background-position:-197px -145px}.button.icon-save:before{width:12px;height:13px;background-position:-155px -145px;margin-top:-1px}.button.icon-save:hover:before{background-position:-155px -159px}.button.icon-print:before{width:13px;height:13px;background-position:-169px -145px;margin-top:-2px}.button.icon-print:hover:before{background-position:-169px -159px}.button.icon-note:before{width:11px;height:14px;background-position:-74px 0}.button.icon-note.active:before,.button.icon-note:hover:before{background-position:-74px -16px}.button.icon-sm:before{width:8px;height:9px;background-position:-287px -32px;margin-left:-2px}.button.icon-sm:hover:before{background-position:-287px -41px}.button.icon-edit:before{width:14px;height:13px;background-position:-277px 0}.button.icon-edit:hover:before,.button.orange.icon-edit:before{background-position:-277px -15px}.button.icon-del:before{width:12px;height:14px;background-position:-259px -30px}.button.icon-del:hover:before{background-position:-259px -45px}.button.icon-copy:before{width:15px;height:14px;background-position:-261px 0}.button.icon-copy:hover:before{background-position:-261px -15px}.button.icon-info:before{width:10px;height:11px;background-position:-280px -64px}.button.icon-info:hover:before{background-position:-280px -76px}.button.icon-list:before{width:10px;height:9px}.button.blue.icon-list:before{background-position:-175px -52px}.button.green.icon-list:before{background-position:-186px -52px}.button.icon-list:hover:before{background-position:-197px -52px}.button.icon-msg:before{width:11px;height:11px;background-position:-268px -64px}.button.icon-msg:hover:before{background-position:-268px -76px}.button.icon-photo:before{width:11px;height:11px;background-position:-226px -96px}.button.icon-photo:hover:before{background-position:-226px -108px}.button.icon-reply:before{width:11px;height:12px;background-position:-238px -95px}.button.icon-reply:hover:before{background-position:-238px -108px}.button.icon-go:before{width:8px;height:10px;background-position:-291px -64px}.button.icon-go:hover:before{background-position:-291px -75px}.button.icon-check:before,.pgc-buttons button.icon-check:before{width:13px;height:11px;background-position:-106px -16px}.button.icon-check:hover:before,.button.orange.icon-check:before,.pgc-buttons button.icon-check:hover:before{background-position:-120px -16px}.button.icon-find:before{width:12px;height:13px;background-position:-184px 0}.button.icon-find:hover:before{background-position:-250px -95px}.button.icon-bell:before{width:12px;height:13px;background-position:-211px -49px;margin-top:0}.button.icon-bell:hover:before{background-position:-225px -120px}.button.icon-tag:before{width:10px;height:10px;background-position:-239px 0}.button.icon-tag:hover:before{background-position:-250px 0}.button.icon-clip:before{width:14px;height:16px;background-position:-225px -147px;margin-bottom:-1px}.button.icon-clip:hover:before,.e-form .button.icon-clip:before{background-position:-240px -147px}.button.icon-camera:before{width:16px;height:15px;background-position:-300px -85px}.button.icon-camera:hover:before,.button.orange.icon-camera:before{background-position:-300px -101px}.button.icon-view:before{width:15px;height:11px;background-position:-225px -164px}.button.icon-view:hover:before{background-position:-241px -164px}.button.icon-add:before{width:13px;height:14px;background-position:-268px -116px}.button.icon-add:hover:before{background-position:-282px -116px}.e-price-wrap .button.big.orange,button{border:none;outline:0;height:36px;padding:1px 25px 0;font-family:dindisplay_pro,sans-serif;font-weight:700;font-size:15px;line-height:35px;text-transform:uppercase;text-align:center;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3);letter-spacing:normal;word-spacing:normal;background:#f60;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff8000),color-stop(100%,#f60));background:-webkit-linear-gradient(top,#ff8000 0,#f60 100%);background:-o-linear-gradient(top,#ff8000 0,#f60 100%);background:-webkit-linear-gradient(top,#ff8000 0,#f60 100%);background:-o-linear-gradient(top,#ff8000 0,#f60 100%);background:linear-gradient(to bottom,#ff8000 0,#f60 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8000', endColorstr='#ff6600', GradientType=0 );border-radius:3px;-moz-box-sizing:border-box;box-sizing:border-box}.e-price-wrap .button.big.orange{height:41px;font-size:17px;line-height:40px}.button.orange:hover,.e-price-wrap .button.big.orange:hover,button:hover{background:#ff8000;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fe9150),color-stop(100%,#ff8000));background:-webkit-linear-gradient(top,#fe9150 0,#ff8000 100%);background:-o-linear-gradient(top,#fe9150 0,#ff8000 100%);background:-webkit-linear-gradient(top,#fe9150 0,#ff8000 100%);background:-o-linear-gradient(top,#fe9150 0,#ff8000 100%);background:linear-gradient(to bottom,#fe9150 0,#ff8000 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9150', endColorstr='#ff8000', GradientType=0 )}.pw-form button{padding:2px 25px 0;height:46px;line-height:44px}.pw-form button[class*=icon-]{padding:2px 40px 0 30px}.pw-reg .pw-form button{width:265px;cursor:pointer}button[class*=icon-]:before{content:' ';display:inline-block;vertical-align:middle;background:url(../img/sprites.png) no-repeat;margin:-2px 7px 0 0}button.icon-check:before{width:13px;height:11px;background-position:-120px -16px}button.icon-save:before{width:13px;height:14px;background-position:-203px -16px}button.icon-arrow:before{width:8px;height:12px;background-position:-176px 0}.page-wrap section.layout.search-form .layout-wrap{height:125px;padding:25px 0 25px 420px;margin-left:-200px;border-radius:0 4px 4px 0;box-sizing:border-box}.in-search-form,.page-wrap section.layout.search-form .layout-wrap{font-family:dindisplay_pro,Arial,sans-serif;font-weight:400;font-size:14px;line-height:18px;color:#fff;background:url(../img/search-bg.jpg) 100% 100% no-repeat #f60;-moz-box-sizing:border-box}.in-search-form{position:relative;height:150px;margin:0 0 15px -40px;padding:30px 0 5px 40px;z-index:3;border-radius:4px;box-sizing:border-box}.in-search-form .s-title,.search-form aside .s-title{text-transform:uppercase;font-size:25px;line-height:25px}.modals .popup-window{display:none}.search-form aside .s-title{white-space:nowrap;margin-right:-20px}.in-search-form .s-title{margin-bottom:15px}.search-form .mcl{padding-right:50px}.search-form-wrap{display:table;width:100%}.search-form-wrap .search-line{display:table-row}.search-form-wrap .search-line .sf-field-wrap{display:table-cell;vertical-align:middle;padding:0 10px 8px 0;color:#ffd9bf;line-height:15px}.search-form-wrap .search-line .sf-field-wrap:first-child{width:48%}.search-form-wrap .search-line .sf-field-wrap+.sf-field-wrap{width:32%}.search-form-wrap .search-line .sf-field-wrap+.sf-field-wrap+.sf-field-wrap{width:20%}.search-line.sl-options a{display:inline-block;color:#fff;text-decoration:none;border-bottom:1px dashed;line-height:13px}.search-line.sl-options a:hover{border-bottom:none}.search-line.sl-options a.sf-clear{position:relative;display:inline-block;vertical-align:middle;border-bottom:none;width:16px;height:0;padding-top:24px;margin:-5px 0 -5px 2px;overflow:hidden}.search-line.sl-options a.sf-clear:before{content:'';display:block;width:6px;height:7px;background:url(../img/sprites.png) -135px -25px no-repeat;position:absolute;left:50%;top:50%;margin:-3px 0 0 -3px}.fancybox-close:before,.mp-photo-gallery .pg-item .pgi-descr .pgi-date b:before,.mp-photo-gallery .re-controls a:before,.mps-sect nav a:after,.online-adviser header b:before,.subscribe-sm ul li a:before,a.more:after{content:' '}.sf-field{position:relative;display:table;width:100%;height:40px;background:#fff;color:#aaa;box-shadow:inset 0 1px 0 #d9d9d9,0 -1px 0 rgba(0,0,0,.2);z-index:1}.sf-field-wrap:first-child .sf-field{border-radius:4px 0 0 4px}.sf-field>*{display:table-cell;vertical-align:middle}.sf-field label{font-size:16px;line-height:20px;font-weight:400;padding:10px 5px 10px 20px;white-space:nowrap}.sf-field .input-text{width:100%;height:100%}.sf-field .input-text input[type=text]{display:block;width:100%;height:100%;background:0 0;border:none;outline:0;padding:10px 10px 10px 0;font-family:dindisplay_pro,Arial,sans-serif;font-weight:400;font-size:16px;line-height:20px;-moz-box-sizing:border-box;box-sizing:border-box}.in-search-form button.modal-approve,.in-search-form button.search_submit,.search-form button.modal-approve,.search-form button.search_submit{display:inline-block;vertical-align:top;height:40px;border:1px solid #fff;outline:0;color:#fff;font-family:dindisplay_pro,Arial,sans-serif;font-weight:700;font-size:15px;line-height:41px;text-transform:uppercase;padding:0 25px;border-radius:0 4px 4px 0;-moz-box-sizing:border-box;box-sizing:border-box;box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(0,0,0,.2);-webkit-filter:none;filter:none}button.modal-approve{border-radius:4px!important}.in-search-form button.modal-approve:before,.in-search-form button.search_submit:before,.search-form button.modal-approve:before,.search-form button.search_submit:before{content:' ';display:inline-block;vertical-align:middle;width:15px;height:14px;background:url(../img/sprites.png) -98px 0 no-repeat;margin:-2px 5px 0 -1px}.in-search-form button:hover,.search-form button:hover{position:relative;top:-1px}.sf-autocomplete{position:relative;z-index:3048;height:40px;display:none}.sf-autocomplete.show{display:block}.sf-autocomplete .sfa-wrap{position:absolute;left:0;width:100%;top:0;padding:20px;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;box-shadow:0 0 0 3px rgba(0,0,0,.2);visibility:hidden;background:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 10%,#efefef 100%);background:-o-linear-gradient(top,#fff 10%,#efefef 100%);background:-webkit-linear-gradient(top,#fff 10%,#efefef 100%);background:-o-linear-gradient(top,#fff 10%,#efefef 100%);background:linear-gradient(to bottom,#fff 10%,#efefef 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=0 );border-radius:4px 0 4px 4px}.sf-autocomplete .sfa-wrap.show{visibility:visible}.ui-autocomplete{position:relative;width:100%;max-height:265px;overflow-y:auto;overflow-x:hidden;left:0!important;top:0!important;padding:5px 10px 0 0;border-top:1px dotted #ccc;-moz-box-sizing:border-box;box-sizing:border-box}.c-select-box .csb-menu,.custom-select .cs-scroll-container{max-height:230px}.ui-autocomplete-category{font-size:15px;line-height:17px;color:#f60;padding:8px 10px 0 0}.ui-menu .ui-menu-item{padding:0 10px 0 5px;margin-top:2px}.ui-menu .ui-menu-item a{color:#464646;font-size:15px;line-height:15px;border:none;padding:2px 5px;cursor:pointer}.ui-menu .ui-menu-item a.ui-state-active,.ui-menu .ui-menu-item a.ui-state-focus{color:#f60;margin:0}.ui-menu .ui-menu-item a i{font-style:normal;color:#a2a2a2}.in-search-form .modal-clear,.search-form .modal-clear{height:40px;border:1px solid #fff;padding:0 25px;box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(0,0,0,.2)}.main-page .page-wrap .mp-catalog .layout-wrap{padding:0 10px 30px 230px;margin:0 -10px;box-shadow:0 3px 6px -5px rgba(0,0,0,.4)}.mp-catalog-lists{display:table;table-layout:fixed;width:100%}.mp-catalog-lists .mpc-list{display:table-cell;vertical-align:top;padding-right:40px;width:33.33%;-moz-box-sizing:border-box;box-sizing:border-box}.mp-catalog-lists .mpc-list:first-child{min-width:260px}.mp-catalog-lists .mpc-list header{font-family:dindisplay_pro,Arial,sans-serif;font-weight:100;font-size:28px;line-height:28px;text-transform:uppercase;color:#f60;margin-bottom:10px}.mp-news-list footer,.mp-news-list header,.mp-photo-gallery,.online-adviser header,.s-news-list footer,.s-news-list header,.s-phone .s-callback,.s-phone .s-tel,.subscribe-sm{font-family:dindisplay_pro,sans-serif}.mp-catalog-lists .mpc-list ul{margin:0 0 7px;padding:0;list-style:none;font-size:12px;line-height:15px}.mp-catalog-lists .mpc-list ul li{margin-bottom:4px}.leter-list a,.mp-catalog-lists .mpc-list ul a{color:#464646;text-decoration:none}.mp-catalog-lists .mpc-list ul a span{text-decoration:underline}.mp-catalog-lists .mpc-list ul a i{font-style:normal;color:#aaa}.leter-list a,.mp-catalog-lists .mpc-list ul a,.mp-catalog-lists .mpc-list ul a *{-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s}.leter-list a:hover,.mp-catalog-lists .mpc-list ul a:hover,.mp-catalog-lists .mpc-list ul a:hover *{color:#f60;text-decoration:none}.mp-catalog-lists .mpc-list footer{font-size:11px}a.more:after{display:inline-block;vertical-align:middle;width:6px;height:7px;background:url(../img/sprites.png) -39px -16px no-repeat;margin-left:5px}a.more.blue2{color:#40bbea}a.more.blue2:after{background-position:-249px -52px}.mp-catalog-lists+.abn{display:inline-block;margin-top:25px;overflow:hidden;border-radius:4px}.main-page .online-adviser .oa-wrap,.main-page .s-phone .sp-wrap{border:none;padding-top:0}.s-phone{margin:0 0 15px;padding-left:25px}.s-phone .s-tel{font-weight:500;font-style:normal;font-size:25px;line-height:25px}.s-phone .s-tel em{display:block;font-style:normal;font-weight:400;font-size:17px;line-height:19px;float:left;margin:0 5px 0 -25px;color:#a2a2a2}@-moz-document url-prefix(){.main-page .page-wrap .mp-catalog .layout-wrap{box-shadow:0 3px 5px -5px rgba(0,0,0,.3)}.s-phone .s-tel em{margin-top:1px}}.main-page .s-phone .s-tel em{color:#f60}.s-phone .s-callback{font-weight:400;font-size:10px;text-transform:uppercase;margin-top:-2px}.s-phone .s-callback a{color:#a2a2a2}.s-phone .s-callback a:hover{color:#f60;text-decoration:none}.online-adviser{margin:0 0 15px;padding-left:40px}.main-page .online-adviser{margin-bottom:40px}.online-adviser header{overflow:hidden;font-weight:500;font-size:16px;text-transform:uppercase;padding-left:40px;margin:0 0 8px -40px}.mp-news-list ul,.s-news-list ul,.subscribe-sm ul{list-style:none;padding:0}.online-adviser header a{color:#464646;text-decoration:none}.online-adviser header b{display:block;font-weight:400;font-size:20px;line-height:20px;text-decoration:underline;color:#87c525}.online-adviser header b:before{display:block;width:31px;height:26px;background:url(../img/sprites.png) 0 -33px no-repeat;float:left;margin:0 -100% 0 -40px}.online-adviser header a,.online-adviser header a *{-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s}.online-adviser header a:hover,.online-adviser header a:hover *{color:#f60;text-decoration:none}.online-adviser header a:hover b:before{background-position:-84px -145px}.online-adviser .oa-descr{font-size:11px;line-height:14px;color:#a2a2a2}.subscribe-sm header{font-weight:100;font-size:18px;line-height:18px;text-transform:uppercase;margin-bottom:10px}.subscribe-sm ul{margin:0 -100% 0 0;font-size:10px;line-height:13px}.subscribe-sm ul li{display:inline-block;vertical-align:bottom;margin-left:5px}.subscribe-sm ul li:first-child{margin-left:0}.subscribe-sm ul li a{text-decoration:none}.subscribe-sm ul li a:before{display:block;background:url(../img/sprites.png) no-repeat;margin:0 auto 5px}a.icon-big-email{color:#5e5e5e}.subscribe-sm ul li a.icon-big-email:before{width:30px;height:26px;background-position:-32px -33px}a.icon-big-rss{color:#f60}.subscribe-sm ul li a.icon-big-rss:before{width:25px;height:26px;background-position:-91px -33px}a.icon-big-twitter{color:#00bff3}.subscribe-sm ul li a.icon-big-twitter:before{width:29px;height:25px;background-position:-117px -33px}a.icon-big-ical{color:#ed1c24}.subscribe-sm ul li a.icon-big-ical:before{width:26px;height:29px;background-position:-64px -33px}.mp-news-list header{font-weight:100;font-size:27px;line-height:28px;color:#a2a2a2;margin-bottom:15px}.mp-news-list header a{color:#a2a2a2;text-decoration:none}.mp-news-list header a:hover{color:#f60}.mp-news-list ul{margin:0}.mp-news-list ul li{margin-bottom:20px;overflow:hidden;font-size:12px;line-height:15px}.mp-news-list ul li a{display:block;text-decoration:none;color:#767675}.mp-news-list ul li a:hover{color:#f60}.mp-news-list li a span{display:block}.mp-news-list .nl-pict img{margin-top:11px}.mp-news-list .nl-pict{width:80px;height:80px;overflow:hidden;margin-right:20px;float:left;border-radius:4px;text-align:center;background:#fff;box-shadow:inset 0 1px 0 #e8e8e7}.mp-news-list .nl-body{overflow:hidden}.mp-news-list .nl-text{margin-bottom:5px}.mp-news-list .nl-date{font-size:11px;line-height:13px;color:#f60}.mp-news-list footer a.more{color:#bbb}.mp-news-list footer a.more:after{background-position:-39px -24px}.mp-news-list footer a.more:hover{color:#f60}.mp-news-list footer a.more:hover:after{background-position:-39px -16px}.s-news-list{margin:20px 0}.s-news-list header{font-weight:100;font-size:23px;line-height:25px;color:#a2a2a2;margin-bottom:15px}.s-news-list header a{text-decoration:none;color:#a2a2a2}.s-news-list header a:hover{color:#f60}.s-news-list ul{margin:0}.s-news-list ul li{margin-bottom:15px;overflow:hidden;font-size:12px;line-height:15px}.s-news-list ul li a{display:block;text-decoration:none;color:#767675}.s-news-list ul li a:hover{color:#f60}.s-news-list li a span{display:block}.s-news-list .nl-pict{width:40px;height:40px;overflow:hidden;margin-right:20px}.s-news-list .nl-pict img{width:100%}.s-news-list .nl-body{overflow:hidden}.s-news-list .nl-text{margin-bottom:5px}.s-news-list .nl-date{font-size:11px;line-height:13px;color:#f60}.s-news-list footer a.more{color:#bbb}.s-news-list footer a.more:after{background-position:-39px -24px}.s-news-list footer a.more:hover{color:#f60}.s-news-list footer a.more:hover:after{background-position:-39px -16px}.mp-photo-gallery{margin-left:-220px}.mp-photo-gallery header{font-weight:100;font-size:27px;line-height:28px;color:#a2a2a2;margin-bottom:15px;padding-left:220px}.mp-photo-gallery header .pg-title{width:225px;margin:0 -220px;float:left}.mp-photo-gallery header .pg-title>a{color:#a2a2a2}.mp-photo-gallery header .pg-title>a:hover{color:#f60}.mp-photo-gallery header h2{display:inline-block;font-weight:400;font-size:28px;line-height:28px;margin:0;color:#f60}.mp-photo-gallery header h2 a:hover{color:#464646}.mp-photo-gallery .photo-gallery{position:relative;width:720px;max-width:100%;height:320px;margin:0}.mp-photo-gallery a{display:inline-block;width:100%;text-decoration:none}.mp-photo-gallery .photo-gallery ul{width:100%;height:100%}.mp-photo-gallery li{width:100%;height:100%;float:left}.mp-photo-gallery .pg-item{display:inline-block;position:relative;max-width:100%;overflow:hidden;border-radius:4px}.mp-photo-gallery .pg-item .pgi-pict{max-width:100%;text-align:center}.mp-photo-gallery .pg-item .pgi-pict img{margin:0 -50%}.mp-photo-gallery .pg-item .pgi-descr{position:absolute;width:100%;left:0;bottom:0;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;background:rgba(0,0,0,.6);padding:12px 25px 15px 220px;font-size:14px;line-height:16px;display:none}.lt-ie9 .mp-photo-gallery .pg-item .pgi-descr{background:url(../img/semitransparent-ie8.png)}.mp-photo-gallery li:first-child .pg-item .pgi-descr{display:block}.mp-photo-gallery .pg-item .pgi-descr .pgi-date{width:145px;float:left;margin:0 -145px 0 -180px;font-weight:100;font-size:13px;line-height:16px}.mp-photo-gallery .pg-item .pgi-descr .pgi-date b{display:block;font-weight:500;font-size:15px}.mp-partners .mpp-wrap header,.mps-sect header{font-family:dindisplay_pro,sans-serif;font-size:27px}.mp-photo-gallery .pg-item .pgi-descr .pgi-date b:before{display:block;width:12px;height:14px;background:url(../img/sprites.png) -85px 0 no-repeat;float:left;margin:2px -12px -14px -16px}.mp-photo-gallery .re-controls{display:none}.mp-photo-gallery .re-controls.enabled{display:block}.mp-photo-gallery .re-controls a{display:block;width:71px;height:0;padding-top:71px;overflow:hidden;position:absolute;top:50%;margin-top:-55px}.mp-photo-gallery .re-controls a:before{display:block;width:31px;height:62px;background:url(../img/sprites.png) 0 -63px no-repeat;position:absolute;left:50%;top:50%;margin:-31px 0 0 -15px}.mp-photo-gallery .re-controls a.prev{left:0}.mp-photo-gallery .re-controls a.prev:before{background-position:0 -63px}.mp-photo-gallery .re-controls a.next{right:0}.mp-photo-gallery .re-controls a.next:before{background-position:-32px -63px}.mp-photo-gallery .re-controls a.next.disabled,.mp-photo-gallery .re-controls a.prev.disabled{display:none}.mp-partners .layout-wrap{padding-left:200px;margin-left:-200px}.mp-partners .mpp-wrap{margin-left:-200px;padding:10px 0 12px 420px;line-height:71px;background:#fff;border-radius:0 4px 4px 0;box-shadow:0 -1px 0 #f0f0f0}.mp-partners .mpp-wrap header{display:block;float:left;width:220px;margin:0 -220px;font-weight:100;color:#a2a2a2}.mp-partners .mpp-wrap ul{margin:0 0 0 -20px;padding:0;list-style:none}.mp-partners .mpp-wrap li{display:inline-block;vertical-align:middle;margin-left:20px}.mps-sect header{font-weight:100;line-height:28px;color:#f60;margin-bottom:10px}.mps-sect nav ul{margin:0 -20px 0 -10px;text-transform:none}.mps-sect nav ul li{margin-bottom:2px}.mps-sect nav a{display:inline-block;font-size:14px;line-height:17px;text-decoration:underline;color:#464646;padding:2px 15px 2px 9px;border-color:transparent}.mps-sect nav a:hover{text-decoration:none;color:#f60;border-color:transparent}.mps-sect nav a:after{display:inline-block;vertical-align:middle;width:5px;height:8px;background:url(../img/sprites.png) -86px -16px no-repeat;margin:-1px -12px 0 7px;visibility:hidden}.mps-sect nav a:hover:after{visibility:visible}.hidden,.invisible{visibility:hidden}.mp-reviews-wrap .mp-reviews{width:65.9%;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.mp-reviews-wrap .mp-reviews header{font-family:dindisplay_pro,sans-serif;font-weight:100;font-size:27px;line-height:28px;color:#a2a2a2;display:table;width:100%;margin-bottom:10px}.mp-reviews-wrap .mp-reviews ul,.popup-window{font-family:dindisplay_pro,sans-serif;line-height:17px}.mp-reviews-wrap .mp-reviews header>*{display:table-cell;width:50%}.mp-reviews-wrap .mp-reviews header .mpr-title a{color:#a2a2a2;text-decoration:none}.mp-reviews-wrap .mp-reviews header .mpr-title a:hover{color:#f60}.mp-reviews-wrap .mp-reviews header .more-link{font-size:13px}.mp-reviews-wrap .mp-reviews ul{margin:0;padding:0;list-style:none;display:table;width:100%;font-size:14px}.mp-reviews-wrap .mp-reviews ul>li{display:table-cell;width:50%;padding-right:35px}.mp-reviews-wrap .mp-reviews li a{display:block;width:220px;color:#464646;text-decoration:none}.mp-reviews-wrap .mp-reviews li a:hover{color:#f60}.mp-reviews-wrap .mp-reviews li .mpr-pict{display:block;overflow:hidden;margin-bottom:7px;border-radius:4px}.mp-reviews-wrap .sbnr{width:33.33%;float:right;padding-top:43px}.mp-reviews-wrap .sbnr .sbnr-wrap{display:inline-block;border:1px solid #e3e3e3}.popups-wrap{position:absolute;left:-20000em;top:-20000em;width:100%;height:1px;overflow:hidden}.fancybox-skin{background:#f8f8f6}.fancybox-close{top:5px;right:5px;width:36px;height:36px;cursor:pointer;z-index:8040;background:0 0}.fancybox-close:before{display:block;width:10px;height:10px;background:url(../img/sprites.png) -133px 0 no-repeat;position:absolute;left:50%;top:50%;margin:-5px 0 0 -5px}.fancybox-close:hover:before{background-position:-144px 0}.popup-window{width:640px;font-size:15px;padding:35px 50px 30px;-moz-box-sizing:border-box;box-sizing:border-box}.popup-window.pw-period{width:530px}.popup-window header{padding-bottom:20px}.popup-window.pw-period header{padding-bottom:30px}.popup-window .pw-title{font-family:dindisplay_pro,sans-serif;font-weight:100;font-size:35px;line-height:35px;color:#f60}.popup-window footer{border-top:1px dotted #ccc;margin-top:25px;padding-top:25px}.popup-window footer .soc-med-login{display:table}.popup-window footer .soc-med-login>div{display:table-cell;vertical-align:top;line-height:30px}.popup-window footer .soc-med-login .sm-label{font-style:italic;padding-right:15px}.popup-window footer .soc-med-login .sm-body ul{margin:0;padding:0;list-style:none}.popup-window footer .soc-med-login .sm-body ul li{display:inline-block;margin-left:5px}.pw-form .pwf-line{margin-bottom:15px;display:table}.pw-form .pwf-line.subj-checks{margin-bottom:25px}.pw-form .pwf-line.period{margin-top:25px}.pw-form .pwf-buttons-line{margin-top:30px;display:block}.pw-form .pwf-buttons-line>div,.pw-form .pwf-line>div{display:inline-block;vertical-align:middle;width:auto}.pwf-line>label+div.pwf-field{display:block}.pw-form .pwf-field{padding-right:20px;vertical-align:top;width:310px}.pw-reg .pw-form .pwf-field{width:265px}.pw-form .pwf-field+.pwf-field{padding-right:0}.epf-field{position:relative}.custom-select .custom-select-wrap,.editor-wrap,input[type=text],input[type=password],textarea{border:1px solid #bdbdbd;outline:0;background:#fff;width:100%;height:40px;padding:0 6px;font-family:dindisplay_pro,sans-serif;font-size:15px;border-radius:3px;box-shadow:inset 0 2px 2px -2px #aaa;-moz-box-sizing:border-box;box-sizing:border-box}html[data-useragent*='Trident/7.0'] input[type=text],html[data-useragent*='Trident/7.0'] input[type=password],html[data-useragent*='Trident/7.0'] textarea{padding:0 5px 0 20px}input[type=text]:focus,input[type=password]:focus,textarea:focus{border:2px solid #f60;padding:0 5px}textarea{height:146px;padding:5px;line-height:20px;resize:none}.editor-wrap{height:auto;padding:0;line-height:normal;overflow:hidden}.editor-wrap textarea{border:none;padding:5px;box-shadow:none}textarea:focus{padding:4px}.p-form textarea{height:176px;resize:vertical}.p-form .mf-photos-list textarea{height:146px;resize:none}.pw-form input[type=text],.pw-form input[type=password]{height:40px}.pw-period .pw-form .pwf-field+.pwf-field{padding-left:10px}.mf-field .period .pwf-field{display:inline-block;padding-left:30px;font-size:17px;line-height:40px}.period .pwf-field label{font-size:20px;margin:0 5px 0 -15px}.mf-field .period .pwf-field label{font-size:17px}.period input[type=text].date{width:175px;padding-right:35px;background:url(../img/select.png) 100% 50% no-repeat #fff}.period input[type=text].date+button{position:absolute;width:36px;padding:0;overflow:hidden;margin-left:-37px;-moz-box-sizing:border-box;box-sizing:border-box;opacity:0}.period input[type=text].date+button:hover{top:auto}.lt-ie9 .period input[type=text].date+button{-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)}::-webkit-input-placeholder{color:#a2a2a2}:-moz-placeholder{color:#a2a2a2}::-moz-placeholder{color:#676767}:-ms-input-placeholder{color:#a2a2a2}.placeholder{color:#a2a2a2}label.check{display:inline-block;font-size:13px;line-height:15px;padding-left:27px;word-spacing:normal;cursor:pointer;-moz-box-sizing:border-box;box-sizing:border-box}label.check input{opacity:0;outline:0}.lt-ie9 label.check input{-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)}.lt-ie9 .custom-select select,.lt-ie9 .input-file .if-field-wrap input[type=file]{filter:alpha(opacity=0)}.check .custom-checkbox,.check .custom-radio{position:relative;display:block;width:20px;height:20px;margin:-3px -100% 0 -27px;float:left;background:#fff;border:1px solid #bdbdbd;border-radius:3px;box-shadow:inset 0 2px 2px -2px #aaa;-moz-box-sizing:border-box;box-sizing:border-box}.check .custom-checkbox:before,.check .custom-radio:before{content:' ';display:none;position:absolute;left:50%;top:50%;margin:-5px 0 0 -5px}.check .custom-radio{width:22px;height:22px;border-radius:20px}.check .custom-checkbox:before{width:11px;height:9px;background:url(../img/sprites.png) -93px -16px no-repeat}.check .custom-radio:before{width:10px;height:10px;background:#f60;border-radius:10px}.check .custom-checkbox.checked:before,.check .custom-radio.checked:before{display:block}.custom-select{display:block;text-align:left;line-height:18px;height:40px;box-sizing:border-box}.custom-select,.custom-select select{position:relative;-moz-box-sizing:border-box}.pw-form .custom-select{width:100%;height:40px}.e-form .custom-select{width:200px;height:26px}.custom-select select{width:100%;padding-right:30px;height:40px;opacity:0;z-index:0;cursor:pointer;box-sizing:border-box}.custom-select select[disabled]{cursor:default}.pw-form .custom-select select{height:40px}.custom-select option{padding:2px 10px}.custom-select .custom-select-wrap{display:block;position:absolute;overflow:hidden;left:0;right:0;top:0;z-index:1;padding-top:1px;padding-right:30px;cursor:pointer}.custom-select select[disabled]+.custom-select-wrap{cursor:default}.pw-form .custom-select .custom-select-wrap{line-height:47px;height:40px}.e-form .custom-select .custom-select-wrap{line-height:26px;height:26px;padding-left:7px}.custom-select .custom-select-wrap:after{content:" ";display:block;width:8px;height:5px;overflow:hidden;background:url(../img/sprites.png) -86px -27px no-repeat;position:absolute;right:12px;top:50%;margin-top:-3px}.e-form .custom-select .custom-select-wrap:after{margin-top:-2px}.custom-select .custom-select-text{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:39px}.pw-form .custom-select .custom-select-text{line-height:39px}.e-form .custom-select .custom-select-text{line-height:25px}.custom-select select:focus+.custom-select-wrap{border:2px solid #f60;padding:0 29px 0 19px}.custom-select select:focus+.custom-select-wrap:after{right:11px}.custom-select .cs-menu-wrap{position:absolute;min-width:100%;left:0;top:100%;margin-top:-1px;white-space:nowrap;z-index:50;padding:5px;border:1px solid #ccc;box-sizing:border-box;display:none}.c-select-box,.custom-select .cs-menu-wrap{background:#fff;-moz-box-sizing:border-box}.custom-select .scroll-content{padding:5px 18px}.custom-select .scroll-content ul{margin:0;padding:0;list-style:none;font-size:15px;line-height:19px}.custom-select .scroll-content ul li{margin-top:2px;cursor:pointer}.custom-select .scroll-content ul li:first-child{margin-top:0}.custom-select .scroll-content ul li:hover{color:#f60}.input-file{display:block;position:relative}.e-form .input-file{color:#fff;cursor:pointer}.mf-line .input-file{vertical-align:middle}.e-form .input-file .button{float:left;margin-right:10px}.mf-line .input-file .button{float:left;margin-right:20px}.input-file .file-text{display:block;overflow:hidden;height:26px;line-height:26px;text-overflow:ellipsis;font-size:15px;white-space:nowrap}.mf-line .input-file .file-text{font-size:17px;line-height:35px}.mf-line .input-file .file-text.placehlder{color:#aeaeae}.input-file .if-field-wrap{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.input-file .if-field-wrap input[type=file]{position:absolute;left:0;top:0;width:100%;height:100%;letter-spacing:10em;-ms-transform:scale(20);-webkit-transform:scale(20);-o-transform:scale(20);transform:scale(20);font-size:200em;opacity:0;cursor:pointer}form{font-family:dindisplay_pro,sans-serif}form.s-message{padding-left:20px}.s-message .mf-line{padding-left:120px;margin:20px 0 10px}.s-message .mf-line label{margin:5px -120px;float:left;font-size:20px;color:#f60}.s-message .mf-buttons-line{padding-left:120px;margin-top:10px}.s-message .mf-buttons-line a{margin-left:25px;font-size:15px}.pwf-msg .msg-help{color:#f60;padding-left:20px;display:none;max-width:234px}.pw-login a.forgot{font-size:14px;color:#464646}.pw-login .pw-form .pwf-field{width:310px}.pw-login a.forgot:hover{color:#f60}.pw-login button{margin-right:20px}.pw-login a.reg{font-weight:500;font-size:16px}.mf-line.afs-type>.mf-field label.check,.pwf-line.subj-checks>.pwf-field label.check{padding-right:0;width:20%}.pwf-line.subj-checks>.pwf-field label.check{font-size:17px}.c-select-box{position:relative;border:1px solid #bdbdbd;outline:0;width:100%;padding:3px;font-family:dindisplay_pro,sans-serif;font-size:15px;line-height:19px;border-radius:3px;box-shadow:inset 0 2px 2px -2px #aaa;box-sizing:border-box}.c-select-box.select{padding-bottom:0;min-height:40px}.e-form .c-select-box.select{min-height:26px;padding:0 1px}.c-select-box .csb-title{padding:0 35px 0 0;height:40px;font-size:16px;line-height:40px;border-bottom:1px dotted #cdcdcd;color:#a2a2a2;background:#fff;margin-bottom:3px}.c-select-box .csb-title input{border:none;padding:0 0 0 18px;height:35px;box-shadow:none}.c-select-box .csb-selected-items{display:none;border-bottom:1px dotted #cdcdcd;padding:2px 0;margin-bottom:3px;min-height:30px;line-height:24px}.e-form .c-select-box .csb-selected-items{min-height:18px;line-height:18px;padding:1px 0;margin-bottom:2px}.c-select-box .csb-selected-items.show{display:block}.c-select-box.select .csb-selected-items{display:block;border:none;padding-right:30px;margin-bottom:0;cursor:pointer}.c-select-box.select.disabled .csb-selected-items{cursor:default}.c-select-box.select .csb-selected-items:after{content:" ";display:block;width:8px;height:5px;overflow:hidden;background:url(../img/sprites.png) -86px -27px no-repeat;position:absolute;right:12px;top:20px;margin-top:-3px}.e-form .c-select-box.select .csb-selected-items:after{top:15px}.c-select-box .csb-selected-items .csb-placeholder{display:none;min-height:28px;line-height:28px;padding-left:18px;color:#aeaeae}.c-select-box .csb-selected-items .csb-placeholder.show{display:block}.c-select-box .csb-selected{position:relative;display:none;vertical-align:top;min-height:26px;line-height:25px;color:#f60;white-space:nowrap;margin:0 3px 3px 0;border:1px solid #f60;padding-right:25px;border-radius:3px}.e-form .c-select-box .csb-selected{min-height:16px;margin:0 2px 1px 0}.c-select-box .csb-selected.show{display:inline-block}.c-select-box .csb-selected>*{display:inline-block;vertical-align:middle}.c-select-box .csb-selected .csbs-text{padding-left:15px;line-height:18px;font-size:16px;white-space:normal}.c-select-box .csb-selected a.csbs-del:hover{text-shadow:0 1px 1px rgba(0,0,0,.3)}.c-select-box .csb-selected a.csbs-del{display:block;position:absolute;right:0;top:0;width:25px;overflow:hidden;height:18px;line-height:25px;text-align:right;padding-right:10px;text-decoration:none;font-family:Verdana,san-serif}.cl-item header,.cli-info .cli-bot,.cli-photo-gallery .pg-title,.page-title h1,.page-title h2,.pagination .pg-body,.popup-gallery .pg-info,.so-text h2,.ui-datepicker{font-family:dindisplay_pro,sans-serif}.e-form .c-select-box .csb-selected a.csbs-del{padding-top:20px}.popup-window .c-select-box.select .csb-menu{max-height:145px}.c-select-box.select .csb-menu-wrap{position:absolute;left:-1px;right:-1px;top:100%;margin-top:-3px;background:#fff;z-index:50;padding:5px;border:1px solid #ccc;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.e-form .c-select-box.select .csb-menu-wrap{margin-top:0}.c-select-box.places .csb-menu{height:245px}.c-select-box .csb-menu .scroll-content{padding:5px 10px}.c-select-box .csb-menu ul{margin:0;padding:0;list-style:none}.c-select-box .csb-menu ul li{margin-bottom:4px}.c-select-box .csb-menu a,.c-select-box .csb-menu label{cursor:pointer;color:#464646;position:relative;margin-left:12px}.c-select-box .csb-menu label.active{color:#a2a2a2}.c-select-box .csb-menu .places-list>ul>li.active>a,.c-select-box .csb-menu .places-list>ul>li.active>label,.c-select-box .csb-menu a:hover,.c-select-box .csb-menu label:hover{color:#f60}.c-select-box .csb-menu label input[type=checkbox]{opacity:0;outline:0;position:absolute;z-index:-1}.lt-ie9 .c-select-box .csb-menu label input[type=checkbox]{-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)}.c-select-box .csb-menu .places-list{width:260px;float:left}.c-select-box .csb-menu .places-list>ul>li>a{display:inline-block;border-bottom:1px dashed;text-decoration:none;font-size:17px;line-height:15px}.c-select-box .csb-menu .places-list>ul ul{margin:5px 0 0 16px;font-size:16px}.places-list .final-tire{margin-left:16px}.places-list .final-tire .custom-radio-check{padding-left:12px}.c-select-box .csb-menu .places-list>ul>li{margin-bottom:15px}.c-select-box .csb-menu .places-list .active>.sublist{display:block}.c-select-box .csb-menu .places-list .sublist{display:none}.c-select-box .csb-menu .places-list .sublist.parent{display:block}.c-select-box .csb-menu .q-sel{width:190px;float:right}.tabs li,.ui-datepicker-prev{float:left}.c-select-box .csb-menu .q-sel .q-sel-title{font-size:14px;color:#a2a2a2;margin-bottom:3px}.c-select-box .csb-menu .q-sel .q-sel-title+ul{margin-bottom:10px}.c-select-box .csb-menu .q-sel a.clear{display:inline-block;font-size:14px;line-height:12px;text-decoration:none;border-bottom:1px dashed;color:#a2a2a2;margin-left:0}.c-select-box .csb-menu .q-sel a.clear:hover,.ui-datepicker th.ui-datepicker-week-end{color:#f60}.mCSB_scrollTools .mCSB_draggerRail{width:10px;background:#dbdbdb;border:1px solid #ccc;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_scrollTools .mCSB_dragger{-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px;border:solid #dbdbdb;border-width:2px 1px;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{left:20px;right:20px;bottom:5px;width:auto;height:20px}.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:12px;background:#dbdbdb}.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{height:10px;margin:8px auto;border-width:2px 3px}.pw-subscribe header{margin:-5px 0 20px;padding:0;border-bottom:1px dotted #ccc}.pw-subscribe header .pw-title{float:left;padding:5px 20px 0 0}.tabs{position:relative;margin:0 0 -1px;padding:0;list-style:none;z-index:2}.pw-subscribe header .tabs{margin:0 0 -1px;overflow:hidden}.tabs li{height:51px;box-sizing:border-box;opacity:.2;border:dotted transparent;border-width:1px 1px 0;margin-left:5px}.tabs li,.tabs li a{display:block;-moz-box-sizing:border-box}.tabs li:hover{opacity:1}.tabs li.active{border:dotted #ccc;border-width:1px 1px 0;background:#fcfcfb;opacity:1}.popup-window .tabs li.active{background:#f8f8f6}.tabs li a{position:relative;height:50px;padding:12px;overflow:hidden;text-decoration:none;box-sizing:border-box;font-size:15px}.popup-window .tabs li a{width:54px}.tabs li a:before{content:'';display:inline-block;vertical-align:middle;background:url(../img/sprites.png) no-repeat;margin:0 7px 3px 0}.popup-window .tabs li a:before{display:block;margin:0 auto 50px}.tabs li a.icon-big-email:before{width:30px;height:26px;background-position:-32px -33px}.tabs li a.icon-big-rss:before{width:25px;height:26px;background-position:-91px -33px}.tabs li a.icon-big-twitter:before{width:29px;height:25px;background-position:-117px -33px}.tabs li a.icon-big-ical:before{width:26px;height:29px;background-position:-64px -33px}.tabs-content{margin:0;padding:0;list-style:none}.tabs+.tabs-content{position:relative;border-top:1px dotted #ccc;z-index:1;padding-top:20px}.tabs-content>li{display:none}.tabs-content>li.active{display:block}.pw-subscribe .pw-form .pwf-field{width:370px}.pw-subscribe .mail{margin-bottom:25px}.ui-datepicker{display:none;width:200px;height:auto;padding:10px;font-size:13px;border:1px solid #bdbdbd;background:#fff;border-radius:4px;line-height:13px;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}.ui-datepicker a{text-decoration:none}.ui-datepicker table{width:100%}.ui-datepicker-header{font-weight:500;text-transform:uppercase;border-bottom:1px dotted #bdbdbd;padding-bottom:6px;margin-bottom:6px;font-size:21px;line-height:33px}.ui-datepicker-title{text-align:center;font-weight:100;color:#f60}.ui-datepicker-next,.ui-datepicker-prev{position:relative;display:inline-block;width:31px;height:0;padding-top:31px;cursor:pointer;border:1px solid #bdbdbd;border-radius:3px;overflow:hidden}.ui-datepicker-next:hover,.ui-datepicker-prev:hover{border-color:#f60;background:#f60}.ui-datepicker-next.ui-state-disabled,.ui-datepicker-prev.ui-state-disabled{border-color:#bdbdbd;background:0 0;opacity:.5}.ui-datepicker-next:before,.ui-datepicker-prev:before{content:' ';display:block;width:10px;height:12px;background:url(../img/sprites.png) -155px 0 no-repeat;position:absolute;left:50%;top:50%;margin:-6px 0 0 -5px}.ui-datepicker-prev.ui-state-disabled:hover:before,.ui-datepicker-prev:before{background-position:-155px 0;margin-left:-6px}.ui-datepicker-prev:hover:before{background-position:-113px 0}.ui-datepicker-next{float:right}.ui-datepicker-next.ui-state-disabled:hover:before,.ui-datepicker-next:before{background-position:-165px 0;margin-left:-4px}.ui-datepicker-next:hover:before{background-position:-123px 0}.ui-datepicker th{text-transform:uppercase;font-weight:500;padding:0 0 4px}.ui-datepicker tbody td{padding:2px 0;text-align:center}.ui-datepicker td a,.ui-datepicker td span{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;border:1px solid #e2e2e2;border-radius:3px;color:#e2e2e2}.ui-datepicker td a{color:#2b2b2b;border-color:#bdbdbd}.ui-datepicker td.ui-datepicker-week-end a{color:#f60;border-color:#f60}.ui-datepicker td a:hover{background:#f0f0f0}.ui-datepicker td.ui-datepicker-today a{background:#565656;border-color:#565656;color:#fff}.ui-datepicker td a.ui-state-active{background:#f60;border-color:#f60;color:#fff}.pw-reply .pw-form .pwf-line{width:100%}.pw-reply .pw-form .pwf-line .pwf-field{display:block;padding-right:0;width:auto}.pwf-line>label{display:block;margin:-5px 0 5px}.pw-reply .pw-form .pwf-line label{font-size:20px;display:block;margin-bottom:10px}.pw-reply .pw-form .pwf-buttons-line{margin-top:0}.layout-wrap>aside .sbnr{margin:25px 0}.layout-wrap>aside .sbnr .sbnr-wrap{display:inline-block;border:1px solid #e3e3e3}.layout-wrap>aside .vk-widget{width:180px;margin:30px 0}.main-part .abn{margin:20px 0;text-align:center}.main-page .abn{margin-bottom:0}.so-text{margin:20px 0;font-size:12px;line-height:15px}.so-text h2{font-weight:100;font-size:30px;line-height:30px;margin:15px 0;color:#f60}.bread-crumbs{margin:17px 0;font-size:11px;line-height:13px}.bread-crumbs a{color:#a2a2a2;margin-right:3px}.bread-crumbs a:hover{color:#f60}.bread-crumbs a:after{content:'→';color:#a2a2a2;display:inline-block;margin-left:7px;text-decoration:none}.bread-crumbs b,.bread-crumbs strong{font-weight:400}.page-title{margin:17px 0}.page-title h1,.page-title h2{font-weight:100;font-size:40px;line-height:40px;margin:0;color:#f60}.page-title h1 strong,.page-title h2 strong{font-weight:400;color:#464646}.page-title.clearfix h1,.page-title.clearfix h2{float:left}.p-filter{font-size:12px;color:#a2a2a2;margin:17px 0}.page-title+.p-filter{margin-top:-10px}.p-filter .pf-body{width:100%;float:left;padding:0 280px 0 55px;-moz-box-sizing:border-box;box-sizing:border-box}.p-filter .pf-body .pf-label{width:55px;float:left;margin:0 -55px}.p-filter .pf-body a{color:#464646;white-space:nowrap}.p-filter .pf-body a:hover{color:#f60}.p-filter .ch-dates-range{width:260px;float:right;margin-left:-260px}.p-filter .ch-dates-range a{text-decoration:none;border-bottom:1px dashed;-webkit-transition:border .3s;-o-transition:border .3s;transition:border .3s}.p-filter .ch-dates-range a:hover{border-bottom:none}.page-body{margin:15px 0 0 -20px}.pagination{margin:25px 0 40px}.pagination .pg-info{float:right;padding-right:20px;font-size:12px;line-height:29px}.pagination .pg-info i{font-style:normal;color:#a2a2a2}.pagination .pg-body{overflow:hidden}.pagination .pg-body ul{margin:0;padding:0;list-style:none;display:inline-block;vertical-align:middle}.pagination .pg-body li{display:inline-block}.pagination .pg-body li a,.pagination .pg-body li b{display:block;min-width:29px;height:29px;padding:0 5px;font-weight:700;font-size:16px;line-height:29px;text-decoration:none;text-align:center;border:1px solid #fcaf7b;margin-right:1px;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:1px}.pagination .pg-body li b{border-color:#f60;background:#f60;color:#fff}.pagination .pg-body>a{display:inline-block;vertical-align:middle;height:29px;padding:0 7px;font-weight:500;font-size:17px;line-height:29px;text-decoration:none;border:1px solid #fcaf7b;margin-right:1px;-moz-box-sizing:border-box;box-sizing:border-box}.pagination .pg-body a.pg-prev{border-radius:4px 0 0 4px}.pagination .pg-body a.pg-next{border-radius:0 4px 4px 0}.pagination .pg-body a.pg-next:after,.pagination .pg-body a.pg-prev:before{content:' ';display:inline-block;vertical-align:middle;width:5px;height:8px;background:url(../img/sprites.png) -143px -16px no-repeat;margin-top:-1px}.pagination .pg-body a.pg-prev:before{background-position:-143px -16px;margin-right:7px}.pagination .pg-body a.pg-next:after{background-position:-148px -16px;margin-left:7px}.pagination .pg-body a:hover{background:#fcaf7b;color:#fff}.pagination .pg-body a.pg-prev:hover:before{background-position:-143px -24px}.pagination .pg-body a.pg-next:hover:after{background-position:-148px -24px;margin-left:7px}.pagination .pg-body>a.disabled{border-color:#cdcdcc;background:0 0;color:#babab9;cursor:default;width:29px;overflow:hidden;padding:27px 0 0;position:relative}.pagination .pg-body a.pg-next.disabled:after,.pagination .pg-body a.pg-prev.disabled:before{position:absolute;left:50%;top:50%;margin:-4px 0 0 -3px}.pagination .pg-body a.pg-prev.disabled:before,.pagination .pg-body a.pg-prev.disabled:hover:before{background-position:-153px -16px}.pagination .pg-body a.pg-next.disabled:after,.pagination .pg-body a.pg-next.disabled:hover:after{background-position:-158px -16px}.cat-list{margin:0;padding:0;list-style:none}.cat-list>li.ad{overflow:hidden;margin-bottom:20px}.cat-list>.cl-item,.m-article{position:relative;padding:17px 20px 15px;margin-bottom:20px;background:#fcfcfb;box-shadow:inset 0 1px 0 #e8e8e7;border-radius:4px;-webkit-transition:background .3s;-o-transition:background .3s;transition:background .3s}.cancel,.cancel:after,.hit{display:block;position:absolute;left:0;top:0}.m-article .cat-list>.cl-item{margin-bottom:15px}.cat-list>li.cl-item:hover{background:#fff;box-shadow:0 3px 5px -3px #888}.hit{width:81px;height:81px;background:url(../img/sprites.png) -63px -63px no-repeat;z-index:2}.cancel{width:100%;bottom:0;background:rgba(255,255,255,.75);z-index:20}.lt-ie9 .cancel{background:#fff;-ms-filter:alpha(opacity=75);filter:alpha(opacity=75)}.cancel:after{content:' ';width:81px;height:81px;background:url(../img/sprites.png) -144px -63px no-repeat;z-index:21}.cl-item .cl-item-wrap{padding-left:120px;margin-bottom:10px}.cl-photos .cl-item .cl-item-wrap,.e-cat .cl-item .cl-item-wrap{padding-left:90px;margin-bottom:0}.m-article .cl-item .cl-item-wrap{padding-left:100px;margin-bottom:0}.cl-item .cl-item-wrap>a{color:#464646;text-decoration:none}.cli-pict,.i-pict{width:100px;line-height:96px;text-align:center;background:#fff;margin:3px -100% 0 -120px;float:left;box-shadow:inset 0 1px 0 #e8e8e7;border-radius:4px;-moz-box-sizing:border-box;box-sizing:border-box}.i-pict{margin:0 0 10px;position:relative}.i-pict .user-avatar{display:block;width:100%;height:100%}.cl-photos .cli-pict,.e-cat .cli-pict{width:70px;height:70px;line-height:60px;padding:4px;margin-left:-90px}.m-article .cl-item .cli-pict{width:80px;height:80px;line-height:70px;padding:5px;margin-left:-100px}.cat-list li.cl-item:hover .cli-pict{box-shadow:none}.cli-pict img,.i-pict img{max-width:100%;max-height:100%;border-radius:4px}.cli-info{width:100%;float:left;margin-bottom:15px}.e-cat .cli-info{margin-bottom:0}.cat-list.cl-places .cli-info{margin-bottom:7px}.cli-info .cli-top{margin-bottom:10px}.cat-list.cl-places .cli-info .cli-top{margin-bottom:7px}.cl-item .cli-approved{float:right;opacity:.25;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.cat-list li.cl-item:hover .cli-approved,.cat-list>li.cl-item.canceled .cli-approved{opacity:1}.cl-item .cli-status{float:right;font-size:11px;line-height:13px;color:#a2a2a2}.cl-item .cli-status .status{height:13px;overflow:hidden}.cl-item .cli-status .status.active{width:13px}.cl-item .cli-status .status:before{content:' ';display:inline-block;width:13px;height:13px;background:url(../img/sprites.png) -211px -32px no-repeat;margin:0 3px -2px 0}.cli-photo-list .cli-phg-bot .cli-pb-button{background-position:-345px -32px}.cl-item .cli-status .status.moderated:before{background-position:-211px -160px}.cl-item .cli-status .status.draft:before{content:none}.cl-item .cli-status b{display:inline-block;font-size:16px;font-weight:400;padding-top:5px}.cl-item .cli-status b:before{content:' ';display:inline-block;vertical-align:middle;width:16px;height:15px;background:url(../img/sprites.png) -171px -16px no-repeat;margin:-2px 5px 0 0}.cl-item .cli-status b.participant{color:#f60}.cl-item .cli-status b.visitor{color:#464646}.cl-item .cli-status b.visitor:before{width:14px;background-position:-188px -16px;margin-top:-2px}.cl-item header{margin-bottom:2px}.cl-item header .cli-title{display:inline-block;vertical-align:top;font-size:30px;line-height:30px;margin:0 6px 0 0;transition:color .3s;max-width:490px}.cl-item header .cli-title,.i-info .i-title{-webkit-transition:color .3s;-o-transition:color .3s}.cl-item header .cli-title a{color:#464646;text-decoration:none}.cat-list li.cl-item:hover header .cli-title,.cl-item header .cli-title a:hover{color:#f60}.cat-list>li.cl-item.canceled header .cli-title{text-decoration:line-through;color:#464646}.cl-item header .cli-rate{display:inline-block;vertical-align:top;color:#f60;font-size:16px;margin-top:2px}.cl-item header .cli-rate:before{content:' ';display:inline-block;vertical-align:baseline;width:14px;height:13px;margin:0 4px -1px 0;background:url(../img/sprites.png) -181px -32px no-repeat;opacity:.5}.cli-info .cli-bot .cli-dim:before,.cli-place:before{content:' ';height:16px}.cli-descr{font-size:12px;line-height:15px;color:#a2a2a2}.cli-info .cli-bot{font-size:15px;line-height:19px}.cli-info .cli-bot .cli-area,.cli-info .cli-bot .cli-date{float:left;font-size:17px;line-height:18px}.cli-info .cli-bot .cli-area{font-weight:500;color:#f60}.cli-info .cli-bot .cli-area a{text-decoration:none}.cli-info .cli-bot .cli-area a:hover{color:#464646}.cli-info .cli-bot .cli-position{font-size:20px;line-height:21px;font-weight:500;color:#f60;float:left}.cli-info .cli-bot .cli-position a{color:#f60;text-decoration:none}.cli-info .cli-bot .cli-position a:hover,.cli-place a{color:#464646}.cli-info .cli-bot .cli-dim{font-size:16px;line-height:18px;font-weight:700;float:left}.cli-info .cli-bot .cli-dim:before{display:inline-block;width:16px;background:url(../img/sprites.png) -242px -16px no-repeat;vertical-align:middle;margin:-4px 4px 0 0}.cli-place{float:right;padding-left:15px}.cli-place:before{display:block;width:10px;background:url(../img/sprites.png) -217px -16px no-repeat;float:left;margin:1px -10px 0 -15px}.cli-place a{text-decoration:none}.cli-place a:hover{color:#f60}.cli-buttons{position:relative;width:100%;float:left}.cli-m-buttons{float:left}.cli-m-buttons>*{margin-left:5px}.cli-m-buttons>:first-child{margin-left:0}.cli-services{display:inline-block;vertical-align:top}.cli-services:hover{padding-bottom:10px;margin-bottom:-10px;background:#f60;border-radius:4px 4px 0 0}.cli-services:hover .button.icon-sm{border-color:#f60;background:#f60;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3);box-shadow:inset 0 1px 0 rgba(0,0,0,.1)}.cli-services:hover .button.icon-sm:before{background-position:-287px -41px}.cli-services-sm{margin-top:5px;padding:10px 0 1px 15px;position:absolute;background:#f60;color:#fff;font-size:12px;font-weight:700;width:100%;border-radius:4px;-moz-box-sizing:border-box;box-sizing:border-box;display:none;z-index:100}.cli-services:hover .cli-services-sm{display:block}.cli-services-sm ul{margin:0;padding:0;list-style:none}.cli-services-sm ul li{display:inline-block;vertical-align:top;margin:0 10px 9px 0}.cli-services-sm a{display:block;color:#fff;text-decoration:none;text-transform:uppercase;padding:2px 10px;border:1px solid #ffb880;text-shadow:0 1px 0 rgba(0,0,0,.3);border-radius:4px}.cli-services-sm a:hover{border-color:#fff;background:#fff;color:#f60;text-shadow:none}.cli-s-buttons{float:right}.cat-list>li>footer{padding-left:120px;font-size:11px;line-height:16px}.cat-list>li>footer .cli-stats{width:120px;text-align:center;margin:0 -100% 0 -130px;float:left}.i-stats{font-size:11px;text-align:center;margin-left:-5px}.cat-list .cli-stats>*,.i-stats>*{display:inline-block;vertical-align:baseline;white-space:nowrap;margin-left:5px}.cat-list .cli-stats>:first-child{margin-left:0}.cat-list .cli-stats>:before,.i-stats>:before{content:' ';display:inline-block;width:11px;height:12px;background:url(../img/sprites.png) -12px 0 no-repeat;margin:0 3px -1px 0}.cat-list .cli-stats .schedule,.cat-list .cli-stats .visitors,.i-stats .schedule,.i-stats .visitors{color:#464646}.cat-list .cli-stats .visitors:before,.i-stats .visitors:before{width:11px;height:12px;background-position:-12px 0;margin:0 2px -1px 0}.cat-list .cli-stats .schedule:before,.i-stats .schedule:before{width:13px;height:14px;background-position:-228px -16px;margin-bottom:-1px}.cat-list .cli-stats .participants,.cat-list .cli-stats .views,.i-stats .participants,.i-stats .views{color:#f60}.cat-list .cli-stats .participants:before,.i-stats .participants:before{width:13px;height:12px;background-position:-197px 0;margin-bottom:-2px}.cat-list .cli-stats .views:before,.i-stats .views:before{width:13px;height:8px;background-position:-148px -52px;margin-bottom:0}.cat-list>li>footer .cli-tags{color:#a2a2a2}.cat-list>li>footer .cli-tags a{color:#a2a2a2;white-space:nowrap}.cat-list>li>footer .cli-tags a:hover{color:#f60}.cli-photo-list .clipl-wrap{margin:0 0 10px}.sli-slides{overflow:hidden;margin-right:-15px}.cli-photo-list ul{margin:0;padding:0;list-style:none;width:100%}.cli-photo-list ul>li{width:25%;padding-right:15px;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.cli-photo-list ul>li a{display:block;overflow:hidden;border-radius:4px}.cli-photo-list ul>li img{width:100%}.clipl-wrap .re-controls{display:none}.clipl-wrap .re-controls.enabled{display:block}.clipl-wrap .re-controls a{display:block;width:71px;height:0;padding-top:71px;overflow:hidden;position:absolute;top:50%;margin-top:-35px}.clipl-wrap .re-controls a:before{content:' ';display:block;width:31px;height:62px;background:url(../img/sprites.png) 0 -63px no-repeat;position:absolute;left:50%;top:50%;margin:-31px 0 0 -15px}.clipl-wrap .re-controls a.prev{left:0}.clipl-wrap .re-controls a.prev:before{background-position:0 -63px}.clipl-wrap .re-controls a.next{right:15px}.clipl-wrap .re-controls a.next:before{background-position:-32px -63px}.clipl-wrap .re-controls a.next.disabled,.clipl-wrap .re-controls a.prev.disabled{display:none}.cli-photo-list .cli-phg-bot{width:100%}.cli-photo-list .cli-phg-bot>div{-moz-box-sizing:border-box;box-sizing:border-box}.cli-photo-list .cli-phg-bot .cli-pb-button{width:50%;float:left;padding-right:15px}.cli-photo-list .cli-phg-bot .cli-pb-button .button{width:49%;min-width:175px;text-align:center;margin-right:11px}.cli-photo-list .cli-phg-bot .cli-pb-info{padding-left:15px;float:right;font-size:12px;line-height:29px;color:#a2a2a2}.cli-photo-text{font-size:12px;line-height:15px;margin-bottom:15px}.cli-photo-text>:first-child{margin-top:0}.cli-photo-gallery{margin-right:-15px}.i-photos .cli-photo-gallery{margin-right:-20px}.cli-photo-gallery>ul{margin:0;padding:0;list-style:none}.cli-photo-gallery>ul>li{display:inline-block;vertical-align:top;width:33.3%;padding:0 15px 0 0;margin:0 -4px 15px 0;-moz-box-sizing:border-box;box-sizing:border-box}.i-photos .cli-photo-gallery>ul>li{width:20%;padding-right:20px;margin-bottom:20px}.cli-photo-gallery>ul>li>a{position:relative;display:block;width:100%;overflow:hidden;text-align:center;border-radius:4px}.i-photos .cli-photo-gallery>ul>li>a{height:140px}.cli-photo-gallery>ul>li img{display:block;width:100%}.i-photos .cli-photo-gallery>ul>li img{display:inline-block;width:auto;height:100%;margin:0 -50%}.cli-photo-gallery .pg-title{position:absolute;background:rgba(0,0,0,.7);color:#fff;font-size:15px;bottom:0;text-align:left;padding:20px;box-sizing:border-box}.cli-photo-gallery .pg-title,.popup-gallery-container{width:100%;left:0;-moz-box-sizing:border-box;display:none}.lt-ie9 .cli-photo-gallery .pg-title{background:url(../img/semitransparent-ie8.png)}.popup-gallery-container{position:fixed;height:100%;top:0;overflow:auto;background:rgba(0,0,0,.75);z-index:1000;box-sizing:border-box}.lt-ie9 .popup-gallery-container{background:url(../img/semitransparent-ie8.png)}.pg-container-wrap{display:table;width:100%;height:100%}.popup-gallery-outer{position:fixed;width:100%;height:100px}.popup-gallery{position:absolute;display:block;width:1040px;height:533px;top:50%;left:50%;margin-top:-266px;margin-left:-520px;border-radius:4px;background-color:#fff}.popup-gallery .pg-wrap{position:relative;background:#fff;padding-left:730px;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.popup-gallery .ajax-load-popup{position:absolute;left:0;top:0;width:100%;height:100%}.popup-gallery .ajax-load-popup img{display:block;width:54px;height:55px;position:absolute;top:50%;left:50%;margin-top:-27px;margin-left:-27px}.lt-ie9 .popup-gallery .pg-wrap{border:1px solid #ccc}.popup-gallery .pg-photos{width:730px;height:533px;line-height:530px;background:#eee;margin:0 -730px;float:left}.popup-gallery .pg-photos img{max-width:730px;max-height:533px;text-align:center;vertical-align:middle}.popup-gallery .pg-photos ul{margin:0;padding:0;list-style:none}.popup-gallery .pg-info{padding:15px 20px 145px;width:100%;height:100%;text-align:left;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.pgi-wrap{height:100%;overflow:auto}.pg-photo-title{font-size:20px;padding-right:20px;margin-bottom:10px}.pg-photo-descr,.pg-photo-text{line-height:15px;font-size:12px}.pg-photo-text{font-family:Arial,sans-serif;color:#8d8d8d;margin-bottom:10px}.i-info .i-position,.i-info header,.item-wrap>aside .i-rating{font-family:dindisplay_pro,sans-serif}.popup-gallery .pg-info hr{margin:10px 0}.pg-photo-descr h3{font-size:15px;margin:0 0 3px;font-weight:400}.pg-photo-descr p{margin:3px 0 0}.pg-comments .pgc-title{font-size:15px;margin:0 0 5px}.pg-comments ul{margin:0;padding:0;list-style:none;font-size:12px;line-height:15px;color:#8d8d8d}.pg-comments ul li{margin-top:10px}.pg-only-text .pg-photo-title{font-size:24px;line-height:1em;margin-top:24px;margin-bottom:36px;margin-left:.5em}.pgc-form .pgc-field,.pgc-form label{margin-bottom:5px}.pgc-user{color:#f60}.pgc-form{position:absolute;left:750px;right:20px;bottom:20px}.pgc-form label{display:block;font-size:15px}.pgc-form textarea{height:50px;padding:5px}.pgc-form .pgc-buttons .button,.pgc-form .pgc-buttons button{padding-left:8px;padding-right:8px}.pgc-form .pgc-buttons button{background:0 0;-webkit-filter:none;filter:none}.pgc-form .pgc-buttons button:hover{background:#f60}.pg-photos-controls a{position:absolute;width:60px;height:0;padding-top:533px;overflow:hidden;top:0;opacity:.5}.pg-photos-controls a:hover{opacity:1}.pg-photos-controls a:before{content:' ';display:block;width:21px;height:42px;background:url(../img/sprites.png) -257px -133px no-repeat;position:absolute;left:50%;top:50%;margin:-21px 0 0 -10px}.pg-photos-controls a.pgpc-prev{left:-60px}.pg-photos-controls a.pgpc-next{right:-60px}.pg-photos-controls a.pgpc-next:before{background-position:-279px -133px}.pg-close{display:block;position:absolute;right:0;top:0;width:32px;height:32px;cursor:pointer;z-index:100}.pg-close:before{content:'';display:block;width:10px;height:10px;background:url(../img/sprites.png) -133px 0 no-repeat;position:absolute;left:50%;top:50%;margin:-5px 0 0 -5px}.pg-close:hover:before{background-position:-144px 0}.item-wrap{padding-left:120px}.item-wrap>aside{width:100px;float:left;margin:0 -100% 0 -120px}.item-wrap>aside .i-pict{float:none;margin-bottom:5px}.item-wrap>aside .i-rating{font-size:21px;line-height:22px;text-align:center;color:#f60;padding:4px 10px 3px;margin:15px 0;border:1px solid #fdcfaf;border-radius:4px;-moz-box-sizing:border-box;box-sizing:border-box}.item-wrap>aside .i-rating:before{content:' ';display:inline-block;vertical-align:middle;width:20px;height:19px;margin:-3px 5px -2px -2px;background:url(../img/sprites.png) -160px -32px no-repeat;opacity:.5}.item-wrap.event>aside .i-rating{margin-top:22px}.i-info{width:100%;float:left}.i-info .i-address a.toggle-map:before,.i-info header .i-place:before{content:' ';width:10px;background:url(../img/sprites.png) -217px -16px no-repeat}.i-info header{margin-bottom:2px}.i-info header .i-place{float:right;font-size:15px;padding:13px 0 0 15px;max-width:235px;white-space:nowrap}.i-info header .i-place:before{display:block;height:16px;float:left;margin:1px -10px 0 -15px}.i-info header .i-place a{color:#464646;text-decoration:none}.i-info header .i-place a:hover{color:#f60}.i-info .i-title{display:inline-block;font-size:40px;line-height:37px;color:#f60;margin:0 6px 5px 0;-moz-box-sizing:border-box;box-sizing:border-box;transition:color .3s}.i-address header,.i-info .i-address,.i-info .i-area{margin-bottom:15px}.i-info .i-position{font-size:20px}.i-info .i-position a{text-decoration:none;color:#464646}.i-info .i-position a:hover{color:#f60}.i-info .i-descr{font-size:12px;line-height:16px;color:#7e7e7e;height:27px;font-family:Arial,sans-serif}.i-additional .ia-title,.i-address header,.i-info .i-area,.i-info .i-contacts .ic-links,.i-statistics>header{font-family:dindisplay_pro,sans-serif}.place .i-info .i-descr{min-height:30px}.i-info .i-area{font-weight:500;font-size:22px;line-height:23px}.i-info .i-area a{color:#464646;text-decoration:none}.i-info .i-area a:hover{color:#f60}.i-address header{font-size:18px;line-height:21px}.i-address header>*{display:inline-block;vertical-align:middle}.i-address header .address{margin-right:10px}.i-info .i-address a.toggle-map{display:inline-block;vertical-align:middle;font-size:15px;line-height:12px;color:#a2a2a2;text-decoration:none;border-bottom:1px dashed;margin-left:15px}.i-info .i-address.map-opened header a.toggle-map{display:none}.i-info .i-address a.toggle-map:hover{color:#f60}.i-info .i-address a.toggle-map:before{display:block;height:16px;float:left;margin:0 -10px 0 -15px}.i-info .i-address .i-map{position:relative;margin:0 0 20px;display:none}.i-info .i-contacts,.i-info .i-tags{margin-bottom:15px}.place .i-info .i-address .i-map{margin-left:-120px}.i-info .i-address.map-opened .i-map{display:block}.i-info .i-address .i-map .close-map{position:absolute;right:0;bottom:100%;z-index:20;margin-bottom:15px}.i-info .i-address .i-map .map-canvas{width:100%;height:305px;background:#eee;overflow:hidden;border-radius:4px}.i-info .i-tags{font-size:11px;line-height:16px;color:#a2a2a2;margin-top:-5px}.i-info .i-tags a{color:#a2a2a2;white-space:nowrap}.i-info .i-tags a:hover{color:#f60}.i-info .i-contacts .ic-buttons{width:265px;margin-right:40px;float:left}.i-info .i-contacts .ic-buttons .icb-exit-edit{display:none}.i-info .i-contacts .ic-buttons .soc-media-buttons{margin-top:25px}.i-info .i-contacts .ic-links{font-size:15px;line-height:20px;width:310px;float:left}.ic-tel{font-size:20px;line-height:21px;margin-bottom:4px}.i-additional{margin-bottom:15px;font-size:12px;line-height:15px}.i-additional .ia-title{font-size:20px;line-height:23px;margin-bottom:30px}dl.add-info p{margin:0}dl.add-info{margin:0 0 -7px;padding:0;font-size:12px;line-height:15px}dl.add-info dt{min-height:15px;width:178px;float:left;clear:left;margin:0 5px 10px 0}dl.add-info dd{min-height:15px;padding:0;overflow:hidden;margin:0 0 12px}dl.add-info dd a{text-decoration:none;color:#464646}dl.add-info dd a:hover{text-decoration:none;color:#f60}dl.add-info dd ul{margin:0;padding:0;list-style:none}dl.add-info dd ul li{margin-bottom:3px}.i-statistics>header{padding-left:120px;margin-bottom:20px;font-weight:500;font-size:20px;line-height:23px;color:#f60}.i-statistics>header b{font-weight:700;font-size:40px;letter-spacing:-2px;margin-right:2px}.i-statistics>header .ish-title{width:100px;margin:0 -100% 0 -120px;float:left;font-weight:400;font-size:17px;line-height:18px;text-align:right;color:#464646}.e-details .sect-title,.graph-title{font-family:dindisplay_pro,sans-serif;font-weight:300}.i-statistics>header .ish-data{width:100%;text-align:justify;padding-right:70px;margin-bottom:-20px;-moz-box-sizing:border-box;box-sizing:border-box}.i-statistics>header .ish-data>*{display:inline-block;padding-top:10px;max-width:30%}.i-statistics>header .ish-data:after{content:'';display:inline-block;width:100%;height:0}.i-statistics>header .ish-data a{text-decoration:none;color:#f60}.i-statistics>header .ish-data a:hover{color:#464646}.m-article .sect-title{font-family:dindisplay_pro,sans-serif;font-size:23px;line-height:24px;margin-bottom:15px}.e-details .sect-title{font-size:30px;line-height:32px;color:#feb17d}.m-article .sect-title a{color:#464646;text-decoration:none}.m-article .sect-title a:hover{color:#f60}.graph-title{font-size:25px;line-height:26px;color:#feb17d}.i-staff-list{margin-bottom:15px}.i-staff-list>ul{margin:0;padding:0 0 0 4px;list-style:none}.i-staff-list>ul>li{display:inline-block;width:33%;margin-left:-4px}.i-staff-list>ul>li>a{text-decoration:none;color:#464646}.i-staff-list .sl-item{padding-left:110px}.i-staff-list .sl-pict{display:block;width:90px;height:90px;overflow:hidden;margin:0 -100% 0 -110px;float:left;border-radius:4px}.i-staff-list .sl-info{display:table;width:100%;height:90px}.i-staff-list .sl-info .sl-info-wrap{display:table-cell;vertical-align:middle;padding-right:40px}.i-staff-list .sl-info .sl-name{font-family:dindisplay_pro,sans-serif;font-weight:500;font-size:19px;line-height:20px;color:#f60;margin-bottom:4px}.i-staff-list a:hover .sl-info .sl-name{color:#464646}.i-staff-list .sl-info .sl-position{font-size:11px;line-height:14px}.i-stats{line-height:15px;margin-bottom:7px}.i-date{font-family:dindisplay_pro,sans-serif;font-size:27px;margin:12px 0 10px}.i-discount{margin-top:15px;font-size:10px;line-height:12px;color:#a2a2a2}.i-discount .discount-button{display:block;text-align:center;text-decoration:none;border:none;outline:0;height:26px;padding:1px 5px 0;font-family:dindisplay_pro,sans-serif;font-weight:700;font-size:13px;line-height:25px;text-transform:uppercase;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3);background:#f60;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff8000),color-stop(100%,#f60));background:-webkit-linear-gradient(top,#ff8000 0,#f60 100%);background:-o-linear-gradient(top,#ff8000 0,#f60 100%);background:-webkit-linear-gradient(top,#ff8000 0,#f60 100%);background:-o-linear-gradient(top,#ff8000 0,#f60 100%);background:linear-gradient(to bottom,#ff8000 0,#f60 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8000', endColorstr='#ff6600', GradientType=0 );border-radius:3px;-moz-box-sizing:border-box;box-sizing:border-box}.i-discount .discount-button:hover{background:#ff8000;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fe9150),color-stop(100%,#fe9150));background:-webkit-linear-gradient(top,#fe9150 0,#ff8000 100%);background:-o-linear-gradient(top,#fe9150 0,#ff8000 100%);background:-webkit-linear-gradient(top,#fe9150 0,#ff8000 100%);background:-o-linear-gradient(top,#fe9150 0,#ff8000 100%);background:linear-gradient(to bottom,#fe9150 0,#ff8000 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9150', endColorstr='#ff8000', GradientType=0 )}.i-discount .dsc-text{font-size:10px;line-height:11px;margin-top:5px;padding:0 0 0 10px}.i-buttons .ib-main{float:left}.i-buttons .ib-add{float:right}.i-divs{margin-bottom:20px}.i-divs .i-subj{width:55%;float:left;font-family:dindisplay_pro,sans-serif;font-size:14px}.i-divs .i-subj ul{margin:-3px 0 0;padding:0;list-style:none}.i-divs .i-subj a{color:#6d6d6d}.i-divs .i-subj a:hover,.i-steps ul>li.s1,.i-steps ul>li.s1 a{color:#f60}.i-divs .i-tags{width:45%;float:right;margin-bottom:0}.i-divs .i-tags a{white-space:normal}.i-sub-articles{font-family:dindisplay_pro,sans-serif;font-size:16px;padding:0 0 0 10px;background:#fcf4ee;margin-bottom:25px;border-radius:4px}.i-sub-articles ul{margin:0;padding:0;list-style:none;display:table;width:100%}.i-sub-articles ul>li{display:table-cell;padding:15px}.i-steps{margin-bottom:20px}.i-steps .is-title{font-family:dindisplay_pro,sans-serif;font-weight:100;font-size:26px;line-height:27px;text-align:center;text-transform:uppercase;margin-bottom:15px}.i-steps ul{margin:0;padding:0;list-style:none;display:table;width:100%}.i-steps ul>li{display:table-cell;width:33.3%;padding:0 3px}.i-steps .label{font-size:12px;line-height:15px;font-style:italic;margin-bottom:5px;white-space:nowrap;text-align:center}.i-steps a.step{position:relative;display:block;text-align:center;height:31px;line-height:30px;border:1px solid;font-family:dindisplay_pro,sans-serif;text-transform:uppercase;font-weight:700;font-size:16px;text-decoration:none;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:background .3s;-o-transition:background .3s;transition:background .3s}.i-steps ul>li.s1 a:after,.i-steps ul>li.s2 a:after,.i-steps ul>li.s2 a:before,.i-steps ul>li.s3 a:before{content:' ';display:block;width:15px;height:31px;background:url(../img/sprites.png) 0 -144px no-repeat;position:absolute;top:-1px}.i-steps ul>li a:after{right:-1px}.i-steps ul>li a:before{left:-1px}.i-steps ul>li.s1 a:after{background-position:0 -144px}.i-steps ul>li.s1 a:hover{background:#f60;border-color:#f60;color:#fff}.i-steps ul>li.s2,.i-steps ul>li.s2 a{color:#00adef}.i-steps ul>li.s2 a b{color:#1d447d}.i-steps ul>li.s2 a:before{background-position:-15px -144px}.i-steps ul>li.s2 a:after{background-position:-30px -144px}.i-steps ul>li.s2 a:hover{background:#00adef;border-color:#00adef;color:#fff}.i-steps ul>li.s3,.i-steps ul>li.s3 a{color:#ef3976}.i-steps ul>li.s3 a b{color:#08293a}.i-steps ul>li.s3 a:before{background-position:-45px -144px}.i-steps ul>li.s3 a:hover{background:#ef3976;border-color:#ef3976;color:#fff}.i-photo-slides{margin-bottom:25px}.ps-photo-gallery{width:100%;overflow:hidden;border-radius:4px}.ps-photo-gallery ul{margin:0;padding:0;list-style:none;width:100%}.ps-photo-gallery ul>li{width:100%;float:left}.ps-photo-gallery ul>li img{width:100%}.ps-photo-gallery .re-controls{display:none}.ps-photo-gallery .re-controls.enabled{display:block}.ps-photo-gallery .re-controls a{display:block;width:71px;height:0;padding-top:71px;overflow:hidden;position:absolute;top:50%;margin-top:-35px}.ps-photo-gallery .re-controls a:before{content:' ';display:block;width:31px;height:62px;background:url(../img/sprites.png) 0 -63px no-repeat;position:absolute;left:50%;top:50%;margin:-31px 0 0 -15px}.i-event-description,.ied-title{margin-bottom:15px}.ps-photo-gallery .re-controls a.prev{left:0}.ps-photo-gallery .re-controls a.prev:before{background-position:0 -63px}.ps-photo-gallery .re-controls a.next{right:0}.ps-photo-gallery .re-controls a.next:before{background-position:-32px -63px}.ps-photo-gallery .re-controls a.next.disabled,.ps-photo-gallery .re-controls a.prev.disabled{display:none}.ied-title{font-family:dindisplay_pro,sans-serif;font-weight:400;font-size:21px;line-height:22px}.ied-text{font-size:12px;line-height:15px}.i-event-additional{margin-bottom:20px}.i-event-additional .e-docs{width:30%;float:right;margin:0;padding:0;list-style:none;font-family:dindisplay_pro,sans-serif;font-size:15px;line-height:18px}.i-event-additional .e-docs>li{margin-bottom:5px}.i-event-additional .e-docs a:before{content:' ';display:inline-block;vertical-align:middle;width:11px;height:13px;background:url(../img/sprites.png) -211px 0 no-repeat;margin:-1px 5px 0 0}.i-event-additional .add-info{width:70%;padding-right:30px;-moz-box-sizing:border-box;box-sizing:border-box}.i-members{display:table;width:100%;margin-bottom:15px}.i-members>*{display:table-cell;vertical-align:top;padding-left:25px}.i-members .im-title{display:inline-block;font-family:dindisplay_pro,sans-serif;font-size:23px;line-height:24px;margin:0 0 12px}.i-members .im-title:before{content:' ';display:block;width:17px;height:15px;background:url(../img/sprites.png) -239px -33px no-repeat;float:left;margin:4px -100% 0 -25px}.i-members .im-visitors .im-title:before{width:13px;background-position:-188px -16px;margin-left:-22px}.i-members a.more{font-size:11px;display:block}.i-members ul{margin:0;padding:0;list-style:none}.i-members ul a{color:#464646}.i-members ul a:hover{color:#f60}.i-members .im-participants{width:70%;padding-right:30px}.i-members .im-participants .button.icon-up:before{background-position:-365px -108px}.i-members .im-participants .button.icon-up:hover:before{background-position:-365px -92px}.i-members .im-title{width:33.3%}.i-members .im-participants a.more{margin-left:-3px}.i-members .im-participants ul{padding:4px 0 0 4px}.i-members .im-participants ul li{display:inline-block;vertical-align:top;width:33.3%;margin-left:-4px;margin-bottom:20px}.eni-area-wrap .eni-area,.eni-stats .enis-item,.eni-stats .enis-item b{display:inline-block;vertical-align:middle}.i-members .im-participants ul li a{display:block;width:140px;font-size:11px;line-height:14px;text-align:center}.i-members .im-participants ul li a .imp-pict{position:relative;display:block;width:140px;overflow:hidden;margin-bottom:5px;border-radius:4px}.i-members .im-participants ul li a img{display:block;width:140px}.i-members .im-participants ul li a .imp-pict:before{content:'';display:block;position:absolute;width:100%;height:100%;border-radius:4px;box-shadow:inset 0 1px 0 rgba(0,0,0,.2)}.i-members .im-visitors{width:30%;font-size:12px;line-height:17px}.i-members .im-visitors ul li{margin-bottom:2px}.e-num-info{padding-left:130px;margin-bottom:30px;font-family:dindisplay_pro,sans-serif;min-height:120px;margin-top:30px}.eni-area-wrap{color:#f60;position:relative}.eni-area-wrap .eni-title{position:absolute;top:0;left:0;margin-left:-130px;display:block;width:110px;margin-right:16px;font-size:20px;line-height:21px;text-align:right;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s;color:#464646;margin-top:28px}.eni-area-wrap .eni-title:hover{color:#f60}.eni-area-wrap .eni-area{font-weight:700;font-size:120px;line-height:120px;letter-spacing:-2px;margin-bottom:-5px}.e-num-info sup{font-size:60%}.eni-stats{line-height:47px;margin-bottom:10px}.eni-stats .enis-item{margin-right:50px;font-size:20px}.eni-stats .enis-item b{font-size:45px}.eni-founded{font-size:23px;color:#a2a2a2}.eni-areas{margin:20px 0}.eni-areas .enis-col{width:225px;display:inline-block;vertical-align:top;margin-right:16px;font-size:15px;line-height:20px}.eni-areas .enis-col b,.eni-holds .enis-item b{display:block;vertical-align:middle;font-size:45px;line-height:40px;margin-bottom:-5px;letter-spacing:-1px}.eni-areas .enis-col b{margin-bottom:-3px}.eni-areas .enis-col .enc-title{color:#f60;margin-bottom:5px}.eni-areas .enis-col ul{margin:0;padding:0;list-style:none}.eni-areas .enis-col ul li{margin-bottom:2px;color:#a2a2a2}.eni-areas .enis-col ul li i{color:#464646;font-style:normal}.eni-holds{margin:25px 0 25px -130px}.eni-holds .eni-title{display:inline-block;vertical-align:middle;width:110px;margin-right:16px;font-size:17px;line-height:20px;text-align:right;color:#f60}.eni-holds .enis-item{display:inline-block;vertical-align:middle;margin-right:50px;font-size:20px;line-height:21px;text-align:center}.i-events-list+.m-article{margin-top:30px}.h-booking{margin:30px -30px 30px 0;padding:0 20px}.m-article .h-booking{margin:0 -30px 0 0;padding:0}.h-booking header{margin-bottom:15px}.h-booking .sect-title{display:inline-block;font-family:dindisplay_pro,sans-serif;font-size:23px;line-height:24px;color:#40bbea;width:581px}.h-booking .sect-title a{color:#40bbea;text-decoration:none}.h-booking .sect-title a:hover{color:#1d447d}.m-article .h-booking .sect-title{margin:0}.h-booking .sect-title b{font-weight:400;color:#1d447d}.h-booking a.more{font-size:11px}.h-booking ul{margin:0;padding:0 0 0 4px;list-style:none}.h-booking ul li{display:inline-block;vertical-align:top;width:150px;margin-right:40px;text-align:center}.h-booking ul li a{font-size:12px;line-height:15px;color:#32a7d3;display:block}.h-booking .hb-link{margin-bottom:.8em;display:block;line-height:1em}.h-booking .hb-pict{display:block;width:150px;height:150px;overflow:hidden;margin-bottom:7px;border-radius:4px}.h-booking .hb-pict img{width:100%}.h-booking ul li .hb-price{font-family:dindisplay_pro,sans-serif;font-weight:700;font-size:16px;line-height:19px;color:#1d447d;margin:3px 0}.h-booking ul li a.button{font-size:13px}.e-cat .sect-title,.i-events-list .sect-title{font-family:dindisplay_pro,sans-serif;font-size:23px;line-height:24px}.e-cat{margin-bottom:40px}.e-cat .sect-title,.i-services{margin-bottom:20px}.m-article+.e-cat{margin-top:30px}.e-cat .sect-title{color:#f60;padding:0 20px}.e-cat .sect-title a{color:#f60;text-decoration:none}.e-cat .sect-title a:hover{color:#464646}.i-services li{color:#f60}.i-services .is-wrap{margin-right:-20px}.i-services ul{margin:0;padding:0;list-style:none;width:33.3%;float:left}.i-services ul li{margin-bottom:3px;padding-right:30px}.e-pv-container{margin:20px 0}.div-img-wrap img{display:block;width:100%}.e-video-container{margin-top:20px}.div-video-wrap{background:#000}.div-video-wrap iframe{margin:0 auto;display:block}.i-events-list{margin-bottom:20px}.i-events-list .sect-title{color:#f60;padding-left:20px;margin-bottom:20px}.i-contacts{margin:30px 0}.i-contacts .sect-title{margin-bottom:20px}.i-contacts .ic-wrap{display:table;width:100%;font-size:13px;line-height:16px}.i-contacts .ic-wrap .ic-col{display:table-cell;vertical-align:top;width:55%}.i-contacts .ic-wrap .ic-col:first-child{width:45%;padding-right:30px}.i-contacts .ic-addr{min-height:32px}.i-contacts .ic-wrap .ic-col ul.tels{margin:0;padding:0;list-style:none}.s-comments{margin:30px 0}.s-comments .sect-title{padding-left:20px;margin-bottom:15px;font-family:dindisplay_pro,sans-serif;font-size:22px;line-height:23px;color:#f60}.sc-comments .cl-item-wrap{padding-left:90px}.sc-comments .cli-pict{margin-left:-90px;width:70px;height:70px;line-height:65px;padding:2px}.sc-comments .cli-info{margin-bottom:0}.sc-comments .sc-name{font-family:dindisplay_pro,sans-serif;font-weight:500;font-size:17px;line-height:20px;color:#f60;margin:-7px 0 10px}.sc-comments .sc-name a{text-decoration:none;color:#f60}.sc-comments .sc-name a:hover{color:#000}.ma-text h2,.ma-text h3,.order-button,.rq-order-button{font-family:dindisplay_pro,sans-serif;color:#f60}.sc-comments .sc-text{font-size:12px;line-height:16px}.ma-text{font-size:13px;line-height:16px}.ma-text h2{font-weight:400;font-size:25px;line-height:26px;margin:25px 0 20px}.ma-text h3{font-weight:400;font-size:20px;line-height:23px;margin:20px 0 15px}.ma-text p{margin:20px 0}.ma-text>:first-child{margin-top:0}.ma-text .pt-block{margin:25px 0}.ma-text .pt-block img{float:left;margin-right:30px}.ma-text .pt-block.p-right img{float:right;margin-left:30px}.ma-text .pt-block .ptb-text{overflow:hidden}.ma-text .pt-block .ptb-text>:first-child{margin-top:0}.ma-text .pt-block .ptb-text ul{margin:0;padding:0;list-style:none}.ma-text .pt-block .ptb-text ul li{padding-left:16px;margin-bottom:7px}.ma-text .pt-block .ptb-text ul li:before{content:'';display:block;width:11px;height:8px;background:url(../img/sprites.png) -287px -51px no-repeat;float:left;margin:5px -100% 0 -16px}.s-slide-gallery-wrap{width:100%;overflow:hidden}.s-slide-gallery{margin-right:-15px;overflow:hidden}.s-slide-gallery ul{width:100%}.s-slide-gallery li{width:25%;padding-right:15px;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.s-slide-gallery li a{display:block;overflow:hidden;border-radius:4px}.s-slide-gallery li img{width:100%}.s-slide-gallery .re-controls{display:none}.s-slide-gallery .re-controls.enabled{display:block}.s-slide-gallery .re-controls a{display:block;width:71px;height:0;padding-top:71px;overflow:hidden;position:absolute;top:50%;margin-top:-35px}.s-slide-gallery .re-controls a:before{content:' ';display:block;width:31px;height:62px;background:url(../img/sprites.png) 0 -63px no-repeat;position:absolute;left:50%;top:50%;margin:-31px 0 0 -15px}.s-order,.s-order .so-col+.so-col{width:100%}.s-slide-gallery .re-controls a.prev{left:0}.s-slide-gallery .re-controls a.prev:before{background-position:0 -63px}.s-slide-gallery .re-controls a.next{right:15px}.s-slide-gallery .re-controls a.next:before{background-position:-32px -63px}.s-slide-gallery .re-controls a.next.disabled,.s-slide-gallery .re-controls a.prev.disabled{display:none}.s-order{margin:25px 0;display:table}.s-order .so-col{display:table-cell;vertical-align:middle;padding-right:40px}.order-button,.rq-order-button{display:inline-block;text-decoration:none;border:1px solid #f60;height:44px;white-space:nowrap;border-radius:4px}.rq-order-button .rqob-wrap{display:table;border:none;border-collapse:collapse}.order-button>a,.order-button>span{display:inline-block;vertical-align:top;padding:1px 20px 0;line-height:43px;height:44px;-moz-box-sizing:border-box;box-sizing:border-box}.rq-order-button .rqob-wrap>*{display:table-cell;padding:0;line-height:43px;height:44px;-moz-box-sizing:border-box;box-sizing:border-box}.order-button .ob-price{font-size:25px}.rq-order-button .rqob-wrap .rqob-price{vertical-align:middle;padding:0 30px;font-size:25px;line-height:44px}.order-button .rqob-button{vertical-align:top}.order-button .ob-text,.rq-order-button .ob-text,.rq-order-button button{font-weight:700;font-size:17px;text-decoration:none;text-transform:uppercase;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3);border-radius:0;background:#f60;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff8000),color-stop(100%,#f60));background:-webkit-linear-gradient(top,#ff8000 0,#f60 100%);background:-o-linear-gradient(top,#ff8000 0,#f60 100%);background:-webkit-linear-gradient(top,#ff8000 0,#f60 100%);background:-o-linear-gradient(top,#ff8000 0,#f60 100%);background:linear-gradient(to bottom,#ff8000 0,#f60 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8000', endColorstr='#ff6600', GradientType=0 )}.rq-order-button .ob-text,.rq-order-button button{display:block;width:100%;height:44px;font-size:17px;line-height:45px;text-align:center;padding:1px 20px 0;-moz-box-sizing:border-box;box-sizing:border-box}.order-button a.ob-text:hover,.rq-order-button a.ob-text:hover,.rq-order-button button:hover,a.order-button:hover .ob-text{background:#ff8000;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fe9150),color-stop(100%,#ff8000));background:-webkit-linear-gradient(top,#fe9150 0,#ff8000 100%);background:-o-linear-gradient(top,#fe9150 0,#ff8000 100%);background:-webkit-linear-gradient(top,#fe9150 0,#ff8000 100%);background:-o-linear-gradient(top,#fe9150 0,#ff8000 100%);background:linear-gradient(to bottom,#fe9150 0,#ff8000 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9150', endColorstr='#ff8000', GradientType=0 )}.order-button .ob-text:after,.rq-order-button .ob-text:after,.rq-order-button button:after{content:'';display:inline-block;vertical-align:middle;width:8px;height:12px;background:url(../img/sprites.png) -175px 0 no-repeat;margin:-1px 0 0 7px}.s-note p,.s-note ul{margin:7px 0}.order-button .rub,.rq-order-button .rub{font-size:22px}.order-descr{font-size:13px;line-height:15px;color:#f60}.s-note{font-size:12px;line-height:15px}.s-note ul{padding:0;list-style:none}.s-note ul li{padding-left:10px}.s-note ul li:before{content:'-';float:left;margin:0 -100% 0 -10px}.messages-list{margin:0;padding:0;list-style:none}.messages-list>li{padding:20px 20px 5px;background:#fcfcfb;margin-bottom:15px;border-radius:4px;box-shadow:inset 0 1px 0 rgba(0,0,0,.2)}.messages-list>li.mi-new{padding:19px 19px 4px;border:1px solid #f60;box-shadow:none}.messages-list>li:hover{background:#fff}.messages-list .mi-wrap{position:relative;padding-left:90px;margin-bottom:15px}.messages-list .mi-wrap.me{padding:0 90px 0 0}.messages-list>li>a{color:#464646;text-decoration:none}.messages-list .mi-pict{width:70px;height:70px;line-height:65px;text-align:center;overflow:hidden;margin:0 -100% 0 -90px;float:left;border-radius:4px}.messages-list .me .mi-pict{margin:0 -90px 0 -100%;float:right}.messages-list .mi-pict img{max-width:100%;max-height:100%;vertical-align:middle}.messages-list .mi-body{width:100%;float:left}.messages-list .mi-body>header{padding-right:130px}.messages-list .mi-time{width:110px;float:right;font-size:11px;line-height:16px;color:#a2a2a2;text-align:right;margin:0 0 0 -110px}.messages-list .me .mi-time{float:left;margin:10px 0 0;text-align:left}.messages-list .mi-sender{font-family:dindisplay_pro,sans-serif;font-size:18px;line-height:19px;color:#f60;margin-bottom:7px}.messages-list .mi-sender a{color:#f60;text-decoration:none}.messages-list .mi-sender a:hover{color:#464646}.messages-list .me .mi-sender{color:#2592c5}.messages-list .mi-buttons{margin-bottom:10px;display:none}.set-sect{padding:10px 20px;background:#fcfcfb;margin-bottom:20px;border-radius:4px;box-shadow:inset 0 1px 0 rgba(0,0,0,.2)}.set-sect.p-form{padding:20px}.set-sect>header{font-family:dindisplay_pro,sans-serif;text-transform:uppercase;color:#a2a2a2;padding:5px 0;cursor:pointer}.a-graphic,.cal-lists,.cl-news header .news-header-body,.e-price,.e-programm .ep-item footer,.e-programm .ep-item header,.e-statistic,.edit-wrap .e-form,.ep-sect-title,.mf-photos-list,.p-calendar,.request-form .rq-form .rqf-title,.request-form .rq-info .rqi-body h2,.request-form .rq-info .rqi-body h3,.request-form .rq-info .rqi-body h4,.set-sect .set-sect-title,.targets{font-family:dindisplay_pro,Arial,sans-serif}.set-sect>header:before{content:'';display:inline-block;vertical-align:middle;width:14px;height:15px;background:url(../img/sprites.png) -196px -32px no-repeat;margin:0 4px 0 0}.set-sect.closed>header:before{background-position:-250px -109px}.set-sect .set-sect-body{margin:20px 0 10px}.set-sect.closed .set-sect-body{display:none}.mf-buttons-line{margin-top:25px}.mf-line{margin-bottom:15px}.mf-line.cols-2{display:table;width:100%}.mf-line .mf-field{padding-right:10px;width:65%;display:inline-block;box-sizing:border-box;padding-bottom:5px}.mf-line .mf-field,.mf-soc-m .mf-soc-col{vertical-align:top;-moz-box-sizing:border-box}.mf-line .mf-field.full-width{width:100%}.mf-line.cols-2 .mf-field,.mf-line.cols-2>label{display:table-cell;width:50%;padding:0 0 5px 10px}.mf-line.cols-2 .mf-field:first-child,.mf-line.cols-2>label:first-child{padding:0 10px 5px 0}.mf-line.full-width .mf-field{padding:0 0 5px;width:100%}.ch-pwd .mf-line .mf-field{width:47%}.tabs-content .mf-line .mf-field{display:block}.mf-line.full-width>label{display:block;margin-bottom:5px}.mf-soc-m .sm-i,.mf-soc-m a.clear{vertical-align:middle;display:inline-block}.mf-line>label.check{font-size:15px;margin-right:40px}.mf-line>label.check i{font-style:normal;font-size:12px;color:#a2a2a2}.mf-soc-m{margin:-5px 0 10px}.mf-soc-m .mf-soc-col{padding-right:10px;width:47%;display:inline-block;box-sizing:border-box}.mfsm-title{font-size:15px;margin-bottom:10px}.mf-soc-m .mf-soc-col+.mf-soc-col .mfsm-title{color:#a2a2a2}.mf-soc-m .sm-i{font-size:18px;line-height:21px;padding-top:4px}.mf-soc-m .sm-i img{vertical-align:middle;margin:-4px 4px 0 0}.mf-soc-m a.clear{position:relative;width:30px;height:0;padding-top:30px;overflow:hidden;margin:-5px 0}.mf-soc-m a.clear:before{content:'';display:block;width:9px;height:10px;background:url(../img/sprites.png) -162px -52px no-repeat;position:absolute;left:50%;top:50%;margin:-5px 0 0 -5px}.mf-soc-m a.clear:hover:before{background-position:-238px -121px}.mf-soc-m .sm-body ul{margin:0;padding:0;list-style:none}.mf-soc-m .sm-body ul li{display:inline-block;margin-right:5px}.mf-checks-title{font-size:15px;margin-bottom:15px;color:#a2a2a2}.mf-announces{padding-left:205px}.mf-announces .mf-subj-checks-title{display:block;width:155px;margin:0 -100% 0 -205px;float:left}.mf-announces .mf-announces-body.disabled{opacity:.5}.lt-ie9 .mf-announces .mf-announces-body.disabled{-ms-filter:alpha(opacity=30);filter:alpha(opacity=30)}.set-sect.subscribe label.check{font-size:17px}.set-sect.subscribe .tabs-content label.check{font-size:15px}.set-sect.subscribe .mf-subj-checks-title label.check{font-size:17px}.set-sect .tabs-content,.tabs-content .mf-line.subj-checks{margin-bottom:25px}.mf-line.subj-checks>label.check{margin-right:30px}.tabs-content .mf-line{margin-bottom:10px}.tabs-content .mf-line .mf-field .custom-select,.tabs-content .mf-line .mf-field select{width:100%}.mf-line.country{margin:20px 0 5px}.mf-line.subj{margin:20px 0 25px}.mf-line.city>label,.mf-line.country>label,.mf-line.subj>label{display:block;font-size:17px;width:65%;margin:0 0 5px;-moz-box-sizing:border-box;box-sizing:border-box}.p-editable{position:relative}.p-editable.pe-active{padding-left:24px}.i-pict.p-editable.pe-active{padding-left:0}.i-info header .i-place.p-editable.pe-active{padding-left:24px}.i-info header .i-place.p-editable.pe-active:before{content:none}.ed-back a:before,.edit-wrap .e-form .ef-close:before,.edit-wrap .e-form:before,.ep-sect-title a:before,.tg-title:before{content:''}.edit-wrap{position:absolute;left:0;top:0;display:none;margin:-1px 0 0 -6px}.e-btn,.e-btn:before,.p-editable.pe-active .edit-wrap{display:block}.i-pict.p-editable .edit-wrap{left:100%;top:5px;margin:0 0 0 -30px;line-height:1em}.i-place.p-editable .edit-wrap{margin-top:10px}.i-additional .p-editable .edit-wrap,.i-descr.p-editable .edit-wrap{margin-top:-6px}.ic-buttons .p-editable .edit-wrap{margin-top:-2px}.ic-tel.p-editable .edit-wrap{margin-top:0}.e-btn{position:relative;width:24px;height:0;padding-top:24px;overflow:hidden;border-radius:3px;-webkit-transition:none;-o-transition:none;transition:none}.i-pict.p-editable .e-btn{background:#fcfcfb;width:25px}.e-btn:before{position:absolute;left:5px;top:4px;font-size:18px;color:#f60}.e-btn:hover{opacity:.7}.lt-ie9 .e-btn:hover{filter:alpha(opacity=70)}.i-pict.p-editable .e-btn:hover{background:#f60}.p-editable.pe-current .e-btn{width:28px;background:#f60;border-radius:3px 0 0 3px}.p-editable.pe-current .e-left .e-btn{width:28px;border-radius:0 3px 3px 0}.i-pict.p-editable .e-btn:hover,.p-editable.pe-current .e-btn:hover{opacity:1}.lt-ie9 .i-pict.p-editable .e-btn:hover,.lt-ie9 .p-editable.pe-current .e-btn:hover{filter:alpha(opacity=100)}.i-pict.p-editable .e-btn:hover:before,.p-editable.pe-current .e-btn:before{color:#fff}.i-pict.p-editable.pe-current .e-btn{width:33px}.edit-wrap .e-form{position:absolute;left:28px;top:0;width:600px;z-index:2;font-size:12px;line-height:15px;text-align:left;background:#f60;padding:9px 20px 15px;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:0 3px 3px;display:none}.i-pict.p-editable .edit-wrap .e-form{left:32px}.ic-links .edit-wrap .e-form{width:330px}.edit-wrap.e-left .e-form{left:auto;right:100%;border-radius:3px 0 3px 3px}.edit-wrap .e-form:before{display:block;width:0;height:0;border:1px solid;border-color:#f60 #f60 transparent transparent;border-radius:2px;position:absolute;right:100%;top:24px}.edit-wrap.e-left .e-form:before{border-color:#f60 transparent transparent #f60;right:auto;left:100%}.p-editable.pe-active.pe-current .edit-wrap .e-form{display:block}.edit-wrap .e-form .ef-body{width:420px;float:left;word-spacing:16px;margin-bottom:-10px}.ic-links .edit-wrap .e-form .ef-body{width:150px}.edit-wrap .e-form .epfl{display:inline-block;vertical-align:top;word-spacing:normal;min-width:200px;margin-bottom:10px}.ic-links .edit-wrap .e-form .epfl{width:150px;min-width:0}.i-pict .edit-wrap .e-form .epfl{display:block}.edit-wrap .e-form .ef-body .epf-field>label,.edit-wrap .e-form .ef-body .epfl>label{color:#fff;display:block;margin-bottom:5px}.edit-wrap .e-form .ef-body .epf-field>label{word-spacing:normal}.edit-wrap .e-form .ef-body .epfl>label img{margin:-3px 0 -2px}.edit-wrap .e-form .epfl .c-select-box{width:200px}.e-form .custom-select select,.e-form select{width:200px;height:26px}.e-form input[type=text]{height:29px;line-height:26px;padding-left:6px}.e-form input[type=text]:focus{border-width:1px}.i-title .e-form input[type=text]{width:420px}.edit-wrap .e-form textarea{width:420px;height:90px;border-width:1px}.edit-wrap .e-form .ef-buttons{float:right;padding-top:20px}.edit-wrap .e-form .ef-close{display:block;width:22px;height:0;padding-top:22px;overflow:hidden;position:absolute;right:15px;top:5px}.edit-wrap .e-form .ef-close:before{display:block;width:9px;height:10px;background:url(../img/sprites.png) -63px -159px no-repeat;position:absolute;left:50%;top:50%;margin:-5px 0 0 -4px}.a-graphic,.ep-item .ep-title span,.tad-price li{position:relative}.ed-back{margin:20px 0}.ed-back a{display:inline-block;font-size:17px;line-height:17px;text-decoration:none;border:1px solid #fcaf7b;padding:5px 25px;border-radius:4px}.ed-back a:before{display:inline-block;width:6px;height:11px;background:url(../img/sprites.png) -157px 0 no-repeat;margin-right:8px}.ed-back a:hover{color:#fff;background:#f60;border-color:#f60}.ed-back a:hover:before{background-position:-115px 0}.e-programm,.ep-sect{margin-bottom:30px}.ep-sect-title{height:12px;border-bottom:1px dotted #ccc;font-size:25px;line-height:25px;font-weight:700}.e-programm .ep-sect-title{height:14px;font-size:30px;line-height:30px}.p-calendar .ep-sect-title{font-size:17px;line-height:20px;border:none;height:auto;color:#959595}.ep-sect-title a{display:inline-block;text-decoration:none;text-transform:uppercase;background:#fcfcfb;padding:0 10px 0 5px;color:#464646}.e-programm .ep-sect-title a{min-width:180px;margin-left:-5px}.p-calendar .ep-sect-title a{color:#959595}.ep-sect-title a:before{display:inline-block;width:18px;height:18px;background:url(../img/sprites.png) -296px -22px no-repeat;margin-right:8px}.e-programm .ep-sect-title a:before{width:21px;height:21px;background-position:-317px 0;margin-right:8px}.eps-opened .ep-sect-title a:before{background-position:-315px -22px}.e-programm .eps-opened .ep-sect-title a:before{background-position:-295px 0}.p-calendar .ep-sect-title a:before{width:13px;height:14px;background-position:-250px -109px;margin-right:5px;vertical-align:middle;margin-top:-2px}.p-calendar .eps-opened .ep-sect-title a:before{background-position:-211px -145px}.ep-sect-body{padding-top:25px;display:none}.eps-opened .ep-sect-body{display:block}.e-programm ul{margin:0;padding:0;list-style:none}.e-programm li{margin-top:20px;padding:15px 0 5px}.e-programm li:first-child{margin-top:0}.e-programm .ep-item{border:1px dotted #ccc;padding:0 10px 0 30px}.e-programm .ep-item header{margin-top:-15px;padding:0 0 0 160px}.ep-item .ep-time{font-size:25px;line-height:25px;color:#f60;background:#fcfcfb;padding:0 5px;float:left;margin:0 -100% 0 -165px}.ep-item .ep-title{display:inline;font-size:22px;line-height:25px;background:#fcfcfb;outline:#fcfcfb solid 6px;outline-offset:-1px}.ep-item .ep-body{font-size:12px;line-height:16px;margin:7px 0}.ep-item .ep-body p{margin:7px 0}.ep-item .ep-body .ep-coord{color:#f60}.e-programm .ep-item footer{font-size:15px;line-height:15px;margin-bottom:-7px}.ep-item .ap-area{display:inline-block;padding:0 5px;color:#8f8f8f;background:#fcfcfb;margin-left:-5px}.e-programm+.i-steps,.e-statistic+.i-steps{margin-top:40px;margin-bottom:15px}.ep-stats{padding:5px 25px 0;border-bottom:1px dotted #ccc;margin-bottom:25px}.ep-stats .eps-item{width:220px;float:right;font-weight:700;font-size:28px;line-height:28px;margin-bottom:-13px}.ep-stats .eps-item:first-child{color:#f60;width:450px;float:left}.ep-stats b{display:block;font-size:120px;line-height:120px;margin-top:-10px;word-spacing:-10px;letter-spacing:-7px;white-space:nowrap}.ep-stats .eps-text{display:block;margin:-18px 0 0;padding:0 5px;background:#fcfcfb;float:left}.ep-info{padding:0 30px;margin-bottom:20px}.ep-info .ep-area-wrap{width:450px;float:left;font-size:80px;line-height:80px}.ep-info .epa-title{font-size:18px;line-height:18px;width:110px;padding-top:12px;float:left}.ep-info .epa-area{display:inline-block;font-weight:100;letter-spacing:-2px;word-spacing:-5px}.ep-info .epa-area sup{display:inline-block;font-size:45px;margin:0 0 0 3px}.ep-info .ep-founded{width:210px;float:right;font-size:16px;line-height:18px;color:#afafae;padding-top:14px}.ep-founded b{display:block;font-size:40px;line-height:40px;letter-spacing:-1px;margin:0 0 -5px -2px}.ep-countries{padding:0 30px 0 140px;border-top:1px dotted #ccc;font-size:18px;color:#f60}.ep-countries .epc-title{color:#feb17d;background:#fcfcfb;margin:-10px -100% 0 -115px;padding:0 5px;float:left}.ep-countries .epc-list{margin-top:-10px;display:table;table-layout:fixed;width:100%}.ep-countries ul{margin:0;padding:0;list-style:none;display:table-cell;vertical-align:top}.ep-countries ul+ul+ul{width:215px}.ep-countries ul li{padding:0 5px;background:#fcfcfb;margin-top:4px;float:left;clear:left}.clear,.clearfix:after,.mf-photos-list li:after,.tad-price li:after{clear:both}.ep-countries ul li:first-child{margin-top:0}.e-price{font-size:15px;line-height:18px;margin-bottom:5px}.epr-title,.pr-list .prl-value{font-weight:700;font-size:28px}.e-price-wrap{margin:0 -20px;padding-top:15px}.epr-layout{display:table;width:100%;border-spacing:20px 0}.eprl-col{border:1px dotted #ccc;display:table-cell;vertical-align:top;padding:0 15px 15px}.eprl-col:first-child{width:350px}.epr-title{margin:-12px 0 20px -5px}.epr-title span{display:inline-block;padding:0 5px;background:#fcfcfb}.epr-subtitle{color:#f60;font-weight:700;text-transform:uppercase;margin-bottom:10px}.pr-list{margin:0 0 20px;padding:0;list-style:none;color:#f60}.pr-list.grey{color:#8b8b8b}.pr-list li{margin-bottom:3px;word-spacing:-2px;white-space:nowrap}.pr-list .prl-value{display:inline-block;vertical-align:middle;border:1px solid #ffd2b2;height:32px;padding:2px 15px 0;line-height:32px;word-spacing:-4px;border-radius:4px 0 0 4px;max-width:94px}.pr-list .prl-value .small{word-spacing:0;white-space:normal;font-size:14px;display:block;line-height:1em;padding-top:2px}.pr-list .prl-descr{display:inline-block;vertical-align:top;border:1px solid #ffd2b2;min-height:34px;padding:0 15px;font-size:18px;line-height:32px;word-spacing:normal;white-space:normal;border-radius:0 4px 4px 0}.pr-list.grey .prl-descr,.pr-list.grey .prl-value{border-color:#c6c6c6}.pr-list .prl-descr span{display:inline-block;vertical-align:middle;line-height:19px}.epr-conditons{margin-top:20px}.epr-conditons p{margin:0}.tp-btn-wrap,.tp-wrap{display:table;table-layout:fixed;width:100%;border-spacing:0;margin-bottom:20px}.tp-btn-wrap>*,.tp-wrap>*{display:table-cell;vertical-align:middle;margin-bottom:0}.t-layout .t-col,.tp-btn-wrap>*{vertical-align:top}.tp-btn-wrap .tp-btn,.tp-wrap .pr-list{width:262px}.tp-btn-wrap .tp-categories,.tp-wrap .tp-descr{font-weight:500;font-size:14px;line-height:17px;text-transform:uppercase;color:#f60}.tp-wrap .tp-descr.grey{color:#8b8b8b}.tp-btn-wrap{margin-bottom:0}.tp-btn-wrap .tp-categories{font-weight:400;text-transform:none}.tp-btn-wrap .tp-categories .tpc-title{font-size:13px;color:#feb17d;margin-bottom:3px}.tp-btn-wrap .tp-categories ul{margin:0;padding:0 0 0 15px;font-size:15px;line-height:16px;font-weight:700}.targets{font-size:15px;line-height:16px}.t-layout{display:table;width:100%}.t-layout .t-col{display:table-cell;width:50%;padding-right:20px}.tg-title{font-size:22px;line-height:22px;color:#f60;margin-bottom:10px}.tg-title:before{display:inline-block;width:24px;height:23px;background:url(../img/sprites.png) -300px -41px no-repeat;margin:0 5px -3px 0}.tg-title.icon-case:before{width:23px;height:19px;background-position:-300px -65px;margin:0 6px -1px 0}.targets ul{margin:0;padding:0 0 0 30px;list-style:none}.targets ul li{margin-bottom:5px}.targets small{display:inline-block;font-size:13px}.tad-price ul{margin:0;padding:0;list-style:none}.tad-price li{padding:17px 230px 20px 20px;margin-bottom:20px;background:#fcfcfb;box-shadow:inset 0 1px 0 #e8e8e7;border-radius:4px;-webkit-transition:background .3s;-o-transition:background .3s;transition:background .3s}.tad-price li:after,.tad-price li:before{content:" ";display:table}.tad-price li.p-left{padding:17px 20px 20px 230px}.tad-price .tad-pict{width:190px;float:right;padding:5px 0;margin:0 -210px 0 -100%}.tad-price li.p-left .tad-pict{float:left;margin:0 -100% 0 -210px}.tad-price .tad-pict img{width:190px}.tad-price .tad-pict a:hover img{opacity:.9}.cl-item.cpe-inactive .cl-item-wrap,.cl-item.cpe-inactive .cli-pb-button .button.more,.cl-item.cpe-inactive .cli-pb-info,.cl-item.cpe-inactive .cli-photo-list .clipl-wrap,.set-sect.passed .set-sect-title .afh-right .button,.set-sect.passed .set-sect-title h3{opacity:.5}.tad-price h3{font-family:dindisplay_pro,Arial,sans-serif;font-weight:400;font-size:25px;line-height:26px;margin:0 0 10px}.tadi-text{font-size:13px;line-height:16px;min-height:55px;margin-bottom:25px}.tad-price p{margin:10px 0 0;color:#464646}.tad-price p:first-child{margin-top:0}.btn-wrap{margin:25px 0 5px}.btn-wrap .tad-prise-descr{padding-left:21px;margin-top:5px;color:#f60}.a-graphic{font-size:12px;line-height:14px;padding-top:10px}.a-graphic table{width:100%}.a-graphic>table>tbody>tr>td{width:100%;padding:0 5px 0 20px;vertical-align:top;background:url(../img/ag-bg.png)}.a-graphic>table>tbody.bottom>tr>td{background:0 0;vertical-align:middle}.a-graphic>table>tbody>tr>td:first-child{width:auto;padding:0 10px 0 0;height:20px;vertical-align:middle;text-align:left;background:0 0}.a-graphic>table>tbody>tr>td>div{display:inline-block;min-width:45px;height:20px;line-height:20px;text-align:right}.a-graphic>table>tbody.bottom>tr>td:first-child{font-size:11px;line-height:12px;color:#aeaeae;height:35px}.a-graphic>table>tbody.bottom>tr>td:first-child div{line-height:12px;text-align:center}.a-graphic table table{table-layout:fixed}.a-graphic table table td{width:20%;padding:0 5px}.a-graphic tbody.main table td{vertical-align:bottom}.a-graphic tbody.bottom table td{text-align:center;font-size:14px;font-weight:500;color:#f60}.a-graphic .at-bar{height:20px;background:#f60;border-radius:4px}.a-graphic .at-bar.bh1{height:20px}.a-graphic .at-bar.bh2{height:40px}.a-graphic .at-bar.bh3{height:60px}.a-graphic .at-bar.bh4{height:80px}.a-graphic .at-bar.bh5{height:100px}.a-graphic .at-bar.bh6{height:120px}.a-graphic .at-bar.bh7{height:140px}.a-graphic .at-bar.bh8{height:160px}.a-graphic .at-bar.bh9{height:180px}.a-graphic .at-bar.bh10{height:200px}.a-graphic .at-bar .atb-text{padding:10px 5px;color:#fff;font-size:13px;text-align:center}.a-graphic .at-bar .atb-text p{margin:30px 0 0}.a-graphic .at-bar .atb-text p:first-child{margin-top:10px;font-size:15px}.a-graphic .at-bar .atb-text p b{display:block;font-weight:500;font-size:20px;line-height:21px;word-spacing:-2px;white-space:nowrap}.a-graphic .at-bar .atb-text p:first-child b{display:block;font-size:25px;line-height:25px;word-spacing:-3px}.p-calendar .ep-sect{margin-bottom:0}.p-calendar .ep-sect-body{padding-top:10px}.p-calendar .ep-sect-body header{height:15px;margin-bottom:25px;text-align:center;border-bottom:1px dotted #ccc}.p-calendar .pc-month-wrap{display:inline-block;padding:0 10px;background:#fcfcfb}.p-calendar .pc-month-wrap a{position:relative;display:inline-block;vertical-align:middle;width:18px;height:0;padding-top:18px;overflow:hidden;background:#464646;border-radius:18px}.p-calendar .pc-month-wrap a:hover{background:#f60}.p-calendar .pc-month-wrap a:before{content:'';display:block;width:8px;height:12px;background:url(../img/sprites.png) -225px -134px no-repeat;position:absolute}.cal-item .cli-title,.ce-ico,.cli-icos,.p-calendar .pc-month{display:inline-block}.p-calendar .pc-month-wrap a.pcm-prev:before{background-position:-225px -134px;left:4px;top:4px}.p-calendar .pc-month-wrap a.pcm-next:before{background-position:-175px 0;right:4px;top:4px}.p-calendar .pc-month{vertical-align:middle;font-weight:700;font-size:30px;line-height:30px;text-transform:uppercase;margin:0 15px}.cal-wrap{margin:0 -20px}.calendar-container{width:100%;position:relative;padding-right:20px;-moz-box-sizing:border-box;box-sizing:border-box}.calendar-container .scroll-content{padding:25px 0 5px;width:100%;-moz-box-sizing:border-box;box-sizing:border-box}.calendar-container .cal-days td>div{width:136px}.calendar-container table td{border-left:1px dotted #ccc;text-align:center;padding:0}.calendar-container table td:first-child{border-left:none}.calendar-container table tr.c-sep td{height:10px}.calendar-container table td.c-cur{background:#fff0e5;border:solid #ffd8bb;border-width:0 1px}.calendar-container .cal-days td{font-size:25px;color:#959595;padding:8px 0 12px;width:136px}.calendar-container .cal-body+.cal-days td{padding:2px 0 28px}.calendar-container .cal-days td.c-cur>div{position:relative;width:136px;background:#fff0e5;padding-top:33px;margin:-33px -1px 0;border:solid #ffd8bb;border-width:1px 1px 0;border-radius:4px 4px 0 0}.calendar-container .cal-body+.cal-days td.c-cur>div{padding:0 0 32px;margin:0 -1px -32px;border-width:0 1px 1px;border-radius:0 0 4px 4px}.calendar-container .cal-days td b{letter-spacing:-1px;color:#464646;margin-right:3px}.calendar-container .cal-days td i{font-style:normal;font-size:20px}.calendar-container .cal-days td.c-cur{color:#ffb380}.calendar-container .cal-days td.c-cur b{color:#f60}.calendar-container .cal-days td.c-cur .cur-mark{position:absolute;width:100%;left:0;top:10px;font-size:14px;color:#f60}.calendar-container .cal-body+.cal-days td.c-cur .cur-mark{top:auto;bottom:12px}.calendar-container .c-event{position:relative;width:100%;padding:0 5px;background:#f60;color:#fff;margin:0 -5px;text-align:left;border-radius:4px}.calendar-container .c-event.grey{background:#7e7e7e}.calendar-container .c-event.cont-prev{padding-left:20px;margin-left:-20px;border-radius:0 4px 4px 0}.calendar-container .c-event.cont-next{padding-right:20px;margin-right:-20px;border-radius:4px 0 0 4px}.calendar-container .c-event.cont-prev.cont-next{border-radius:0}.calendar-container .c-event .ce-wrap{padding:10px 7px 10px 12px}.calendar-container .c-event h3{margin:0 0 5px;font-weight:400;font-size:13px;line-height:14px}.calendar-container .c-event h3 a{color:#fff;text-decoration:none}.calendar-container .c-event .ce-info{font-size:12px;line-height:14px;color:#ffd0ae}.calendar-container .c-event.grey .ce-info{color:silver}.calendar-container .c-event .ce-info>div{display:inline-block;vertical-align:middle;margin-bottom:4px}.ce-ico{position:relative;vertical-align:middle;width:19px;height:19px;margin-right:2px;border:1px solid #ffb380;border-radius:3px}.cl-actions,.cl-sect .cls-title,.cl-sect ul li{border-bottom:1px dotted #ccc}.c-event.grey .ce-ico,.cal-item .ce-ico.icon-fav{border-color:#bfbfbf}.ce-ico:before{content:'';background:url(../img/sprites.png) no-repeat;position:absolute}.ce-ico.icon-check:before{width:12px;height:9px;background-position:-93px -16px;left:4px;top:5px}.c-event .ce-ico.icon-check:before{background-position:-117px -162px}.ce-ico.icon-fav:before{width:11px;height:11px;background-position:-130px -162px;left:4px;top:4px}.c-event .ce-ico.icon-fav:before{background-position:-142px -162px}.cl-sect{margin-top:20px}.cl-sect:first-child{margin-top:0}.cl-sect .cls-title{font-size:25px;line-height:26px;padding-bottom:10px}.cl-sect ul{margin:0;padding:0;list-style:none}.cl-sect ul li{position:relative;padding:10px 50px 10px 0}.cal-item{padding-left:50px}.cal-item .cali-pict{width:40px;float:left;margin:0 -100% 0 -50px}.cal-item .cali-pict img{width:40px}.cal-item .cli-info{margin-bottom:0}.cal-item .cli-info .cli-top{margin-bottom:3px}.cal-item header{margin-bottom:2px}.cal-item .cli-title{font-size:20px;line-height:22px;color:#f60;margin-right:5px;max-width:550px}.cal-item .cli-title a{color:#f60;text-decoration:none}.cal-item .cli-title a:hover{color:#464646}.cli-icos{vertical-align:top}.adm-form .mf-line .mf-field,.i-wait,.i-wait img,.mfpl-button-line>*{vertical-align:middle}.cal-item .cli-info .cli-bot .cli-date{width:150px;font-size:15px}.cal-item .cli-place{font-size:15px;float:left}.cl-sect ul li .check-wrap{position:absolute;right:5px;top:12px}.cl-actions{padding:15px 0 12px;font-size:15px;line-height:16px}.cl-actions .cla-title{float:left;margin-right:20px;line-height:26px;color:#979797}.cl-actions .cla-btns{overflow:hidden}.cl-actions .cla-btns .button{margin-bottom:4px}.to-prev-cal{font-size:15px;margin-top:20px}.to-prev-cal .icon-back:before{width:11px;height:12px;background-position:-183px -162px;margin-right:7px}.a-bot-buttons-line{margin-top:20px;padding-top:20px;border-top:1px dotted #ccc;word-spacing:16px}.p-form .a-bot-buttons-line{border-top:none;padding-top:0}.a-bot-buttons-line .abb-left{float:left;width:75%}.a-bot-buttons-line .abb-right{float:right}.page-title.clearfix .a-pt-button{float:right;margin:3px 0 -3px}.mfpl-button-line{display:table;width:100%;margin-bottom:20px}.mfpl-button-line>*{display:table-cell}.mfpl-button-line .mfpl-button{padding-right:30px}.mfpl-button-line .mfpl-text{width:100%;font-size:14px;line-height:16px;word-spacing:normal}.mfpl-button-line .mfpl-text p{margin:0;max-width:400px}.i-wait{display:inline-block;font-size:18px}.adm-form .i-wait{display:block;text-align:center;margin-bottom:20px}.i-wait img{margin:-4px 3px 0 0}.mf-photos-list ul{margin:0;padding:0;list-style:none}.mf-photos-list li{border-top:1px dotted #ccc;padding:20px 0 20px 210px}.mf-photos-list li:after,.mf-photos-list li:before{content:" ";display:table}.mf-photos-list .mfpli-pict{width:190px;height:190px;float:left;margin:0 -100% 0 -210px}.mf-photos-list .mfpli-pict img{max-width:190px;max-height:190px;border-radius:4px}.set-sect.adm-form{margin-bottom:22px}.set-sect .set-sect-title h3{margin:0;font-weight:300;font-size:25px;line-height:26px;color:#f60;float:left}.set-sect.not-active .set-sect-title h3{color:#d1d1d1}.set-sect .set-sect-title .afh-right{float:right}.lt-ie9 .set-sect.passed .set-sect-title .afh-right .button,.lt-ie9 .set-sect.passed .set-sect-title h3{filter:alpha(opacity=50)}.set-sect.passed .set-sect-title .afh-right .button:hover{opacity:1}.adm-form .adm-form-body.disabled,.mf-line .rq-sub-sect .rq-sub-sect-body.disabled>*{opacity:.5}.lt-ie9 .set-sect.passed .set-sect-title .afh-right .button:hover{filter:alpha(opacity=100)}.set-sect .set-sect-title .afh-right .sst-info{font-weight:300;font-size:20px;color:#f60}.set-sect .set-sect-title .afh-right .sst-info b{font-weight:500}.lt-ie9 .adm-form .adm-form-body.disabled{filter:alpha(opacity=50)}.adm-form h2{margin:-5px 0 15px;font-weight:100;font-size:30px;line-height:30px;color:#f60}.adm-form hr{margin-bottom:21px}.adm-form .mf-line>label{display:inline-block;font-size:17px;line-height:17px;margin-right:5px}.adm-form .mf-line>label.h2{display:inline-block;font-weight:100;font-size:30px;line-height:30px;color:#f60;vertical-align:middle;margin-top:-6px;padding-bottom:5px}.mf-line.afs-type{word-spacing:16px;padding-top:5px}.set-sect-title+form .mf-line.afs-type{padding-top:0}.mf-line.afs-type label{word-spacing:normal}.mf-line.afs-type .mf-field{padding:0}.mf-stat .mf-stat-add-button,.mfs-additional .mf-line{padding-left:135px}.mf-line.s-subj-tag{word-spacing:16px;margin-top:-5px}.mf-line.s-subj-tag .mf-field{width:45%;word-spacing:normal;vertical-align:top}.mf-line.s-subj-tag .mf-field label{display:block;font-size:17px;line-height:18px;margin-bottom:5px}.button.big.a-more:after,button.big.a-more:after{content:'';display:inline-block;vertical-align:middle;width:7px;height:11px;background:url(../img/sprites.png) -234px -134px no-repeat;margin:-1px -3px 0 7px}.button.big.grey.a-more:after,button.big.grey.a-more:after{background-position:-250px -134px}.button.big.a-more:hover:after,.button.big.orange.a-more:after,button.big.orange.a-more:after{background-position:-242px -134px}.mfs-location .mf-line{word-spacing:16px}.mfs-location .mf-line+.mf-line .mf-field{width:45%}.mfs-additional .mf-line>label{display:inline-block;width:120px;float:left;margin:0 -120px 0 -135px;padding-top:3px}.mf-line.mf-time>label,.mfs-additional.mf-stat .mf-line>label{padding-top:11px}.mfs-additional .mf-line .mf-field{width:100%}.mfs-additional .mf-line .mf-field hr{margin:10px 0 0}.mfs-additional .mf-line .mf-field .mff-col{width:45%;margin-right:25px;float:left}.mfs-additional .mf-line.mf-targets .mf-field .mff-col{width:30%}.mfs-additional .mf-line.mf-targets .mf-field .mff-col:first-child{width:45%}.adm-form-body label.check{font-size:15px;min-height:20px}.mf-targets label.check{width:100%;margin-bottom:7px}.mf-membership label.check{display:inline-block;vertical-align:top;width:45%;margin:0 25px 7px 0}.mf-prod input[type=text],.mf-prod textarea{margin:10px 0}.mf-prod input[type=text]:first-child,.mf-prod textarea:first-child{margin-top:0}.mf-prod input[type=text]{width:75%}.w-time{margin-bottom:10px;word-spacing:22px;display:none}.w-time.show,.w-time:first-child{display:block}.w-time>div{display:inline-block;vertical-align:middle;word-spacing:normal}.w-time .w-time-day{width:125px;display:none}.w-time.show .w-time-day{display:inline-block}.w-time .w-time-wrap{position:relative;width:90px}.w-time .w-time-wrap+.w-time-wrap,.w-time.show .w-time-wrap{margin-left:20px}.w-time.show .w-time-day+.w-time-wrap{margin-left:15px}.w-time .w-time-wrap label{font-size:15px;position:absolute;right:100%;margin-right:7px;top:12px;z-index:10}.adm-form-body .mf-line.mf-logo>label{width:130px}.mf-prod.mf-short-input input[type=text],.mf-year{width:140px}.mf-photos-list+hr{margin-top:5px}.mf-line>label.h3{font-size:20px}.mf-stat-item hr{margin-left:135px}.mf-line.mf-prod+.mf-stat-item hr{margin:-10px 0 20px 135px}.mf-year{margin-bottom:15px}.mf-stat-data{display:table;width:100%}.mf-stat-data>div{display:table-cell;padding-right:20px}.mf-stat-data .sd-participants,.mf-stat-data .sd-visitors{width:35%}.mf-stat-data .sd-participants input[type=text],.mf-stat-data .sd-visitors input[type=text]{width:100%}.mf-stat-data .sd-area{font-size:17px}.mf-stat-data .sd-area input[type=text]{width:70%;margin-right:5px}.mf-line.mf-stat-countries{margin-top:-15px}.mf-stat-countries .c-select-box{width:65%}.adm-form .e-price-wrap{margin:0 -20px 30px;padding-top:0}.adm-form .epr-layout{display:table;width:100%;border-spacing:20px 0}.adm-form .eprl-col{padding:0;border:none}.adm-form .eprl-col-wrap{padding:15px 20px;border:1px dotted #ccc}.adm-form .eprl-col:first-child .eprl-col-wrap{min-width:350px}.adm-form .epr-subtitle{font-size:15px}.adm-form .eprl-col hr{margin:10px 0}.adm-form .eprl-col input[type=text]{padding-left:7px;padding-right:7px}.adm-form .eprl-col input[type=text]:focus{padding-left:6px;padding-right:6px}.adm-form .tp-wrap{margin:0}.adm-form .pr-list{color:#464646;margin-bottom:10px}.adm-form .pr-list input[type=text]{width:75%;margin-right:6px;vertical-align:top}.adm-form .tp-wrap .pr-list input[type=text]{width:115px}.adm-form .eprl-col .custom-select{display:inline-block;vertical-align:top;width:70px}.adm-form .eprl-col .custom-select .custom-select-wrap{padding-left:7px}.adm-form .eprl-col .custom-select .scroll-content{padding-left:2px}.eprl-col .mf-line label{display:block;margin-bottom:5px}.eprl-col .mf-line .mf-field{width:100%;padding:0}.eprl-col .mf-line.mf-min-area label{display:inline-block;margin-bottom:0}.adm-form .eprl-col .mf-line.mf-min-area .mf-field{font-size:15px;width:38%}.adm-form .eprl-col .mf-line.mf-min-area .mf-field input[type=text]{width:78%;margin-right:3px}.adm-form .eprl-col .mf-field .period .pwf-field{padding:0}.adm-form .eprl-col .mf-field .period input.date[type=text]{padding-right:35px}.adm-form .eprl-col .mf-field .period input.date[type=text]:focus{padding-right:34px}.mf-reg-payment input[type=text]{width:120px;margin-right:6px}.mf-line.mf-deadline{margin-bottom:0}.cl-news header .news-s-pict{width:100px;height:100px;overflow:hidden;text-align:center;border-radius:4px;margin-right:20px;float:left}.cl-news header .news-s-pict img{height:100%;margin:0 -50%}.cl-news header .news-header-body{overflow:hidden}.cl-news header .news-header-body h2{margin:0 0 7px;font-weight:500;font-size:25px;line-height:26px}.cl-news header .news-header-body .news-header-date{font-size:15px;color:#f60}.request-form .rq-info{margin-bottom:15px;display:table;width:100%}.request-form .rq-info>*{display:table-cell}.request-form .rq-info .rqi-pict{vertical-align:top;width:130px;padding-right:30px;text-align:center}.request-form.rq-tickets .rq-info .rqi-pict{width:155px}.request-form .rq-info .rqi-body{vertical-align:middle;font-size:13px;line-height:15px}.request-form .rq-info .rqi-body h2,.request-form .rq-info .rqi-body h3,.request-form .rq-info .rqi-body h4{font-weight:400}.request-form .rq-info .rqi-body h2{margin:20px 0 10px;font-size:23px;line-height:24px}.request-form .rq-info .rqi-body h3{font-size:22px;line-height:24px;color:#f60;margin:20px 0 10px}.request-form .rq-info .rqi-body h4{font-size:16px;line-height:19px;margin:20px 0 10px}.request-form .rq-info .rqi-body ul{margin:10px 0;padding:0;list-style:none}.request-form .rq-info .rqi-body ul li{padding-left:15px;margin-bottom:10px}.request-form .rq-info .rqi-body ul li:before{content:'';display:block;width:11px;height:8px;background:url(../img/sprites.png) -250px -124px no-repeat;float:left;margin:4px -11px 0 -15px}.request-form .rq-info .rqi-body p{margin:10px 0}.request-form .rq-info .rqi-cols{display:table;width:80%;margin:0}.request-form .rq-info .rqi-cols>*,.request-form .rq-info .rqi-cols>ul{display:table-cell;margin:0;width:50%;padding-right:20px}.request-form .rq-info .rqi-cols>ul li{margin-bottom:5px}.request-form .rq-info .rqi-body>:first-child{margin-top:0}.request-form .rq-form{display:none;margin:10px 0}.request-form.rqf-opened .rq-form{display:block}.request-form.rqf-opened .rq-btn-to-hide,.request-form.rqf-opened .rq-to-hide{display:none}.request-form .rq-form .rqf-title{font-weight:100;font-size:30px;line-height:31px;color:#f60;margin-bottom:15px}.request-form hr{margin:25px 0 15px}.request-form .rq-form hr{margin:20px 0}.request-form .rq-btn-wrap{margin-bottom:15px}.request-form .rq-form hr+.rq-btn-wrap{margin-top:25px}.request-form .rq-btn-wrap .rqb-cols{display:table;width:100%}.request-form .rq-btn-wrap .rqb-cols>*{display:table-cell;width:50%}.request-form .rq-btn-wrap .rqb-cols .rqb-button{vertical-align:top}.request-form .rq-btn-wrap .rqb-cols .rqb-text{vertical-align:middle;padding-left:30px;font-family:Arial,sans-serif;font-size:12px;line-height:16px}.request-form .rq-btn-wrap>.button.big.orange,.request-form .rq-btn-wrap>button.big.orange{height:44px;line-height:40px;padding:2px 30px 0;font-size:17px}@-moz-document url-prefix(){.request-form .rq-btn-wrap>.button.big.orange,.request-form .rq-btn-wrap>button.big.orange{line-height:39px}}.rq-catalog .rq-btn-wrap{width:100%;max-width:650px}.rq-remotely .rq-btn-wrap{width:100%;max-width:770px;margin-bottom:0}.rq-tickets .rq-btn-wrap{width:100%;max-width:800px}.rq-translator .rq-btn-wrap{width:100%;margin-top:20px}.rq-translator .rq-form .rq-btn-wrap{width:50%;min-width:420px}.rq-catalog .rq-order-button,.rq-catalog .rq-order-button .rqob-wrap,.rq-remotely .rq-order-button,.rq-remotely .rq-order-button .rqob-wrap,.rq-tickets .rq-order-button,.rq-tickets .rq-order-button .rqob-wrap,.rq-translator .rq-order-button,.rq-translator .rq-order-button .rqob-wrap{width:100%}.rq-participation .rq-btn-wrap,.rq-tour .rq-btn-wrap{margin-left:160px}.rq-participation .rq-form .rq-btn-wrap,.rq-tour .rq-form .rq-btn-wrap{margin-left:0}.request-form .rq-btn-wrap .ob-descr{padding-left:160px;color:#f60;font-family:Arial,sans-serif;font-size:13px;line-height:15px;margin-top:7px}.request-form.rq-tickets .rq-btn-wrap .ob-descr{padding-left:185px}.rq-note{font-size:13px;line-height:15px}hr+.rq-note{margin-top:-3px}.rq-note p{margin:10px 0 0}.rq-note :first-child{margin-top:0}.s-tour .sect-title{color:#f60;font-family:dindisplay_pro,sans-serif;font-size:22px;line-height:23px;margin:25px 0 15px;padding-left:20px}.about_block h2,.about_block_menu li a,.contacts_bottom h3,.contacts_top_block_left,.contacts_top_block_right,.signature_block{font-family:dindisplay_pro}.rq-form{padding-top:1px}.rq-form hr:first-child{margin-top:0}.rq-form-sect .mf-line.cols-2{width:auto}.rq-form-sect .mf-line.cols-2.rq-place{width:75%}.rq-form .mf-line.rq-person .mf-field{width:60%}.rq-form-sect .mf-line.cols-2.rq-tickets-data .mf-field:first-child{padding-right:40px}.rq-form-sect .mf-line.cols-2.rq-contacts{width:85%}.rq-form .mf-line label{font-size:17px}.mf-line.cols-2.rq-remotely-what{width:100%}.mf-line.cols-2.rq-remotely-what label{width:150px;padding-right:0}.mf-line.cols-2.rq-remotely-what label em{font-style:normal;font-size:14px;line-height:16px;margin-top:5px;display:block;color:#b0b0b0}.mf-line.cols-2.rq-remotely-what .mf-field,.mf-line.rq-remotely-options .mf-field,.mf-line.rq-remotely-options>label{width:auto}.mf-line.rq-remotely-options .mf-field label{margin-left:15px}.mf-line.rq-remotely-options .mf-field label:first-child{margin-left:0}.rq-form-sect .mf-line.cols-2 .mf-field.rq-area-val{width:280px}.rq-form-sect .mf-line .rq-num input[type=text],.rq-form-sect .mf-line.cols-2 .mf-field.rq-area-val input[type=text]{width:80px;margin-left:7px}.rq-form-sect .mf-line .rq-num input[type=text]:first-child,.rq-form-sect.rq-tour-form .mf-line .rq-num input[type=text]{margin-left:0}.rq-form-sect .mf-line.cols-2 .mf-field.rq-area-type .custom-select{display:inline-block;vertical-align:middle;width:190px;margin-left:7px}.rq-form .rq-btn-wrap{display:none}.request-form.rqf-opened .rq-form .rq-btn-wrap{display:block}.mf-line.rq-tel2 .mf-field{width:50%}.rq-translator .rq-form-sect .mf-line.cols-2.rq-trans{width:100%}.rq-translator .mf-line .mf-field{vertical-align:middle;font-size:17px;width:auto}.rq-translator .rq-form-sect .mf-line.cols-2.rq-trans .mf-field{width:50%}.rq-translator .mf-line .mf-field.rq-num input[type=text]{margin-right:5px}.rq-translator .mf-line.rq-trans .mf-field>label{display:block;margin-bottom:5px}.rq-translator .mf-line>label{display:inline-block;vertical-align:middle;width:150px;margin-top:-6px}.rq-translator .mf-line.rq-p-days>label{width:124px}.rq-form .rq-tour-form .mf-line{display:table;table-layout:fixed;width:100%}.rq-form .rq-tour-form .mf-line>*{display:table-cell;vertical-align:top;width:auto;padding:0}.rq-form .rq-tour-form .mf-line>label{width:160px;padding-top:11px}.rq-form .rq-tour-form .mf-line.rq-p-days>label{width:130px}.rq-tour-form .mf-field>div{display:inline-block;margin-right:20px}.rq-tour-form .rq-sel-cond .custom-select{display:inline-block;vertical-align:middle;margin-left:5px;max-width:290px}.rq-tour-form .rq-sel-cond .custom-select:first-child{margin-left:0}.mf-line.rq-from-city input[type=text]{width:50%}.custom-radio-check.rq-rad-rate{display:inline-block;vertical-align:middle;height:40px;border:1px solid #feb17d;border-radius:3px;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;overflow:hidden;position:relative;margin-right:2px}.custom-radio-check.rq-rad-rate:hover{border-color:#f60;background:#f60;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff8000),color-stop(100%,#f60));background:-webkit-linear-gradient(top,#ff8000 0,#f60 100%);background:-o-linear-gradient(top,#ff8000 0,#f60 100%);background:-webkit-linear-gradient(top,#ff8000 0,#f60 100%);background:-o-linear-gradient(top,#ff8000 0,#f60 100%);background:linear-gradient(to bottom,#ff8000 0,#f60 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8000', endColorstr='#ff6600', GradientType=0 )}.ir,.visuallyhidden{border:0;overflow:hidden}.custom-radio-check.rq-rad-rate .custom-checkbox{display:block;height:38px;line-height:38px;padding:0 12px}.custom-radio-check.rq-rad-rate .custom-checkbox:before{content:'';display:inline-block;vertical-align:middle;height:15px;background:url(../img/sprites.png) -340px -16px no-repeat;margin:-2px -1px 0 0}.custom-radio-check.rq-rad-rate .custom-checkbox.checked:before{background-position:-340px -32px}.custom-radio-check.rq-rad-rate:hover .custom-checkbox:before{background-position:-340px 0}.custom-radio-check.rq-rad-rate.rr1 .custom-checkbox:before{width:15px}.custom-radio-check.rq-rad-rate.rr2 .custom-checkbox:before{width:31px}.custom-radio-check.rq-rad-rate.rr3 .custom-checkbox:before{width:47px}.custom-radio-check.rq-rad-rate.rr4 .custom-checkbox:before{width:63px}.custom-radio-check.rq-rad-rate.rr5 .custom-checkbox:before{width:79px}.custom-radio-check.rq-rad-rate input{position:absolute;cursor:pointer;bottom:110%;right:110%}.rq-tour-form .rq-sel-cond.rq-hotel-loc .custom-select{max-width:150px}.rq-tour-form .rq-sel-cond.rq-h-price label{font-size:14px}.rq-tour-form .rq-sel-cond.rq-h-price input[type=text]{width:80px;margin-left:5px}.rq-tour-form .rq-sel-cond.rq-h-price .custom-select{max-width:120px}.rq-form .rq-tour-form .mf-line.rq-notes{width:95%}.mf-line.rq-options{margin-top:20px}.mf-line.rq-options .mf-field>ul{margin:0;padding:15px 20px;list-style:none}.mf-line.rq-options .mf-field>ul li{margin-top:10px}.mf-line.rq-options .mf-field ul li:first-child{margin-top:0}.mf-line .rq-sub-sect{display:table;background:#f3f3ef}.rq-tour-form .mf-field>div.rq-sub-sect{margin-right:0}.mf-line .rq-sub-sect.transl-service{min-width:595px}.mf-line .rq-sub-sect.transl-service .rq-sub-sect-body{width:355px}.mf-line .rq-sub-sect>*{display:table-cell;vertical-align:top;padding:15px 20px;width:auto}.mf-line .rq-sub-sect.transl-service .rq-switch{width:180px;padding-right:0}.mf-line .rq-sub-sect.avia-tickets{max-width:470px}.mf-line .rq-sub-sect.avia-tickets .rq-sub-sect-body{padding-right:0;padding-bottom:5px}.mf-line .rq-sub-sect .rq-sub-sect-body .check{margin:0 20px 10px 0}.mf-line .rq-s-line{margin-top:12px;font-size:15px}.mf-line .rq-s-line:first-child{margin-top:0}.rq-form .mf-line .rq-sub-sect-body label.check{font-size:15px}.mf-line .rq-s-line label{display:inline-block;vertical-align:middle;font-size:15px}.mf-line .rq-s-line .rq-num{display:inline-block;margin-left:10px}.mf-line .rq-s-line .rq-num input[type=text]{width:60px;margin-right:5px}@media only screen and (min-width:1080px){.page-wrap{width:100%;padding-right:40px}.page-wrap .layout{padding-left:3%}.page-wrap .layout.mp-announces .layout-wrap{padding-right:0}.page-wrap .layout.mp-announces .layout-wrap aside{margin-right:0;width:33.33%;margin-left:-100%}.page-wrap .layout.mp-announces .layout-wrap .mcl{width:66.66%}.eprl-col{padding:0 20px 15px}}@media only screen and (min-width:1100px){.e-price-wrap{margin:0 -40px}.epr-layout{border-spacing:40px 0}}@media only screen and (min-width:1170px){.page-wrap .layout{padding-left:6%}.page-wrap .layout .layout-wrap{padding-left:230px}.main-page .page-wrap .header-wrap,.main-page .page-wrap .mp-catalog .layout-wrap,.page-wrap>footer .layout-wrap.footer-wrap{padding-left:240px}.mp-partners .mpp-wrap,.page-wrap section.layout.search-form .layout-wrap{padding-left:430px}.page-wrap .layout .layout-wrap>aside{width:230px;padding-right:50px;margin-left:-230px}.page-wrap>header .logo{margin-left:-230px}.page-wrap>header .logo h1,.page-wrap>header .logo h2,.page-wrap>header .logo h3{margin-left:-67px}.mp-partners .mpp-wrap header{width:230px;margin-left:-230px}.s-phone{margin-left:-25px}.online-adviser{margin-left:-40px}.s-news-list ul li{padding-left:60px;margin-left:-60px}.mp-photo-gallery .pg-item .pgi-descr,.mp-photo-gallery header,.page-wrap .layout.mp-announces .layout-wrap{padding-left:230px}.s-news-list .nl-pict{margin:0 -40px 0 -60px}.mp-photo-gallery,.mp-photo-gallery header .pg-title{margin-left:-230px}.mp-photo-gallery .pg-item .pgi-descr .pgi-date{margin-left:-190px}}@media only screen and (min-width:1200px){.page-wrap>header .logo h1,.page-wrap>header .logo h2,.page-wrap>header .logo h3{margin-left:-67px}.mp-partners .mpp-wrap ul{margin-left:-30px}.mp-partners .mpp-wrap li{margin-left:30px}.eprl-col:first-child{width:50%}}@media only screen and (min-width:1260px){.header-body .header-top{padding-right:510px}.header-body .header-top .ht-main{width:100%}.header-body .header-top .ht-side{width:505px;margin-right:-505px}.mp-partners .mpp-wrap ul{margin-left:-40px}.mp-partners .mpp-wrap li{margin-left:60px}}.ir{background-color:transparent}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important}.visible{display:block!important}.c-select-box .csb-selected.dna-clone{display:inline-block}.visuallyhidden{clip:rect(0 0 0 0);height:1px;margin:-1px;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.mf-line .mf-error,.mf-line .mf-success,.pwf-field .error{font-size:15px;padding-right:10px;padding-bottom:5px;width:65%}.clearfix:after,.clearfix:before{content:" ";display:table}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;box-shadow:none!important;text-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:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.pwf-msg .msg-error{color:#fe0238;padding-left:20px}.pwf-msg .msg-help:before{content:'—';float:left;margin:0 -15px 0 -20px}.mf-line .mf-error,.pwf-field .error{color:#ff083c}.mf-line .mf-success{display:none;color:#31ff13}.fancybox-inner{overflow:visible!important}.pw-subj{min-height:480px}.pw-subj .csb-menu .level .sublist{display:none}.pw-subj .csb-menu .level.active .sublist{display:block}.pw-subj .csb-menu .level1{display:none}.pw-subj .csb-menu .level1>ul{margin-left:1em;margin-top:.5em}.pw-subj .csb-menu .level1>ul .trigger{margin-left:1em}.pw-subj .csb-menu .level1.visible{display:block}#mCSB_1,#mCSB_3{min-height:188px}.leter-list{float:left;width:30%;min-height:6em}.leter-list .leter{color:#f60;margin-bottom:1em}.about_pic{float:left;margin:0 20px 10px 0;display:block}.about_block h2{margin:0;padding:10px 0 0;color:#f60;font-size:20px;font-weight:400}.about_block ul{position:relative;left:15px;list-style-type:none}.about_block ul li{padding-left:15px}.about_block ul li:before{content:'';display:block;width:11px;height:8px;background:url(../img/sprites.png) -250px -124px no-repeat;float:left;margin:4px -11px 0 -15px}.about_block_menu,.contacts_top_block{float:left;width:100%}.about_block a.clolr_1{color:#3b5998}.about_block a.clolr_2{color:#1ab2e8}.about_block a.clolr_3{color:#597da3}.signature_block{padding:15px 0 42px;font-size:13px;color:#8d8c8c;font-weight:400}.signature_block_pic{display:block;float:left;margin:0 30px 0 10px}.signature_block h3{font-size:16px;font-weight:400;margin:0;color:#010101}.signature_block strong{display:block;font-weight:400;color:#f60;padding:0 0 2px}.signature_block p{padding:0;margin:0}.about_block_menu{border-bottom:1px dotted #ccc;list-style-type:none;padding:0;margin:0 0 25px}.about_block_menu li{float:left;height:35px;padding:15px 25px 0;border:1px dotted #fcfcfb;position:relative;top:1px;list-style-type:none;margin:0;overflow:hidden;border-bottom:none}.about_block_menu li a{font-size:18px;color:#f60;text-decoration:none;background:url(../img/libk_bg.png) left bottom repeat-x;display:inline-block;height:18px;-webkit-transition:none;-o-transition:none;transition:none}.about_block_menu li a:hover{background:0 0}.about_block_menu li:first-child{padding-left:0}.about_block_menu li.active{border-color:#ccc;background:#fcfcfb}.about_block_menu li.active a{background:0 0;color:#000}.about_block_menu li.active:first-child{border-left-color:#fcfcfb}.about_block_menu.about_active{border-top:1px dotted #ccc;border-bottom-color:#fcfcfb}.about_block_menu.about_active li{border:none}.about_block_menu.about_active li.m_05{display:none}.contacts_top_block_left{float:left;width:340px;color:#464646;font-size:13px}.contacts_top_block_left strong{font-size:20px;font-weight:400;padding:0 17px 0 0;position:relative;top:5px}.contacts_top_block_left p{padding:0;margin:0}.contacts_top_block_right{float:right;width:396px;border-bottom:1px dotted #ccc;padding:7px 0 15px;font-size:13px;color:#787777}.contacts_top_block_right table tr th{text-align:left;vertical-align:top;padding:1px 10px 1px 0;font-weight:400}.contacts_top_block_right table tr td{text-align:left;vertical-align:top;padding:1px 0}.contacts_top_block_right table tr td a{display:inline-block;position:relative;text-decoration:none;padding:0 0 0 21px}.contacts_top_block_right table tr td a i{font-style:normal;text-decoration:underline}.acticle_list strong a,.acticle_list_big h3 a,.add_pic_block,.blog_avtor table tr td h3 a,.blog_link a,.contacts_top_block_right table tr td a:hover i,.map_info_block tr td p a:hover,.profile_top_right_1 p a,.review_list .sc-name a,.review_list header .cli-title a{text-decoration:none}.contacts_top_block_right table tr td a span{display:block;width:15px;height:12px;position:absolute;left:0;top:3px;background:url(../img/sprites.png) -223px 0 no-repeat}.button.icon-call:before{width:12px;height:12px;background-position:-304px -117px}.button.icon-call:hover:before,.button.orange.icon-call:before{background-position:-304px -130px}.contacts_bottom{padding:25px 0 0;font-size:12px;color:#464646}.contacts_bottom h3{font-size:13px;font-weight:400;color:#8b8b8b;padding:0 0 5px;margin:0}.review_list .sc-name,.review_list header{font-family:dindisplay_pro,sans-serif}.contacts_bottom p{padding:0;margin:0}.contacts_bottom .soc-media-buttons{float:right;margin:0}.contacts_bottom h3 span{font-size:16px;position:relative;color:#464646;top:1px;padding:0 0 0 5px}.contacts_bottom_map{margin:10px 0 -5px;border-bottom:1px dotted #ccc;padding:0 0 26px}.contacts_bottom_map img{display:block;width:100%}.parnters_about_block_table{width:100%}.parnters_about_block_table a:hover{color:#f60}.parnters_about_block_table tr td{text-align:left;vertical-align:top;width:140px;padding:0 0 20px}.parnters_about_block_table tr td.delimiter{width:auto!important}.parnters_about_block_table tr td a{color:#464646;display:block;width:140px;font-size:11px;line-height:14px;text-align:center}.parnters_about_block_table tr td a .imp-pict{position:relative;display:block;width:140px;overflow:hidden;margin-bottom:5px;border-radius:4px}.parnters_about_block_table tr td a img{display:block;width:140px}.parnters_about_block_table tr td a .imp-pict:before{content:'';display:block;position:absolute;width:100%;height:100%;border-radius:4px;box-shadow:inset 0 1px 0 rgba(0,0,0,.2)}.review_list{list-style-type:none;padding:0;margin:-10px 0 0}.review_list li{position:relative;border-bottom:1px dotted #ccc;padding:25px 0 19px}.review_list li:first-child{padding-top:0}.review_list li:last-child{border-bottom:none}.review_list .cl-item-wrap{padding-left:90px}.review_list .cli-pict{margin-left:-90px;width:70px;height:70px;line-height:65px;padding:2px}.review_list .cli-info{margin-bottom:0}.review_list .sc-name{font-weight:500;font-size:17px;line-height:20px;color:#f60;margin:-7px 0 10px;position:relative}.review_list .sc-name a:hover,.review_list header .cli-title a:hover{color:#464646}.review_list .sc-name span a{font-weight:400;font-size:12px;float:right}.review_list .sc-name span a:before{content:' ';display:inline-block;vertical-align:middle;width:11px;height:13px;background:url(../img/sprites.png) -211px 0 no-repeat;margin:-1px 5px 0 0}.review_list .sc-text{font-size:12px;line-height:16px}.review_list .cli-top{margin-bottom:10px}.review_list header{margin-bottom:2px}.review_list header .cli-title{display:inline-block;vertical-align:top;font-size:30px;line-height:30px;margin:0 6px 0 0;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s;max-width:490px}.team_list{width:100%;float:left;margin:0;padding:0;list-style-type:none}.team_list li{display:inline-block;vertical-align:middle;width:33%;font-size:11px;position:relative;line-height:1.25;margin-bottom:2em}.team_list li.delimiter{width:100%;height:25px}.team_list li .team_list_bg{position:relative;float:left;padding:0 0 0 104px}.team_list li .team_list_bg .pic{display:block;position:absolute;left:0;top:50%;margin-top:-45px;width:89px;height:89px;border-radius:4px}.team_list li p{padding:0;margin:0;color:#a6a6a5}.team_list li strong{display:block;font-weight:400;color:#464646;font-size:13px;padding:0 0 5px}.team_list li h4{font-size:21px;font-weight:500;color:#f60;padding:3px 0;margin:0;line-height:1}.acticle_list p,.acticle_list_big p{line-height:16px}.blog_block,.team_list li:hover h4{color:#464646}.team_list li a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/spacer.gif)}.blog_block{font-size:12px}.blog_block h1{color:#424242;font-size:25px;font-weight:400;font-family:dindisplay_pro,sans-serif;margin:0;padding:0}.blog_block h2,.blog_block h3{font-weight:400;font-family:dindisplay_pro,sans-serif;color:#424242;margin:0 0 -5px;padding:7px 0 0}.blog_block h2{font-size:22px}.blog_block h3{font-size:19px}.blog_block h4{color:#f60;font-size:14px;font-weight:400;font-family:dindisplay_pro,sans-serif;margin:0 0 -10px;padding:4px 0 0}.blog_block_headline{padding:5px 0 0 120px;position:relative;font-size:13px;min-height:95px}.blog_block_headline strong{display:block;font-weight:400;font-size:14px;color:#f60;padding:8px 0 10px}.blog_block_headline strong span{padding:0 30px 0 0}.blog_block_headline p{margin:0}.blog_block_headline strong a.flag:before,.blog_block_headline strong a.profile_link:before,.blog_block_headline strong span:before{content:' ';display:inline-block;vertical-align:middle;margin:0 5px 0 0}.blog_block_headline strong span:before{width:13px;height:16px;background:url(../img/sprites.png) -183px -145px no-repeat;position:relative;top:-2px}.blog_block_headline strong a.profile_link:before{width:11px;height:13px;background:url(../img/sprites.png) -24px 0 no-repeat}.blog_block_headline strong a.flag:before{width:14px;height:14px;background:url(../img/sprites.png) -329px -49px no-repeat}.blog_block_headline .pic{display:block;position:absolute;left:0;top:0;width:100px;height:100px;border-radius:4px}.blog_block_headline .content-text{margin-left:-120px;margin-top:2em}.blog_block .pic_left{float:left;margin:4px 30px 5px 0}.blog_block .pic_left img{display:block;border-radius:4px}.blog_block .pic_left i{font-size:11px;color:#a1a1a1;display:block;padding:3px 0 0}.blog_block .pic_right{float:right;margin:4px 0 10px 10px}.blog_block .pic_right img{display:block;border-radius:4px}.blog_block .pic_right i{font-size:11px;color:#a1a1a1;display:block;padding:3px 0 0}.blog_avtor{padding:20px 0 0;margin:19px 0 0}.blog_avtor table{float:left}.blog_avtor table tr th{text-align:left;vertical-align:top;padding:3px 20px 0 0;font-weight:400;font-size:13px;color:#a2a2a2;font-family:dindisplay_pro,sans-serif}.blog_avtor table tr td{text-align:left;vertical-align:middle;padding:0 9px 0 0;font-family:dindisplay_pro,sans-serif}.blog_avtor table tr td .pic{display:block;width:50px;height:50px;border-radius:3px}.blog_avtor table tr td h3{padding:0 0 5px;margin:0}.blog_avtor table tr td h3 a{color:#464646;font-size:20px}.blog_avtor table tr td h3 a:hover{color:#f60}.blog_avtor table tr td a.facebook{font-size:13px;color:#3b5998}.blog_avtor_right,.blog_avtormidle{font-family:dindisplay_pro,sans-serif;font-size:13px;color:#f60}.blog_avtor table tr td a.facebook:before{content:' ';display:inline-block;vertical-align:middle;width:17px;height:17px;background:url(../img/sprites.png) -304px -144px no-repeat;margin:0 5px 0 0}.blog_avtor_right{float:right}.blog_avtor_right .soc_icons{margin:0 0 12px;display:block}.blog_avtor_right .icon,.blog_avtormidle .icon{position:relative;display:inline-block;width:12px;height:13px;top:3px;margin:0 3px 0 0;background:url(../img/sprites.png) -305px -162px no-repeat}.blog_avtormidle i{font-style:normal;color:#a2a2a2;padding:0 32px 0 0}.blog_link{position:relative}.blog_link .button{position:absolute;right:0;top:-5px}.acticle_list{padding:0 0 0 90px;position:relative;font-size:12px;color:#7b7b7b}.acticle_list .pic{display:block;position:absolute;left:0;top:0;width:70px;height:70px;border-radius:3px}.acticle_list h3{margin:0;padding:2px 0 6px;font-size:22px;font-weight:400;font-family:dindisplay_pro,sans-serif}.acticle_list h3 a{color:#464646;text-decoration:none}.acticle_list h3 a:hover{color:#f60}.acticle_list strong{display:block;font-weight:400;font-size:13px;color:#f60;padding:5px 0 0}.acticle_list strong span{padding:0 30px 0 0}.acticle_list p{margin:0}.acticle_list strong b:before,.acticle_list strong i:before,.acticle_list strong span:before{content:' ';vertical-align:middle;display:inline-block;margin:0 5px 0 0}.acticle_list strong span:before{width:13px;height:16px;background:url(../img/sprites.png) -183px -145px no-repeat;position:relative;top:-2px}.acticle_list strong i{font-style:normal;opacity:.5}.acticle_list strong i:before{width:11px;height:13px;background:url(../img/sprites.png) -24px 0 no-repeat;position:relative;top:-1px}.acticle_list strong a:hover i{opacity:1}.acticle_list strong b{font-weight:400;opacity:.6}.acticle_list strong b:before{width:14px;height:14px;background:url(../img/sprites.png) -329px -49px no-repeat}.acticle_list strong a:hover b{opacity:1}.acticle_list_big{padding:0 0 0 270px;position:relative;font-size:12px;color:#7b7b7b;min-height:180px}.acticle_list_big .pic{display:block;position:absolute;left:0;top:0;width:250px;height:180px;border-radius:4px}.acticle_list_big h3{margin:0;padding:2px 0 6px;font-size:22px;font-weight:400;font-family:dindisplay_pro,sans-serif}.acticle_list_big h3 a{color:#464646}.acticle_list_big h3 a:hover{color:#f60}.acticle_list_big strong{display:block;font-weight:400;font-size:13px;color:#f60;padding:5px 0 0}.acticle_list_big strong span{padding:0 30px 0 0;display:block;float:left}.acticle_list_big strong span:before{content:' ';display:inline-block;vertical-align:middle;width:13px;height:16px;background:url(../img/sprites.png) -183px -145px no-repeat;margin:0 5px 0 0;position:relative;top:-2px}.acticle_list_big .icon{display:inline-block;width:12px;height:13px;position:relative;top:3px;margin:0 3px 0 0;background:url(../img/sprites.png) -305px -162px no-repeat}.mf-line1{margin-bottom:0}.acticle_list_big .cli-pict .no-logo{width:100px;margin-top:40px}.acticle_list_big .cli-pict{position:absolute;left:0;top:0;width:250px;height:180px;margin-left:0}.country_table{width:100%;margin:6px 0 12px}.country_table tr td{text-align:left;vertical-align:top;width:50%}.country_table tr td ul{list-style-type:none;margin:0;padding:0}.country_table tr td ul li{padding:2px 0;font-family:dindisplay_pro,sans-serif;font-size:14px;color:#a2a2a2;font-weight:500}.country_table tr td ul li strong{color:#a2a2a2;font-weight:500;font-size:16px}.country_table tr td ul li span{padding:0 0 0 9px;font-size:16px;color:#424242}.country_table tr td ul li span a{color:#424242;font-size:18px;font-weight:700}.country_table tr td ul li span a:hover{color:#f60}.country_table tr td ul li i{font-style:normal;float:left;display:block;padding:0 0 5px}.country_map .i-map .close-map{bottom:-50px!important}.country_towns{padding:0 0 0 122px;font-weight:500;font-family:dindisplay_pro,sans-serif}.country_towns h4{font-size:14px;color:#a2a2a2;font-weight:500;padding:0;margin:0}.country_towns table{width:100%}.country_towns table tr td{text-align:left;vertical-align:top;width:28%}.country_towns table tr td ul{list-style-type:none;margin:0;padding:0}.country_towns table tr td ul li{font-size:16px;padding:3px 0 2px}.country_towns table tr td ul li a{color:#424242}.country_towns table tr td ul li a:hover{color:#f60}.country_content p{color:#464646}.country_content h4,.country_content h5{font-family:dindisplay_pro,sans-serif;font-weight:400;color:#f60;padding:0}.country_content h4{font-size:23px;margin:-5px 0}.country_content h5{font-size:20px;margin:15px 0 -5px}.country_content_table{width:100%;font-size:12px;color:#464646}.country_content_table tr td{text-align:left;vertical-align:top;width:58%}.country_content_table tr td.delimiter{width:auto}.country_content_table tr th{text-align:left;vertical-align:top;width:33%;font-weight:400}.country_content_table h4{font-size:18px;font-weight:400;color:#f60;margin:0;padding:0 0 5px}.country_content_table h4 span{color:#464646}.country_content_table p{padding:0;margin:0}.country_content_table tr td ul{list-style-type:none;padding:0;margin:0}.country_content_table tr td ul li:before{content:'•';display:inline-block;margin:0 5px 0 0;vertical-align:middle}.page-title{position:relative}.page-title .button{position:absolute;right:0;top:4px}.archive_block{padding:0 0 20px}.archive_block h4{float:left;font-size:23px;color:#b8b8b7;font-weight:400;font-family:dindisplay_pro,sans-serif;padding:8px 28px 0 0;margin:0}.map_info_block tr td,.map_info_block tr th{text-align:left;vertical-align:top;font-weight:500}.archive_block .select_1{float:left;width:148px;margin:0 10px 0 0}.archive_block .select_2{float:left;width:128px}.show-map_1{float:right}.map_info_block{width:100%;font-family:dindisplay_pro,sans-serif}.map_info_block tr th{width:15%;color:#a2a2a2;font-size:14px;padding:9px 0 0}.map_info_block tr td{border-bottom:1px dotted #ccc;padding:8px 0;font-size:16px;color:#424242}.map_info_block tr td.width_1{width:35%}.map_info_block tr td p{padding:1px 0;margin:0}.map_info_block tr td p a{display:inline-block;position:relative;color:#424242}.map_info_block tr td p a i{font-style:normal;position:absolute;right:-125px;top:0;font-size:13px;opacity:.7;display:none}.map_info_block tr td p a i:before{content:'';display:inline-block;margin:0 5px 0 0;vertical-align:middle;width:8px;height:14px;background:url(../img/sprites.png) -330px -65px}.map_info_block tr td p a:hover{color:#f60}.map_info_block tr td p a:hover i{display:block}.map_info_block tr:last-child td{border-bottom:none}.i-photo-slides_1{margin-bottom:0}.button.about{padding:3px 12px 2px;margin:10px 0 0}.button.about:before{content:' ';display:inline-block;vertical-align:middle;width:13px;height:14px;background:url(../img/sprites.png) -328px -81px no-repeat;margin:0 4px 0 0;position:relative;top:-1px}.content_list,.content_list li{float:none!important;width:auto!important}.add_link_teg b:before,.add_link_text b:before,.add_pic_block b:before,.content_list li:before,.places_list .space:before,.profile_top_table tr td ul li:before{content:''}.button.about:hover:before{background-position:-328px -98px}.content_list{list-style-type:none;padding:13px 0 0!important}.content_list li{margin:0!important;padding:1px 0 1px 17px!important;color:#464646}.content_list li:before{display:block;width:11px;height:8px;background:url(../img/sprites.png) -250px -124px no-repeat;float:left;margin:5px -11px 0 -15px}.i-staff-list>ul>li.delimiter{width:100%;height:25px}.profile_top{padding:21px 0 0 120px;position:relative;min-height:200px}.profile_top_pic{position:absolute;left:0;top:0;width:110px}.profile_top_pic img{display:block;border-radius:4px;float:left}.profile_top_pic .big{width:100px;height:100px}.profile_top_pic .big_link{display:block;width:100px;height:100px}.profile_top_pic .small{width:45px;height:45px;margin:10px 10px 0 0}.profile_top h1,.profile_top h3{font-family:dindisplay_pro,sans-serif;color:#f60;font-weight:400;margin:0}.profile_top h1{font-size:40px;padding:0 0 12px}.profile_top h3{font-size:18px;padding:0 0 2px}.profile_top_left_1{float:left;width:72%;font-size:15px;color:#464646;font-family:dindisplay_pro,sans-serif}.profile_top_left_1 b{font-size:18px;font-weight:500}.profile_top_right_1,.profile_top_table tr td{font-family:dindisplay_pro,sans-serif;font-size:15px}.profile_top_left_1 span,.profile_top_right_1 span{display:inline-block;background:url(../img/sprites.png) no-repeat;position:relative}.profile_top_left_1 span.icon1,.profile_top_right_1 span.icon1{width:16px;height:16px;background-position:-326px -114px;margin:0 5px 0 0;top:3px}.profile_top_left_1 span.icon2,.profile_top_right_1 span.icon2{width:13px;height:19px;background-position:-327px -134px;margin:0 5px 0 0;top:5px}.profile_top_left_1 span.icon3,.profile_top_right_1 span.icon3{width:12px;height:11px;background-position:-327px -154px;margin:0 5px 0 25px;top:1px}.profile_top_left_1 span.icon4,.profile_top_right_1 span.icon4{width:9px;height:15px;background-position:-348px -52px;margin:0 5px 0 0;top:2px}.profile_top_left_1 span.icon5,.profile_top_right_1 span.icon5{width:15px;height:13px;background-position:-346px -70px;margin:0 5px 0 0;top:2px}.profile_top_right_1{float:right;width:26%;text-align:right;color:#464646}.profile_bottom_table tr td,.profile_top_table tr td{text-align:left;vertical-align:top}.profile_top_left_1 p{margin:0;padding:2px 0}.profile_top_right_1 p{margin:0;padding:4px 0}.profile_top_right_1 p a{color:#464646}.profile_top_right_1 p a:hover{color:#f60}.profile_top_table{width:100%;margin-bottom:16px}.profile_top_table tr td{width:47%;border-bottom:1px dotted #ccc;padding:0 0 16px}.profile_top_table tr td h3{font-size:22px;padding:0 0 10px}.profile_top_table tr td p{padding:0;margin:0}.profile_top_table tr td span{color:#a2a2a2}.profile_top_table tr td ul{list-style-type:none;margin:0;padding:1px 0 9px}.profile_top_table tr td ul li{font-family:Arial;font-size:13px}.profile_top_table tr td ul li:before{display:inline-block;width:12px;height:11px;background:url(../img/sprites.png) -327px -154px no-repeat;margin:0 6px 0 0;top:1px}.profile_top_table_1{margin-bottom:0}.profile_top_table_1 tr td{border-bottom:none;padding:0}.profile_top_table tr td .subjects_list{position:relative}.profile_top_table tr td .subjects_list.more{padding-bottom:21px}.profile_top_table tr td .subjects_list span{display:none;font-size:12px;color:#f60;background:url(../img/subjects_list.png) left bottom repeat-x;position:absolute;left:18px;bottom:15px;height:16px;font-family:Arial;cursor:pointer}.profile_bottom_table,.profile_bottom_table1{font-family:dindisplay_pro,sans-serif}.profile_top_table tr td .subjects_list span:hover{background:0 0}.profile_top_table tr td .subjects_list span i{font-style:normal}.profile_top_table tr td .subjects_list.more span{display:inline-block}.profile_bottom_table{width:100%;font-size:15px;color:#424242}.profile_bottom_table tr td.headline{width:120px;padding:6px 0 0;font-size:17px;color:#464646}.profile_bottom_table tr td.profile_info{width:48%}.profile_bottom_table tr td.profile_info table{width:100%;border-collapse:separate!important}.profile_bottom_table tr td.profile_info table tr td{padding:10px 15px 10px 20px;vertical-align:middle;font-size:18px;color:#ff6701;border:1px solid #fdd0af;border-radius:4px;font-weight:500;white-space:nowrap}.profile_bottom_table tr td.profile_info table tr td.delimiter{width:4px;border:none;padding:0}.profile_bottom_table tr td.profile_info table tr td.delimiter div{width:4px}.profile_bottom_table tr td.profile_info table tr.delimiter td{height:4px;border:none;padding:0}.profile_bottom_table tr td.profile_info table tr td strong{font-weight:bolder;font-size:25px}.profile_bottom_table tr td.buttons{width:31%}.profile_bottom_table tr td.buttons .buttons_bg{padding:30px 0 0}.profile_bottom_table1{width:100%;font-size:17px;color:#464646}.profile_bottom_table1 tr td{text-align:left;vertical-align:middle}.end_reg_list li table tr td,.end_reg_list li table tr th{text-align:left;vertical-align:top}.profile_bottom_table1 tr td.headline{width:120px}.profile_bottom_table1 tr td.width1,.profile_bottom_table1 tr td.width3{width:31%}.profile_bottom_table1 tr td.widths{font-size:20px;color:#f60;font-weight:500}.profile_bottom_table1 tr td.widths strong{font-size:40px;font-weight:700;padding:0 7px 0 0;position:relative;top:3px}.subscribe_link{display:none}.pw-subscribe_doing .pw-title span{font-size:25px;font-weight:200;display:block;margin-top:-6px}.pw-subscribe_doing .pwf-msg a.reg{position:relative;left:-117px}.subscribe_after p{padding:0;margin:-10px 0 0}.subscribe_after{display:none}.places_list .space{color:#464646;font-size:15px;font-weight:500;float:left}.places_list .space:before{display:inline-block;width:16px;height:16px;background:url(../img/space.png) no-repeat;margin:0 4px 0 0;position:relative;top:2px}.places_list .cli-info,.places_list .cli-top{margin-bottom:5px}.places_list .button.about{margin-top:0}.end_reg_list{margin:0;padding:0}.end_reg_list li{padding:0 0 24px;list-style-type:none}.end_reg_list li:last-child{padding:0}.end_reg_list li.input_top{padding-right:140px}.end_reg_list li table tr th{padding:8px 5px 0 0;font-size:17px;color:#000;font-weight:400}.end_reg_list li table tr td p{padding:0 0 25px;margin:0;text-align:center;font-size:13px;color:#a2a2a2}.end_reg_list li table tr td.width1{width:98px;padding:0 9px 0 0}.end_reg_list li table tr td.width2{width:88px;padding:0 9px 0 0}.end_reg_list li table tr td.width3{width:185px}.add_pic_block{display:block;width:100px;height:80px;text-align:center;font-size:12px;color:#a2a2a2;font-weight:500;position:relative;line-height:1;-webkit-transition:background .3s,color .3s;-o-transition:background .3s,color .3s;transition:background .3s,color .3s;font-family:dindisplay_pro;cursor:pointer;padding:20px 0 0}.add_pic_block span{display:block;width:36px;font-size:40px;background-position:center center;background-repeat:no-repeat;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:relative;margin:0 auto}.add_pic_block .input{display:block;width:100px;height:100px;position:absolute;left:0;top:0;opacity:0;cursor:pointer}.add_pic_block i{display:block;font-style:normal;padding:10px 0 1px}.add_pic_block b{font-size:14px;font-weight:500}.add_link_text a.e-btn,.add_link_text_text{font-weight:500;font-size:17px;font-family:dindisplay_pro}.add_pic_block b:before{display:inline-block;width:14px;height:12px;background:url(../img/sprites.png) -365px -53px no-repeat;position:relative;top:1px;margin:0 4px 0 0}.add_pic_block:hover{color:#f60}.add_pic_block:hover b:before{background-position:-181px -32px}.add_pic_block .add-wrapper{margin:0;padding:0}.pic_block{width:100px;display:block;overflow:hidden}.pic_block .input{opacity:0;position:absolute;top:0;left:0;width:0;height:0;z-index:0}.pic_block img{position:relative;z-index:1}.pic-edit-photo{display:none;line-height:1em;margin-top:.5em}.pe-active .pic-edit-photo-wrap{-moz-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;top:4px;right:4px;z-index:4;padding:4px 1px 4px 4px;background-color:#fff;border-radius:4px;-ms-box-shadow:0 1px 3px rgba(0,0,0,.4);-o-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}.pe-active .pic-edit-photo{display:block;text-indent:-9999999px;width:18px;height:16px;margin:0;background:url(../img/sprites.png) -117px -145px no-repeat #fff}.add_link_text{padding-left:0!important;line-height:20px;min-height:25px}.add_link_text_text{color:#a2a2a2;display:inline-block;position:relative}.add_link_text_top{min-height:60px}.add_link_text a{color:#a2a2a2}.add_link_text .edit-wrap{display:inline-block!important;position:relative;left:0;top:0;height:20px;margin:0 5px 0 0!important}.add_link_text a.e-btn{display:inline-block;width:auto;height:auto;color:#a2a2a2;opacity:1;vertical-align:middle;margin:0 5px 0 0;padding:0;line-height:18px}.add_indo_table tr td.click_td b a:hover,.add_indo_table tr td.click_td span a:hover{opacity:.5}.add_link_text a.e-btn .fa{width:24px}.add_link_text a.e-btn .fa:before{display:inline-block;width:16px;height:17px;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s;position:absolute;top:0;left:0;font-size:18px}.add_link_text b{margin-left:10px}.add_link_text b:before{display:inline-block;width:14px;height:12px;background:url(../img/sprites.png) -365px -53px no-repeat;margin:0 4px 0 0}.add_link_text_medium a:before{top:2px}.add_link_text.p-editable.pe-current .edit-wrap .e-form{display:block!important;top:-5px}.add_link_text.p-editable.pe-current a.e-btn{text-indent:-9000px;padding:5px 0 5px 5px;left:-5px;position:absolute;top:-5px}.dd_width_2,.dd_width_3{padding-right:23px!important}.add_link_text.p-editable.pe-current a.e-btn:before{position:absolute;left:5px;top:5px;display:block!important;background-position:-405px -51px}.add_link_text.p-editable.pe-current .add_link_text_text,.i-info header .i-place.add_link_text:before{display:none}.add_link_teg b,.ic-buttons_pos{position:relative}.add_link_text_medium,.add_link_text_medium .add_link_text_text,.add_link_text_medium a.e-btn{font-size:15px!important}.i-info header .i-place.add_link_text a{text-decoration:underline;color:#a2a2a2}.add_link_text a:hover,.i-info header .i-place.add_link_text a:hover{color:#f60}.add_pic_list li a.add_pic_link,.i-staff-list>ul>li a.add_pic_link{text-decoration:none;line-height:1;font-family:dindisplay_pro}.dd_width_1{width:200px!important}.dd_width_2{width:328px;padding-left:75px!important}.dd_width_3{width:218px}.dd_width_4{width:320px!important}.dd_width_5{width:260px!important}.i-place.add_link_text.p-editable.pe-current .add_link_text_text{display:block;padding-left:35px;top:0}.i-place.add_link_text.p-editable.pe-current a.e-btn:before{left:10px}.add_link_text a:hover:before{background-position:-425px -52px}.add_indo_table tr th b:before,.add_link_teg b:before{height:12px;background:url(../img/sprites.png) -365px -53px no-repeat}.add_link_teg .select{float:left;width:368px;margin:0 13px 0 0;min-height:36px}.add_link_teg b{float:left;top:10px;font-size:15px;color:#a2a2a2;font-family:dindisplay_pro;font-weight:500}.add_link_teg b:before{display:inline-block;width:14px;margin:0 4px 0 0}.ic-buttons_text{left:0;top:32px;font-size:13px;color:#a2a2a2;font-weight:500;font-family:dindisplay_pro}.add_indent{margin-bottom:4px}.ic-links_indent{padding-top:5px}.soc-media-buttons1{display:inline-block;position:relative;margin:0!important;top:-2px;left:5px}.soc-media-indent{margin:10px 0 0}.add_indo_table tr td.click_td b a:before,.add_indo_table tr td.click_td span a:before,.add_indo_table tr th b:before{content:'';display:inline-block;margin:0 4px 0 0}.pe-current .soc-media-buttons1{position:static}.add_indo_table{width:100%;font-family:dindisplay_pro}.add_indo_table tr th{text-align:left;vertical-align:top;font-size:19px;color:#a2a2a2;font-weight:400;padding:0 0 13px}.add_indo_table tr th b{font-size:20px;color:#a2a2a2;font-family:dindisplay_pro;font-weight:500}.add_indo_table tr th b:before{width:14px}.add_indo_table tr td{text-align:left;vertical-align:middle;font-size:17px;color:#464646;padding:5px 0}.add_indo_table tr td.click_td span{color:#f60;font-size:14px}.add_indo_table tr td.click_td span a{color:#f60}.add_indo_table tr td.click_td span a:before{width:11px;height:12px;background:url(../img/sprites.png);position:relative;top:2px}.add_indo_table tr td.click_td b{color:#f60;font-weight:400;font-size:14px}.add_indo_table tr td.click_td b a{color:#f60}.add_indo_table tr td.click_td b a:before{width:12px;height:13px;background:url(../img/sprites.png) -368px -69px;position:relative;top:2px}.add_indo_table tr td .headline{width:1px;height:1px;position:relative}.add_indo_table tr td .headline p{position:absolute;left:0;top:5px}.add_pic_list li{position:relative}.add_pic_list li span.close{display:block;position:absolute;right:29px;top:9px;width:16px;height:16px;background:url(../img/sprites.png) -385px -72px no-repeat;cursor:pointer}.add_pic_list li span.close:hover{background-position:-404px -72px}.add_pic_list li a.add_pic_link{text-align:center;background:#fff;box-shadow:inset 0 1px 0 #e8e8e7;border-radius:4px;-moz-box-sizing:border-box;box-sizing:border-box;font-size:16px;color:#a2a2a2;font-weight:500;transition:background .3s,color .3s}.add_pic_list li a.add_pic_link,.add_pic_list li a.add_pic_link span{display:block;-webkit-transition:background .3s,color .3s;-o-transition:background .3s,color .3s;position:relative}.add_pic_list li a.add_pic_link span{margin:30px auto 0;width:46px;height:46px;background-color:#d0d0d0;border-radius:50%;background-image:url(../img/add_pic_block_bg2.png);background-position:center center;background-repeat:no-repeat;transition:background .3s,color .3s}.add_pic_list li a.add_pic_link .input{display:block;width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;cursor:pointer}.add_pic_list li a.add_pic_link i{display:block;font-style:normal;padding:10px 0 1px}.add_pic_list li a.add_pic_link b{font-size:14px;font-weight:500}.add_pic_list li a.add_pic_link b:before{content:'';display:inline-block;width:14px;height:12px;background:url(../img/sprites.png) -365px -53px no-repeat;margin:0 4px 0 0;position:relative;top:1px}.add_pic_list li a.add_pic_link:hover{color:#f60}.add_pic_list li a.add_pic_link:hover span{background-color:#f60}.add_pic_list li a.add_pic_link:hover b:before{background-position:-181px -32px}.i-staff-list>ul>li a.add_pic_link{text-align:center;background:#fff;border-radius:4px;box-sizing:border-box;width:90px;height:79px;padding:11px 0 0;font-size:13px;color:#a2a2a2;font-weight:500;transition:background .3s,color .3s}.i-staff-list>ul>li a.add_pic_link,.i-staff-list>ul>li a.add_pic_link span{display:block;-webkit-transition:background .3s,color .3s;-o-transition:background .3s,color .3s;position:relative}.i-staff-list>ul>li a.add_pic_link,.stub{box-shadow:inset 0 1px 0 #e8e8e7;-moz-box-sizing:border-box}.i-staff-list>ul>li a.add_pic_link span{margin:0 auto;width:27px;height:27px;background-color:#d0d0d0;border-radius:50%;background-image:url(../img/add_pic_block_bg1.png);background-position:center center;background-repeat:no-repeat;transition:background .3s,color .3s}.i-staff-list>ul>li a.add_pic_link .input{display:block;width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;cursor:pointer}.i-staff-list>ul>li a.add_pic_link i{display:block;font-style:normal;padding:10px 0 1px}.i-staff-list>ul>li a.add_pic_link b:before,.site_link a:before{content:'';position:relative;display:inline-block}.i-staff-list>ul>li a.add_pic_link b{font-size:14px;font-weight:500}.i-staff-list>ul>li a.add_pic_link b:before{width:14px;height:12px;background:url(../img/sprites.png) -365px -53px no-repeat;margin:0 4px 0 0;top:1px}.i-staff-list>ul>li a.add_pic_link:hover{color:#f60}.i-staff-list>ul>li a.add_pic_link:hover span{background-color:#f60}.i-staff-list>ul>li a.add_pic_link:hover b:before{background-position:-181px -32px}.reason_block{font-size:11px;color:#f60;line-height:13px;margin:-10px 0 0}.reason_block p{padding:6px 0 0;margin:0}.i-info header{position:relative}.site_link{font-size:13px;font-family:dindisplay_pro,sans-serif;font-weight:500;margin-bottom:.4em}.site_link a{color:#a2a2a2;text-decoration:underline}.site_link a:hover{text-decoration:none}.site_link a:before{width:16px;height:16px;background:url(../img/sprites.png) -426px -93px;margin:0 5px 0 0;top:4px}.i-contacts1{margin-top:0!important}.i-additional1{margin-bottom:0!important}.cl-item_active{border:1px solid #fe9232}.doings_block{padding-right:0}.doings_block .button{border-color:#ccc;margin:0 10px 10px 0;font-weight:400;color:#424242;font-family:dindisplay_pro;font-size:17px}.doings_block .button:hover{color:#fff;border-color:#ff7600}.doings_block .button.more:after{background-position:-158px -16px}.doings_block .button.more:hover:after{background-position:-165px -23px}.button.dark_green{border-color:#a5c67d;color:#4e9000}.button.dark_green:hover{border-color:#4e9000;background:#4e9000;color:#fff}.button.icon-up:before{width:13px;height:15px;background-position:-348px -92px}.button.icon-up:hover:before{background-position:-365px -92px}.s-news-list .nl-pict{float:left;margin:0 10px 5px 0;border-radius:4px;text-align:center;background:#fff;padding:6px 3px 3px;box-shadow:inset 0 1px 0 #e8e8e7}.add_company{text-align:right}.add_company a{color:#fff;text-decoration:underline;word-spacing:normal;position:relative;top:-6px}.add_company a:hover{text-decoration:none;color:#fff}.add_company a:before{content:'';background:url(../img/sprites.png) -405px -51px;display:inline-block!important;width:16px;height:17px;position:relative;left:-5px;top:4px}.add_company a:hover:before{background:url(../img/sprites.png) -405px -51px!important}.hide-element{display:none!important}.show-element{display:block!important}.i-additional .add_link_text .edit-wrap>.e-btn{display:none}.wait-ajax{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:4}.wait-ajax img{display:block;position:absolute;left:50%;top:50%;margin-top:-27px;margin-left:-27px}.wait-ajax.absolute{position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(191,191,191,.3);display:none}.dna-template{display:none}.pw-body .place-box{min-height:282px;position:relative}.c-select-box.topics .csb-title ul.ui-autocomplete{background:#FFF;border:1px solid #CCC;margin-left:0;z-index:1020}.main-field-complete{z-index:3;height:auto}.button.icon-eye:before{width:15px;height:11px;background-position:-225px -164px}.body-fixed,.modal-wrapper{width:100%;height:100%;position:fixed}.button.icon-eye.active:before,.button.icon-eye:hover:before{background-position:-241px -164px}button.gray,button.gray:hover{background:#dbdbdb}.full-visible{visibility:visible!important}.ov-hidden{overflow:hidden!important}.body-fixed,.search_form .scroll-container{overflow:hidden}.specify-link{color:#464646;text-decoration:none;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;display:block;float:right;clear:right}.specify-link:hover{text-decoration:underline;color:#f60}.no-wrap{white-space:nowrap}.pd-top-14{padding-top:14px}.mt-0{margin-top:0}button.gray{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#dbdbdb),color-stop(100%,#bdbdbd));background:-webkit-linear-gradient(top,#dbdbdb 0,#bdbdbd 100%);background:-o-linear-gradient(top,#dbdbdb 0,#bdbdbd 100%);background:-webkit-linear-gradient(top,#dbdbdb 0,#bdbdbd 100%);background:-o-linear-gradient(top,#dbdbdb 0,#bdbdbd 100%);background:linear-gradient(to bottom,#dbdbdb 0,#bdbdbd 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#bdbdbd', GradientType=0 )}.button.apply-filter,.events-filter .csb-selected{filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0 )}.inline-block{display:inline-block;vertical-align:top}.modal-wrapper{top:0;left:0;background:rgba(0,0,0,.8);z-index:4}.disable-inner:before{display:none!important}.right{float:right}.min-height{min-height:27px}.mb-05em{margin-bottom:.5em}.mb-2em{margin-bottom:2em}.mb-1em{margin-bottom:1em}.bd-dashed{border-bottom:1px dashed #f60}.orange-text{color:#f60}.stub{text-align:center;background:#fff;border-radius:4px;box-sizing:border-box}.pw-subj .q-sel{top:0;position:absolute;right:0;margin-top:1em}.search-modal-overlay{position:fixed;bottom:0;right:0;top:0;left:0;z-index:10;background:url(../lib/fancybox/fancybox_overlay.png);display:none;overflow-y:auto}.events-filter .c-select-box,.events-filter .csb-selected-items{background-color:transparent}.search-modal-wrap{position:absolute;z-index:11;top:50%;left:50%;width:640px;height:auto;min-height:360px;margin-bottom:3em}.events-feed-page{margin-top:-14px;margin-bottom:2em}.events-feed-page h2{font-size:16px;font-weight:400;margin-left:1em;color:#fff;margin-bottom:0}.events-filter{clear:both;margin-left:-2%;-moz-box-sizing:border-box;box-sizing:border-box}.events-filter .c-select-box{border:0;padding:0;box-shadow:none}.events-filter .csb-selected{background:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(67%,#fff),color-stop(100%,#f5f5f5));background:-webkit-linear-gradient(top,#fff 67%,#f5f5f5 100%);background:-o-linear-gradient(top,#fff 67%,#f5f5f5 100%);background:-webkit-linear-gradient(top,#fff 67%,#f5f5f5 100%);background:-o-linear-gradient(top,#fff 67%,#f5f5f5 100%);background:linear-gradient(to bottom,#fff 67%,#f5f5f5 100%);padding-bottom:0}.events-filter a{color:#fff;text-decoration:underline}.events-filter a:hover{text-decoration:none}.events-filter:after{content:'';display:block;clear:both}.events-filter .csb-selected a{color:#f60}.events-filter .col{margin-left:2%;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:1px}.events-filter-box .csb-selected-items{display:block;border:0;padding:8px;min-height:initial}.events-filter-box .csb-selected-items .csb-selected{margin-bottom:8px}.events-filter-box .csb-selected.dna-clone{display:inline-block}.events-feed-page .cl-exhibitions{border-top:1px dotted #cdcdcd;padding-top:1.5em;margin-top:2em}.events-feed-page .events-filter{display:none;border-radius:4px 0 4px 4px;background:#F60;padding-right:2%;-ms-box-shadow:0 1px 3px rgba(0,0,0,.4);-o-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}.events-filter-wrap{position:relative;overflow:visible;margin-bottom:1em}.events-filter-wrap .button{margin-top:-40px;float:right;line-height:32px;height:36px;position:relative}.events-filter-wrap .button.active:after{position:absolute;content:'';display:block;width:100%;height:5px;background:#f60;border:1px solid #f60;left:0;margin-left:-1px;bottom:0;margin-bottom:-5px}.events-filter-wrap .button.active{background:#f60;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3);border-color:#f60;box-shadow:inset 0 1px 0 rgba(0,0,0,.1);border-bottom-left-radius:0;border-bottom-right-radius:0}.button.apply-filter{background:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(67%,#fff),color-stop(100%,#f5f5f5));background:-webkit-linear-gradient(top,#fff 67%,#f5f5f5 100%);background:-o-linear-gradient(top,#fff 67%,#f5f5f5 100%);background:-webkit-linear-gradient(top,#fff 67%,#f5f5f5 100%);background:-o-linear-gradient(top,#fff 67%,#f5f5f5 100%);background:linear-gradient(to bottom,#fff 67%,#f5f5f5 100%);color:#f60;margin-top:0;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;border-bottom:0;display:none;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.button.apply-filter.icon-check:hover{box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);text-shadow:none}.button.apply-filter.icon-check:hover:before{background-position:-106px -16px}.events-feed-page .filter-hint-block{border:1px dashed #87C525;display:none;border-radius:4px}.events-feed-page .filter-hint-block p{margin:8px;text-align:center;color:#464646}.events-feed-page .filter-hint-block p .red{font-weight:700;color:#d80000}.message-not-found{margin-top:19px;margin-left:40px;padding-left:60px;padding-top:18px}.message-not-found .fa{color:#f60;font-size:48px;vertical-align:middle;margin-left:-40px;margin-top:-24px}.message-not-found span{display:inline-block}.message-not-found .message{font-family:dindisplay_pro,Arial,sans-serif;font-size:18px;margin-left:14px;line-height:1.2em}.mp-search .clear-all-button,.search-form-wrap .clear-all-button{display:none;width:17px;height:17px;background:url(../img/sprites.png) -385px -72px no-repeat;cursor:pointer;vertical-align:top;margin-top:2px}.mp-search .clear-all-button.active,.search-form-wrap .clear-all-button.active,.search-modal-wrap .ui-menu .ui-menu-item a{display:inline-block}.mp-search .clear-all-button:active,.search-form-wrap .clear-all-button:active{background-position:-385px -89px}.mp-search .pw-period .pwf-field.err input{border-width:2px;border-color:#D80000}.search-modal-wrap .ui-menu .ui-menu-item .subj-category{display:inline-block;color:#a2a2a2;font-size:15px;line-height:15px;border:none;padding:2px 5px;cursor:pointer;text-decoration:none;min-height:0;font-weight:400;white-space:normal}.search-modal-wrap .ui-autocomplete{width:533px}.err-message-box:before,.required.err:before{content:'';width:15px;height:16px}.search-modal-wrap .ui-menu .ui-menu-item{white-space:nowrap}.search-modal-wrap .ui-menu li{margin-bottom:4px}.search-modal-wrap .ui-menu{line-height:15px}@media (max-width:1086px){.mp-search .search-form-wrap{max-width:764px;overflow:hidden;display:block}.mp-search .search-form-wrap .search-line{display:block;word-spacing:-4px}.mp-search .search-form-wrap .search-line .sf-field-wrap{display:inline-block;word-spacing:normal;-moz-box-sizing:border-box;box-sizing:border-box}}.required{position:relative}.required.err input{border-width:2px;border-color:#d80000}.required.err:before{display:block;position:absolute;top:50%;right:0;margin-right:32px;margin-top:-8px;background:url(../img/sprites.png) -360px -159px;z-index:1}.err-message-box{display:none!important}.err-message-box.active{display:block!important;padding-left:24px;color:#ce0000}.err-message-box:before{display:block;background:url(../img/sprites.png) -390px -159px;margin-left:-24px;float:left}.err-message-box.red:before{background:url(../img/sprites.png) -360px -159px}.button.removecalendar{border-color:#2592c5;background:#2592c5;color:#fff;text-shadow:none}.button.removecalendar:before{background-position:-60px -16px}.button.removecalendar:hover{background:#4c9ec4}.button.unvisit{border-color:#f60;background:#f60;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3);box-shadow:inset 0 1px 0 rgba(0,0,0,.1)}.button.unvisit:before,.button.unvisit:hover:before{background-position:-64px -159px;width:9px;height:10px;margin-top:0}.button.unvisit:hover{background:#FF8635}.place .i-info .i-descr-readmore{display:block;padding-bottom:1em;margin-bottom:36px;border-bottom:dashed 1px #7e7e7e;font-size:15px;color:#a2a2a2;text-decoration:none}.place .i-info .i-descr-readmore:hover{text-decoration:underline}.note-wrap,.note-wrap-disabled{display:inline-block;vertical-align:top;position:relative}.add_link_teg .e-btn,.edit-profile .i-info .add_link_text_text,.look-also a:before,.сallback-modal .submit:after{vertical-align:middle}.note-wrap-disabled .note-overlay{display:none}.note-wrap .note-overlay{margin-top:5px;padding:10px 14px;position:absolute;background:#87c525;color:#fff;font-size:12px;font-weight:700;width:240px;border-radius:4px;-moz-box-sizing:border-box;box-sizing:border-box;display:none;z-index:10}.look-also a,.note-wrap:hover .note-overlay{display:block}.note-wrap:hover .note-text{width:100%;height:100px}.note-wrap:hover .note-text:focus{border:1px solid #6EA01E}.note-wrap:hover .note-button{-webkit-transition:none;-o-transition:none;transition:none;border-color:#87c525;background:#87c525;color:#fff;text-shadow:none;position:relative}.note-wrap:hover .note-button:before{background-position:-74px -16px}.note-wrap:hover .note-button:after{content:'';border:1px solid #87c525;display:block;position:absolute;background:#87c525;width:100%;height:8px;bottom:0;left:0;margin-left:-1px;margin-bottom:-8px}.main-page.note-wrap .note-overlay{bottom:0;margin-bottom:26px}.main-page.note-wrap:hover .note-button:after{margin-bottom:22px}.look-also a{position:relative;color:#6d6d6d;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;margin-bottom:.5em}.look-also a:before,.service-page .error-field.simple-wrap{display:inline-block}.look-also a:hover{color:#f60;text-decoration:none}.look-also a:hover:before{background-position:-235px -134px}.look-also a:before{content:'';height:9px;top:50%;margin-top:-4px;width:8px;background:url(../img/sprites.png) -251px -134px no-repeat;margin-right:10px}.service-page .error-field{position:relative;-moz-box-sizing:border-box;box-sizing:border-box}.service-page .error-field.simple-wrap:before{margin-right:16px;margin-top:-8px}.mf-line.cols-2 .mf-field.error-field:first-child:before{margin-right:30px}.service-page .error-field:before{content:'';display:block;position:absolute;top:50%;right:0;margin-right:20px;margin-top:-11px;width:15px;height:16px;background:url(../img/sprites.png) -360px -159px}.service-page .error-field input{border-color:#d80000}.service-page .error-blob{border-width:2px;border-color:#d80000;background:#696969;text-align:center;color:#fff;position:absolute;padding:8px 16px;top:0;left:50%;margin-top:-41px;width:160px;margin-left:-100px;border-radius:4px;display:none;font-size:14px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.service-page .error-field:hover .error-blob{display:block}.error-blob:after,.error-blob:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:#696969 transparent transparent}.error-blob:after{border-width:3px;margin-left:-3px}.error-blob:before{border-width:9px;margin-left:-9px}.after-register-modal .required.err .select2-choice,.create-company-modal .select-input.err .select2-choices{border-width:2px;border-color:#d80000}.service-page .error-blob ul{margin:0;padding:0;display:block;list-style-type:none}.cal-scroll-button .sprite{display:block;width:17px;height:17px;border-radius:10px;background:#464646;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;padding-left:4px;padding-top:3px;-moz-box-sizing:border-box;box-sizing:border-box}.cal-scroll-button .sprite:before{display:block;content:'';width:8px;height:12px;background:url(../img/sprites.png) -225px -134px no-repeat}.cal-scroll-button:hover .sprite{background:#f60}.cal-scroll-button{position:absolute;top:0;width:34px;height:34px;border-radius:17px;background:#FCFCFB;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:9px;padding-top:9px;cursor:pointer;margin-top:96px}.cal-scroll-button.to-left{left:0;margin-left:6px}.cal-scroll-button.to-right{right:0;margin-right:6px}.cal-scroll-button.to-right .sprite{padding-left:5px}.cal-scroll-button.to-right .sprite:before{background-position:-175px 0}.calenadar-body{overflow:hidden}.calenadar-body .mCSB_scrollTools_horizontal{opacity:0!important}.no-events .c-event{background-color:#CACACA}.no-events .c-event .ce-wrap{-moz-box-sizing:border-box;box-sizing:border-box;height:60px;text-align:center;padding-top:20px;font-size:20px;color:#464646;overflow:hidden;position:relative;font-family:dindisplay_pro;text-shadow:0 1px 0 rgba(255,255,255,.8)}.no-events .c-event .ce-wrap .message{position:absolute;text-align:center}.no-events .c-event .ce-wrap.small{font-size:14px;padding-top:14px}.edit-profile .edit-wrap{display:block}.edit-profile .i-title .e-form{margin-top:7px}.edit-profile .full-width .static-value{height:27px}.edit-profile .pe-current .e-form{display:block}.edit-profile .social.pe-current .i-descr{opacity:0}.edit-profile .p-editable{padding-left:22px}.edit-profile .p-editable.i-place{padding-left:36px}.edit-profile .p-editable.social .e-btn.full-complete{color:#f60}.edit-profile .p-editable.social .e-btn.full-complete:hover{opacity:.7}.edit-profile .i-pict.p-editable{padding:0}.edit-profile .ic-tel .custom-radio-check{position:relative}.edit-profile .i-pict.p-editable img{z-index:0}.edit-profile .ic-tel .epfl{margin-bottom:0}.edit-profile .check{color:#f5f5f5;margin-top:4px;margin-bottom:0;padding-left:4px}.edit-profile .check .custom-checkbox{width:14px;height:14px;margin:-1px 5px 0 0}.my-companies-block:after{content:'';display:block;clear:both}.my-companies-block .ia-title{font-family:dindisplay_pro,sans-serif;font-size:20px;line-height:23px;margin-bottom:10px}.my-companies-block .company{display:block;-moz-box-sizing:border-box;box-sizing:border-box;width:23%;float:left;margin-right:2%;margin-top:20px}.my-companies-block .company .logo,.my-companies-block .company .logo img{display:block;width:100%;height:auto}.my-companies-block .company a{display:block;margin-left:auto;margin-right:auto}.my-companies-block .company .logo{-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border-top:1px solid #CCCBC6;background-color:#fff;overflow:hidden;min-height:141px;position:relative}.my-companies-block .company .logo img.portrait{height:141px;width:auto;margin-left:auto;margin-right:auto}.my-companies-block .company .logo img.no-logo{position:absolute;margin-top:-29px;margin-left:-30px;top:50%;left:50%;width:60px;height:58px}.my-companies-block .company .title{display:block;color:#606060;margin-top:8px;text-decoration:underline;text-align:center;position:relative}.my-companies-block .company .title .e-btn{padding:0;border-radius:0;height:16px;top:3px}.my-companies-block .company a:hover .title{text-decoration:none}.my-companies-block.editable .company .fa:before{position:absolute;left:0;top:0;font-size:18px;color:#f60}.add-company-block{margin-top:2em}.edit-profile .hidden{display:none}.edit-profile .i-info .e-btn{margin-right:0}.edit-profile .ic-buttons .add_link_text{display:inline-block}.edit-profile .ic-buttons .p-editable{padding-left:0}.create-company-modal .select-input.err{width:auto}.p-editable.pe-current .e-btn.social{background-color:transparent}.p-editable.pe-current .e-btn.social:before,.p-editable.pe-current.social .e-form:before,.p-editable.social .edit-label{display:none}.edit-profile.company .add-info .edit-label,.p-editable.pe-current.social .edit-label{display:block;width:24px;margin-left:-24px;padding-left:5px;padding-top:4px;padding-bottom:4px;background-color:#f60;position:absolute;top:0;left:0;border-radius:3px 0 0 3px}.edit-profile.company .add-info .edit-label .fa,.p-editable.pe-current.social .edit-label .fa{font-size:18px;color:#fff}.edit-profile .editable-wrap .static-value.website{height:27px!important}.edit-profile .editable-wrap .static-value.address{line-height:28px;min-height:27px;display:block}.edit-profile .i-contacts .editable-wrap .static-value{display:block;height:23px}.edit-profile .editable-wrap>p{display:block;margin:0}.edit-profile .i-additional .editable-wrap>p{min-height:23px}.edit-profile .i-additional .editable-wrap .static-value{min-height:27px}.edit-profile .editable-wrap:before{display:none}.add_link_teg .tags,.edit-profile .theme-wrap .input,.edit-profile .theme-wrap .label{display:inline-block}.edit-profile .social .e-form .err:before{margin-right:9px}.edit-profile .add_link_teg .select2-input{line-height:36px!important;font-size:16px!important}.edit-profile .description-text{font-size:14px}.edit-profile .add_link_teg .label{float:none;margin-left:12px}.outer-profile .i-additional{margin-bottom:36px}.outer-profile .i-info .i-title{margin-bottom:14px}.outer-profile .i-contacts .ic-buttons{margin-right:0;padding-left:32px}.outer-profile .i-contacts .ic-buttons .soc-media-buttons{margin-top:0;margin-bottom:16px;padding-left:8px}.outer-profile .i-info .i-contacts{margin-bottom:24px;margin-top:24px}.outer-profile .ic-tel{margin-bottom:14px}.add_link_teg .tags{font-size:12px;margin-top:0}.edit-profile.company .i-additional .e-btn{vertical-align:middle;margin-right:3px}.edit-profile.company .i-additional dl.add-info dd,.edit-profile.company .i-additional dl.add-info dt{min-height:24px;line-height:24px;padding-top:5px;margin-bottom:0}.edit-profile.company .description-text{padding-top:4px}.edit-profile.company .description-text p{line-height:15px;font-size:12px}.edit-profile .theme-wrap .label{font-size:15px;color:#a2a2a2;font-family:dindisplay_pro;font-weight:500;display:inline-block;position:relative;padding-right:6px}.edit-profile .theme-wrap .label p{display:inline}.company-preview .i-info .i-contacts .ic-buttons .soc-media-buttons{margin-top:12px}.company-preview .i-info .brief{font-size:12px;line-height:16px;color:#7e7e7e;font-family:Arial,sans-serif}.message-register-success .message,.message-standart .message{font-family:dindisplay_pro,Arial,sans-serif}.company-preview .i-info .brief p{margin:0}.company-preview .i-info,.company-preview .pw-open{margin-bottom:1em}.company-preview .i-info .i-tags{font-size:12px}.company-preview .soc-media-buttons{margin-top:2px!important}.profile-preview-btn{margin-top:1em;margin-bottom:2em}.company-preview .specialization,.edit-profile .specialization .static-value{font-size:13px;font-weight:400;color:#7D7D7D}.edit-profile .specialization{margin-bottom:1em}.edit-profile .specialization .p-editable{min-height:27px}.edit-profile .theme-form select{opacity:0}.about-page .tab{display:none}.about-page .tab.active{display:block}.about-page .tabs-body{padding-top:20px}.about-page .tabs-opening{margin-bottom:20px}.team_list .stub{display:block;position:absolute;left:0;top:50%;margin-top:-40px;width:89px;height:89px;text-align:center;padding-top:15px}.team_list li .team_list_bg .stub img{display:inline;position:relative;top:0;margin-top:0;width:auto;height:auto}.сallback-modal{width:534px}.сallback-modal .pw-form .pwf-field{width:340px}.сallback-modal .submit:before{display:none}.сallback-modal .submit:after{content:' ';display:inline-block;background:url(../img/sprites.png) -176px 0 no-repeat;margin:-2px 7px 0 6px;width:8px;height:12px}.subscribe-modal .required.err:before,.сallback-modal .required.err:before{margin-top:2px}.subscribe-modal{width:560px;color:#000}.subscribe-modal .pw-form .pwf-field{width:340px}.subscribe-modal .submit{cursor:pointer}.subscribe-modal .pw-title{font-size:26px;font-weight:300}.subscribe-modal .sub-header{margin-top:0}.subscribe-modal .submit-arrow{display:inline-block;margin-left:20px}.subscribe-modal header{padding-bottom:0}.subscribe-modal .gray{color:#8d807f}.subscribe-modal .small{font-size:.9em}.subscribe-modal.lessons .form-side{float:left;width:60%;position:relative;z-index:1;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:14px}.subscribe-modal.lessons .image-side{float:left;width:40%}.subscribe-modal.lessons .image-side img{position:absolute;width:233px;margin-left:-42px;margin-bottom:-19px;z-index:0}.subscribe-modal.lessons .label-header{font-size:18px}.subscribe-modal.lessons .label-header .small{font-size:.8em}.subscribe-modal.lessons .pw-form .pwf-field{width:214px}.subscribe-modal.lessons .pw-form .submit{height:42px;line-height:42px;width:214px}.subscribe-modal.lessons .submit-arrow{position:absolute;right:0;margin-right:-20px}.invite-modal{width:560px;color:#000}.invite-modal .logos{display:table;margin-left:auto;margin-right:auto;margin-bottom:26px}.invite-modal .logos .item{display:inline-block;margin-left:16px}.invite-modal .logos .item:first-child{margin-left:0}.invite-modal .label p{margin:0}.invite-modal .pw-title{font-size:24px;font-weight:400;line-height:25px}.invite-modal .button{height:42px;line-height:42px;padding-top:0;padding-bottom:0;font-size:15px;width:214px;text-align:center}.invite-modal .submit-arrow{display:inline-block;margin-left:20px}.add-event-page .set-sect.not-active .form-wrap{display:none}.add-event-page .w-time .mCSB_inside>.mCSB_container{margin-right:0}.add-event-page .w-time .mCustomScrollBox{overflow:hidden!important}.reg-form .msg-help .error{color:#d80000}.after-register-modal .pw-form .pwf-line{margin-bottom:0}.after-register-modal .pw-form .pwf-field{padding:0}.after-register-modal .pwf-field input[type=text]{line-height:30px;height:30px}.after-register-modal .pw-form .input_top .pwf-field,.after-register-modal .pw-form .pwf-line{display:block!important}.after-register-modal .input_top select{width:100%}.after-register-modal input[type=text]:focus{padding:0 6px}.after-register-modal .required.err:before{margin-right:8px;margin-top:-27px}.after-register-modal .input_bottom .required.err:before{margin-right:8px;margin-top:-7px}.after-register-modal .input_top .required.err:before{margin-right:8px;margin-top:-8px}.thank-registering{font-size:16px}.thank-registering header{padding-bottom:16px!important}.after-register-modal .pwf-line.phone .err-message-box{font-size:13px}.after-register-modal .pwf-line .err-message-box{margin-top:4px}.after-register-modal .pwf-line .hint-box{display:none;width:62px;position:absolute;text-align:center;margin-left:31px;padding:8px 12px;color:#000;background-color:#aaa;opacity:.6;margin-top:-68px;border-radius:4px}.message-register-success,.message-standart{margin-top:40px}.after-register-modal .pwf-line .err+.hint-box{display:none!important}.after-register-modal .pwf-line .hint-box:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(170,170,170,0);border-top-color:#aaa;border-width:4px;margin-left:-4px}.message-register-success .fa{color:#f60;font-size:80px;margin-bottom:40px}.message-register-success span{display:block;text-align:center}.message-register-success .message{font-size:26px}.message-standart .fa{color:#f60;font-size:40px;vertical-align:bottom;margin-right:9px}.message-standart .message{font-size:18px;line-height:40px;display:inline-block}.address-wrap .i-descr,.event-page .title,.thanks-page .left-part figcaption{font-family:dindisplay_pro,sans-serif}.recovery-page{padding-bottom:2.6em;-moz-box-sizing:border-box;box-sizing:border-box}.recovery-page .label{font-size:18px;margin-bottom:1.5em;margin-top:1.5em}.recovery-page .error-text,.recovery-page .input{display:inline-block}.recovery-page .submit{height:40px;line-height:40px;display:block;margin:2em 0 0 24px}.recovery-page .input input{margin-left:24px;width:340px}.recovery-page .input.err:before{margin-right:12px}.recovery-page .error-text{padding-left:12px;font-size:14px;color:#d80000}.event-page .title{font-size:23px;line-height:24px;margin:0 0 12px}.event-page .title .fa{font-size:.8em}.advertise-window .pwf-msg{color:#f60;padding-top:8px;padding-left:24px}.advertise-window .pwf-field{width:310px!important}.advertise-window header .pw-title{font-weight:400}.advertise-window header{padding-bottom:0}.expo-place-page .i-info .i-descr{height:auto}.expo-place-page .i-descr-readmore{margin-bottom:1em;display:block}.eni-areas.stat .enis-col{text-align:center;display:inline-block;width:auto;padding-right:32px}.eni-areas.stat .eni-title{float:left;margin-left:-130px;display:block;width:110px;margin-right:16px;font-size:20px;line-height:21px;text-align:right;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s;color:#f60}.news-filter-block .mf-line.s-subj-tag .mf-field label{margin-bottom:1em}.news-filter-block .select2-container-multi .select2-choices .select2-search-field:first-child input{line-height:36px}.address-wrap .map-wrap{margin-top:1em;margin-bottom:2em}.address-wrap .i-descr{font-size:18px;line-height:21px;color:#464646}.address-wrap .map-wrap .gmap-canvas{height:308px}.address-wrap .map-toggle{display:block;float:right;color:#a2a2a2;text-decoration:none;position:relative;z-index:2}.address-wrap .map-toggle:hover{color:#f60}.address-wrap .map-toggle:hover .label{border:0}.address-wrap .map-toggle .label{font-size:15px;line-height:12px;text-decoration:none;border-bottom:1px dashed}.address-wrap .map-toggle .fa{font-size:1.3em}.paid-partner-link{text-transform:uppercase;padding:15px;text-align:center;display:block;font-weight:700}.paid-partner-block{margin-top:3em}.paid-partner-block .desc{color:#f60;text-align:center;margin-top:6px}.paid-partner-block .partner-title{margin-bottom:4px;text-align:center}.thanks-page .left-part{float:left;position:relative;width:188px;text-align:center;padding-top:12px}.thanks-page .left-part figcaption{position:absolute;top:0;left:50%;margin-top:50px;margin-left:-37px}.error-404 .figure,.error-404 h2{font-family:dindisplay_pro,sans-serif}.thanks-page .left-part figcaption span{display:block;font-weight:700;font-size:32px;line-height:32px}.thanks-page .left-part figcaption span.orange-text{font-size:68px;line-height:30px}.thanks-page .right-part{margin-left:190px}.thanks-page h3{font-size:18px;color:#59666e}.thanks-page .help-block{position:relative}.thanks-page .help-block .item{width:33.333%;float:left}.thanks-page .help-block .figure{display:block;width:60px;height:60px;float:left;margin-right:12px;background:#f60;position:relative}.thanks-page .help-block .figure:after{position:absolute;top:100%;right:0;content:" ";height:0;width:0;pointer-events:none;border-style:solid;border-width:0 10px 10px 0;border-color:transparent #f60 transparent transparent}.thanks-page .help-block .icon{background:url(../img/thanks_sprite.png) no-repeat;margin-left:auto;margin-right:auto}.thanks-page .help-block .list{width:32px;height:37px;margin-top:12px}.thanks-page .help-block .mail{width:42px;height:39px;margin-top:10px;background-position:-32px 0}.thanks-page .help-block .zoom{width:43px;height:39px;margin-top:12px;background-position:-74px 0}.period .pwf-field .error-blob{line-height:18px}.service-page .period .pwf-field.error-field:before{margin-right:13px;margin-top:-8px}.organizer-modal .organizer-name{border-bottom:1px solid #f26c2a}.error-404 .items-list{-webkit-column-count:3;-moz-column-count:3;column-count:3;list-style-type:none;list-style-position:inside;margin:0;display:block}.error-404 .items-list li{margin-bottom:8px;display:block;position:relative}.error-404 .items-list .fa{display:block;float:left;font-size:6px;line-height:16px}.error-404 .items-list a{display:block;margin-left:16px;line-height:1.2em;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;text-decoration:none;color:#464646}.error-404 .items-list a:hover{color:#f60}.error-404 .title{font-size:16px;padding-top:12px}.error-404 h2{color:#f60;font-size:30px;line-height:30px;font-weight:400}.error-404 .figure{display:block;color:#f60;float:left;font-size:96px;margin-right:22px;line-height:1em} \ No newline at end of file diff --git a/static/client/css_min/vendor.min.css b/static/client/css_min/vendor.min.css new file mode 100644 index 00000000..92f5e8ca --- /dev/null +++ b/static/client/css_min/vendor.min.css @@ -0,0 +1,4 @@ +.fancybox-nav,.select2-results{-webkit-tap-highlight-color:transparent}.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{float:left}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}.mCustomScrollbar{-ms-touch-action:none;touch-action:none}.mCustomScrollbar.mCS_no_scrollbar{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}/*! jQuery UI - v1.10.3 - 2013-11-24 +* http://jqueryui.com +* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.menu.css +* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset,.ui-menu{margin:0;list-style:none;outline:0}.ui-helper-reset{padding:0;border:0;line-height:1.3;text-decoration:none;font-size:100%}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.taghover:before,.tg-close:before{content:''}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{padding:2px;display:block}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:400}.ui-menu .ui-menu-item a.ui-state-active,.ui-menu .ui-menu-item a.ui-state-focus{font-weight:400;margin:-1px}.ui-menu .ui-state-disabled{font-weight:400}.ui-menu .ui-state-disabled a{cursor:default}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-inner,.fancybox-outer,.fancybox-skin{position:relative}.fancybox-skin{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}.fancybox-close,.fancybox-nav,.fancybox-nav span{cursor:pointer;z-index:8040;position:absolute}#fancybox-loading div{width:44px;height:44px;background:url(fancybox_loading.gif) center center no-repeat}.fancybox-close{top:-18px;right:-18px;width:36px;height:36px}.fancybox-nav{top:0;width:40%;height:100%;text-decoration:none;background:url(blank.gif)}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{top:50%;width:36px;height:34px;margin-top:-18px;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock,.fancybox-lock body{overflow:hidden!important}.fancybox-lock{width:auto}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(../lib/fancybox/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}#expoNewTagForm,.photoTag-tag,.photoTag-wrap{overflow:hidden}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(fancybox_loading@2x.gif);background-size:24px 24px}}.ui-resizable-e,.ui-resizable-n,.ui-resizable-s{height:9px;background:rgba(255,255,255,.5)}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;z-index:99999;display:block}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;width:9px;top:-5px;left:50%;margin-left:-4px}.ui-resizable-e,.ui-resizable-w{width:9px;top:50%;margin-top:-4px}.ui-resizable-s{cursor:s-resize;width:9px;bottom:-5px;left:50%;margin-left:-4px}.ui-resizable-e{cursor:e-resize;right:-5px}.ui-resizable-w{cursor:w-resize;left:-5px;height:9px;background:rgba(255,255,255,.5)}.ui-resizable-ne,.ui-resizable-nw{width:9px;height:9px;top:-5px;background:rgba(255,255,255,.5)}.ui-resizable-se{cursor:se-resize;width:9px;height:9px;right:-5px;bottom:-5px;background:rgba(255,255,255,.5)}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px;background:rgba(255,255,255,.5)}.ui-resizable-nw{cursor:nw-resize;left:-5px}.ui-resizable-ne{cursor:ne-resize;right:-5px}.photoTag-taglist{list-style:none;padding:0}.photoTag-taglist li{margin-left:0;display:inline;padding:0}.taghover:before,.tg-close,.tg-close:before{display:block;position:absolute}.tg-close{right:0;top:0;width:32px;height:32px;cursor:pointer;z-index:100}.tg-close:before{width:10px;height:10px;background:url(../img/sprites.png) -227px -149px no-repeat;left:50%;top:50%;margin:-5px 0 0 -5px}.taghover:before{width:100%;height:100%;left:0;top:0}.taghover .tg-close{width:18px;height:18px}.taghover .tg-close:before{background:url(static/img/x.png) no-repeat;left:8px;top:9px}.taghover .tg-close:hover:before{background-position:0 -32px}.tg-close:hover:before{background-position:-227px -160px}.photoTag-taglist a.tg-close{display:inline;margin:0;padding:0 5px 0 3px;text-decoration:none;position:relative}.utag-left,.utag-right{width:2000px;background:rgba(0,0,0,.5);position:absolute;top:0}.utag-left{left:-2000px}.utag-bot,.utag-top{width:4000px;background:rgba(0,0,0,.5);position:absolute;height:2000px;left:-2000px}.utag-top{top:-2000px}.taghover{width:100%;height:100%;position:absolute;top:0;left:0;z-index:3014;background-color:rgba(255,255,255,.01)}#expoNewTagForm{background-color:#FFF;padding:10px;position:absolute;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;line-height:100%;z-index:1039}#expoNewTagForm button{padding:0 27px;margin:10px 0 0}.ptListHolder ul{position:relative;display:block;min-height:24px;width:120px;background:#fff}.ptListHolder ul li{padding:0;margin:0;border-bottom:1px solid #DDD}.ptListHolder ul li a{padding:10px 5px!important;text-align:left;display:block!important}.photoTag-tag{border:1px solid rgba(255,255,255,.7);background-color:transparent;z-index:1021}#photoTag-tag_expo{overflow:visible}.photoTag-tag .photoTag-delete{background:url(/x2.png) no-repeat;width:25px;height:29px;display:inline;z-index:3200;position:absolute;right:-22px;cursor:pointer;opacity:.8}#expoNewTagForm input{display:block}#expoNewTagForm input[type=text]{padding:0 5px;font-size:14px;height:36px}#expoNewTagForm label{width:auto;float:left;color:#F60;text-align:left;line-height:21px}#expoNewTagForm .inputSubmit{color:#F60;background-color:#fff;border:1px solid #fff;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-radius:5px;float:right;margin:5px 0 0;padding:5px}#expoNewTagForm .inputCancel{border:0}.innerTag{float:left;background-color:#F60;padding:3px;height:14px;position:relative;line-height:100%;top:-23px;left:0;font-size:12px;color:#fff;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px}.c-select-box.places .csb-title ul.ui-autocomplete{background:#FFF;border:1px solid #CCC;margin-left:0;z-index:1020}.c-select-box.places .csb-title ul.ui-autocomplete li{margin-bottom:5px}.places-list ul li a:before,.topics-list ul li a:before{content:"";display:block;height:8px;left:-12px;position:absolute;top:50%;margin-top:-4px;width:8px;z-index:1;background:url(../img/sprites.png) -83px -16px no-repeat}.level2.active>a:before,.places-list>ul>li.active>a:before,.topics-list>ul>li.active>a:before{content:"";display:block;height:8px;left:-12px;position:absolute;top:3px;width:8px;z-index:1;background:url(../img/sprites.png) -86px -24px no-repeat;margin-top:2px}.c-select-box-wrap .custom-radio-check.active:before,.c-select-box-wrap .custom-radio-check:before{content:'';height:13px;display:block;top:50%;z-index:1;position:absolute}.c-select-box-wrap .custom-radio-check:before{width:13px;margin-top:-5px;left:-16px;background:url(../img/sprites.png) -345px -135px no-repeat}.c-select-box-wrap .custom-radio-check.active:before{width:13px;margin-top:-6px;left:-17px;background:url(../img/sprites.png) -46px -16px no-repeat}.ac-custom-message{background:#FFF;border:1px solid #CCCCDC;border-radius:5px;padding:5px 10px 5px 25px;position:absolute;z-index:1415;display:none}.ac-custom-message span:before{background:url(../img/sprites.png) -106px -16px no-repeat #FFF;content:"";display:block;height:10px;left:7px;position:absolute;top:19px;width:13px;z-index:1416}.select2-container{position:relative;display:inline-block;vertical-align:middle;margin:0;word-spacing:normal}.mf-field .select2-container{width:100%}.select2-container ul,.select2-drop ul{margin:0;padding:0;list-style:none}.select2-container,.select2-drop,.select2-search,.select2-search input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.select2-container .select2-choice,.select2-container .select2-choices{position:relative;display:block;border:1px solid #bdbdbd;background:#fff;width:100%;padding-right:30px;font-family:dindisplay_pro,sans-serif;font-size:15px;line-height:19px;text-decoration:none;overflow:hidden;white-space:nowrap;color:#464646;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 2px 2px -2px #aaa;-moz-box-shadow:inset 0 2px 2px -2px #aaa;box-shadow:inset 0 2px 2px -2px #aaa;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}.select2-container .select2-choices{height:auto;min-height:40px;cursor:text}.select2-container-active .select2-choice,.select2-container-active .select2-choices{outline:0;padding-right:29px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:4px}.select2-dropdown-open .select2-choice,.select2-dropdown-open .select2-choices{border:2px solid #f60;padding-right:29px;border-bottom:none;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.select2-dropdown-open.select2-drop-above .select2-choice,.select2-dropdown-open.select2-drop-above .select2-choices{padding:6px 26px 1px 2px;border-bottom:2px solid #f60;border-top:none;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.select2-container-multi .select2-choices:after{content:" ";display:block;width:8px;height:5px;overflow:hidden;background:url(../img/sprites.png) -86px -27px no-repeat;position:absolute;right:12px;top:17px}.select2-container-multi.select2-container-active .select2-choices:after{right:11px;top:16px}.select2-dropdown-open.select2-drop-above .select2-choices:after{right:11px;top:18px}.select2-container-multi.select2-container-disabled .select2-choices{background:#fff;cursor:default}.select2-container.select2-allowclear .select2-choice .select2-chosen{margin-right:30px}.select2-container .select2-choice>.select2-chosen{display:block;padding:7px 0 6px 16px;margin-right:0;line-height:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:none;width:auto}.select2-search-choice-close{display:block;position:absolute;right:0;top:0;width:25px;height:0;padding-top:26px;overflow:hidden;background:0 0;outline:0}.select2-container-multi .select2-search-choice-close{left:auto}.select2-search-choice-close:before{content:'';display:inline-block;width:8px;height:8px;background:url(../img/sprites.png) -134px -16px no-repeat;position:absolute;left:50%;top:50%;margin:-3px 0 0 -4px}.select2-container .select2-choice abbr{display:none;width:30px;height:38px;padding-top:0;position:absolute;right:30px;top:0;font-size:1px;text-decoration:none;border:0;background:0 0;cursor:pointer;outline:0}.select2-container.select2-allowclear .select2-choice abbr{display:block}.select2-container.select2-container-active.select2-allowclear .select2-choice abbr{right:29px}.select2-dropdown-open.select2-drop-above.select2-allowclear .select2-choice abbr{margin-top:2px}.select2-container.select2-allowclear .select2-choice abbr:before{background-position:-74px -160px}.select2-container .select2-choice abbr:hover:before{background-position:-134px -16px}.select2-container .select2-choice .select2-arrow{display:block;width:29px;height:100%;position:absolute;right:0;top:0;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.select2-container.select2-container-active .select2-choice .select2-arrow{width:28px}.select2-container .select2-choice .select2-arrow b{display:block;width:8px;height:5px;overflow:hidden;background:url(../img/sprites.png) -86px -27px no-repeat;position:absolute;right:12px;top:50%;margin-top:-2px}.select2-container.select2-dropdown-open.select2-drop-above .select2-choice .select2-arrow b{top:18px}.select2-container.select2-container-active .select2-choice .select2-arrow b{right:11px;top:16px}.select2-drop-mask{position:fixed;left:0;top:0;z-index:9998;height:auto;width:auto;min-height:100%;min-width:100%;border:0;margin:0;padding:0;background-color:#fff;opacity:0;filter:alpha(opacity=0)}.select2-drop{position:absolute;top:100%;z-index:9999;width:100%;padding:0 10px 10px;background:#fff;color:#000;border:2px solid #f60;border-top:none;font-family:dindisplay_pro,sans-serif;font-size:15px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.select2-drop.select2-drop-above{padding:10px 10px 0;border-top:2px solid #f60;border-bottom:0;border-radius:4px 4px 0 0}.select2-drop-active{border-color:#f60}.select2-drop-auto-width{border-top:1px solid #aaa;width:auto}.select2-drop-auto-width .select2-search{padding-top:4px}.select2-drop-active:before{content:'';display:block;border-top:1px dotted #ccc;margin:4px 0 5px}.select2-drop.select2-drop-above.select2-drop-active:before{content:none}.select2-drop.select2-drop-above.select2-drop-active:after,.select2-search:after{content:'';display:block;border-bottom:1px dotted #ccc}.select2-drop.select2-drop-above.select2-drop-active:after{margin:10px 0 4px}.select2-search{display:block;width:100%;min-height:26px;margin:0;padding:0 10px 10px;position:relative;z-index:10000;white-space:nowrap}.select2-search:after{width:100%;padding:0 10px;margin:5px -10px 0}.select2-search input[type=text]{position:relative;width:100%;height:26px;border:none;padding:0;margin:0;outline:0;font-family:dindisplay_pro,sans-serif;font-size:15px;line-height:26px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:url(../img/select2/select2.png) 100% -22px no-repeat #fff}.select2-search input:focus{border:none}.select2-search input.select2-active{background:url(../img/select2/select2-spinner.gif) 100% no-repeat #fff}.select2-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.select2-default{color:#a2a2a2!important}.select2-results{max-height:200px;padding:0 0 0 5px;margin:5px 5px 5px 0;position:relative;overflow-x:hidden;overflow-y:auto}html[dir=rtl] .select2-results{padding:0 5px 0 0;margin:5px 0 5px 5px}.select2-results ul.select2-result-sub{margin:0;padding-left:0}.select2-results li{list-style:none;display:list-item;background-image:none}.select2-results li.select2-result-with-children>.select2-result-label{font-weight:700}.select2-results .select2-result-label{padding:3px 7px 4px;margin:0;cursor:pointer;min-height:1em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select2-results-dept-1 .select2-result-label{padding-left:20px}.select2-results-dept-2 .select2-result-label{padding-left:40px}.select2-results-dept-3 .select2-result-label{padding-left:60px}.select2-results-dept-4 .select2-result-label{padding-left:80px}.select2-results-dept-5 .select2-result-label{padding-left:100px}.select2-results-dept-6 .select2-result-label{padding-left:110px}.select2-results-dept-7 .select2-result-label{padding-left:120px}.select2-results .select2-highlighted{background:0 0;color:#f60}.select2-results li em{background:#feffde;font-style:normal}.select2-results .select2-highlighted em{background:0 0}.select2-results .select2-highlighted ul{background:#fff;color:#000}.select2-results .select2-ajax-error,.select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-selection-limit{background:#f4f4f4;display:list-item;padding-left:5px}.select2-results .select2-disabled.select2-highlighted{color:#666;background:#f4f4f4;display:list-item;cursor:default}.select2-results .select2-disabled{background:#f4f4f4;display:list-item;cursor:default}.select2-results .select2-selected{display:none}.select2-more-results.select2-active{background:url(../img/select2/select2-spinner.gif) 100% no-repeat #f4f4f4}.select2-results .select2-ajax-error{background:rgba(255,50,50,.2)}.select2-more-results{background:#f4f4f4;display:list-item}.select2-container.select2-container-disabled .select2-choice abbr,.select2-display-none{display:none}.select2-container.select2-container-disabled .select2-choice{background:#fff;cursor:default}.select2-container.select2-container-disabled .select2-choice .select2-arrow{background:0 0;border-left:0}.select2-container-multi .select2-choices .select2-search-choice{position:relative;padding:6px 25px 5px 15px;margin:0 3px 3px 0;border:1px solid #f60;line-height:15px;color:#f60;cursor:default;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select2-locked{padding:3px 5px!important}.select2-container-multi .select2-choices li{float:left;list-style:none}html[dir=rtl] .select2-container-multi .select2-choices li{float:right}.select2-container-multi .select2-choices .select2-search-field{margin:0;padding:0;white-space:nowrap}.select2-container-multi .select2-choices .select2-search-field input{background:0 0!important;border:none;outline:0;color:#666;margin:0;padding:0 5px;height:29px;font-family:dindisplay_pro,sans-serif;line-height:27px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.select2-container-multi .select2-choices .select2-search-field:first-child input{padding:0 20px}.select2-result-selectable .select2-match,.select2-result-unselectable .select2-match{text-decoration:underline}.select2-offscreen,.select2-offscreen:focus{clip:rect(0 0 0 0)!important;width:1px!important;height:1px!important;border:0!important;margin:0!important;padding:0!important;overflow:hidden!important;position:absolute!important;outline:0!important;left:0!important;top:0!important}.select2-measure-scrollbar{position:absolute;top:-10000px;left:-10000px;width:100px;height:100px;overflow:scroll} \ No newline at end of file diff --git a/static/client/fonts/pfdindisplaypro-bold-webfont.eot b/static/client/fonts/pfdindisplaypro-bold-webfont.eot new file mode 100644 index 00000000..46ffd226 Binary files /dev/null and b/static/client/fonts/pfdindisplaypro-bold-webfont.eot differ diff --git a/static/client/fonts/pfdindisplaypro-bold-webfont.svg b/static/client/fonts/pfdindisplaypro-bold-webfont.svg new file mode 100644 index 00000000..fd159114 --- /dev/null +++ b/static/client/fonts/pfdindisplaypro-bold-webfont.svg @@ -0,0 +1,530 @@ + + + \ No newline at end of file diff --git a/static/client/fonts/pfdindisplaypro-bold-webfont.ttf b/static/client/fonts/pfdindisplaypro-bold-webfont.ttf new file mode 100644 index 00000000..a6d138bc Binary files /dev/null and b/static/client/fonts/pfdindisplaypro-bold-webfont.ttf differ diff --git a/static/client/fonts/pfdindisplaypro-bold-webfont.woff b/static/client/fonts/pfdindisplaypro-bold-webfont.woff new file mode 100644 index 00000000..863dc136 Binary files /dev/null and b/static/client/fonts/pfdindisplaypro-bold-webfont.woff differ diff --git a/static/client/fonts/pfdindisplaypro-italic-webfont.eot b/static/client/fonts/pfdindisplaypro-italic-webfont.eot new file mode 100644 index 00000000..f3a38bff Binary files /dev/null and b/static/client/fonts/pfdindisplaypro-italic-webfont.eot differ diff --git a/static/client/fonts/pfdindisplaypro-italic-webfont.svg b/static/client/fonts/pfdindisplaypro-italic-webfont.svg new file mode 100644 index 00000000..7255184d --- /dev/null +++ b/static/client/fonts/pfdindisplaypro-italic-webfont.svg @@ -0,0 +1,547 @@ + + + \ No newline at end of file diff --git a/static/client/fonts/pfdindisplaypro-italic-webfont.ttf b/static/client/fonts/pfdindisplaypro-italic-webfont.ttf new file mode 100644 index 00000000..e16b06f4 Binary files /dev/null and b/static/client/fonts/pfdindisplaypro-italic-webfont.ttf differ diff --git a/static/client/fonts/pfdindisplaypro-italic-webfont.woff b/static/client/fonts/pfdindisplaypro-italic-webfont.woff new file mode 100644 index 00000000..da4ddbe4 Binary files /dev/null and b/static/client/fonts/pfdindisplaypro-italic-webfont.woff differ diff --git a/static/client/fonts/pfdindisplaypro-light-webfont.eot b/static/client/fonts/pfdindisplaypro-light-webfont.eot new file mode 100644 index 00000000..19652b94 Binary files /dev/null and b/static/client/fonts/pfdindisplaypro-light-webfont.eot differ diff --git a/static/client/fonts/pfdindisplaypro-light-webfont.svg b/static/client/fonts/pfdindisplaypro-light-webfont.svg new file mode 100644 index 00000000..50fb8b98 --- /dev/null +++ b/static/client/fonts/pfdindisplaypro-light-webfont.svg @@ -0,0 +1,530 @@ + + + \ No newline at end of file diff --git a/static/client/fonts/pfdindisplaypro-light-webfont.ttf b/static/client/fonts/pfdindisplaypro-light-webfont.ttf new file mode 100644 index 00000000..b5b714ba Binary files /dev/null and b/static/client/fonts/pfdindisplaypro-light-webfont.ttf differ diff --git a/static/client/fonts/pfdindisplaypro-light-webfont.woff b/static/client/fonts/pfdindisplaypro-light-webfont.woff new file mode 100644 index 00000000..44946da4 Binary files /dev/null and b/static/client/fonts/pfdindisplaypro-light-webfont.woff differ diff --git a/static/client/fonts/pfdindisplaypro-med-webfont.eot b/static/client/fonts/pfdindisplaypro-med-webfont.eot new file mode 100644 index 00000000..7864480e Binary files /dev/null and b/static/client/fonts/pfdindisplaypro-med-webfont.eot differ diff --git a/static/client/fonts/pfdindisplaypro-med-webfont.svg b/static/client/fonts/pfdindisplaypro-med-webfont.svg new file mode 100644 index 00000000..730367b8 --- /dev/null +++ b/static/client/fonts/pfdindisplaypro-med-webfont.svg @@ -0,0 +1,530 @@ + + + \ No newline at end of file diff --git a/static/client/fonts/pfdindisplaypro-med-webfont.ttf b/static/client/fonts/pfdindisplaypro-med-webfont.ttf new file mode 100644 index 00000000..6aa79354 Binary files /dev/null and b/static/client/fonts/pfdindisplaypro-med-webfont.ttf differ diff --git a/static/client/fonts/pfdindisplaypro-med-webfont.woff b/static/client/fonts/pfdindisplaypro-med-webfont.woff new file mode 100644 index 00000000..d97bb73d Binary files /dev/null and b/static/client/fonts/pfdindisplaypro-med-webfont.woff differ diff --git a/static/client/fonts/pfdindisplaypro-reg-webfont.eot b/static/client/fonts/pfdindisplaypro-reg-webfont.eot new file mode 100644 index 00000000..cbe8845a Binary files /dev/null and b/static/client/fonts/pfdindisplaypro-reg-webfont.eot differ diff --git a/static/client/fonts/pfdindisplaypro-reg-webfont.svg b/static/client/fonts/pfdindisplaypro-reg-webfont.svg new file mode 100644 index 00000000..7b9e43ab --- /dev/null +++ b/static/client/fonts/pfdindisplaypro-reg-webfont.svg @@ -0,0 +1,530 @@ + + + \ No newline at end of file diff --git a/static/client/fonts/pfdindisplaypro-reg-webfont.ttf b/static/client/fonts/pfdindisplaypro-reg-webfont.ttf new file mode 100644 index 00000000..8788f069 Binary files /dev/null and b/static/client/fonts/pfdindisplaypro-reg-webfont.ttf differ diff --git a/static/client/fonts/pfdindisplaypro-reg-webfont.woff b/static/client/fonts/pfdindisplaypro-reg-webfont.woff new file mode 100644 index 00000000..0d50dc09 Binary files /dev/null and b/static/client/fonts/pfdindisplaypro-reg-webfont.woff differ diff --git a/static/client/fonts/pfdindisplaypro-thin-webfont.eot b/static/client/fonts/pfdindisplaypro-thin-webfont.eot new file mode 100644 index 00000000..28370ec8 Binary files /dev/null and b/static/client/fonts/pfdindisplaypro-thin-webfont.eot differ diff --git a/static/client/fonts/pfdindisplaypro-thin-webfont.svg b/static/client/fonts/pfdindisplaypro-thin-webfont.svg new file mode 100644 index 00000000..3e11c93b --- /dev/null +++ b/static/client/fonts/pfdindisplaypro-thin-webfont.svg @@ -0,0 +1,530 @@ + + + \ No newline at end of file diff --git a/static/client/fonts/pfdindisplaypro-thin-webfont.ttf b/static/client/fonts/pfdindisplaypro-thin-webfont.ttf new file mode 100644 index 00000000..11ca262b Binary files /dev/null and b/static/client/fonts/pfdindisplaypro-thin-webfont.ttf differ diff --git a/static/client/fonts/pfdindisplaypro-thin-webfont.woff b/static/client/fonts/pfdindisplaypro-thin-webfont.woff new file mode 100644 index 00000000..a426ebf3 Binary files /dev/null and b/static/client/fonts/pfdindisplaypro-thin-webfont.woff differ diff --git a/static/client/fonts/pts55f-webfont.eot b/static/client/fonts/pts55f-webfont.eot new file mode 100644 index 00000000..65a0e182 Binary files /dev/null and b/static/client/fonts/pts55f-webfont.eot differ diff --git a/static/client/fonts/pts55f-webfont.ttf b/static/client/fonts/pts55f-webfont.ttf new file mode 100644 index 00000000..12e75469 Binary files /dev/null and b/static/client/fonts/pts55f-webfont.ttf differ diff --git a/static/client/fonts/pts55f-webfont.woff b/static/client/fonts/pts55f-webfont.woff new file mode 100644 index 00000000..2f3e2212 Binary files /dev/null and b/static/client/fonts/pts55f-webfont.woff differ diff --git a/static/client/fonts/pts75f-webfont.eot b/static/client/fonts/pts75f-webfont.eot new file mode 100644 index 00000000..9bd86f36 Binary files /dev/null and b/static/client/fonts/pts75f-webfont.eot differ diff --git a/static/client/fonts/pts75f-webfont.ttf b/static/client/fonts/pts75f-webfont.ttf new file mode 100644 index 00000000..51b55b9e Binary files /dev/null and b/static/client/fonts/pts75f-webfont.ttf differ diff --git a/static/client/fonts/pts75f-webfont.woff b/static/client/fonts/pts75f-webfont.woff new file mode 100644 index 00000000..61318ed2 Binary files /dev/null and b/static/client/fonts/pts75f-webfont.woff differ diff --git a/static/client/html-cut/confirmation_mail.html b/static/client/html-cut/confirmation_mail.html new file mode 100644 index 00000000..dacda309 --- /dev/null +++ b/static/client/html-cut/confirmation_mail.html @@ -0,0 +1,118 @@ + + +
+
+
+
|
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Выставки - один из наиболее популярных инструментов среди маркетологов. Это + объясняется тем, что специализированные выставки предоставляют отличную + возможность быстро и в одном месте найти новых партнеров и клиентов, узнать о новых трендах + своей отрасли, послушать насыщенную деловую программу. Поэтому мы создали + Expomap.Ru именно в помощь специалистам отделов маркетинга и собственникам + бизнеса, предоставляя легкий и удобный поиск выставок, практические кейсы о + том, как правильно выбрать выставку, как организовать ее посещение за рубежом + или участие со стендом. Вы легко можете связаться с нашими + онлайн-консультантами через Skype или позвонив по тел. +7 499 999 12 07, и + получить бесплатную информацию об интересующей Вас выставке или рекомендации по + тем или иным вопросам.
+ +Сейчас в нашем каталоге представлены международные + выставки 2013 года, а также уже прошедшие мероприятия, начиная с 2008 года – со + всех стран и уголков мира. С помощью рубрикатора (левый блок "Каталог выставок") + или панели поиска (строка для ввода или расширенный поиск) Вы всегда сможете найти календарь выставок по интересующим Вас тематикам: строительные выставки, медицинские выставки, выставки недвижимости и другие. + Кроме тематик, рубрикатор дает возможность сортировать события: по алфавиту, по странам, по + городам, по датам. Объединить все эти критерии Вы можете, используя расширенный поиск. Итоговое + расписание выставок по Вашим критериям будет построено удобным + образом, начиная с ближайших событий.
+ +
+
+
|
+
Привлекайте целевых посетителей на стенд
+ +Пока никто не отметился на событии.
+ + + + + + + + + Я планирую посетить + + + + +Статистика
+ + + +
+
+
+
+
+ Международная выставка и конференция по технологиям водообработки и управления водными ресурсами
+
+
+
+
+
+ Международная специализированная выставка и научный конгресс «Электронное гео-пространство на службе общества»
+
+
+
+
+
+ Выставка технологий защиты окружающей среды
+Вам удобнее, чтобы мы Вам позвонили? Укажите контактный номер телефона и имя, и наши консультанты свяжутся с Вами.
+
+
+
|
+
+
Bitcoin Сonference Kiev – площадка, на которой встретятся лучшие специалисты в сфере криптовалют со всего мира, чтобы поделиться опытом и знаниями о том, как работает Bitcoin и почему эта виртуальная «монета» имеет все шансы стать валютой №1 в мире.
Темы обсуждения:
Что такое Bitcoin?
Как это работает: принципы и закономерности
Бизнес с Bitcoin: увеличение доходности вашего бизнеса
Безопасность – как и где хранить Bitcoin
Правовой статуc Bitcoin и криптовалют в Украине
Презентации Стартапов – лучшие проекты для работы с Bitcoin
Кто посетитель?
+
Каждый, кто заинтересован в Bitcoin и других криптовалютах, в том числе:
Разработчики
Предприниматели
Специалисты финансовой области
Инвесторы, фонды прямых инвестиций, ангелы и венчурные капиталы
Банки и финансовые структуры
Представители малого и среднего бизнеса
Финансовые консультанты
Представители платежных систем
Юристы
Поставщики Security Solution.
Разместите информацию о ключевых спикерах
+ +
+ XIV Международная конференция
+
+ Конференция по вопросам образовательных технологий
+
+ Конференция .NET разработчиков
+
+ Ежегодная конференция выставка систем снабжения и логистики
+
+ Ежегодная конференция и выставка систем снабжения и логистики
+На указанный Вами e-mail отправлено письмо для подтверждения. + Пожалуйста, перейдите по ссылке, указанной в письме, и завершите регистрацию! +
+Ссылка будет активна 3 дня. Если в течение этого времени Вы не воспользуетесь ею, Ваши данные будут автоматически удалены.
+Если Вы не получили письмо - обновите страницу либо нажмите здесь, письмо будет выслано вновь.
+Вам удобнее, чтобы мы Вам позвонили? Укажите контактный номер телефона и имя, и наши консультанты свяжутся с Вами.
+по тематике «Маркетинг»
++ Более 30 000 профессионалов получают наши анонсы событий каждую среду. Присоединяйтесь! +
+
+ + Бесплатные учебные материалы для участников выставок + +
+ +присоединяйтесь к 30 000 подписчикам!
++ С 22 по 25 сентября 2015 г. в Крокус Экспо производители складского оборудования и техники представят свои выгодные предложения. +
+
+ + С 24 по 27 августа 2015 г. в Экспоцентре будут представлены лучшие предложения производителей и поставщиков автозапчастей, оборудования и товаров для технического обслуживания автомобилей. +
+
+
+
+ | "+this._get(e,"weekHeader")+" | ":"",k=0;7>k;k++)C=(k+u)%7,N+="=5?" class='ui-datepicker-week-end'":"")+">"+""+p[C]+" | ";for(S+=N+"
|---|---|
| "+this._get(e,"calculateWeek")(j)+" | ":"",k=0;7>k;k++)z=g?g.apply(e.input?e.input[0]:null,[j]):[!0,""],L=j.getMonth()!==Z,O=L&&!y||!z[0]||q&&q>j||X&&j>X,E+=""+(L&&!v?" ":O?""+j.getDate()+"":""+j.getDate()+"")+" | ",j.setDate(j.getDate()+1),j=this._daylightSavingAdjust(j);S+=E+"
| "+this._get(e,"weekHeader")+" | ":"",b=0;7>b;b++)T=(b+h)%7,N+="=5?" class='ui-datepicker-week-end'":"")+">"+""+p[T]+" | ";for(I+=N+"
|---|---|
| "+this._get(e,"calculateWeek")(F)+" | ":"",b=0;7>b;b++)j=f?f.apply(e.input?e.input[0]:null,[F]):[!0,""],K=F.getMonth()!==Z,R=K&&!v||!j[0]||$&&$>F||X&&F>X,O+=""+(K&&!_?" ":R?""+F.getDate()+"":""+F.getDate()+"")+" | ",F.setDate(F.getDate()+1),F=this._daylightSavingAdjust(F);I+=O+"
The requested content cannot be loaded.
Please try again later.
q.height(),p>q.width()]},_resetContentPosition:function(){var t=j(this),v=t.data(d),u=v.opt,q=j("#mCSB_"+v.idx),r=j("#mCSB_"+v.idx+"_container"),s=[j("#mCSB_"+v.idx+"_dragger_vertical"),j("#mCSB_"+v.idx+"_dragger_horizontal")];i._stop(t);if((u.axis!=="x"&&!v.overflowed[0])||(u.axis==="y"&&v.overflowed[0])){s[0].add(r).css("top",0);i._scrollTo(t,"_resetY")}if((u.axis!=="y"&&!v.overflowed[1])||(u.axis==="x"&&v.overflowed[1])){var p=dx=0;if(v.langDir==="rtl"){p=q.width()-r.outerWidth(false);dx=Math.abs(p/v.scrollRatio.x)}r.css("left",p);s[1].css("left",dx);i._scrollTo(t,"_resetX")}},_bindEvents:function(){var r=j(this),t=r.data(d),s=t.opt;if(!t.bindEvents){i._draggable.call(this);if(s.contentTouchScroll){i._contentDraggable.call(this)}if(s.mouseWheel.enable){function q(){p=setTimeout(function(){if(!j.event.special.mousewheel){q()}else{clearTimeout(p);i._mousewheel.call(r[0])}},1000)}var p;q()}i._draggerRail.call(this);i._wrapperScroll.call(this);if(s.advanced.autoScrollOnFocus){i._focus.call(this)}if(s.scrollButtons.enable){i._buttons.call(this)}if(s.keyboard.enable){i._keyboard.call(this)}t.bindEvents=true}},_unbindEvents:function(){var s=j(this),t=s.data(d),p=d+"_"+t.idx,u=".mCSB_"+t.idx+"_scrollbar",r=j("#mCSB_"+t.idx+",#mCSB_"+t.idx+"_container,#mCSB_"+t.idx+"_container_wrapper,"+u+" .mCSB_draggerContainer,#mCSB_"+t.idx+"_dragger_vertical,#mCSB_"+t.idx+"_dragger_horizontal,"+u+">a"),q=j("#mCSB_"+t.idx+"_container");if(t.bindEvents){j(a).unbind("."+p);r.each(function(){j(this).unbind("."+p)});clearTimeout(s[0]._focusTimeout);i._delete.call(null,s[0]._focusTimeout);clearTimeout(t.sequential.step);i._delete.call(null,t.sequential.step);clearTimeout(q[0].onCompleteTimeout);i._delete.call(null,q[0].onCompleteTimeout);t.bindEvents=false}},_scrollbarVisibility:function(q){var t=j(this),v=t.data(d),u=v.opt,p=j("#mCSB_"+v.idx+"_container_wrapper"),r=p.length?p:j("#mCSB_"+v.idx+"_container"),w=[j("#mCSB_"+v.idx+"_scrollbar_vertical"),j("#mCSB_"+v.idx+"_scrollbar_horizontal")],s=[w[0].find(".mCSB_dragger"),w[1].find(".mCSB_dragger")];if(u.axis!=="x"){if(v.overflowed[0]&&!q){w[0].add(s[0]).add(w[0].children("a")).css("display","block");r.removeClass("mCS_no_scrollbar_y mCS_y_hidden")}else{if(u.alwaysShowScrollbar){if(u.alwaysShowScrollbar!==2){s[0].add(w[0].children("a")).css("display","none")}r.removeClass("mCS_y_hidden")}else{w[0].css("display","none");r.addClass("mCS_y_hidden")}r.addClass("mCS_no_scrollbar_y")}}if(u.axis!=="y"){if(v.overflowed[1]&&!q){w[1].add(s[1]).add(w[1].children("a")).css("display","block");r.removeClass("mCS_no_scrollbar_x mCS_x_hidden")}else{if(u.alwaysShowScrollbar){if(u.alwaysShowScrollbar!==2){s[1].add(w[1].children("a")).css("display","none")}r.removeClass("mCS_x_hidden")}else{w[1].css("display","none");r.addClass("mCS_x_hidden")}r.addClass("mCS_no_scrollbar_x")}}if(!v.overflowed[0]&&!v.overflowed[1]){t.addClass("mCS_no_scrollbar")}else{t.removeClass("mCS_no_scrollbar")}},_coordinates:function(q){var p=q.type;switch(p){case"pointerdown":case"MSPointerDown":case"pointermove":case"MSPointerMove":case"pointerup":case"MSPointerUp":return[q.originalEvent.pageY,q.originalEvent.pageX];break;case"touchstart":case"touchmove":case"touchend":var r=q.originalEvent.touches[0]||q.originalEvent.changedTouches[0];return[r.pageY,r.pageX];break;default:return[q.pageY,q.pageX]}},_draggable:function(){var u=j(this),s=u.data(d),p=s.opt,r=d+"_"+s.idx,t=["mCSB_"+s.idx+"_dragger_vertical","mCSB_"+s.idx+"_dragger_horizontal"],v=j("#mCSB_"+s.idx+"_container"),w=j("#"+t[0]+",#"+t[1]),A,y,z;w.bind("mousedown."+r+" touchstart."+r+" pointerdown."+r+" MSPointerDown."+r,function(E){E.stopImmediatePropagation();E.preventDefault();if(!i._mouseBtnLeft(E)){return}n=true;if(k){a.onselectstart=function(){return false}}x(false);i._stop(u);A=j(this);var F=A.offset(),G=i._coordinates(E)[0]-F.top,B=i._coordinates(E)[1]-F.left,D=A.height()+F.top,C=A.width()+F.left;if(G0&&B 0){y=G;z=B}i._onDragClasses(A,"active",p.autoExpandScrollbar)}).bind("touchmove."+r,function(C){C.stopImmediatePropagation();C.preventDefault();var D=A.offset(),E=i._coordinates(C)[0]-D.top,B=i._coordinates(C)[1]-D.left;q(y,z,E,B)});j(a).bind("mousemove."+r+" pointermove."+r+" MSPointerMove."+r,function(C){if(A){var D=A.offset(),E=i._coordinates(C)[0]-D.top,B=i._coordinates(C)[1]-D.left;if(y===E){return}q(y,z,E,B)}}).add(w).bind("mouseup."+r+" touchend."+r+" pointerup."+r+" MSPointerUp."+r,function(B){if(A){i._onDragClasses(A,"active",p.autoExpandScrollbar);A=null}n=false;if(k){a.onselectstart=null}x(true)});function x(B){var C=v.find("iframe");if(!C.length){return}var D=!B?"none":"auto";C.css("pointer-events",D)}function q(D,E,G,B){v[0].idleTimer=p.scrollInertia<233?250:0;if(A.attr("id")===t[1]){var C="x",F=((A[0].offsetLeft-E)+B)*s.scrollRatio.x}else{var C="y",F=((A[0].offsetTop-D)+G)*s.scrollRatio.y}i._scrollTo(u,F.toString(),{dir:C,drag:true})}},_contentDraggable:function(){var y=j(this),K=y.data(d),I=K.opt,F=d+"_"+K.idx,v=j("#mCSB_"+K.idx),z=j("#mCSB_"+K.idx+"_container"),w=[j("#mCSB_"+K.idx+"_dragger_vertical"),j("#mCSB_"+K.idx+"_dragger_horizontal")],E,G,L,M,C=[],D=[],H,A,u,t,J,x,r=0,q,s=I.axis==="yx"?"none":"all";z.bind("touchstart."+F+" pointerdown."+F+" MSPointerDown."+F,function(N){if(!i._pointerTouch(N)||n){return}var O=z.offset();E=i._coordinates(N)[0]-O.top;G=i._coordinates(N)[1]-O.left}).bind("touchmove."+F+" pointermove."+F+" MSPointerMove."+F,function(Q){if(!i._pointerTouch(Q)||n){return}Q.stopImmediatePropagation();A=i._getTime();var P=v.offset(),S=i._coordinates(Q)[0]-P.top,U=i._coordinates(Q)[1]-P.left,R="mcsLinearOut";C.push(S);D.push(U);if(K.overflowed[0]){var O=w[0].parent().height()-w[0].height(),T=((E-S)>0&&(S-E)>-(O*K.scrollRatio.y))}if(K.overflowed[1]){var N=w[1].parent().width()-w[1].width(),V=((G-U)>0&&(U-G)>-(N*K.scrollRatio.x))}if(T||V){Q.preventDefault()}x=I.axis==="yx"?[(E-S),(G-U)]:I.axis==="x"?[null,(G-U)]:[(E-S),null];z[0].idleTimer=250;if(K.overflowed[0]){B(x[0],r,R,"y","all",true)}if(K.overflowed[1]){B(x[1],r,R,"x",s,true)}});v.bind("touchstart."+F+" pointerdown."+F+" MSPointerDown."+F,function(N){if(!i._pointerTouch(N)||n){return}N.stopImmediatePropagation();i._stop(y);H=i._getTime();var O=v.offset();L=i._coordinates(N)[0]-O.top;M=i._coordinates(N)[1]-O.left;C=[];D=[]}).bind("touchend."+F+" pointerup."+F+" MSPointerUp."+F,function(P){if(!i._pointerTouch(P)||n){return}P.stopImmediatePropagation();u=i._getTime();var N=v.offset(),T=i._coordinates(P)[0]-N.top,V=i._coordinates(P)[1]-N.left;if((u-A)>30){return}J=1000/(u-H);var Q="mcsEaseOut",R=J<2.5,W=R?[C[C.length-2],D[D.length-2]]:[0,0];t=R?[(T-W[0]),(V-W[1])]:[T-L,V-M];var O=[Math.abs(t[0]),Math.abs(t[1])];J=R?[Math.abs(t[0]/4),Math.abs(t[1]/4)]:[J,J];var U=[Math.abs(z[0].offsetTop)-(t[0]*p((O[0]/J[0]),J[0])),Math.abs(z[0].offsetLeft)-(t[1]*p((O[1]/J[1]),J[1]))];x=I.axis==="yx"?[U[0],U[1]]:I.axis==="x"?[null,U[1]]:[U[0],null];q=[(O[0]*4)+I.scrollInertia,(O[1]*4)+I.scrollInertia];var S=parseInt(I.contentTouchScroll)||0;x[0]=O[0]>S?x[0]:0;x[1]=O[1]>S?x[1]:0;if(K.overflowed[0]){B(x[0],q[0],Q,"y",s,false)}if(K.overflowed[1]){B(x[1],q[1],Q,"x",s,false)}});function p(P,N){var O=[N*1.5,N*2,N/1.5,N/2];if(P>90){return N>4?O[0]:O[3]}else{if(P>60){return N>3?O[3]:O[2]}else{if(P>30){return N>8?O[1]:N>6?O[0]:N>4?N:O[2]}else{return N>8?N:O[3]}}}}function B(P,R,S,O,N,Q){if(!P){return}i._scrollTo(y,P.toString(),{dur:R,scrollEasing:S,dir:O,overwrite:N,drag:Q})}},_mousewheel:function(){var w=j(this),v=w.data(d);if(v){var p=v.opt,s=d+"_"+v.idx,q=j("#mCSB_"+v.idx),x=[j("#mCSB_"+v.idx+"_dragger_vertical"),j("#mCSB_"+v.idx+"_dragger_horizontal")],t=j("#mCSB_"+v.idx+"_container").find("iframe"),r=q;if(t.length){t.each(function(){var y=this;if(u(y)){r=r.add(j(y).contents().find("body"))}})}r.bind("mousewheel."+s,function(C,G){i._stop(w);if(i._disableMousewheel(w,C.target)){return}var E=p.mouseWheel.deltaFactor!=="auto"?parseInt(p.mouseWheel.deltaFactor):(k&&C.deltaFactor<100)?100:C.deltaFactor||100;if(p.axis==="x"||p.mouseWheel.axis==="x"){var z="x",F=[Math.round(E*v.scrollRatio.x),parseInt(p.mouseWheel.scrollAmount)],B=p.mouseWheel.scrollAmount!=="auto"?F[1]:F[0]>=q.width()?q.width()*0.9:F[0],H=Math.abs(j("#mCSB_"+v.idx+"_container")[0].offsetLeft),D=x[1][0].offsetLeft,A=x[1].parent().width()-x[1].width(),y=C.deltaX||C.deltaY||G}else{var z="y",F=[Math.round(E*v.scrollRatio.y),parseInt(p.mouseWheel.scrollAmount)],B=p.mouseWheel.scrollAmount!=="auto"?F[1]:F[0]>=q.height()?q.height()*0.9:F[0],H=Math.abs(j("#mCSB_"+v.idx+"_container")[0].offsetTop),D=x[0][0].offsetTop,A=x[0].parent().height()-x[0].height(),y=C.deltaY||G}if((z==="y"&&!v.overflowed[0])||(z==="x"&&!v.overflowed[1])){return}if(p.mouseWheel.invert){y=-y}if(p.mouseWheel.normalizeDelta){y=y<0?-1:1}if((y>0&&D!==0)||(y<0&&D!==A)||p.mouseWheel.preventDefault){C.stopImmediatePropagation();C.preventDefault()}i._scrollTo(w,(H-(y*B)).toString(),{dir:z})})}function u(z){var y=null;try{var B=z.contentDocument||z.contentWindow.document;y=B.body.innerHTML}catch(A){}return(y!==null)}},_disableMousewheel:function(r,t){var p=t.nodeName.toLowerCase(),q=r.data(d).opt.mouseWheel.disableOver,s=["select","textarea"];return j.inArray(p,q)>-1&&!(j.inArray(p,s)>-1&&!j(t).is(":focus"))},_draggerRail:function(){var s=j(this),t=s.data(d),q=d+"_"+t.idx,r=j("#mCSB_"+t.idx+"_container"),u=r.parent(),p=j(".mCSB_"+t.idx+"_scrollbar .mCSB_draggerContainer");p.bind("touchstart."+q+" pointerdown."+q+" MSPointerDown."+q,function(v){n=true}).bind("touchend."+q+" pointerup."+q+" MSPointerUp."+q,function(v){n=false}).bind("click."+q,function(z){if(j(z.target).hasClass("mCSB_draggerContainer")||j(z.target).hasClass("mCSB_draggerRail")){i._stop(s);var w=j(this),y=w.find(".mCSB_dragger");if(w.parent(".mCSB_scrollTools_horizontal").length>0){if(!t.overflowed[1]){return}var v="x",x=z.pageX>y.offset().left?-1:1,A=Math.abs(r[0].offsetLeft)-(x*(u.width()*0.9))}else{if(!t.overflowed[0]){return}var v="y",x=z.pageY>y.offset().top?-1:1,A=Math.abs(r[0].offsetTop)-(x*(u.height()*0.9))}i._scrollTo(s,A.toString(),{dir:v,scrollEasing:"mcsEaseInOut"})}})},_focus:function(){var r=j(this),t=r.data(d),s=t.opt,p=d+"_"+t.idx,q=j("#mCSB_"+t.idx+"_container"),u=q.parent();q.bind("focusin."+p,function(x){var w=j(a.activeElement),y=q.find(".mCustomScrollBox").length,v=0;if(!w.is(s.advanced.autoScrollOnFocus)){return}i._stop(r);clearTimeout(r[0]._focusTimeout);r[0]._focusTimer=y?(v+17)*y:0;r[0]._focusTimeout=setTimeout(function(){var C=[w.offset().top-q.offset().top,w.offset().left-q.offset().left],B=[q[0].offsetTop,q[0].offsetLeft],z=[(B[0]+C[0]>=0&&B[0]+C[0] =0&&B[0]+C[1] a");q.bind("mousedown."+r+" touchstart."+r+" pointerdown."+r+" MSPointerDown."+r+" mouseup."+r+" touchend."+r+" pointerup."+r+" MSPointerUp."+r+" mouseout."+r+" pointerout."+r+" MSPointerOut."+r+" click."+r,function(z){z.preventDefault();if(!i._mouseBtnLeft(z)){return}var y=j(this).attr("class");p.type=v.scrollButtons.scrollType;switch(z.type){case"mousedown":case"touchstart":case"pointerdown":case"MSPointerDown":if(p.type==="stepped"){return}n=true;w.tweenRunning=false;x("on",y);break;case"mouseup":case"touchend":case"pointerup":case"MSPointerUp":case"mouseout":case"pointerout":case"MSPointerOut":if(p.type==="stepped"){return}n=false;if(p.dir){x("off",y)}break;case"click":if(p.type!=="stepped"||w.tweenRunning){return}x("on",y);break}function x(A,B){p.scrollAmount=v.snapAmount||v.scrollButtons.scrollAmount;i._sequentialScroll.call(this,u,A,B)}})},_keyboard:function(){var u=j(this),t=u.data(d),q=t.opt,x=t.sequential,s=d+"_"+t.idx,r=j("#mCSB_"+t.idx),w=j("#mCSB_"+t.idx+"_container"),p=w.parent(),v="input,textarea,select,datalist,keygen,[contenteditable='true']";r.attr("tabindex","0").bind("blur."+s+" keydown."+s+" keyup."+s,function(D){switch(D.type){case"blur":if(t.tweenRunning&&x.dir){y("off",null)}break;case"keydown":case"keyup":var A=D.keyCode?D.keyCode:D.which,B="on";if((q.axis!=="x"&&(A===38||A===40))||(q.axis!=="y"&&(A===37||A===39))){if(((A===38||A===40)&&!t.overflowed[0])||((A===37||A===39)&&!t.overflowed[1])){return}if(D.type==="keyup"){B="off"}if(!j(a.activeElement).is(v)){D.preventDefault();D.stopImmediatePropagation();y(B,A)}}else{if(A===33||A===34){if(t.overflowed[0]||t.overflowed[1]){D.preventDefault();D.stopImmediatePropagation()}if(D.type==="keyup"){i._stop(u);var C=A===34?-1:1;if(q.axis==="x"||(q.axis==="yx"&&t.overflowed[1]&&!t.overflowed[0])){var z="x",E=Math.abs(w[0].offsetLeft)-(C*(p.width()*0.9))}else{var z="y",E=Math.abs(w[0].offsetTop)-(C*(p.height()*0.9))}i._scrollTo(u,E.toString(),{dir:z,scrollEasing:"mcsEaseInOut"})}}else{if(A===35||A===36){if(!j(a.activeElement).is(v)){if(t.overflowed[0]||t.overflowed[1]){D.preventDefault();D.stopImmediatePropagation()}if(D.type==="keyup"){if(q.axis==="x"||(q.axis==="yx"&&t.overflowed[1]&&!t.overflowed[0])){var z="x",E=A===35?Math.abs(p.width()-w.outerWidth(false)):0}else{var z="y",E=A===35?Math.abs(p.height()-w.outerHeight(false)):0}i._scrollTo(u,E.toString(),{dir:z,scrollEasing:"mcsEaseInOut"})}}}}}break}function y(F,G){x.type=q.keyboard.scrollType;x.scrollAmount=q.snapAmount||q.keyboard.scrollAmount;if(x.type==="stepped"&&t.tweenRunning){return}i._sequentialScroll.call(this,u,F,G)}})},_sequentialScroll:function(r,u,s){var w=r.data(d),q=w.opt,y=w.sequential,x=j("#mCSB_"+w.idx+"_container"),p=y.type==="stepped"?true:false;switch(u){case"on":y.dir=[(s==="mCSB_buttonRight"||s==="mCSB_buttonLeft"||s===39||s===37?"x":"y"),(s==="mCSB_buttonUp"||s==="mCSB_buttonLeft"||s===38||s===37?-1:1)];i._stop(r);if(i._isNumeric(s)&&y.type==="stepped"){return}t(p);break;case"off":v();if(p||(w.tweenRunning&&y.dir)){t(true)}break}function t(z){var F=y.type!=="stepped",J=!z?1000/60:F?q.scrollInertia/1.5:q.scrollInertia,B=!z?2.5:F?7.5:40,I=[Math.abs(x[0].offsetTop),Math.abs(x[0].offsetLeft)],E=[w.scrollRatio.y>10?10:w.scrollRatio.y,w.scrollRatio.x>10?10:w.scrollRatio.x],C=y.dir[0]==="x"?I[1]+(y.dir[1]*(E[1]*B)):I[0]+(y.dir[1]*(E[0]*B)),H=y.dir[0]==="x"?I[1]+(y.dir[1]*parseInt(y.scrollAmount)):I[0]+(y.dir[1]*parseInt(y.scrollAmount)),G=y.scrollAmount!=="auto"?H:C,D=!z?"mcsLinear":F?"mcsLinearOut":"mcsEaseInOut",A=!z?false:true;if(z&&J<17){G=y.dir[0]==="x"?I[1]:I[0]}i._scrollTo(r,G.toString(),{dir:y.dir[0],scrollEasing:D,dur:J,onComplete:A});if(z){y.dir=false;return}clearTimeout(y.step);y.step=setTimeout(function(){t()},J)}function v(){clearTimeout(y.step);i._stop(r)}},_arr:function(r){var q=j(this).data(d).opt,p=[];if(typeof r==="function"){r=r()}if(!(r instanceof Array)){p[0]=r.y?r.y:r.x||q.axis==="x"?null:r;p[1]=r.x?r.x:r.y||q.axis==="y"?null:r}else{p=r.length>1?[r[0],r[1]]:q.axis==="x"?[null,r[0]]:[r[0],null]}if(typeof p[0]==="function"){p[0]=p[0]()}if(typeof p[1]==="function"){p[1]=p[1]()}return p},_to:function(v,w){if(v==null||typeof v=="undefined"){return}var C=j(this),B=C.data(d),u=B.opt,D=j("#mCSB_"+B.idx+"_container"),r=D.parent(),F=typeof v;if(!w){w=u.axis==="x"?"x":"y"}var q=w==="x"?D.outerWidth(false):D.outerHeight(false),x=w==="x"?D.offset().left:D.offset().top,E=w==="x"?D[0].offsetLeft:D[0].offsetTop,z=w==="x"?"left":"top";switch(F){case"function":return v();break;case"object":if(v.nodeType){var A=w==="x"?j(v).offset().left:j(v).offset().top}else{if(v.jquery){if(!v.length){return}var A=w==="x"?v.offset().left:v.offset().top}}return A-x;break;case"string":case"number":if(i._isNumeric.call(null,v)){return Math.abs(v)}else{if(v.indexOf("%")!==-1){return Math.abs(q*parseInt(v)/100)}else{if(v.indexOf("-=")!==-1){return Math.abs(E-parseInt(v.split("-=")[1]))}else{if(v.indexOf("+=")!==-1){var s=(E+parseInt(v.split("+=")[1]));return s>=0?0:Math.abs(s)}else{if(v.indexOf("px")!==-1&&i._isNumeric.call(null,v.split("px")[0])){return Math.abs(v.split("px")[0])}else{if(v==="top"||v==="left"){return 0}else{if(v==="bottom"){return Math.abs(r.height()-D.outerHeight(false))}else{if(v==="right"){return Math.abs(r.width()-D.outerWidth(false))}else{if(v==="first"||v==="last"){var y=D.find(":"+v),A=w==="x"?j(y).offset().left:j(y).offset().top;return A-x}else{if(j(v).length){var A=w==="x"?j(v).offset().left:j(v).offset().top;return A-x}else{D.css(z,v);e.update.call(null,C[0]);return}}}}}}}}}}break}},_autoUpdate:function(q){var t=j(this),F=t.data(d),z=F.opt,v=j("#mCSB_"+F.idx+"_container");if(q){clearTimeout(v[0].autoUpdate);i._delete.call(null,v[0].autoUpdate);return}var s=v.parent(),p=[j("#mCSB_"+F.idx+"_scrollbar_vertical"),j("#mCSB_"+F.idx+"_scrollbar_horizontal")],D=function(){return[p[0].is(":visible")?p[0].outerHeight(true):0,p[1].is(":visible")?p[1].outerWidth(true):0]},E=y(),x,u=[v.outerHeight(false),v.outerWidth(false),s.height(),s.width(),D()[0],D()[1]],H,B=G(),w;C();function C(){clearTimeout(v[0].autoUpdate);v[0].autoUpdate=setTimeout(function(){if(z.advanced.updateOnSelectorChange){x=y();if(x!==E){r();E=x;return}}if(z.advanced.updateOnContentResize){H=[v.outerHeight(false),v.outerWidth(false),s.height(),s.width(),D()[0],D()[1]];if(H[0]!==u[0]||H[1]!==u[1]||H[2]!==u[2]||H[3]!==u[3]||H[4]!==u[4]||H[5]!==u[5]){r();u=H}}if(z.advanced.updateOnImageLoad){w=G();if(w!==B){v.find("img").each(function(){A(this.src)});B=w}}if(z.advanced.updateOnSelectorChange||z.advanced.updateOnContentResize||z.advanced.updateOnImageLoad){C()}},60)}function G(){var I=0;if(z.advanced.updateOnImageLoad){I=v.find("img").length}return I}function A(L){var I=new Image();function K(M,N){return function(){return N.apply(M,arguments)}}function J(){this.onload=null;r()}I.onload=K(I,J);I.src=L}function y(){if(z.advanced.updateOnSelectorChange===true){z.advanced.updateOnSelectorChange="*"}var I=0,J=v.find(z.advanced.updateOnSelectorChange);if(z.advanced.updateOnSelectorChange&&J.length>0){J.each(function(){I+=j(this).height()+j(this).width()})}return I}function r(){clearTimeout(v[0].autoUpdate);e.update.call(null,t[0])}},_snapAmount:function(r,p,q){return(Math.round(r/p)*p-q)},_stop:function(p){var r=p.data(d),q=j("#mCSB_"+r.idx+"_container,#mCSB_"+r.idx+"_container_wrapper,#mCSB_"+r.idx+"_dragger_vertical,#mCSB_"+r.idx+"_dragger_horizontal");q.each(function(){i._stopTween.call(this)})},_scrollTo:function(q,s,u){var I=q.data(d),E=I.opt,D={trigger:"internal",dir:"y",scrollEasing:"mcsEaseOut",drag:false,dur:E.scrollInertia,overwrite:"all",callbacks:true,onStart:true,onUpdate:true,onComplete:true},u=j.extend(D,u),G=[u.dur,(u.drag?0:u.dur)],v=j("#mCSB_"+I.idx),B=j("#mCSB_"+I.idx+"_container"),K=E.callbacks.onTotalScrollOffset?i._arr.call(q,E.callbacks.onTotalScrollOffset):[0,0],p=E.callbacks.onTotalScrollBackOffset?i._arr.call(q,E.callbacks.onTotalScrollBackOffset):[0,0];I.trigger=u.trigger;if(s==="_resetY"&&!I.contentReset.y){if(t("onOverflowYNone")){E.callbacks.onOverflowYNone.call(q[0])}I.contentReset.y=1}if(s==="_resetX"&&!I.contentReset.x){if(t("onOverflowXNone")){E.callbacks.onOverflowXNone.call(q[0])}I.contentReset.x=1}if(s==="_resetY"||s==="_resetX"){return}if((I.contentReset.y||!q[0].mcs)&&I.overflowed[0]){if(t("onOverflowY")){E.callbacks.onOverflowY.call(q[0])}I.contentReset.x=null}if((I.contentReset.x||!q[0].mcs)&&I.overflowed[1]){if(t("onOverflowX")){E.callbacks.onOverflowX.call(q[0])}I.contentReset.x=null}if(E.snapAmount){s=i._snapAmount(s,E.snapAmount,E.snapOffset)}switch(u.dir){case"x":var x=j("#mCSB_"+I.idx+"_dragger_horizontal"),z="left",C=B[0].offsetLeft,H=[v.width()-B.outerWidth(false),x.parent().width()-x.width()],r=[s,s===0?0:(s/I.scrollRatio.x)],L=K[1],J=p[1],A=L>0?L/I.scrollRatio.x:0,w=J>0?J/I.scrollRatio.x:0;break;case"y":var x=j("#mCSB_"+I.idx+"_dragger_vertical"),z="top",C=B[0].offsetTop,H=[v.height()-B.outerHeight(false),x.parent().height()-x.height()],r=[s,s===0?0:(s/I.scrollRatio.y)],L=K[0],J=p[0],A=L>0?L/I.scrollRatio.y:0,w=J>0?J/I.scrollRatio.y:0;break}if(r[1]<0||(r[0]===0&&r[1]===0)){r=[0,0]}else{if(r[1]>=H[1]){r=[H[0],H[1]]}else{r[0]=-r[0]}}if(!q[0].mcs){F()}clearTimeout(B[0].onCompleteTimeout);if(!I.tweenRunning&&((C===0&&r[0]>=0)||(C===H[0]&&r[0]<=H[0]))){return}i._tweenTo.call(null,x[0],z,Math.round(r[1]),G[1],u.scrollEasing);i._tweenTo.call(null,B[0],z,Math.round(r[0]),G[0],u.scrollEasing,u.overwrite,{onStart:function(){if(u.callbacks&&u.onStart&&!I.tweenRunning){if(t("onScrollStart")){F();E.callbacks.onScrollStart.call(q[0])}I.tweenRunning=true;i._onDragClasses(x);I.cbOffsets=y()}},onUpdate:function(){if(u.callbacks&&u.onUpdate){if(t("whileScrolling")){F();E.callbacks.whileScrolling.call(q[0])}}},onComplete:function(){if(u.callbacks&&u.onComplete){if(E.axis==="yx"){clearTimeout(B[0].onCompleteTimeout)}var M=B[0].idleTimer||0;B[0].onCompleteTimeout=setTimeout(function(){if(t("onScroll")){F();E.callbacks.onScroll.call(q[0])}if(t("onTotalScroll")&&r[1]>=H[1]-A&&I.cbOffsets[0]){F();E.callbacks.onTotalScroll.call(q[0])}if(t("onTotalScrollBack")&&r[1]<=w&&I.cbOffsets[1]){F();E.callbacks.onTotalScrollBack.call(q[0])}I.tweenRunning=false;B[0].idleTimer=0;i._onDragClasses(x,"hide")},M)}}});function t(M){return I&&E.callbacks[M]&&typeof E.callbacks[M]==="function"}function y(){return[E.callbacks.alwaysTriggerOffsets||C>=H[0]+L,E.callbacks.alwaysTriggerOffsets||C<=-J]}function F(){var O=[B[0].offsetTop,B[0].offsetLeft],P=[x[0].offsetTop,x[0].offsetLeft],M=[B.outerHeight(false),B.outerWidth(false)],N=[v.height(),v.width()];q[0].mcs={content:B,top:O[0],left:O[1],draggerTop:P[0],draggerLeft:P[1],topPct:Math.round((100*Math.abs(O[0]))/(Math.abs(M[0])-N[0])),leftPct:Math.round((100*Math.abs(O[1]))/(Math.abs(M[1])-N[1])),direction:u.dir}}},_tweenTo:function(r,u,s,q,B,t,K){var K=K||{},H=K.onStart||function(){},C=K.onUpdate||function(){},I=K.onComplete||function(){},z=i._getTime(),x,v=0,E=r.offsetTop,F=r.style,A;if(u==="left"){E=r.offsetLeft}var y=s-E;r._mcsstop=0;if(t!=="none"){D()}p();function J(){if(r._mcsstop){return}if(!v){H.call()}v=i._getTime()-z;G();if(v>=r._mcstime){r._mcstime=(v>r._mcstime)?v+x-(v-r._mcstime):v+x-1;if(r._mcstime 0){r._mcscurrVal=w(r._mcstime,E,y,q,B);F[u]=Math.round(r._mcscurrVal)+"px"}else{F[u]=s+"px"}C.call()}function p(){x=1000/60;r._mcstime=v+x;A=(!b.requestAnimationFrame)?function(L){G();return setTimeout(L,0.01)}:b.requestAnimationFrame;r._mcsid=A(J)}function D(){if(r._mcsid==null){return}if(!b.requestAnimationFrame){clearTimeout(r._mcsid)}else{b.cancelAnimationFrame(r._mcsid)}r._mcsid=null}function w(N,M,R,Q,O){switch(O){case"linear":case"mcsLinear":return R*N/Q+M;break;case"mcsLinearOut":N/=Q;N--;return R*Math.sqrt(1-N*N)+M;break;case"easeInOutSmooth":N/=Q/2;if(N<1){return R/2*N*N+M}N--;return -R/2*(N*(N-2)-1)+M;break;case"easeInOutStrong":N/=Q/2;if(N<1){return R/2*Math.pow(2,10*(N-1))+M}N--;return R/2*(-Math.pow(2,-10*N)+2)+M;break;case"easeInOut":case"mcsEaseInOut":N/=Q/2;if(N<1){return R/2*N*N*N+M}N-=2;return R/2*(N*N*N+2)+M;break;case"easeOutSmooth":N/=Q;N--;return -R*(N*N*N*N-1)+M;break;case"easeOutStrong":return R*(-Math.pow(2,-10*N/Q)+1)+M;break;case"easeOut":case"mcsEaseOut":default:var P=(N/=Q)*N,L=P*N;return M+R*(0.499999999999997*L*P+-2.5*P*P+5.5*L+-6.5*P+4*N)}}},_getTime:function(){if(b.performance&&b.performance.now){return b.performance.now()}else{if(b.performance&&b.performance.webkitNow){return b.performance.webkitNow()}else{if(Date.now){return Date.now()}else{return new Date().getTime()}}}},_stopTween:function(){var p=this;if(p._mcsid==null){return}if(!b.requestAnimationFrame){clearTimeout(p._mcsid)}else{b.cancelAnimationFrame(p._mcsid)}p._mcsid=null;p._mcsstop=1},_delete:function(r){try{delete r}catch(q){r=null}},_mouseBtnLeft:function(p){return !(p.which&&p.which!==1)},_pointerTouch:function(q){var p=q.originalEvent.pointerType;return !(p&&p!=="touch"&&p!==2)},_isNumeric:function(p){return !isNaN(parseFloat(p))&&isFinite(p)}};j.fn[g]=function(p){if(e[p]){return e[p].apply(this,Array.prototype.slice.call(arguments,1))}else{if(typeof p==="object"||!p){return e.init.apply(this,arguments)}else{j.error("Method "+p+" does not exist")}}};j[g]=function(p){if(e[p]){return e[p].apply(this,Array.prototype.slice.call(arguments,1))}else{if(typeof p==="object"||!p){return e.init.apply(this,arguments)}else{j.error("Method "+p+" does not exist")}}};j[g].defaults=h;b[g]=true;j(b).load(function(){j(m)[g]()})}))}(window,document)); \ No newline at end of file diff --git a/static/client/js/jquery.mCustomScrollbar.js b/static/client/js/jquery.mCustomScrollbar.js new file mode 100644 index 00000000..3b0f6290 --- /dev/null +++ b/static/client/js/jquery.mCustomScrollbar.js @@ -0,0 +1,2166 @@ +/* +== malihu jquery custom scrollbar plugin == +Version: 3.0.4 +Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller +Author: malihu +Author URI: http://manos.malihu.gr +License: MIT License (MIT) +*/ + +/* +Copyright 2010 Manos Malihutsakis (email: manos@malihu.gr) + +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. +*/ + +/* +The code below is fairly long, fully commented and should be normally used in development. +For production, use either the minified jquery.mCustomScrollbar.min.js script or +the production-ready jquery.mCustomScrollbar.concat.min.js which contains the plugin +and dependencies (minified). +*/ + +;(function(window,document,undefined){ + +/* plugin dependencies */ +(function(init){ + /* support for RequireJS */ + if(typeof define==="function" && define.amd){ + define(["jquery", "jquery-mousewheel"], init); + }else{ + init(jQuery); + } +} + +(function($){ + + /* + ---------------------------------------- + PLUGIN NAMESPACE, PREFIX, DEFAULT SELECTOR(S) + ---------------------------------------- + */ + + var pluginNS="mCustomScrollbar", + pluginPfx="mCS", + defaultSelector=".mCustomScrollbar", + + + + + + /* + ---------------------------------------- + DEFAULT OPTIONS + ---------------------------------------- + */ + + defaults={ + /* + set element/content width programmatically + values: boolean, pixels, percentage + */ + setWidth:false, + /* + set element/content height programmatically + values: boolean, pixels, percentage + */ + setHeight:false, + /* + set the initial css top property of content + values: string (e.g. "-100px", "10%" etc.) + */ + setTop:0, + /* + set the initial css left property of content + values: string (e.g. "-100px", "10%" etc.) + */ + setLeft:0, + /* + scrollbar axis (vertical and/or horizontal scrollbars) + values (string): "y", "x", "yx" + */ + axis:"y", + /* + position of scrollbar relative to content + values (string): "inside", "outside" ("outside" requires elements with position:relative) + */ + scrollbarPosition:"inside", + /* + scrolling inertia + values: integer (milliseconds) + */ + scrollInertia:950, + /* + auto-adjust scrollbar dragger length + values: boolean + */ + autoDraggerLength:true, + /* + auto-hide scrollbar when idle + values: boolean + */ + autoHideScrollbar:false, + /* + auto-expands scrollbar on mouse-over and dragging + */ + autoExpandScrollbar:false, + /* + always show scrollbar, even when there's nothing to scroll + values: integer (0=disable, 1=always show dragger rail, 2=always show dragger rail, dragger and buttons), boolean + */ + alwaysShowScrollbar:0, + /* + scrolling always snaps to a multiple of this number in pixels + values: integer + */ + snapAmount:null, + /* + when snapping, snap with this number in pixels as an offset + values: integer + */ + snapOffset:0, + /* + mouse-wheel scrolling + */ + mouseWheel:{ + /* + enable mouse-wheel scrolling + values: boolean + */ + enable:true, + /* + scrolling amount in pixels + values: "auto", integer + */ + scrollAmount:"auto", + /* + mouse-wheel scrolling axis + the default scrolling direction when both vertical and horizontal scrollbars are present + values (string): "y", "x" + */ + axis:"y", + /* + prevent the default behaviour which automatically scrolls the parent element(s) + when end of scrolling is reached + values: boolean + */ + preventDefault:false, + /* + the reported mouse-wheel delta value. The number of lines (translated to pixels) one wheel notch scrolls. + values: "auto", integer + "auto" uses the default OS/browser value + */ + deltaFactor:"auto", + /* + normalize mouse-wheel delta to -1 or 1 (disables mouse-wheel acceleration) + values: boolean + */ + normalizeDelta:false, + /* + invert mouse-wheel scrolling direction + values: boolean + */ + invert:false, + /* + the tags that disable mouse-wheel when cursor is over them + */ + disableOver:["select","option","keygen","datalist","textarea"] + }, + /* + scrollbar buttons + */ + scrollButtons:{ + /* + enable scrollbar buttons + values: boolean + */ + enable:false, + /* + scrollbar buttons scrolling type + values (string): "stepless", "stepped" + */ + scrollType:"stepless", + /* + scrolling amount in pixels + values: "auto", integer + */ + scrollAmount:"auto" + }, + /* + keyboard scrolling + */ + keyboard:{ + /* + enable scrolling via keyboard + values: boolean + */ + enable:true, + /* + keyboard scrolling type + values (string): "stepless", "stepped" + */ + scrollType:"stepless", + /* + scrolling amount in pixels + values: "auto", integer + */ + scrollAmount:"auto" + }, + /* + enable content touch-swipe scrolling + values: boolean, integer, string (number) + integer values define the axis-specific minimum amount required for scrolling momentum + */ + contentTouchScroll:25, + /* + advanced option parameters + */ + advanced:{ + /* + auto-expand content horizontally (for "x" or "yx" axis) + values: boolean + */ + autoExpandHorizontalScroll:false, + /* + auto-scroll to elements with focus + */ + autoScrollOnFocus:"input,textarea,select,button,datalist,keygen,a[tabindex],area,object,[contenteditable='true']", + /* + auto-update scrollbars on content, element or viewport resize + should be true for fluid layouts/elements, adding/removing content dynamically, hiding/showing elements, content with images etc. + values: boolean + */ + updateOnContentResize:true, + /* + auto-update scrollbars each time each image inside the element is fully loaded + values: boolean + */ + updateOnImageLoad:true, + /* + auto-update scrollbars based on the amount and size changes of specific selectors + useful when you need to update the scrollbar(s) automatically, each time a type of element is added, removed or changes its size + values: boolean, string (e.g. "ul li" will auto-update scrollbars each time list-items inside the element are changed) + a value of true (boolean) will auto-update scrollbars each time any element is changed + */ + updateOnSelectorChange:false + }, + /* + scrollbar theme + values: string + ready-to-use themes: "light", "dark", "light-2", "dark-2", "light-3", "dark-3", "light-thick", "dark-thick", "light-thin", "dark-thin", + "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark", "3d", "3d-dark", "3d-thick", "3d-thick-dark", "minimal", "minimal-dark", + "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" + */ + theme:"light", + /* + user defined callback functions + */ + callbacks:{ + /* + function to call when a scroll event starts + values (function): function(){} + */ + onScrollStart:false, + /* + function to call when a scroll event is complete + values (function): function(){} + */ + onScroll:false, + /* + function to call when a scroll event is complete and content is scrolled all the way to the end (bottom/right) + values (function): function(){} + */ + onTotalScroll:false, + /* + function to call when a scroll event is complete and content is scrolled back to the beginning (top/left) + values (function): function(){} + */ + onTotalScrollBack:false, + /* + function to call when a scroll event is running + values (function): function(){} + */ + whileScrolling:false, + /* + onTotalScroll offset value + values: integer (pixels) + */ + onTotalScrollOffset:0, + /* + onTotalScrollBack offset value + values: integer (pixels) + */ + onTotalScrollBackOffset:0, + /* + callback offsets will trigger even if content is already scrolled to the end or beginning + values: boolean + */ + alwaysTriggerOffsets:true, + /* + function to call when content becomes long enough and vertical scrollbar is added + values (function): function(){} + */ + onOverflowY:false, + /* + function to call when content becomes wide enough and horizontal scrollbar is added + values (function): function(){} + */ + onOverflowX:false, + /* + function to call when content becomes short enough and vertical scrollbar is removed + values (function): function(){} + */ + onOverflowYNone:false, + /* + function to call when content becomes narrow enough and horizontal scrollbar is removed + values (function): function(){} + */ + onOverflowXNone:false + }, + /* + add scrollbar(s) on all elements matching the current selector, now and in the future + values: boolean, string + string values: "on" (enable), "once" (disable after first invocation), "off" (disable) + */ + live:false, + /* + the matching set of elements (instead of the current selector) to add scrollbar(s), now and in the future + values: string (selector) + */ + liveSelector:null + }, + + + + + + /* + ---------------------------------------- + VARS, CONSTANTS + ---------------------------------------- + */ + + totalInstances=0, /* plugin instances amount */ + liveTimers={}, /* live option timers */ + /* live option timers removal */ + removeLiveTimers=function(selector){ + if(liveTimers[selector]){ + clearTimeout(liveTimers[selector]); + functions._delete.call(null,liveTimers[selector]); + } + }, + oldIE=(window.attachEvent && !window.addEventListener) ? 1 : 0, /* detect IE < 9 */ + touchActive=false, /* global touch state (for touch and pointer events) */ + + + + + + /* + ---------------------------------------- + METHODS + ---------------------------------------- + */ + + methods={ + + /* + plugin initialization method + creates the scrollbar(s), plugin data object and options + ---------------------------------------- + */ + + init:function(options){ + + var options=$.extend(true,{},defaults,options), + selector=functions._selector.call(this); /* validate selector */ + + /* + if live option is enabled, monitor for elements matching the current selector and + apply scrollbar(s) when found (now and in the future) + */ + if(options.live){ + var liveSelector=options.liveSelector || this.selector || defaultSelector, /* live selector(s) */ + $liveSelector=$(liveSelector); /* live selector(s) as jquery object */ + if(options.live==="off"){ + /* + disable live if requested + usage: $(selector).mCustomScrollbar({live:"off"}); + */ + removeLiveTimers(liveSelector); + return; + } + liveTimers[liveSelector]=setTimeout(function(){ + /* call mCustomScrollbar fn on live selector(s) every half-second */ + $liveSelector.mCustomScrollbar(options); + if(options.live==="once" && $liveSelector.length){ + /* disable live after first invocation */ + removeLiveTimers(liveSelector); + } + },500); + }else{ + removeLiveTimers(liveSelector); + } + + /* options backward compatibility (for versions < 3.0.0) and normalization */ + options.setWidth=(options.set_width) ? options.set_width : options.setWidth; + options.setHeight=(options.set_height) ? options.set_height : options.setHeight; + options.axis=(options.horizontalScroll) ? "x" : functions._findAxis.call(null,options.axis); + options.scrollInertia=options.scrollInertia>0 && options.scrollInertia<17 ? 17 : options.scrollInertia; + if(typeof options.mouseWheel!=="object" && options.mouseWheel==true){ /* old school mouseWheel option (non-object) */ + options.mouseWheel={enable:true,scrollAmount:"auto",axis:"y",preventDefault:false,deltaFactor:"auto",normalizeDelta:false,invert:false} + } + options.mouseWheel.scrollAmount=!options.mouseWheelPixels ? options.mouseWheel.scrollAmount : options.mouseWheelPixels; + options.mouseWheel.normalizeDelta=!options.advanced.normalizeMouseWheelDelta ? options.mouseWheel.normalizeDelta : options.advanced.normalizeMouseWheelDelta; + options.scrollButtons.scrollType=functions._findScrollButtonsType.call(null,options.scrollButtons.scrollType); + + functions._theme.call(null,options); /* theme-specific options */ + + /* plugin constructor */ + return $(selector).each(function(){ + + var $this=$(this); + + if(!$this.data(pluginPfx)){ /* prevent multiple instantiations */ + + /* store options and create objects in jquery data */ + $this.data(pluginPfx,{ + idx:++totalInstances, /* instance index */ + opt:options, /* options */ + scrollRatio:{y:null,x:null}, /* scrollbar to content ratio */ + overflowed:null, /* overflowed axis */ + contentReset:{y:null,x:null}, /* object to check when content resets */ + bindEvents:false, /* object to check if events are bound */ + tweenRunning:false, /* object to check if tween is running */ + sequential:{}, /* sequential scrolling object */ + langDir:$this.css("direction"), /* detect/store direction (ltr or rtl) */ + cbOffsets:null, /* object to check whether callback offsets always trigger */ + /* + object to check how scrolling events where last triggered + "internal" (default - triggered by this script), "external" (triggered by other scripts, e.g. via scrollTo method) + usage: object.data("mCS").trigger + */ + trigger:null + }); + + /* HTML data attributes */ + var o=$this.data(pluginPfx).opt, + htmlDataAxis=$this.data("mcs-axis"),htmlDataSbPos=$this.data("mcs-scrollbar-position"),htmlDataTheme=$this.data("mcs-theme"); + if(htmlDataAxis){o.axis=htmlDataAxis;} /* usage example: data-mcs-axis="y" */ + if(htmlDataSbPos){o.scrollbarPosition=htmlDataSbPos;} /* usage example: data-mcs-scrollbar-position="outside" */ + if(htmlDataTheme){ /* usage example: data-mcs-theme="minimal" */ + o.theme=htmlDataTheme; + functions._theme.call(null,o); /* theme-specific options */ + } + + functions._pluginMarkup.call(this); /* add plugin markup */ + + methods.update.call(null,$this); /* call the update method */ + + } + + }); + + }, + /* ---------------------------------------- */ + + + + /* + plugin update method + updates content and scrollbar(s) values, events and status + ---------------------------------------- + usage: $(selector).mCustomScrollbar("update"); + */ + + update:function(el){ + + var selector=el || functions._selector.call(this); /* validate selector */ + + return $(selector).each(function(){ + + var $this=$(this); + + if($this.data(pluginPfx)){ /* check if plugin has initialized */ + + var d=$this.data(pluginPfx),o=d.opt, + mCSB_container=$("#mCSB_"+d.idx+"_container"), + mCSB_dragger=[$("#mCSB_"+d.idx+"_dragger_vertical"),$("#mCSB_"+d.idx+"_dragger_horizontal")]; + + if(!mCSB_container.length){return;} + + if(d.tweenRunning){functions._stop.call(null,$this);} /* stop any running tweens while updating */ + + /* if element was disabled or destroyed, remove class(es) */ + if($this.hasClass("mCS_disabled")){$this.removeClass("mCS_disabled");} + if($this.hasClass("mCS_destroyed")){$this.removeClass("mCS_destroyed");} + + functions._maxHeight.call(this); /* detect/set css max-height value */ + + functions._expandContentHorizontally.call(this); /* expand content horizontally */ + + if(o.axis!=="y" && !o.advanced.autoExpandHorizontalScroll){ + mCSB_container.css("width",functions._contentWidth(mCSB_container.children())); + } + + d.overflowed=functions._overflowed.call(this); /* determine if scrolling is required */ + + functions._scrollbarVisibility.call(this); /* show/hide scrollbar(s) */ + + /* auto-adjust scrollbar dragger length analogous to content */ + if(o.autoDraggerLength){functions._setDraggerLength.call(this);} + + functions._scrollRatio.call(this); /* calculate and store scrollbar to content ratio */ + + functions._bindEvents.call(this); /* bind scrollbar events */ + + /* reset scrolling position and/or events */ + var to=[Math.abs(mCSB_container[0].offsetTop),Math.abs(mCSB_container[0].offsetLeft)]; + if(o.axis!=="x"){ /* y/yx axis */ + if(!d.overflowed[0]){ /* y scrolling is not required */ + functions._resetContentPosition.call(this); /* reset content position */ + if(o.axis==="y"){ + functions._unbindEvents.call(this); + }else if(o.axis==="yx" && d.overflowed[1]){ + functions._scrollTo.call(this,$this,to[1].toString(),{dir:"x",dur:0,overwrite:"none"}); + } + }else if(mCSB_dragger[0].height()>mCSB_dragger[0].parent().height()){ + functions._resetContentPosition.call(this); /* reset content position */ + }else{ /* y scrolling is required */ + functions._scrollTo.call(this,$this,to[0].toString(),{dir:"y",dur:0,overwrite:"none"}); + d.contentReset.y=null; + } + } + if(o.axis!=="y"){ /* x/yx axis */ + if(!d.overflowed[1]){ /* x scrolling is not required */ + functions._resetContentPosition.call(this); /* reset content position */ + if(o.axis==="x"){ + functions._unbindEvents.call(this); + }else if(o.axis==="yx" && d.overflowed[0]){ + functions._scrollTo.call(this,$this,to[0].toString(),{dir:"y",dur:0,overwrite:"none"}); + } + }else if(mCSB_dragger[1].width()>mCSB_dragger[1].parent().width()){ + functions._resetContentPosition.call(this); /* reset content position */ + }else{ /* x scrolling is required */ + functions._scrollTo.call(this,$this,to[1].toString(),{dir:"x",dur:0,overwrite:"none"}); + d.contentReset.x=null; + } + } + + functions._autoUpdate.call(this); /* initialize automatic updating (for dynamic content, fluid layouts etc.) */ + + } + + }); + + }, + /* ---------------------------------------- */ + + + + /* + plugin scrollTo method + triggers a scrolling event to a specific value + ---------------------------------------- + usage: $(selector).mCustomScrollbar("scrollTo",value,options); + */ + + scrollTo:function(val,options){ + + /* prevent silly things like $(selector).mCustomScrollbar("scrollTo",undefined); */ + if(typeof val=="undefined" || val==null){return;} + + var selector=functions._selector.call(this); /* validate selector */ + + return $(selector).each(function(){ + + var $this=$(this); + + if($this.data(pluginPfx)){ /* check if plugin has initialized */ + + var d=$this.data(pluginPfx),o=d.opt, + /* method default options */ + methodDefaults={ + trigger:"external", /* method is by default triggered externally (e.g. from other scripts) */ + scrollInertia:o.scrollInertia, /* scrolling inertia (animation duration) */ + scrollEasing:"mcsEaseInOut", /* animation easing */ + moveDragger:false, /* move dragger instead of content */ + timeout:60, /* scroll-to delay */ + callbacks:true, /* enable/disable callbacks */ + onStart:true, + onUpdate:true, + onComplete:true + }, + methodOptions=$.extend(true,{},methodDefaults,options), + to=functions._arr.call(this,val),dur=methodOptions.scrollInertia>0 && methodOptions.scrollInertia<17 ? 17 : methodOptions.scrollInertia; + + /* translate yx values to actual scroll-to positions */ + to[0]=functions._to.call(this,to[0],"y"); + to[1]=functions._to.call(this,to[1],"x"); + + /* + check if scroll-to value moves the dragger instead of content. + Only pixel values apply on dragger (e.g. 100, "100px", "-=100" etc.) + */ + if(methodOptions.moveDragger){ + to[0]*=d.scrollRatio.y; + to[1]*=d.scrollRatio.x; + } + + methodOptions.dur=dur; + + setTimeout(function(){ + /* do the scrolling */ + if(to[0]!==null && typeof to[0]!=="undefined" && o.axis!=="x" && d.overflowed[0]){ /* scroll y */ + methodOptions.dir="y"; + methodOptions.overwrite="all"; + functions._scrollTo.call(this,$this,to[0].toString(),methodOptions); + } + if(to[1]!==null && typeof to[1]!=="undefined" && o.axis!=="y" && d.overflowed[1]){ /* scroll x */ + methodOptions.dir="x"; + methodOptions.overwrite="none"; + functions._scrollTo.call(this,$this,to[1].toString(),methodOptions); + } + },methodOptions.timeout); + + } + + }); + + }, + /* ---------------------------------------- */ + + + + /* + plugin stop method + stops scrolling animation + ---------------------------------------- + usage: $(selector).mCustomScrollbar("stop"); + */ + stop:function(){ + + var selector=functions._selector.call(this); /* validate selector */ + + return $(selector).each(function(){ + + var $this=$(this); + + if($this.data(pluginPfx)){ /* check if plugin has initialized */ + + functions._stop.call(null,$this); + + } + + }); + + }, + /* ---------------------------------------- */ + + + + /* + plugin disable method + temporarily disables the scrollbar(s) + ---------------------------------------- + usage: $(selector).mCustomScrollbar("disable",reset); + reset (boolean): resets content position to 0 + */ + disable:function(r){ + + var selector=functions._selector.call(this); /* validate selector */ + + return $(selector).each(function(){ + + var $this=$(this); + + if($this.data(pluginPfx)){ /* check if plugin has initialized */ + + var d=$this.data(pluginPfx),o=d.opt; + + functions._autoUpdate.call(this,"remove"); /* remove automatic updating */ + + functions._unbindEvents.call(this); /* unbind events */ + + if(r){functions._resetContentPosition.call(this);} /* reset content position */ + + functions._scrollbarVisibility.call(this,true); /* show/hide scrollbar(s) */ + + $this.addClass("mCS_disabled"); /* add disable class */ + + } + + }); + + }, + /* ---------------------------------------- */ + + + + /* + plugin destroy method + completely removes the scrollbar(s) and returns the element to its original state + ---------------------------------------- + usage: $(selector).mCustomScrollbar("destroy"); + */ + destroy:function(){ + + var selector=functions._selector.call(this); /* validate selector */ + + return $(selector).each(function(){ + + var $this=$(this); + + if($this.data(pluginPfx)){ /* check if plugin has initialized */ + + var d=$this.data(pluginPfx),o=d.opt, + mCustomScrollBox=$("#mCSB_"+d.idx), + mCSB_container=$("#mCSB_"+d.idx+"_container"), + scrollbar=$(".mCSB_"+d.idx+"_scrollbar"); + + if(o.live){removeLiveTimers(selector);} /* remove live timer */ + + functions._autoUpdate.call(this,"remove"); /* remove automatic updating */ + + functions._unbindEvents.call(this); /* unbind events */ + + functions._resetContentPosition.call(this); /* reset content position */ + + $this.removeData(pluginPfx); /* remove plugin data object */ + + functions._delete.call(null,this.mcs); /* delete callbacks object */ + + /* remove plugin markup */ + scrollbar.remove(); /* remove scrollbar(s) first (those can be either inside or outside plugin's inner wrapper) */ + mCustomScrollBox.replaceWith(mCSB_container.contents()); /* replace plugin's inner wrapper with the original content */ + /* remove plugin classes from the element and add destroy class */ + $this.removeClass(pluginNS+" _"+pluginPfx+"_"+d.idx+" mCS-autoHide mCS-dir-rtl mCS_no_scrollbar mCS_disabled").addClass("mCS_destroyed"); + + } + + }); + + } + /* ---------------------------------------- */ + + }, + + + + + + /* + ---------------------------------------- + FUNCTIONS + ---------------------------------------- + */ + + functions={ + + /* validates selector (if selector is invalid or undefined uses the default one) */ + _selector:function(){ + return (typeof $(this)!=="object" || $(this).length<1) ? defaultSelector : this; + }, + /* -------------------- */ + + /* changes options according to theme */ + _theme:function(obj){ + var fixedSizeScrollbarThemes=["rounded","rounded-dark","rounded-dots","rounded-dots-dark"], + nonExpandedScrollbarThemes=["rounded-dots","rounded-dots-dark","3d","3d-dark","3d-thick","3d-thick-dark","inset","inset-dark","inset-2","inset-2-dark","inset-3","inset-3-dark"], + disabledScrollButtonsThemes=["minimal","minimal-dark"], + enabledAutoHideScrollbarThemes=["minimal","minimal-dark"], + scrollbarPositionOutsideThemes=["minimal","minimal-dark"]; + obj.autoDraggerLength=$.inArray(obj.theme,fixedSizeScrollbarThemes) > -1 ? false : obj.autoDraggerLength; + obj.autoExpandScrollbar=$.inArray(obj.theme,nonExpandedScrollbarThemes) > -1 ? false : obj.autoExpandScrollbar; + obj.scrollButtons.enable=$.inArray(obj.theme,disabledScrollButtonsThemes) > -1 ? false : obj.scrollButtons.enable; + obj.autoHideScrollbar=$.inArray(obj.theme,enabledAutoHideScrollbarThemes) > -1 ? true : obj.autoHideScrollbar; + obj.scrollbarPosition=$.inArray(obj.theme,scrollbarPositionOutsideThemes) > -1 ? "outside" : obj.scrollbarPosition; + }, + /* -------------------- */ + + + /* normalizes axis option to valid values: "y", "x", "yx" */ + _findAxis:function(val){ + return (val==="yx" || val==="xy" || val==="auto") ? "yx" : (val==="x" || val==="horizontal") ? "x" : "y"; + }, + /* -------------------- */ + + + /* normalizes scrollButtons.scrollType option to valid values: "stepless", "stepped" */ + _findScrollButtonsType:function(val){ + return (val==="stepped" || val==="pixels" || val==="step" || val==="click") ? "stepped" : "stepless"; + }, + /* -------------------- */ + + + /* generates plugin markup */ + _pluginMarkup:function(){ + var $this=$(this),d=$this.data(pluginPfx),o=d.opt, + expandClass=o.autoExpandScrollbar ? " mCSB_scrollTools_onDrag_expand" : "", + scrollbar=["",""], + wrapperClass=o.axis==="yx" ? "mCSB_vertical_horizontal" : o.axis==="x" ? "mCSB_horizontal" : "mCSB_vertical", + scrollbars=o.axis==="yx" ? scrollbar[0]+scrollbar[1] : o.axis==="x" ? scrollbar[1] : scrollbar[0], + contentWrapper=o.axis==="yx" ? "" : "", + autoHideClass=o.autoHideScrollbar ? " mCS-autoHide" : "", + scrollbarDirClass=(o.axis!=="x" && d.langDir==="rtl") ? " mCS-dir-rtl" : ""; + if(o.setWidth){$this.css("width",o.setWidth);} /* set element width */ + if(o.setHeight){$this.css("height",o.setHeight);} /* set element height */ + o.setLeft=(o.axis!=="y" && d.langDir==="rtl") ? "989999px" : o.setLeft; /* adjust left position for rtl direction */ + $this.addClass(pluginNS+" _"+pluginPfx+"_"+d.idx+autoHideClass+scrollbarDirClass).wrapInner(" "); + var mCustomScrollBox=$("#mCSB_"+d.idx), + mCSB_container=$("#mCSB_"+d.idx+"_container"); + if(o.axis!=="y" && !o.advanced.autoExpandHorizontalScroll){ + mCSB_container.css("width",functions._contentWidth(mCSB_container.children())); + } + if(o.scrollbarPosition==="outside"){ + if($this.css("position")==="static"){ /* requires elements with non-static position */ + $this.css("position","relative"); + } + $this.css("overflow","visible"); + mCustomScrollBox.addClass("mCSB_outside").after(scrollbars); + }else{ + mCustomScrollBox.addClass("mCSB_inside").append(scrollbars); + mCSB_container.wrap(contentWrapper); + } + functions._scrollButtons.call(this); /* add scrollbar buttons */ + /* minimum dragger length */ + var mCSB_dragger=[$("#mCSB_"+d.idx+"_dragger_vertical"),$("#mCSB_"+d.idx+"_dragger_horizontal")]; + mCSB_dragger[0].css("min-height",mCSB_dragger[0].height()); + mCSB_dragger[1].css("min-width",mCSB_dragger[1].width()); + }, + /* -------------------- */ + + + /* calculates content width */ + _contentWidth:function(el){ + return Math.max.apply(Math,el.map(function(){return $(this).outerWidth(true);}).get()); + }, + /* -------------------- */ + + + /* expands content horizontally */ + _expandContentHorizontally:function(){ + var $this=$(this),d=$this.data(pluginPfx),o=d.opt, + mCSB_container=$("#mCSB_"+d.idx+"_container"); + if(o.advanced.autoExpandHorizontalScroll && o.axis!=="y"){ + /* + wrap content with an infinite width div and set its position to absolute and width to auto. + Setting width to auto before calculating the actual width is important! + We must let the browser set the width as browser zoom values are impossible to calculate. + */ + mCSB_container.css({"position":"absolute","width":"auto"}) + .wrap("") + .css({ /* set actual width, original position and un-wrap */ + /* + get the exact width (with decimals) and then round-up. + Using jquery outerWidth() will round the width value which will mess up with inner elements that have non-integer width + */ + "width":(Math.ceil(mCSB_container[0].getBoundingClientRect().right+0.4)-Math.floor(mCSB_container[0].getBoundingClientRect().left)), + "position":"relative" + }).unwrap(); + } + }, + /* -------------------- */ + + + /* adds scrollbar buttons */ + _scrollButtons:function(){ + var $this=$(this),d=$this.data(pluginPfx),o=d.opt, + mCSB_scrollTools=$(".mCSB_"+d.idx+"_scrollbar:first"), + btnHTML=[ + "","", + "","" + ], + btn=[(o.axis==="x" ? btnHTML[2] : btnHTML[0]),(o.axis==="x" ? btnHTML[3] : btnHTML[1]),btnHTML[2],btnHTML[3]]; + if(o.scrollButtons.enable){ + mCSB_scrollTools.prepend(btn[0]).append(btn[1]).next(".mCSB_scrollTools").prepend(btn[2]).append(btn[3]); + } + }, + /* -------------------- */ + + + /* detects/sets css max-height value */ + _maxHeight:function(){ + var $this=$(this),d=$this.data(pluginPfx),o=d.opt, + mCustomScrollBox=$("#mCSB_"+d.idx), + mh=$this.css("max-height"),pct=mh.indexOf("%")!==-1, + bs=$this.css("box-sizing"); + if(mh!=="none"){ + var val=pct ? $this.parent().height()*parseInt(mh)/100 : parseInt(mh); + /* if element's css box-sizing is "border-box", subtract any paddings and/or borders from max-height value */ + if(bs==="border-box"){val-=(($this.innerHeight()-$this.height())+($this.outerHeight()-$this.innerHeight()));} + mCustomScrollBox.css("max-height",Math.round(val)); + } + }, + /* -------------------- */ + + + /* auto-adjusts scrollbar dragger length */ + _setDraggerLength:function(){ + var $this=$(this),d=$this.data(pluginPfx), + mCustomScrollBox=$("#mCSB_"+d.idx), + mCSB_container=$("#mCSB_"+d.idx+"_container"), + mCSB_dragger=[$("#mCSB_"+d.idx+"_dragger_vertical"),$("#mCSB_"+d.idx+"_dragger_horizontal")], + ratio=[mCustomScrollBox.height()/mCSB_container.outerHeight(false),mCustomScrollBox.width()/mCSB_container.outerWidth(false)], + l=[ + parseInt(mCSB_dragger[0].css("min-height")),Math.round(ratio[0]*mCSB_dragger[0].parent().height()), + parseInt(mCSB_dragger[1].css("min-width")),Math.round(ratio[1]*mCSB_dragger[1].parent().width()) + ], + h=oldIE && (l[1]mCustomScrollBox.height(),contentWidth>mCustomScrollBox.width()]; + }, + /* -------------------- */ + + + /* resets content position to 0 */ + _resetContentPosition:function(){ + var $this=$(this),d=$this.data(pluginPfx),o=d.opt, + mCustomScrollBox=$("#mCSB_"+d.idx), + mCSB_container=$("#mCSB_"+d.idx+"_container"), + mCSB_dragger=[$("#mCSB_"+d.idx+"_dragger_vertical"),$("#mCSB_"+d.idx+"_dragger_horizontal")]; + functions._stop($this); /* stop any current scrolling before resetting */ + if((o.axis!=="x" && !d.overflowed[0]) || (o.axis==="y" && d.overflowed[0])){ /* reset y */ + mCSB_dragger[0].add(mCSB_container).css("top",0); + functions._scrollTo($this,"_resetY"); + } + if((o.axis!=="y" && !d.overflowed[1]) || (o.axis==="x" && d.overflowed[1])){ /* reset x */ + var cx=dx=0; + if(d.langDir==="rtl"){ /* adjust left position for rtl direction */ + cx=mCustomScrollBox.width()-mCSB_container.outerWidth(false); + dx=Math.abs(cx/d.scrollRatio.x); + } + mCSB_container.css("left",cx); + mCSB_dragger[1].css("left",dx); + functions._scrollTo($this,"_resetX"); + } + }, + /* -------------------- */ + + + /* binds scrollbar events */ + _bindEvents:function(){ + var $this=$(this),d=$this.data(pluginPfx),o=d.opt; + if(!d.bindEvents){ /* check if events are already bound */ + functions._draggable.call(this); + if(o.contentTouchScroll){functions._contentDraggable.call(this);} + if(o.mouseWheel.enable){ /* bind mousewheel fn when plugin is available */ + function _mwt(){ + mousewheelTimeout=setTimeout(function(){ + if(!$.event.special.mousewheel){ + _mwt(); + }else{ + clearTimeout(mousewheelTimeout); + functions._mousewheel.call($this[0]); + } + },1000); + } + var mousewheelTimeout; + _mwt(); + } + functions._draggerRail.call(this); + functions._wrapperScroll.call(this); + if(o.advanced.autoScrollOnFocus){functions._focus.call(this);} + if(o.scrollButtons.enable){functions._buttons.call(this);} + if(o.keyboard.enable){functions._keyboard.call(this);} + d.bindEvents=true; + } + }, + /* -------------------- */ + + + /* unbinds scrollbar events */ + _unbindEvents:function(){ + var $this=$(this),d=$this.data(pluginPfx), + namespace=pluginPfx+"_"+d.idx, + sb=".mCSB_"+d.idx+"_scrollbar", + sel=$("#mCSB_"+d.idx+",#mCSB_"+d.idx+"_container,#mCSB_"+d.idx+"_container_wrapper,"+sb+" .mCSB_draggerContainer,#mCSB_"+d.idx+"_dragger_vertical,#mCSB_"+d.idx+"_dragger_horizontal,"+sb+">a"), + mCSB_container=$("#mCSB_"+d.idx+"_container"); + if(d.bindEvents){ /* check if events are bound */ + /* unbind namespaced events from document/selectors */ + $(document).unbind("."+namespace); + sel.each(function(){ + $(this).unbind("."+namespace); + }); + /* clear and delete timeouts/objects */ + clearTimeout($this[0]._focusTimeout); functions._delete.call(null,$this[0]._focusTimeout); + clearTimeout(d.sequential.step); functions._delete.call(null,d.sequential.step); + clearTimeout(mCSB_container[0].onCompleteTimeout); functions._delete.call(null,mCSB_container[0].onCompleteTimeout); + d.bindEvents=false; + } + }, + /* -------------------- */ + + + /* toggles scrollbar visibility */ + _scrollbarVisibility:function(disabled){ + var $this=$(this),d=$this.data(pluginPfx),o=d.opt, + contentWrapper=$("#mCSB_"+d.idx+"_container_wrapper"), + content=contentWrapper.length ? contentWrapper : $("#mCSB_"+d.idx+"_container"), + scrollbar=[$("#mCSB_"+d.idx+"_scrollbar_vertical"),$("#mCSB_"+d.idx+"_scrollbar_horizontal")], + mCSB_dragger=[scrollbar[0].find(".mCSB_dragger"),scrollbar[1].find(".mCSB_dragger")]; + if(o.axis!=="x"){ + if(d.overflowed[0] && !disabled){ + scrollbar[0].add(mCSB_dragger[0]).add(scrollbar[0].children("a")).css("display","block"); + content.removeClass("mCS_no_scrollbar_y mCS_y_hidden"); + }else{ + if(o.alwaysShowScrollbar){ + if(o.alwaysShowScrollbar!==2){mCSB_dragger[0].add(scrollbar[0].children("a")).css("display","none");} + content.removeClass("mCS_y_hidden"); + }else{ + scrollbar[0].css("display","none"); + content.addClass("mCS_y_hidden"); + } + content.addClass("mCS_no_scrollbar_y"); + } + } + if(o.axis!=="y"){ + if(d.overflowed[1] && !disabled){ + scrollbar[1].add(mCSB_dragger[1]).add(scrollbar[1].children("a")).css("display","block"); + content.removeClass("mCS_no_scrollbar_x mCS_x_hidden"); + }else{ + if(o.alwaysShowScrollbar){ + if(o.alwaysShowScrollbar!==2){mCSB_dragger[1].add(scrollbar[1].children("a")).css("display","none");} + content.removeClass("mCS_x_hidden"); + }else{ + scrollbar[1].css("display","none"); + content.addClass("mCS_x_hidden"); + } + content.addClass("mCS_no_scrollbar_x"); + } + } + if(!d.overflowed[0] && !d.overflowed[1]){ + $this.addClass("mCS_no_scrollbar"); + }else{ + $this.removeClass("mCS_no_scrollbar"); + } + }, + /* -------------------- */ + + + /* returns input coordinates of pointer, touch and mouse events (relative to document) */ + _coordinates:function(e){ + var t=e.type; + switch(t){ + case "pointerdown": case "MSPointerDown": case "pointermove": case "MSPointerMove": case "pointerup": case "MSPointerUp": + return [e.originalEvent.pageY,e.originalEvent.pageX]; + break; + case "touchstart": case "touchmove": case "touchend": + var touch=e.originalEvent.touches[0] || e.originalEvent.changedTouches[0]; + return [touch.pageY,touch.pageX]; + break; + default: + return [e.pageY,e.pageX]; + } + }, + /* -------------------- */ + + + /* + SCROLLBAR DRAG EVENTS + scrolls content via scrollbar dragging + */ + _draggable:function(){ + var $this=$(this),d=$this.data(pluginPfx),o=d.opt, + namespace=pluginPfx+"_"+d.idx, + draggerId=["mCSB_"+d.idx+"_dragger_vertical","mCSB_"+d.idx+"_dragger_horizontal"], + mCSB_container=$("#mCSB_"+d.idx+"_container"), + mCSB_dragger=$("#"+draggerId[0]+",#"+draggerId[1]), + draggable,dragY,dragX; + mCSB_dragger.bind("mousedown."+namespace+" touchstart."+namespace+" pointerdown."+namespace+" MSPointerDown."+namespace,function(e){ + e.stopImmediatePropagation(); + e.preventDefault(); + if(!functions._mouseBtnLeft(e)){return;} /* left mouse button only */ + touchActive=true; + if(oldIE){document.onselectstart=function(){return false;}} /* disable text selection for IE < 9 */ + _iframe(false); /* enable scrollbar dragging over iframes by disabling their events */ + functions._stop($this); + draggable=$(this); + var offset=draggable.offset(),y=functions._coordinates(e)[0]-offset.top,x=functions._coordinates(e)[1]-offset.left, + h=draggable.height()+offset.top,w=draggable.width()+offset.left; + if(y 0 && x 0){ + dragY=y; + dragX=x; + } + functions._onDragClasses(draggable,"active",o.autoExpandScrollbar); + }).bind("touchmove."+namespace,function(e){ + e.stopImmediatePropagation(); + e.preventDefault(); + var offset=draggable.offset(),y=functions._coordinates(e)[0]-offset.top,x=functions._coordinates(e)[1]-offset.left; + _drag(dragY,dragX,y,x); + }); + $(document).bind("mousemove."+namespace+" pointermove."+namespace+" MSPointerMove."+namespace,function(e){ + if(draggable){ + var offset=draggable.offset(),y=functions._coordinates(e)[0]-offset.top,x=functions._coordinates(e)[1]-offset.left; + if(dragY===y){return;} /* has it really moved? */ + _drag(dragY,dragX,y,x); + } + }).add(mCSB_dragger).bind("mouseup."+namespace+" touchend."+namespace+" pointerup."+namespace+" MSPointerUp."+namespace,function(e){ + if(draggable){ + functions._onDragClasses(draggable,"active",o.autoExpandScrollbar); + draggable=null; + } + touchActive=false; + if(oldIE){document.onselectstart=null;} /* enable text selection for IE < 9 */ + _iframe(true); /* enable iframes events */ + }); + function _iframe(evt){ + var el=mCSB_container.find("iframe"); + if(!el.length){return;} /* check if content contains iframes */ + var val=!evt ? "none" : "auto"; + el.css("pointer-events",val); /* for IE11, iframe's display property should not be "block" */ + } + function _drag(dragY,dragX,y,x){ + mCSB_container[0].idleTimer=o.scrollInertia<233 ? 250 : 0; + if(draggable.attr("id")===draggerId[1]){ + var dir="x",to=((draggable[0].offsetLeft-dragX)+x)*d.scrollRatio.x; + }else{ + var dir="y",to=((draggable[0].offsetTop-dragY)+y)*d.scrollRatio.y; + } + functions._scrollTo($this,to.toString(),{dir:dir,drag:true}); + } + }, + /* -------------------- */ + + + /* + TOUCH SWIPE EVENTS + scrolls content via touch swipe + Emulates the native touch-swipe scrolling with momentum found in iOS, Android and WP devices + */ + _contentDraggable:function(){ + var $this=$(this),d=$this.data(pluginPfx),o=d.opt, + namespace=pluginPfx+"_"+d.idx, + mCustomScrollBox=$("#mCSB_"+d.idx), + mCSB_container=$("#mCSB_"+d.idx+"_container"), + mCSB_dragger=[$("#mCSB_"+d.idx+"_dragger_vertical"),$("#mCSB_"+d.idx+"_dragger_horizontal")], + dragY,dragX,touchStartY,touchStartX,touchMoveY=[],touchMoveX=[],startTime,runningTime,endTime,distance,speed,amount, + durA=0,durB,overwrite=o.axis==="yx" ? "none" : "all"; + mCSB_container.bind("touchstart."+namespace+" pointerdown."+namespace+" MSPointerDown."+namespace,function(e){ + if(!functions._pointerTouch(e) || touchActive){return;} + var offset=mCSB_container.offset(); + dragY=functions._coordinates(e)[0]-offset.top; + dragX=functions._coordinates(e)[1]-offset.left; + }).bind("touchmove."+namespace+" pointermove."+namespace+" MSPointerMove."+namespace,function(e){ + if(!functions._pointerTouch(e) || touchActive){return;} + e.stopImmediatePropagation(); + runningTime=functions._getTime(); + var offset=mCustomScrollBox.offset(),y=functions._coordinates(e)[0]-offset.top,x=functions._coordinates(e)[1]-offset.left, + easing="mcsLinearOut"; + touchMoveY.push(y); + touchMoveX.push(x); + if(d.overflowed[0]){ + var limit=mCSB_dragger[0].parent().height()-mCSB_dragger[0].height(), + prevent=((dragY-y)>0 && (y-dragY)>-(limit*d.scrollRatio.y)); + } + if(d.overflowed[1]){ + var limitX=mCSB_dragger[1].parent().width()-mCSB_dragger[1].width(), + preventX=((dragX-x)>0 && (x-dragX)>-(limitX*d.scrollRatio.x)); + } + if(prevent || preventX){e.preventDefault();} /* prevent native document scrolling */ + amount=o.axis==="yx" ? [(dragY-y),(dragX-x)] : o.axis==="x" ? [null,(dragX-x)] : [(dragY-y),null]; + mCSB_container[0].idleTimer=250; + if(d.overflowed[0]){_drag(amount[0],durA,easing,"y","all",true);} + if(d.overflowed[1]){_drag(amount[1],durA,easing,"x",overwrite,true);} + }); + mCustomScrollBox.bind("touchstart."+namespace+" pointerdown."+namespace+" MSPointerDown."+namespace,function(e){ + if(!functions._pointerTouch(e) || touchActive){return;} + e.stopImmediatePropagation(); + functions._stop($this); + startTime=functions._getTime(); + var offset=mCustomScrollBox.offset(); + touchStartY=functions._coordinates(e)[0]-offset.top; + touchStartX=functions._coordinates(e)[1]-offset.left; + touchMoveY=[]; touchMoveX=[]; + }).bind("touchend."+namespace+" pointerup."+namespace+" MSPointerUp."+namespace,function(e){ + if(!functions._pointerTouch(e) || touchActive){return;} + e.stopImmediatePropagation(); + endTime=functions._getTime(); + var offset=mCustomScrollBox.offset(),y=functions._coordinates(e)[0]-offset.top,x=functions._coordinates(e)[1]-offset.left; + if((endTime-runningTime)>30){return;} + speed=1000/(endTime-startTime); + var easing="mcsEaseOut",slow=speed<2.5, + diff=slow ? [touchMoveY[touchMoveY.length-2],touchMoveX[touchMoveX.length-2]] : [0,0]; + distance=slow ? [(y-diff[0]),(x-diff[1])] : [y-touchStartY,x-touchStartX]; + var absDistance=[Math.abs(distance[0]),Math.abs(distance[1])]; + speed=slow ? [Math.abs(distance[0]/4),Math.abs(distance[1]/4)] : [speed,speed]; + var a=[ + Math.abs(mCSB_container[0].offsetTop)-(distance[0]*_m((absDistance[0]/speed[0]),speed[0])), + Math.abs(mCSB_container[0].offsetLeft)-(distance[1]*_m((absDistance[1]/speed[1]),speed[1])) + ]; + amount=o.axis==="yx" ? [a[0],a[1]] : o.axis==="x" ? [null,a[1]] : [a[0],null]; + durB=[(absDistance[0]*4)+o.scrollInertia,(absDistance[1]*4)+o.scrollInertia]; + var md=parseInt(o.contentTouchScroll) || 0; /* absolute minimum distance required */ + amount[0]=absDistance[0]>md ? amount[0] : 0; + amount[1]=absDistance[1]>md ? amount[1] : 0; + if(d.overflowed[0]){_drag(amount[0],durB[0],easing,"y",overwrite,false);} + if(d.overflowed[1]){_drag(amount[1],durB[1],easing,"x",overwrite,false);} + }); + function _m(ds,s){ + var r=[s*1.5,s*2,s/1.5,s/2]; + if(ds>90){ + return s>4 ? r[0] : r[3]; + }else if(ds>60){ + return s>3 ? r[3] : r[2]; + }else if(ds>30){ + return s>8 ? r[1] : s>6 ? r[0] : s>4 ? s : r[2]; + }else{ + return s>8 ? s : r[3]; + } + } + function _drag(amount,dur,easing,dir,overwrite,drag){ + if(!amount){return;} + functions._scrollTo($this,amount.toString(),{dur:dur,scrollEasing:easing,dir:dir,overwrite:overwrite,drag:drag}); + } + }, + /* -------------------- */ + + + /* + MOUSE WHEEL EVENT + scrolls content via mouse-wheel + via mouse-wheel plugin (https://github.com/brandonaaron/jquery-mousewheel) + */ + _mousewheel:function(){ + var $this=$(this),d=$this.data(pluginPfx); + if(d){ /* Check if the scrollbar is ready to use mousewheel events (issue: #185) */ + var o=d.opt, + namespace=pluginPfx+"_"+d.idx, + mCustomScrollBox=$("#mCSB_"+d.idx), + mCSB_dragger=[$("#mCSB_"+d.idx+"_dragger_vertical"),$("#mCSB_"+d.idx+"_dragger_horizontal")], + iframe=$("#mCSB_"+d.idx+"_container").find("iframe"), + el=mCustomScrollBox /* mousewheel element selector */; + /* check for cross domain iframes and bind mousewheel event on them in addition to default mousewheel element selector */ + if(iframe.length){ + iframe.each(function(){ + var iFobj=this; + if(_canAccessIFrame(iFobj)){ /* check if iframe can be accessed */ + el=el.add($(iFobj).contents().find("body")); + } + }); + } + el.bind("mousewheel."+namespace,function(e,delta){ + functions._stop($this); + if(functions._disableMousewheel($this,e.target)){return;} /* disables mouse-wheel when hovering specific elements */ + var deltaFactor=o.mouseWheel.deltaFactor!=="auto" ? parseInt(o.mouseWheel.deltaFactor) : (oldIE && e.deltaFactor<100) ? 100 : e.deltaFactor || 100; + if(o.axis==="x" || o.mouseWheel.axis==="x"){ + var dir="x", + px=[Math.round(deltaFactor*d.scrollRatio.x),parseInt(o.mouseWheel.scrollAmount)], + amount=o.mouseWheel.scrollAmount!=="auto" ? px[1] : px[0]>=mCustomScrollBox.width() ? mCustomScrollBox.width()*0.9 : px[0], + contentPos=Math.abs($("#mCSB_"+d.idx+"_container")[0].offsetLeft), + draggerPos=mCSB_dragger[1][0].offsetLeft, + limit=mCSB_dragger[1].parent().width()-mCSB_dragger[1].width(), + dlt=e.deltaX || e.deltaY || delta; + }else{ + var dir="y", + px=[Math.round(deltaFactor*d.scrollRatio.y),parseInt(o.mouseWheel.scrollAmount)], + amount=o.mouseWheel.scrollAmount!=="auto" ? px[1] : px[0]>=mCustomScrollBox.height() ? mCustomScrollBox.height()*0.9 : px[0], + contentPos=Math.abs($("#mCSB_"+d.idx+"_container")[0].offsetTop), + draggerPos=mCSB_dragger[0][0].offsetTop, + limit=mCSB_dragger[0].parent().height()-mCSB_dragger[0].height(), + dlt=e.deltaY || delta; + } + if((dir==="y" && !d.overflowed[0]) || (dir==="x" && !d.overflowed[1])){return;} + if(o.mouseWheel.invert){dlt=-dlt;} + if(o.mouseWheel.normalizeDelta){dlt=dlt<0 ? -1 : 1;} + if((dlt>0 && draggerPos!==0) || (dlt<0 && draggerPos!==limit) || o.mouseWheel.preventDefault){ + e.stopImmediatePropagation(); + e.preventDefault(); + } + functions._scrollTo($this,(contentPos-(dlt*amount)).toString(),{dir:dir}); + }); + } + /* check if iframe can be accessed */ + function _canAccessIFrame(iframe){ + var html=null; + try{ + var doc=iframe.contentDocument || iframe.contentWindow.document; + html=doc.body.innerHTML; + }catch(err){/* do nothing */} + return(html!==null); + } + }, + /* -------------------- */ + + + /* disables mouse-wheel when hovering specific elements like select, datalist etc. */ + _disableMousewheel:function(el,target){ + var tag=target.nodeName.toLowerCase(), + tags=el.data(pluginPfx).opt.mouseWheel.disableOver, + /* elements that require focus */ + focusTags=["select","textarea"]; + return $.inArray(tag,tags) > -1 && !($.inArray(tag,focusTags) > -1 && !$(target).is(":focus")); + }, + /* -------------------- */ + + + /* + DRAGGER RAIL CLICK EVENT + scrolls content via dragger rail + */ + _draggerRail:function(){ + var $this=$(this),d=$this.data(pluginPfx), + namespace=pluginPfx+"_"+d.idx, + mCSB_container=$("#mCSB_"+d.idx+"_container"), + wrapper=mCSB_container.parent(), + mCSB_draggerContainer=$(".mCSB_"+d.idx+"_scrollbar .mCSB_draggerContainer"); + mCSB_draggerContainer.bind("touchstart."+namespace+" pointerdown."+namespace+" MSPointerDown."+namespace,function(e){ + touchActive=true; + }).bind("touchend."+namespace+" pointerup."+namespace+" MSPointerUp."+namespace,function(e){ + touchActive=false; + }).bind("click."+namespace,function(e){ + if($(e.target).hasClass("mCSB_draggerContainer") || $(e.target).hasClass("mCSB_draggerRail")){ + functions._stop($this); + var el=$(this),mCSB_dragger=el.find(".mCSB_dragger"); + if(el.parent(".mCSB_scrollTools_horizontal").length>0){ + if(!d.overflowed[1]){return;} + var dir="x", + clickDir=e.pageX>mCSB_dragger.offset().left ? -1 : 1, + to=Math.abs(mCSB_container[0].offsetLeft)-(clickDir*(wrapper.width()*0.9)); + }else{ + if(!d.overflowed[0]){return;} + var dir="y", + clickDir=e.pageY>mCSB_dragger.offset().top ? -1 : 1, + to=Math.abs(mCSB_container[0].offsetTop)-(clickDir*(wrapper.height()*0.9)); + } + functions._scrollTo($this,to.toString(),{dir:dir,scrollEasing:"mcsEaseInOut"}); + } + }); + }, + /* -------------------- */ + + + /* + FOCUS EVENT + scrolls content via element focus (e.g. clicking an input, pressing TAB key etc.) + */ + _focus:function(){ + var $this=$(this),d=$this.data(pluginPfx),o=d.opt, + namespace=pluginPfx+"_"+d.idx, + mCSB_container=$("#mCSB_"+d.idx+"_container"), + wrapper=mCSB_container.parent(); + mCSB_container.bind("focusin."+namespace,function(e){ + var el=$(document.activeElement), + nested=mCSB_container.find(".mCustomScrollBox").length, + dur=0; + if(!el.is(o.advanced.autoScrollOnFocus)){return;} + functions._stop($this); + clearTimeout($this[0]._focusTimeout); + $this[0]._focusTimer=nested ? (dur+17)*nested : 0; + $this[0]._focusTimeout=setTimeout(function(){ + var to=[el.offset().top-mCSB_container.offset().top,el.offset().left-mCSB_container.offset().left], + contentPos=[mCSB_container[0].offsetTop,mCSB_container[0].offsetLeft], + isVisible=[ + (contentPos[0]+to[0]>=0 && contentPos[0]+to[0] =0 && contentPos[0]+to[1] a"); + btn.bind("mousedown."+namespace+" touchstart."+namespace+" pointerdown."+namespace+" MSPointerDown."+namespace+" mouseup."+namespace+" touchend."+namespace+" pointerup."+namespace+" MSPointerUp."+namespace+" mouseout."+namespace+" pointerout."+namespace+" MSPointerOut."+namespace+" click."+namespace,function(e){ + e.preventDefault(); + if(!functions._mouseBtnLeft(e)){return;} /* left mouse button only */ + var btnClass=$(this).attr("class"); + seq.type=o.scrollButtons.scrollType; + switch(e.type){ + case "mousedown": case "touchstart": case "pointerdown": case "MSPointerDown": + if(seq.type==="stepped"){return;} + touchActive=true; + d.tweenRunning=false; + _seq("on",btnClass); + break; + case "mouseup": case "touchend": case "pointerup": case "MSPointerUp": + case "mouseout": case "pointerout": case "MSPointerOut": + if(seq.type==="stepped"){return;} + touchActive=false; + if(seq.dir){_seq("off",btnClass);} + break; + case "click": + if(seq.type!=="stepped" || d.tweenRunning){return;} + _seq("on",btnClass); + break; + } + function _seq(a,c){ + seq.scrollAmount=o.snapAmount || o.scrollButtons.scrollAmount; + functions._sequentialScroll.call(this,$this,a,c); + } + }); + }, + /* -------------------- */ + + + /* + KEYBOARD EVENTS + scrolls content via keyboard + Keys: up arrow, down arrow, left arrow, right arrow, PgUp, PgDn, Home, End + */ + _keyboard:function(){ + var $this=$(this),d=$this.data(pluginPfx),o=d.opt,seq=d.sequential, + namespace=pluginPfx+"_"+d.idx, + mCustomScrollBox=$("#mCSB_"+d.idx), + mCSB_container=$("#mCSB_"+d.idx+"_container"), + wrapper=mCSB_container.parent(), + editables="input,textarea,select,datalist,keygen,[contenteditable='true']"; + mCustomScrollBox.attr("tabindex","0").bind("blur."+namespace+" keydown."+namespace+" keyup."+namespace,function(e){ + switch(e.type){ + case "blur": + if(d.tweenRunning && seq.dir){_seq("off",null);} + break; + case "keydown": case "keyup": + var code=e.keyCode ? e.keyCode : e.which,action="on"; + if((o.axis!=="x" && (code===38 || code===40)) || (o.axis!=="y" && (code===37 || code===39))){ + /* up (38), down (40), left (37), right (39) arrows */ + if(((code===38 || code===40) && !d.overflowed[0]) || ((code===37 || code===39) && !d.overflowed[1])){return;} + if(e.type==="keyup"){action="off";} + if(!$(document.activeElement).is(editables)){ + e.preventDefault(); + e.stopImmediatePropagation(); + _seq(action,code); + } + }else if(code===33 || code===34){ + /* PgUp (33), PgDn (34) */ + if(d.overflowed[0] || d.overflowed[1]){ + e.preventDefault(); + e.stopImmediatePropagation(); + } + if(e.type==="keyup"){ + functions._stop($this); + var keyboardDir=code===34 ? -1 : 1; + if(o.axis==="x" || (o.axis==="yx" && d.overflowed[1] && !d.overflowed[0])){ + var dir="x",to=Math.abs(mCSB_container[0].offsetLeft)-(keyboardDir*(wrapper.width()*0.9)); + }else{ + var dir="y",to=Math.abs(mCSB_container[0].offsetTop)-(keyboardDir*(wrapper.height()*0.9)); + } + functions._scrollTo($this,to.toString(),{dir:dir,scrollEasing:"mcsEaseInOut"}); + } + }else if(code===35 || code===36){ + /* End (35), Home (36) */ + if(!$(document.activeElement).is(editables)){ + if(d.overflowed[0] || d.overflowed[1]){ + e.preventDefault(); + e.stopImmediatePropagation(); + } + if(e.type==="keyup"){ + if(o.axis==="x" || (o.axis==="yx" && d.overflowed[1] && !d.overflowed[0])){ + var dir="x",to=code===35 ? Math.abs(wrapper.width()-mCSB_container.outerWidth(false)) : 0; + }else{ + var dir="y",to=code===35 ? Math.abs(wrapper.height()-mCSB_container.outerHeight(false)) : 0; + } + functions._scrollTo($this,to.toString(),{dir:dir,scrollEasing:"mcsEaseInOut"}); + } + } + } + break; + } + function _seq(a,c){ + seq.type=o.keyboard.scrollType; + seq.scrollAmount=o.snapAmount || o.keyboard.scrollAmount; + if(seq.type==="stepped" && d.tweenRunning){return;} + functions._sequentialScroll.call(this,$this,a,c); + } + }); + }, + /* -------------------- */ + + + /* scrolls content sequentially (used when scrolling via buttons, keyboard arrows etc.) */ + _sequentialScroll:function(el,action,trigger){ + var d=el.data(pluginPfx),o=d.opt,seq=d.sequential, + mCSB_container=$("#mCSB_"+d.idx+"_container"), + once=seq.type==="stepped" ? true : false; + switch(action){ + case "on": + seq.dir=[ + (trigger==="mCSB_buttonRight" || trigger==="mCSB_buttonLeft" || trigger===39 || trigger===37 ? "x" : "y"), + (trigger==="mCSB_buttonUp" || trigger==="mCSB_buttonLeft" || trigger===38 || trigger===37 ? -1 : 1) + ]; + functions._stop(el); + if(functions._isNumeric(trigger) && seq.type==="stepped"){return;} + _start(once); + break; + case "off": + _stop(); + if(once || (d.tweenRunning && seq.dir)){ + _start(true); + } + break; + } + /* starts sequence */ + function _start(once){ + var c=seq.type!=="stepped", /* continuous scrolling */ + t=!once ? 1000/60 : c ? o.scrollInertia/1.5 : o.scrollInertia, /* timer */ + m=!once ? 2.5 : c ? 7.5 : 40, /* multiplier */ + contentPos=[Math.abs(mCSB_container[0].offsetTop),Math.abs(mCSB_container[0].offsetLeft)], + ratio=[d.scrollRatio.y>10 ? 10 : d.scrollRatio.y,d.scrollRatio.x>10 ? 10 : d.scrollRatio.x], + amount=seq.dir[0]==="x" ? contentPos[1]+(seq.dir[1]*(ratio[1]*m)) : contentPos[0]+(seq.dir[1]*(ratio[0]*m)), + px=seq.dir[0]==="x" ? contentPos[1]+(seq.dir[1]*parseInt(seq.scrollAmount)) : contentPos[0]+(seq.dir[1]*parseInt(seq.scrollAmount)), + to=seq.scrollAmount!=="auto" ? px : amount, + easing=!once ? "mcsLinear" : c ? "mcsLinearOut" : "mcsEaseInOut", + onComplete=!once ? false : true; + if(once && t<17){ + to=seq.dir[0]==="x" ? contentPos[1] : contentPos[0]; + } + functions._scrollTo(el,to.toString(),{dir:seq.dir[0],scrollEasing:easing,dur:t,onComplete:onComplete}); + if(once){ + seq.dir=false; + return; + } + clearTimeout(seq.step); + seq.step=setTimeout(function(){ + _start(); + },t); + } + /* stops sequence */ + function _stop(){ + clearTimeout(seq.step); + functions._stop(el); + } + }, + /* -------------------- */ + + + /* returns a yx array from value */ + _arr:function(val){ + var o=$(this).data(pluginPfx).opt,vals=[]; + if(typeof val==="function"){val=val();} /* check if the value is a single anonymous function */ + /* check if value is object or array, its length and create an array with yx values */ + if(!(val instanceof Array)){ /* object value (e.g. {y:"100",x:"100"}, 100 etc.) */ + vals[0]=val.y ? val.y : val.x || o.axis==="x" ? null : val; + vals[1]=val.x ? val.x : val.y || o.axis==="y" ? null : val; + }else{ /* array value (e.g. [100,100]) */ + vals=val.length>1 ? [val[0],val[1]] : o.axis==="x" ? [null,val[0]] : [val[0],null]; + } + /* check if array values are anonymous functions */ + if(typeof vals[0]==="function"){vals[0]=vals[0]();} + if(typeof vals[1]==="function"){vals[1]=vals[1]();} + return vals; + }, + /* -------------------- */ + + + /* translates values (e.g. "top", 100, "100px", "#id") to actual scroll-to positions */ + _to:function(val,dir){ + if(val==null || typeof val=="undefined"){return;} + var $this=$(this),d=$this.data(pluginPfx),o=d.opt, + mCSB_container=$("#mCSB_"+d.idx+"_container"), + wrapper=mCSB_container.parent(), + t=typeof val; + if(!dir){dir=o.axis==="x" ? "x" : "y";} + var contentLength=dir==="x" ? mCSB_container.outerWidth(false) : mCSB_container.outerHeight(false), + contentOffset=dir==="x" ? mCSB_container.offset().left : mCSB_container.offset().top, + contentPos=dir==="x" ? mCSB_container[0].offsetLeft : mCSB_container[0].offsetTop, + cssProp=dir==="x" ? "left" : "top"; + switch(t){ + case "function": /* this currently is not used. Consider removing it */ + return val(); + break; + case "object": + if(val.nodeType){ /* DOM */ + var objOffset=dir==="x" ? $(val).offset().left : $(val).offset().top; + }else if(val.jquery){ /* jquery object */ + if(!val.length){return;} + var objOffset=dir==="x" ? val.offset().left : val.offset().top; + } + return objOffset-contentOffset; + break; + case "string": case "number": + if(functions._isNumeric.call(null,val)){ /* numeric value */ + return Math.abs(val); + }else if(val.indexOf("%")!==-1){ /* percentage value */ + return Math.abs(contentLength*parseInt(val)/100); + }else if(val.indexOf("-=")!==-1){ /* decrease value */ + return Math.abs(contentPos-parseInt(val.split("-=")[1])); + }else if(val.indexOf("+=")!==-1){ /* inrease value */ + var p=(contentPos+parseInt(val.split("+=")[1])); + return p>=0 ? 0 : Math.abs(p); + }else if(val.indexOf("px")!==-1 && functions._isNumeric.call(null,val.split("px")[0])){ /* pixels string value (e.g. "100px") */ + return Math.abs(val.split("px")[0]); + }else{ + if(val==="top" || val==="left"){ /* special strings */ + return 0; + }else if(val==="bottom"){ + return Math.abs(wrapper.height()-mCSB_container.outerHeight(false)); + }else if(val==="right"){ + return Math.abs(wrapper.width()-mCSB_container.outerWidth(false)); + }else if(val==="first" || val==="last"){ + var obj=mCSB_container.find(":"+val), + objOffset=dir==="x" ? $(obj).offset().left : $(obj).offset().top; + return objOffset-contentOffset; + }else{ + if($(val).length){ /* jquery selector */ + var objOffset=dir==="x" ? $(val).offset().left : $(val).offset().top; + return objOffset-contentOffset; + }else{ /* other values (e.g. "100em") */ + mCSB_container.css(cssProp,val); + methods.update.call(null,$this[0]); + return; + } + } + } + break; + } + }, + /* -------------------- */ + + + /* calls the update method automatically */ + _autoUpdate:function(rem){ + var $this=$(this),d=$this.data(pluginPfx),o=d.opt, + mCSB_container=$("#mCSB_"+d.idx+"_container"); + if(rem){ + /* + removes autoUpdate timer + usage: functions._autoUpdate.call(this,"remove"); + */ + clearTimeout(mCSB_container[0].autoUpdate); + functions._delete.call(null,mCSB_container[0].autoUpdate); + return; + } + var wrapper=mCSB_container.parent(), + scrollbar=[$("#mCSB_"+d.idx+"_scrollbar_vertical"),$("#mCSB_"+d.idx+"_scrollbar_horizontal")], + scrollbarSize=function(){return [ + scrollbar[0].is(":visible") ? scrollbar[0].outerHeight(true) : 0, /* returns y-scrollbar height */ + scrollbar[1].is(":visible") ? scrollbar[1].outerWidth(true) : 0 /* returns x-scrollbar width */ + ]}, + oldSelSize=sizesSum(),newSelSize, + os=[mCSB_container.outerHeight(false),mCSB_container.outerWidth(false),wrapper.height(),wrapper.width(),scrollbarSize()[0],scrollbarSize()[1]],ns, + oldImgsLen=imgSum(),newImgsLen; + upd(); + function upd(){ + clearTimeout(mCSB_container[0].autoUpdate); + mCSB_container[0].autoUpdate=setTimeout(function(){ + /* update on specific selector(s) length and size change */ + if(o.advanced.updateOnSelectorChange){ + newSelSize=sizesSum(); + if(newSelSize!==oldSelSize){ + doUpd(); + oldSelSize=newSelSize; + return; + } + } + /* update on main element and scrollbar size changes */ + if(o.advanced.updateOnContentResize){ + ns=[mCSB_container.outerHeight(false),mCSB_container.outerWidth(false),wrapper.height(),wrapper.width(),scrollbarSize()[0],scrollbarSize()[1]]; + if(ns[0]!==os[0] || ns[1]!==os[1] || ns[2]!==os[2] || ns[3]!==os[3] || ns[4]!==os[4] || ns[5]!==os[5]){ + doUpd(); + os=ns; + } + } + /* update on image load */ + if(o.advanced.updateOnImageLoad){ + newImgsLen=imgSum(); + if(newImgsLen!==oldImgsLen){ + mCSB_container.find("img").each(function(){ + imgLoader(this.src); + }); + oldImgsLen=newImgsLen; + } + } + if(o.advanced.updateOnSelectorChange || o.advanced.updateOnContentResize || o.advanced.updateOnImageLoad){upd();} + },60); + } + /* returns images amount */ + function imgSum(){ + var total=0 + if(o.advanced.updateOnImageLoad){total=mCSB_container.find("img").length;} + return total; + } + /* a tiny image loader */ + function imgLoader(src){ + var img=new Image(); + function createDelegate(contextObject,delegateMethod){ + return function(){return delegateMethod.apply(contextObject,arguments);} + } + function imgOnLoad(){ + this.onload=null; + doUpd(); + } + img.onload=createDelegate(img,imgOnLoad); + img.src=src; + } + /* returns the total height and width sum of all elements matching the selector */ + function sizesSum(){ + if(o.advanced.updateOnSelectorChange===true){o.advanced.updateOnSelectorChange="*";} + var total=0,sel=mCSB_container.find(o.advanced.updateOnSelectorChange); + if(o.advanced.updateOnSelectorChange && sel.length>0){sel.each(function(){total+=$(this).height()+$(this).width();});} + return total; + } + /* calls the update method */ + function doUpd(){ + clearTimeout(mCSB_container[0].autoUpdate); + methods.update.call(null,$this[0]); + } + }, + /* -------------------- */ + + + /* snaps scrolling to a multiple of a pixels number */ + _snapAmount:function(to,amount,offset){ + return (Math.round(to/amount)*amount-offset); + }, + /* -------------------- */ + + + /* stops content and scrollbar animations */ + _stop:function(el){ + var d=el.data(pluginPfx), + sel=$("#mCSB_"+d.idx+"_container,#mCSB_"+d.idx+"_container_wrapper,#mCSB_"+d.idx+"_dragger_vertical,#mCSB_"+d.idx+"_dragger_horizontal"); + sel.each(function(){ + functions._stopTween.call(this); + }); + }, + /* -------------------- */ + + + /* + ANIMATES CONTENT + This is where the actual scrolling happens + */ + _scrollTo:function(el,to,options){ + var d=el.data(pluginPfx),o=d.opt, + defaults={ + trigger:"internal", + dir:"y", + scrollEasing:"mcsEaseOut", + drag:false, + dur:o.scrollInertia, + overwrite:"all", + callbacks:true, + onStart:true, + onUpdate:true, + onComplete:true + }, + options=$.extend(defaults,options), + dur=[options.dur,(options.drag ? 0 : options.dur)], + mCustomScrollBox=$("#mCSB_"+d.idx), + mCSB_container=$("#mCSB_"+d.idx+"_container"), + totalScrollOffsets=o.callbacks.onTotalScrollOffset ? functions._arr.call(el,o.callbacks.onTotalScrollOffset) : [0,0], + totalScrollBackOffsets=o.callbacks.onTotalScrollBackOffset ? functions._arr.call(el,o.callbacks.onTotalScrollBackOffset) : [0,0]; + d.trigger=options.trigger; + if(to==="_resetY" && !d.contentReset.y){ + /* callbacks: onOverflowYNone */ + if(_cb("onOverflowYNone")){o.callbacks.onOverflowYNone.call(el[0]);} + d.contentReset.y=1; + } + if(to==="_resetX" && !d.contentReset.x){ + /* callbacks: onOverflowXNone */ + if(_cb("onOverflowXNone")){o.callbacks.onOverflowXNone.call(el[0]);} + d.contentReset.x=1; + } + if(to==="_resetY" || to==="_resetX"){return;} + if((d.contentReset.y || !el[0].mcs) && d.overflowed[0]){ + /* callbacks: onOverflowY */ + if(_cb("onOverflowY")){o.callbacks.onOverflowY.call(el[0]);} + d.contentReset.x=null; + } + if((d.contentReset.x || !el[0].mcs) && d.overflowed[1]){ + /* callbacks: onOverflowX */ + if(_cb("onOverflowX")){o.callbacks.onOverflowX.call(el[0]);} + d.contentReset.x=null; + } + if(o.snapAmount){to=functions._snapAmount(to,o.snapAmount,o.snapOffset);} /* scrolling snapping */ + switch(options.dir){ + case "x": + var mCSB_dragger=$("#mCSB_"+d.idx+"_dragger_horizontal"), + property="left", + contentPos=mCSB_container[0].offsetLeft, + limit=[ + mCustomScrollBox.width()-mCSB_container.outerWidth(false), + mCSB_dragger.parent().width()-mCSB_dragger.width() + ], + scrollTo=[to,to===0 ? 0 : (to/d.scrollRatio.x)], + tso=totalScrollOffsets[1], + tsbo=totalScrollBackOffsets[1], + totalScrollOffset=tso>0 ? tso/d.scrollRatio.x : 0, + totalScrollBackOffset=tsbo>0 ? tsbo/d.scrollRatio.x : 0; + break; + case "y": + var mCSB_dragger=$("#mCSB_"+d.idx+"_dragger_vertical"), + property="top", + contentPos=mCSB_container[0].offsetTop, + limit=[ + mCustomScrollBox.height()-mCSB_container.outerHeight(false), + mCSB_dragger.parent().height()-mCSB_dragger.height() + ], + scrollTo=[to,to===0 ? 0 : (to/d.scrollRatio.y)], + tso=totalScrollOffsets[0], + tsbo=totalScrollBackOffsets[0], + totalScrollOffset=tso>0 ? tso/d.scrollRatio.y : 0, + totalScrollBackOffset=tsbo>0 ? tsbo/d.scrollRatio.y : 0; + break; + } + if(scrollTo[1]<0 || (scrollTo[0]===0 && scrollTo[1]===0)){ + scrollTo=[0,0]; + }else if(scrollTo[1]>=limit[1]){ + scrollTo=[limit[0],limit[1]]; + }else{ + scrollTo[0]=-scrollTo[0]; + } + if(!el[0].mcs){_mcs();} /* init mcs object (once) to make it available before callbacks */ + clearTimeout(mCSB_container[0].onCompleteTimeout); + if(!d.tweenRunning && ((contentPos===0 && scrollTo[0]>=0) || (contentPos===limit[0] && scrollTo[0]<=limit[0]))){return;} + functions._tweenTo.call(null,mCSB_dragger[0],property,Math.round(scrollTo[1]),dur[1],options.scrollEasing); + functions._tweenTo.call(null,mCSB_container[0],property,Math.round(scrollTo[0]),dur[0],options.scrollEasing,options.overwrite,{ + onStart:function(){ + if(options.callbacks && options.onStart && !d.tweenRunning){ + /* callbacks: onScrollStart */ + if(_cb("onScrollStart")){_mcs(); o.callbacks.onScrollStart.call(el[0]);} + d.tweenRunning=true; + functions._onDragClasses(mCSB_dragger); + d.cbOffsets=_cbOffsets(); + } + },onUpdate:function(){ + if(options.callbacks && options.onUpdate){ + /* callbacks: whileScrolling */ + if(_cb("whileScrolling")){_mcs(); o.callbacks.whileScrolling.call(el[0]);} + } + },onComplete:function(){ + if(options.callbacks && options.onComplete){ + if(o.axis==="yx"){clearTimeout(mCSB_container[0].onCompleteTimeout);} + var t=mCSB_container[0].idleTimer || 0; + mCSB_container[0].onCompleteTimeout=setTimeout(function(){ + /* callbacks: onScroll, onTotalScroll, onTotalScrollBack */ + if(_cb("onScroll")){_mcs(); o.callbacks.onScroll.call(el[0]);} + if(_cb("onTotalScroll") && scrollTo[1]>=limit[1]-totalScrollOffset && d.cbOffsets[0]){_mcs(); o.callbacks.onTotalScroll.call(el[0]);} + if(_cb("onTotalScrollBack") && scrollTo[1]<=totalScrollBackOffset && d.cbOffsets[1]){_mcs(); o.callbacks.onTotalScrollBack.call(el[0]);} + d.tweenRunning=false; + mCSB_container[0].idleTimer=0; + functions._onDragClasses(mCSB_dragger,"hide"); + },t); + } + } + }); + /* checks if callback function exists */ + function _cb(cb){ + return d && o.callbacks[cb] && typeof o.callbacks[cb]==="function"; + } + /* checks whether callback offsets always trigger */ + function _cbOffsets(){ + return [o.callbacks.alwaysTriggerOffsets || contentPos>=limit[0]+tso,o.callbacks.alwaysTriggerOffsets || contentPos<=-tsbo]; + } + /* + populates object with useful values for the user + values: + content: this.mcs.content + content top position: this.mcs.top + content left position: this.mcs.left + dragger top position: this.mcs.draggerTop + dragger left position: this.mcs.draggerLeft + scrolling y percentage: this.mcs.topPct + scrolling x percentage: this.mcs.leftPct + scrolling direction: this.mcs.direction + */ + function _mcs(){ + var cp=[mCSB_container[0].offsetTop,mCSB_container[0].offsetLeft], /* content position */ + dp=[mCSB_dragger[0].offsetTop,mCSB_dragger[0].offsetLeft], /* dragger position */ + cl=[mCSB_container.outerHeight(false),mCSB_container.outerWidth(false)], /* content length */ + pl=[mCustomScrollBox.height(),mCustomScrollBox.width()]; /* content parent length */ + el[0].mcs={ + content:mCSB_container, /* original content wrapper as jquery object */ + top:cp[0],left:cp[1],draggerTop:dp[0],draggerLeft:dp[1], + topPct:Math.round((100*Math.abs(cp[0]))/(Math.abs(cl[0])-pl[0])),leftPct:Math.round((100*Math.abs(cp[1]))/(Math.abs(cl[1])-pl[1])), + direction:options.dir + }; + /* + this refers to the original element containing the scrollbar(s) + usage: this.mcs.top, this.mcs.leftPct etc. + */ + } + }, + /* -------------------- */ + + + /* + CUSTOM JAVASCRIPT ANIMATION TWEEN + Lighter and faster than jquery animate() and css transitions + Animates top/left properties and includes easings + */ + _tweenTo:function(el,prop,to,duration,easing,overwrite,callbacks){ + var callbacks=callbacks || {}, + onStart=callbacks.onStart || function(){},onUpdate=callbacks.onUpdate || function(){},onComplete=callbacks.onComplete || function(){}, + startTime=functions._getTime(),_delay,progress=0,from=el.offsetTop,elStyle=el.style,_request; + if(prop==="left"){from=el.offsetLeft;} + var diff=to-from; + el._mcsstop=0; + if(overwrite!=="none"){_cancelTween();} + _startTween(); + function _step(){ + if(el._mcsstop){return;} + if(!progress){onStart.call();} + progress=functions._getTime()-startTime; + _tween(); + if(progress>=el._mcstime){ + el._mcstime=(progress>el._mcstime) ? progress+_delay-(progress- el._mcstime) : progress+_delay-1; + if(el._mcstime