/* Start:/_assets/styles/reset.css?15900746043658*/ /* */ /*======================================================= Reset ====================================================== */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; box-sizing: border-box; } table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ul { list-style: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } a:hover, a:active, button:hover, button:active { outline: none !important; } table { border-collapse: collapse !important; border-spacing: 0 !important; } h1, h2, h3, h4, h5, h6 { font-weight: 400; } img { max-width: 100%; } /*===================================================== end Reset ==================================================== */ /* */ /* */ /*===================================================== Main Style =================================================== */ html, body, a, h1, h2, h3, input, textarea { font: 14px Arial, Helvetica, sans-serif; } html { -webkit-text-size-adjust: none; } body > .wrapper { height: auto !important; } a { text-decoration: none; color: #000; } a:hover, a:focus { text-decoration: none; } input, select { vertical-align: middle; } textarea { resize: none; overflow-y: auto; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } input, textarea { margin: 0; padding: 0; border: 0; background: none; } input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: none; -webkit-box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; } input:hover, input:focus, input:active, textarea:hover, textarea:focus, textarea:active, select:hover, select:focus, select:active { outline: none; } input[type="submit"] { cursor: pointer; } button { border: none; padding: 0; margin: 0; cursor: pointer; } button:focus, button:active { outline: none; } input, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; opacity: 1; } input:-moz-placeholder { color: #999999; opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { color: #999999; opacity: 1; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: #999999 !important; opacity: 1; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: #999999 !important; opacity: 1; } /*=================================================== end Main Style ================================================= */ /* */ /* */ /*# sourceMappingURL=reset.css.map */ /* End */ /* Start:/_assets/js/scroll/scrollbar.css?159007460454850*/ /* == 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: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .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; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .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(/_assets/js/scroll/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); } /* ---------------------------------------- */ /* End */ /* Start:/_assets/js/slick/slick.css?15900746041846*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/_assets/js/slick/slick-theme.css?15900746043349*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/_assets/js/slick/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/_assets/js/slick/./fonts/slick.eot'); src: url('/_assets/js/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/_assets/js/slick/./fonts/slick.woff') format('woff'), url('/_assets/js/slick/./fonts/slick.ttf') format('truetype'), url('/_assets/js/slick/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/_assets/js/jquery-ui/jquery-ui.min.css?159007460416936*/ /*! jQuery UI - v1.12.1 - 2016-10-15 * http://jqueryui.com * Includes: core.css, slider.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright 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{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-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;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/_assets/js/jquery-ui/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/_assets/js/jquery-ui/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/_assets/js/jquery-ui/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/_assets/js/jquery-ui/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/_assets/js/jquery-ui/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/_assets/js/jquery-ui/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/_assets/js/jquery-ui/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* End */ /* Start:/_assets/styles/styles.css?1631879397154245*/ /* */ /*===================================================== Constant ===================================================== */ .wrapper { width: 100%; min-width: 380px; height: auto; min-width: 290px; min-height: 100% !important; overflow: hidden; position: relative; } .wh { max-width: 1206px; margin: 0 auto; position: relative; } .wh:before, .wh:after { /* border-left: 1px solid #d9d9d9; box-shadow: 0 2px 3px rgb(0 0 0 / 10%); */ content: ""; position: absolute; height: 100%; top: 0; width: 1px; } .wh:before { left: -1px; } .wh:after { right: -2px; } .cl { clear: both; } .clv { clear: both; overflow: hidden; } .cla:after { content: " "; clear: both; display: table; } .bl, .sbl span { display: table-cell; vertical-align: middle; text-align: center; } .ileft { float: left; } .iright { float: right; } .inone { display: none !important; } .link { cursor:pointer; } /*=================================================== end Constant =================================================== */ /* */ /*=================================================== Settings Site ================================================== */ .field-blue { border: 1px solid #00bcd8; background-color: #fff; color: #000; display: block; font-size: 16px; padding: 0 10px; height: 44px; text-align: left; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .field-blue.error { border-color: #ff0000; } .bnt-blue { color: #fff; cursor: pointer; font-size: 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: #16afcb; background: linear-gradient(to top, #00adc3, #17cbe6 89%); border-bottom: 1px solid #009ab8; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); position: relative; overflow: hidden; } .bnt-blue:before { -webkit-box-shadow: inset 0 1px 1px #1adef1; -moz-box-shadow: inset 0 1px 1px #1adef1; box-shadow: inset 0 1px 1px #1adef1; content: ""; position: absolute; left: 3px; top: 0; height: 3px; width: 98%; } .bnt-blue:hover { background: linear-gradient(to top, #00a4b9, #48e3fa 89%); } .bnt-blue span { display: table-cell; vertical-align: middle; } .bnt-blue.bnt-small { padding: 0 15px; height: 40px; width: 100%; } .bnt-blue.bnt-big { padding: 0 15px; font-size: 20px; height: 60px; width: 100%; } .itext { font-size: 16px; line-height: 19px; } .itext p { padding-bottom: 15px; } .itext a { color: #0099cc; font-size: 16px; line-height: 19px; text-decoration: underline; } .itext a:hover { color: #00bcd8; text-decoration: none; } .itext h1 { font-size: 28px; line-height: 28px; margin-bottom: 23px; } .itext h2 { font-size: 24px; line-height: 26px; margin-bottom: 17px; } .detailed-op__description h2 { font-size: 20px; line-height: 22px; margin-bottom: 14px; } .itext h3 { font-size: 20px; line-height: 22px; margin-bottom: 14px; } .itext h4 { color: #00bcd8; font-size: 20px; line-height: 22px; margin-bottom: 14px; } .itext h5 { color: #23bc4e; font-size: 18px; line-height: 20px; margin-bottom: 14px; } .itext h6 { font-size: 18px; line-height: 20px; margin-bottom: 18px; } .itext ul li { padding: 0 0 14px 25px; position: relative; } .itext ul li:before { content: ""; position: absolute; background-color: #00bcd8; left: 15px; top: 7px; height: 4px; width: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .itext ul.ul-no-pointer li:before { display: none; } .itext ol { counter-reset: section; list-style-type: none; } .itext ol > li { padding: 0 0 15px 29px; position: relative; } .itext ol > li:before { counter-increment: section; content: counters(section,".") "."; color: #00bcd8; font-weight: bold; position: absolute; left: 9px; top: 1px; } .itext ol > li ol > li { padding-left: 43px; } .itext ul ol, .itext ol ul, .itext ul ul, .itext ol ol { margin-top: 14px; } .itext ul li, .itext ol li { font-size: 16px; line-height: 19px; } .itext ul ol li:last-child, .itext ol ul li:last-child, .itext ol ol li:last-child, .itext ul ul li:last-child { padding-bottom: 0; } /*================================================= end Settings Site ================================================ */ /* */ /* */ /*=================================================== Input Style ==================================================== */ .label-style { cursor: pointer; font-size: 16px; padding-left: 10px; } .label-style a { text-decoration:underline; } /* */ /*---------- Radio Style --------------------------------------------------------------------------------------------- */ .jq-radio { border: 2px solid #23b6d6; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; cursor: pointer; height: 20px; margin: 0 4px 0 0; top: -2px; vertical-align: middle; width: 20px; } .jq-radio.checked .jq-radio__div { background-color: #23b6d6; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; margin: 4px 0 0 4px; height: 8px; width: 8px; } .jq-radio.disabled { opacity: 0.55; } /* */ /*---------- Checkbox Style ------------------------------------------------------------------------------------------ */ .jq-checkbox { border: 1px solid #23b6d6; background-color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; cursor: pointer; height: 20px; margin: 0 8px 0 0; top: -2px; float: left; vertical-align: middle; width: 20px; } .jq-checkbox.checked { background-color: #4165a8; border-color: #4165a8; } .jq-checkbox.checked .jq-checkbox__div { position: relative; width: 19px; height: 19px; } .jq-checkbox.checked .jq-checkbox__div:before, .jq-checkbox.checked .jq-checkbox__div:after { background-color: #fff; content: ""; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; position: absolute; height: 3px; } .jq-checkbox.checked .jq-checkbox__div:before { left: 1px; top: 9px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 9px; } .jq-checkbox.checked .jq-checkbox__div:after { left: 6px; top: 7px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 11px; } .jq-checkbox.disabled { background-color: #ebebeb; border-color: #cccccc; } .jq-checkbox.disabled.checked .jq-checkbox__div:before, .jq-checkbox.disabled.checked .jq-checkbox__div:after { background-color: #cccccc; } /* */ /*---------- Text Input Style ---------------------------------------------------------------------------------------- */ .st-input-enter, .up-field-blue { border: 1px solid #23b6d6; background-color: #fff; color: #0077bc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-size: 16px; padding: 0 9px; height: 40px; margin: 0; width: 100%; } .st-input-enter:disabled, .up-field-blue:disabled { color: #000; border-color: #b4b4b4; } .st-input-enter.error, .up-field-blue.error { border-color: #ff0000; background-color: #fffbfb; } .up-field-blue.no-active { color: #666666; border-color: #cccccc; } .up-field-blue.active { color: #0077bc; background-color: #d1f0f9; border-color: #a0e1f4; } textarea.up-field-blue { padding-top: 9px; padding-bottom: 9px; min-height: 120px; } .line-text-arrow { color: #ff0000; clear: both; display: block; font-size: 11px; line-height: 14px; padding: 3px 0 3px; width: 100%; } /* */ /*---------- Two Select Style ---------------------------------------------------------------------------------------- */ .jq-selectbox { font: 16px/19px Arial, Helvetica, sans-serif; cursor: pointer; vertical-align: middle; width: 100%; } .jq-selectbox__select { background-color: #fff; border: 1px solid #23b6d6; color: #0077bc; height: 40px; padding: 1px 34px 0 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .jq-selectbox.opened .jq-selectbox__select { border: 2px solid #00bcd8; background-color: #4165a8; color: #fff; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; border-bottom: 0; padding: 0 33px 0 8px; } .jq-selectbox__trigger { position: absolute; top: 0; right: 0; height: 100%; width: 27px; } .jq-selectbox.dropdown .jq-selectbox__trigger { top: -1px; right: -1px; } .jq-selectbox__trigger-arrow { background: url(/_assets/styles/../img/icon-svg/arrow-select-filter.svg) left center no-repeat; position: relative; top: 0; right: 0; width: 100%; height: 100%; } .jq-selectbox.dropdown .jq-selectbox__trigger-arrow { background-image: url(/_assets/styles/../img/icon-svg/arrow-select-filter-hover.svg); } .jq-selectbox__select-text { display: table-cell; height: 36px; vertical-align: middle; } .jq-selectbox__dropdown { border: 2px solid #00bcd8; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; border-top: 0; padding-top: 2px; width: 100%; background: #fff; } .jq-selectbox li { font-size: 14px; padding: 8px 7px; } .jq-selectbox li.selected, .jq-selectbox li:hover { background-color: #00bcd8; color: #FFF; } .jq-selectbox li.disabled { color: #AAA; } doesnotexist:-o-prefocus, .jq-selectbox__trigger-arrow { background-image: url(/_assets/styles/../img/arrow-select-filter.png); } doesnotexist:-o-prefocus, .jq-selectbox.dropdown .jq-selectbox__trigger-arrow { background-image: url(/_assets/styles/../img/arrow-select-filter-hover.png); } /* */ /*---------- One Select Style ---------------------------------------------------------------------------------------- */ .my-select { position: relative; } .my-select__head { background-color: #fff; border: 1px solid #23b6d6; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #0077bc; cursor: pointer; display: block; padding: 0 34px 0 9px; font-size: 16px; line-height: 19px; position: relative; width: 100%; } .my-select__head-text { display: table-cell; height: 38px; vertical-align: middle; } .my-select__trigger { position: absolute; display: table; height: 38px; right: 0; top: 0; width: 38px; } .my-select__trigger span { background: url(/_assets/styles/../img/icon-svg/arrow-select-filter.svg) center center no-repeat; position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .my-select.dropdown .my-select__head { background-color: #4165a8; border: 2px solid #00bcd8; color: #fff; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; border-bottom: 0; } .my-select.dropdown .my-select__trigger span { background-image: url(/_assets/styles/../img/icon-svg/arrow-select-filter-hover.svg); } .my-select__select { display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #fff; z-index: 1; border: 2px solid #00bcd8; border-top: 0; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .my-select__wr-select { border: 1px solid #0096bc; border-top: 0; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; padding: 13px 10px; } .line-select-item { color: #0077bc; font-size: 16px; padding: 5px 0; } doesnotexist:-o-prefocus, .my-select__trigger span { background-image: url(/_assets/styles/../img/arrow-select-filter.png); } doesnotexist:-o-prefocus, .my-select.dropdown .my-select__trigger span { background-image: url(/_assets/styles/../img/arrow-select-filter-hover.png); } /* */ /*---------- After 1024-970(_970_) ----------------------------------------------------------------------------------- */ @media screen and (max-width: 1169px) { .bnt-blue:before { width: 99%; } .bnt-blue.bnt-small { font-size: 20px; height: 60px; } .bnt-blue.bnt-big { font-size: 24px; height: 80px; } .jq-radio { height: 28px; width: 28px; } .jq-radio.checked .jq-radio__div { margin: 5px 0 0 5px; height: 14px; width: 14px; } .jq-checkbox { height: 28px; width: 28px; } .jq-checkbox.checked .jq-checkbox__div { height: 26px; width: 26px; } .jq-checkbox.checked .jq-checkbox__div:before { left: 3px; top: 13px; width: 12px; } .jq-checkbox.checked .jq-checkbox__div:after { left: 9px; top: 12px; width: 14px; } .st-input-enter, .up-field-blue { height: 44px; } .up-field-blue { font-size: 18px; line-height: 18px; } .jq-selectbox { font-size: 18px; line-height: 22px; } .jq-selectbox li { font-size: 16px; padding: 13px 14px; } .jq-selectbox__select { height: 44px; } .jq-selectbox__select-text { height: 40px; } .my-select__head-text, .my-select__trigger { font-size: 18px; height: 42px; } .line-select-item { font-size: 18px; } .line-select-item label { font-size: 18px; } } /*---------- end After 1024 ------------------------------------------------------------------------------------------ */ /* */ /*================================================== end Input Style ================================================= */ /* */ /* */ /*==================================================== Media Style =================================================== */ /* */ /*---------- Before 1170 --------------------------------------------------------------------------------------------- */ @media screen and (min-width: 1170px) { body { background-color: #f6f9fc; } } @media screen and (min-width: 1200px) { .lcards__photo a { min-height:345px;} } /*---------- end Before 1170 ----------------------------------------------------------------------------------------- */ /* */ /*---------- After 1230 ---------------------------------------------------------------------------------------------- */ @media screen and (max-width: 1230px) { .wh { border: 0; } } /*---------- end After 1230 ------------------------------------------------------------------------------------------ */ /* */ /*---------- After 480 ----------------------------------------------------------------------------------------------- */ @media screen and (max-width: 480px) { .img-right, .img-left { max-width: 100% !important; width: 100%; } .lcards__tel-manager span.tel-nmc { font-size:15px;} .img-left-t, .img-right-t { max-width: 100%; width: 100%; } } /*---------- end After 480 ------------------------------------------------------------------------------------------- */ /* */ /*================================================== end Media Style ================================================= */ /* */ /* */ /*====================================================== Header ====================================================== */ .header { background-color: #4165a8; min-height: 70px; } .header__logo { float: left; font-size: 0; padding: 20px 0 0 32px; width: 30%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .header__logo-link { color: #fff; display: inline-block; font-size: 18px; line-height: 23px; font-weight: 700; padding: 3px 0 5px 0px; max-width: 230px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .uph .header__logo-link { background-image: url(/_assets/styles/../img/logo.png); padding-left:55px; background-repeat: no-repeat; } .header__logo-link img { float:left; margin:0px 9px 0px 0px; } .header__logo-link div { display: inline-block; max-width: 150px; } .header__logo-link span { text-transform: uppercase; font-size: 25px; } .header__logo-link i { color: #33d1e8; font-style: normal; } .header__wrapper-info { float: right; width: 70%; } .uph .header__wrapper-info { max-width: inherit; width:70%; } .header__personal-room { border-left: 1px solid #5d87d6; padding-left: 30px; position: relative; height: 70px; float: right; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; width: 306px; } .header__enter-proom { display: block; padding-top: 13px; } .header__enter-proom a { color: #fff; font-size: 18px; text-decoration: underline; } .header__enter-proom a:hover { color: #a7e7fd; } .header__currency { color: #a7e7fd; display: block; padding-top: 5px; font-size: 0; } .header__currency-title, .header__currency-name { display: inline-block; font-size: 14px; } .header__currency-name a { color: #a7e7fd; } .header__currency-name a:hover { color: #fff; text-decoration: underline; } .header__currency-title { padding-right: 5px; } .header__exit-link { position: absolute; right: 33px; top: 9px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .header__exit-link a { background: url(/_assets/styles/../img/icon-svg/exit-mini-arrow.svg) center center no-repeat; display: block; padding: 10px; height: 35px; width: 35px; } .header__exit-link a:hover { background-image: url(/_assets/styles/../img/icon-svg/exit-mini-arrow-hover.svg); } .header__wr-scs { width:65%; } .header.add-search .header__select-city { width: 30%; } .header__select-city { float: left; font-size: 0; position: relative; padding-top: 25px; padding-right: 10px; width: 100%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .header__select-city:before { content: ""; background: linear-gradient(to left, #4165a8 40%, rgba(65, 101, 168, 0.01)); position: absolute; height: 25px; right: 0; top: 22px; width: 60px; z-index: 2; } .header__select-city a { color: #fff; display: inline-block; position: relative; overflow: hidden; font-size: 16px; padding-right: 23px;} .header__select-city a:before { content: ""; background: url(/_assets/styles/../img/icon-svg/arrow-select-city.svg) center center no-repeat; position: absolute; height: 100%; right: 0; top: 0; width: 16px; z-index: 3; } .header__select-city a span { border-bottom: 1px dotted #a7e7fd; display: inline; font-style: normal; white-space: nowrap; } .header__select-city a:hover { color: #aaeaff; } .header__select-city a:hover span { border-bottom-color: #aaeaff; } .header__search { float: right; font-size: 0; padding: 15px 30px 0 0; width: 60.5%; text-align:center; } .header__search-item { background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; display: inline-block; position: relative; height: 40px; width: 100%; } .header__search-link { display: none; background: url(/_assets/styles/../img/icon-svg/icon-white-search.svg) center center no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; height: 54px; width: 54px; } .header__search-link:hover { background-image: url(/_assets/styles/../img/icon-svg/icon-white-search-hover.svg); } .header__btn-search { background: url(/_assets/styles/../img/icon-svg/search-desktop.svg) center center no-repeat; cursor: pointer; position: absolute; right: 0; overflow: hidden; height: 40px; top: 0; text-indent: -1000px; width: 40px; z-index: 1; } .header__search-item { background-color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; padding: 0 50px 0 8px; font-size: 16px; height: 40px; width: 100%; } .city_for_kladr_search_hide { width:1px; height:1px;overflow: hidden;} .header__wrber { float: left; padding: 14px 21px 0 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .header__wrbrg { padding-top: 24px; overflow: hidden; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .header__btn-enter-room { background-color: #5d87d6; color: #fff; display: table; font-size: 16px; height: 40px; width: 113px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; text-align: center; } .header__btn-enter-room span { display: table-cell; height: 100%; vertical-align: middle; width: 100%; } .header__btn-enter-room:hover { background-color: #1cd3ee; color: #fff; } .header__btn-registration { color: #fff; font-size: 16px; text-decoration: underline; } .header__btn-registration:hover { color: #aaeaff; } doesnotexist:-o-prefocus, .header__exit-link { background-image: url(/_assets/styles/../img/exit-mini-arrow.png); } doesnotexist:-o-prefocus, .header__exit-link:hover { background-image: url(/_assets/styles/../img/exit-mini-arrow.png); } doesnotexist:-o-prefocus, .header__logo-link { background-image: url(/_assets/styles/../img/logo.png); } doesnotexist:-o-prefocus, .header__select-city a:before { background-image: url(/_assets/styles/../img/arrow-select-city.png); } doesnotexist:-o-prefocus, .header__btn-search { background-image: url(/_assets/styles/../img/search-desktop.png); } doesnotexist:-o-prefocus, .header__search-link { background-image: url(/_assets/styles/../img/icon-white-search.png); } doesnotexist:-o-prefocus, .header__search-link:hover { background-image: url(/_assets/styles/../img/icon-white-search.png); } doesnotexist:-o-prefocus, .header__enter-proom a { background-image: url(/_assets/styles/../img/user.png); } /* */ /*---------- After 1169(_970_) --------------------------------------------------------------------------------------- */ @media screen and (max-width: 1169px) { .header__wrapper-info { overflow: hidden; width:59% } .header__logo { padding-left: 24px; width: 30%; } .header__logo-link { -webkit-background-size: 48px auto; background-size: 48px auto; line-height: 18px; padding: 1px 0 5px 0px; max-width: 200px; } .header__logo-link div { padding:7px 0px 0px 5px; max-width: 130px; } .header__logo-link img { margin: 0px 3px 0px 0px; max-width: 48px; } .header__personal-room.enter-user { padding-left: 16px; width: 323px; } .header__enter-proom { display: inherit; padding-top: 23px; float: left; width: 54.5%; } .header__currency { padding-top: 17px; overflow: hidden; } .header__currency-name { display: block; } .header__exit-link { right: 15px; top: 0; } .header__exit-link a { background-image: url(/_assets/styles/../img/icon-svg/exit-big-arrow.svg); padding: 0; height: 70px; width: 32px; } .header__exit-link a:hover { background-image: url(/_assets/styles/../img/icon-svg/exit-big-arrow-hover.svg); } .header.add-search .header__select-city { width: 190px; } .header__search { float: none; overflow: hidden; padding: 8px 0 0; width: auto; } .header__search-item { display: none; } .header__search-link { display: inline-block; } } doesnotexist:-o-prefocus, .header__exit-link a { background-image: url(/_assets/styles/../img/icon-white-search.png); } doesnotexist:-o-prefocus, .header__exit-link a:hover { background-image: url(/_assets/styles/../img/icon-white-search.png); } /*---------- end After 1169 ------------------------------------------------------------------------------------------ */ /* */ /*---------- After 750(_750_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 969px) { .header__logo { padding-left: 24px; } .header__personal-room { padding-left: 15px; width: 260px; } .header__personal-room.enter-user { width: 240px; } .header.add-search .header__select-city { width: 150px; } .header__enter-proom { width: 100%; } .header__currency { display: none; } .header__exit-link { right: 24px; } .header__wrber { padding-right: 15px; } } /*---------- end After 750 ------------------------------------------------------------------------------------------- */ /* */ /*---------- After 767(_480_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 767px) { .header__logo-link span {font-size: 20px;} .header__logo { padding-left: 5px; } .header__wrbrg { display: none; } .header__personal-room { padding-left: 0; width: 64px; } .header__personal-room.enter-user { padding-left: 0; width: 80px; } .header.add-search .header__select-city { width: 150px; } .header__search-link { background: #fff url(/_assets/styles/../img/icon-svg/icon-white-search-hover.svg) center center no-repeat; margin-right: 7px; float: right; } .header__search-link:hover { background-image: url(/_assets/styles/../img/icon-svg/icon-white-search-hover.svg); } .header__enter-proom { padding-top: 0; } .header__enter-proom a { background: url(/_assets/styles/../img/icon-svg/user.svg) center center no-repeat; display: block; overflow: hidden; height: 70px; text-indent: -1000px; width: 100%; } .header__enter-proom a:hover { background-image: url(/_assets/styles/../img/icon-svg/user-hover.svg); } .header__exit-link { display: none; } .header__wrber { padding: 0; } .header__btn-enter-room { background: url(/_assets/styles/../img/icon-svg/lock-user-panel.svg) center center no-repeat; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; text-indent: -1000px; height: 70px; width: 64px; } .header__btn-enter-room:hover { background-image: url(/_assets/styles/../img/icon-svg/lock-user-panel-hover.svg); background-color: inherit; } } doesnotexist:-o-prefocus, .header.add-search .header__select-city { background-image: url(/_assets/styles/../img/icon-white-search-hover.png); } doesnotexist:-o-prefocus, .header__btn-enter-room { background-image: url(/_assets/styles/../img/lock-user-panel.png); } doesnotexist:-o-prefocus, .header__btn-enter-room:hover { background-image: url(/_assets/styles/../img/lock-user-panel.png); } /* */ /*---------- end After 767 ------------------------------------------------------------------------------------------- */ /* */ /*---------- After 640 ----------------------------------------------------------------------------------------------- */ @media screen and (max-width: 640px) { .header__logo-link div { max-width: 100px; } .header__wrapper-info { max-width: 350px; } .header__wr-scs { width:73%; } .header.add-search .header__select-city { width: 130px; } .header.add-search .header__logo { width: 190px; } .header.add-search .header__logo-link { max-width: 157px; } .header.add-search .header__personal-room.enter-user { width: 64px; } } /*---------- end After 640 ------------------------------------------------------------------------------------------- */ /* */ /*---------- After 480(_320_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 480px) { .uph .header__wrapper-info { width:75%; } .header__wrapper-info { max-width:145px; } .header__select-city { display: none; } .header__btn-enter-room, .header__personal-room { width: 79px; } .header.add-search .header__personal-room.enter-user { width: 79px; } } /*---------- end After 480 ------------------------------------------------------------------------------------------- */ /* */ /*---------- After 355 ----------------------------------------------------------------------------------------------- */ @media screen and (max-width: 355px) { .header__search-link { margin-right: 13px; } .header__wrapper-info { max-width:135px; } .header.add-search .header__logo { width: 154px; padding-top:10px; padding-left:2px;} .header.add-search .header__logo-link { padding-top: 10px; padding-bottom: 3px; } .header.add-search .header__personal-room, .header.add-search .header__personal-room.enter-user, .header.add-search .header__btn-enter-room { width: 64px; } } /*---------- end After 355 ------------------------------------------------------------------------------------------- */ /* */ /*==================================================== end Header ==================================================== */ /* */ /* */ /*===================================================== Maim Page ==================================================== */ .mp-content { background: url(/_assets/styles/../img/bg-header-mp.jpg) center 0 no-repeat; } .two-header { border-bottom: 1px solid #fff; position: relative; height: 275px; } .two-header:before { background-color: #fff; content: ""; position: absolute; line-height: 1px; font-size: 1px; left: 0; top: 0; height: 1px; width: 100%; } .two-header__info-advert { float: right; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; width: 291px; } .two-header__item-iad { display: block; margin-top: 48px; max-width: 262px; } .two-header__item-iad li { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); line-height: 20px; padding: 5px 0 4px 12px; } .two-header__item-iad li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.2); } .two-header__bl-search { padding-right: 320px; position: absolute; left: 0; top: 0; width: 100%; } .two-header__info-search { color: #fff; display: block; font-size: 16px; line-height: 20px; padding: 35px 0 29px 45px; max-width: 790px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .two-header__wrapper-fsch { display: block; padding-left: 29px; max-width: 779px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .two-header__bg-fsch { background-color: rgba(255, 255, 255, 0.7); border: 1px solid #d7d7d7; font-size: 0; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; height: 104px; } .two-header__name-fsch { font-size: 16px; padding: 29px 0 0 20px; float: left; width: 82px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .two-header__name-fsch span { display: table-cell; height: 44px; vertical-align: middle; } .two-header__mwr { padding-left: 82px; position: absolute; left: 0; top: 0; width: 100%; } .two-header__wr-field { position: relative; } .two-header__field-fsch { margin-top: 29px; float: left; width: 63.6%; } .two-header__field-fsch._select .help-win { top: 44px; } .two-header__btn-fsch { overflow: hidden; padding: 26px 0 5px 15px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .two-header__btn-fsch .bnt-blue { font-size: 20px; height: 50px; width: 180px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .list-countries { background-color: rgba(255, 255, 255, 0.5); border-bottom: 1px solid #9a9794; padding: 9px 0 6px 24px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .list-countries__wrapper li { float: left; margin: 0 6px 3px; text-align: center; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .list-countries__wrapper li span { background-color: #4165a8; color: #fff; cursor: pointer; display: table-cell; font-size: 20px; line-height: 22px; height: 50px; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; vertical-align: middle; width: 140px; z-index: 1; } .list-countries__wrapper li span:hover { background-color: #00bcd8; } .list-countries__wrapper li.active span { background-color: #fff; color: #000; cursor: default; } .list-countries__wrapper li.active span:before { content: ""; background-color: #fff; position: absolute; left: 0; height: 75px; top: -10px; width: 100%; z-index: -1; } .mp-list-city { background-color: #fff; font-size: 0; position: relative; } .mp-list-city .tab-content { display: none; } .mp-list-city .tab-content.active { display: block; } .mp-list-city__alphabet { border-bottom: 1px solid #eaeaea; display: none; padding: 21px 11px 1px; margin-bottom: 11px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .mp-list-city__wrapper-alphabet { font-size: 0; max-width: 730px; } .mp-list-city__wrapper-alphabet a { color: #0099cc; display: inline-block; font-size: 24px; line-height: 26px; margin: 0 3px 15px; text-align: center; text-transform: uppercase; text-decoration: underline; } .mp-list-city__wrapper-alphabet a span { display: table-cell; height: 45px; vertical-align: middle; width: 45px; } .mp-list-city__wrapper-alphabet a:hover, .mp-list-city__wrapper-alphabet a.active { background-color: #00bcd8; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-decoration: none; } .mp-list-city__wrapper-alphabet a.active { cursor: default; } .mp-list-city__block { padding: 0 23px 0 19px; } .mp-list-city__bl-item { display: inline-block; padding: 20px 10px; vertical-align: top; width: 25%; } .mp-list-city__letter { font-size: 24px; padding-left: 14px; } .mp-list-city__ul { margin-top: 4px; } .mp-list-city__ul + ul { display: none; margin-top: 0; } .mp-list-city__link { color: #00bcd8; background-color: #fff; float: left; line-height: 18px; padding: 0 5px 0 15px; text-decoration: underline; } .mp-list-city__link.lbb { font-weight: bold; } .mp-list-city__item { display: block; overflow: hidden; padding: 7px 0 8px; position: relative; z-index: 1; } .mp-list-city__item:before { content: ""; border-top: 1px dotted #cccccc; position: absolute; bottom: 9px; left: 0; height: 1px; width: 100%; z-index: -1; } .mp-list-city__item span { color: #666666; background-color: #fff; font-size: 14px; padding: 1px 10px; float: right; } .mp-list-city__item:hover { background-color: #00bcd8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #fff; } .mp-list-city__item:hover:before { border-color: #ffffff; } .mp-list-city__item:hover span, .mp-list-city__item:hover a { background-color: inherit; color: #fff; } .mp-list-city__all-cities { padding-top: 2px; } .mp-list-city__link-all-cities { background-color: #e8f0f3; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #4e90a5; float: left; padding: 11px 14px 12px; } .mp-list-city__link-all-cities i { display: block; border-bottom: 1px dotted #4e90a5; font-style: normal; } .mp-list-city__link-all-cities:hover { background-color: #00bcd8; color: #fff; } .mp-list-city__link-all-cities:hover i { border-color: #00bcd8; } .board-information { min-height: 260px; float: left; width: 52.5%; } .board-information__title { font-size: 20px; line-height: 24px; padding: 21px 0 0 10px; } .board-information__title span { display: block; } .board-information__ul { margin-top: 13px; max-width: 350px; } .board-information__ul li { border-bottom: 1px solid #c1e5f1; display: block; overflow: hidden; padding: 6px 10px 6px 13px; } .board-information__name { float: left; width: 68%; } .board-information__price { float: right; text-align: right; width: 32%; } .mp-footer-info { background-color: #e8f0f3; color: #4e90a5; padding: 0 35px 29px 29px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .mp-footer-info__text { padding-top: 31px; line-height: 17px; overflow: hidden; } .mp-footer-info__wtext { display: block; overflow: hidden; min-height: 165px; } .mp-footer-info__social-icon { float: left; } /* */ /*---------- After 1169(_970_) --------------------------------------------------------------------------------------- */ @media screen and (max-width: 1169px) { .two-header:before { background-color: rgba(255, 255, 255, 0.5); } .two-header__info-advert { width: 277px; } .two-header__info-search { padding-left: 28px; } .two-header__wrapper-fsch { padding-left: 15px; } .two-header__name-fsch { padding-left: 14px; width: 72px; } .two-header__btn-fsch { padding: 21px 2px 5px 3px; } .two-header__btn-fsch .bnt-blue { height: 60px; } .list-countries { padding-left: 9px; } .mp-list-city__alphabet { display: block; } .mp-list-city__block { padding: 0 8px 0 4px; } .mp-list-city__bl-item { width: 33.3%; } .mp-footer-info { padding: 0 15px 29px; } } /*---------- end After 1169 ------------------------------------------------------------------------------------------ */ /* */ /*---------- After 969(_750_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 969px) { .mp-content { background-size: auto 370px; } .two-header { height: auto; } .two-header:before { background-color: rgba(255, 255, 255, 0.2); } .two-header__info-search { padding: 124px 24px 21px; max-width: none; } .two-header__info-advert { display: none; } .two-header__bl-search { padding-right: 0; } .two-header__wrapper-fsch { max-width: inherit; padding: 0 24px 29px; } .two-header__field-fsch { padding-right: 217px; max-width: inherit; width: 100%; } .two-header__name-fsch { padding-left: 22px; width: 82px; } .two-header__btn-fsch { position: absolute; right: 23px; top: 0; } .list-countries { padding: 10px 25px 7px 22px; } .list-countries__wrapper li { margin: 0 1px 3px 2px; } .list-countries__wrapper li span { font-size: 18px; width: 118px; } .list-countries__wrapper li.active span:before { display: none; } .mp-list-city__block { padding: 0 3px 0 1px; } .mp-list-city__bl-item { width: 50%; } .mp-footer-info { padding: 0 24px 29px; } .mp-footer-info__wtext { min-height: inherit; } .mp-footer-info__social-icon { clear: both; float: none; padding-top: 35px; } .board-information { min-height: inherit; width: 400px; } .board-information__title span { display: inline; } } /*---------- end After 969 ------------------------------------------------------------------------------------------- */ /* */ /*---------- After 767(_480_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 767px) { .two-header__info-search { padding: 124px 15px 21px; } .two-header__wrapper-fsch { padding-left: 15px; padding-right: 15px; } .two-header__name-fsch { padding-left: 14px; width: 72px; } .two-header__field-fsch { padding-right: 209px; } .two-header__btn-fsch { right: 14px; } .list-countries { padding: 10px 15px 7px 13px; font-size: 0; text-align: center; } .list-countries__wrapper li { display: inline-block; float: inherit; vertical-align: top; } .list-countries__wrapper li span { width: 128px; } .mp-list-city__alphabet { padding-left: 0; padding-right: 0; } .mp-list-city__block { padding: 0 3px 0 1px; } .mp-list-city__bl-item { padding: 20px 1px; width: 100%; } .mp-footer-info { padding: 0 15px 29px; } .mp-footer-info__social-icon { display: none; } .board-information { display: block; float: none; width: 100%; } .board-information__title { padding-left: 0; } .board-information__title span { display: block; } } /*---------- end After 767 ------------------------------------------------------------------------------------------- */ /* */ /*---------- After 640 ----------------------------------------------------------------------------------------------- */ @media screen and (max-width: 640px) { .mp-content { background-size: auto 555px; } .two-header__field-fsch { padding-right: 27px; padding-left: 4px; } .two-header__name-fsch { width: 68px; } .two-header__bg-fsch { height: auto; } .two-header__wrapper-fsch { padding-bottom: 11px; } .two-header__info-search { padding-bottom: 12px; } .two-header__name-fsch, .two-header__field-fsch { padding-top: 18px; } .two-header__btn-fsch { clear: both; display: block; position: relative; padding: 5px 0 19px 4px; right: inherit; top: inherit; } .two-header__btn-fsch .bnt-blue { height: 70px; width: 190px; } } /*---------- end After 640 ------------------------------------------------------------------------------------------- */ /* */ /*---------- After 480(_320_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 480px) { .two-header__name-fsch { padding: 14px 0 0 19px; float: none; width: 100%; } .two-header__name-fsch span { height: auto; } .two-header__field-fsch { padding: 0 0; } .two-header__mwr { padding: 11px 13px 0; overflow: inherit; } .two-header__btn-fsch { padding: 10px 0 11px; overflow: inherit; } .two-header__btn-fsch .bnt-blue { font-size: 24px; } .mp-list-city__alphabet { padding-top: 14px; padding-bottom: 1px; } .mp-list-city__wrapper-alphabet { text-align: center; } .board-information__title span { display: inline; } .board-information__name { width: 63%; } .board-information__price { width: 37%; } } /*---------- end After 480 ------------------------------------------------------------------------------------------- */ /* */ /*=================================================== end Maim Page ================================================== */ /* */ /* */ /*====================================================== Filter ====================================================== */ .mfilter { background-color: #a0e1f4; color: #4e90a5; min-height: 85px; } .mfilter .field-blue { color: #0077bc; } .mfilter__options { float: left; position: relative; padding-top: 13px; width: 85.7%; } .mfilter__cloud-field { float: left; } .mfilter .mf01 { width: 14%; } .mfilter .mf02 { width: 19.6%; } .mfilter .mf03 { width: 13.7%; } .mfilter .mf04 { width: 13.6%; } .mfilter .mf05 { width: 18.9%; } .mfilter .mf06 { width: 20.1%; } .mfilter__name { padding-left: 7px; } .mfilter__select { padding: 5px 15px 0 0; } .mfilter__wr-select { position: relative; } .mfilter__select-text { background-color: #fff; border: 1px solid #00bcd8; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #999999; cursor: pointer; display: block; padding: 0 34px 0 9px; font-size: 16px; line-height: 19px; overflow: hidden; position: relative; width: 100%; } .mfilter__select-text:before { background: url(/_assets/styles/../img/icon-svg/arrow-select-filter.svg) center center no-repeat; content: ""; position: absolute; margin-top: -4px; right: 11px; height: 9px; top: 50%; width: 16px; z-index: 3; } .mfilter__select-text:after { content: ""; background: linear-gradient(to left, #fff 63%, rgba(255, 255, 255, 0.01)); -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; position: absolute; height: 100%; right: 0; top: 0; width: 47px; z-index: 2; } .mfilter__select-text span { display: table-cell; height: 34px; vertical-align: middle; white-space: nowrap; } .mfilter .dropdown .mfilter__select-text { background-color: #4165a8; border-color: #4165a8; color: #fff; } .mfilter .dropdown .mfilter__select-text:before { background-image: url(/_assets/styles/../img/icon-svg/arrow-select-filter-hover.svg); } .mfilter .dropdown .mfilter__select-text:after { background: linear-gradient(to left, #4165a8 63%, rgba(65, 101, 168, 0.01)); } .mfilter__select-item { border: 2px solid #00bcd8; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); background-color: #fff; display: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; position: absolute; padding: 7px 5px 13px 16px; left: 50%; top: 44px; } .mfilter__select-item:before { background-color: #fff; border-top: 2px solid #00bcd8; border-left: 2px solid #00bcd8; content: ""; position: absolute; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 50%; margin-left: -7px; top: -5px; height: 14px; width: 14px; z-index: 20; } .mfilter__select-item:after { background-color: #fff; content: ""; position: absolute; margin-left: -15px; left: 50%; top: 0; height: 10px; width: 30px; z-index: 22; } .mfilter__select-check { padding-top: 10px; } .mfilter__select-check label { cursor: pointer; color: #0077bc; font-size: 16px; padding-left: 0px; } .mfilter__select-check.allcheck { padding-top: 23px; } .mfilter .mf01 .mfilter__select-item { margin-left: -75px; width: 150px; z-index: 5; } .mfilter .mf02 .mfilter__select-item { margin-left: -125px; width: 250px; max-height: 350px; overflow:auto; z-index: 170; } .mfilter .mf03 .mfilter__select-item { margin-left: -194px; width: 389px; z-index: 9; } .mfilter .mf04 .mfilter__select-item { margin-left: -193px; width: 387px; z-index: 11; } .mfilter .mf05 .mfilter__select-item { margin-left: -250px; width: 500px; z-index: 170; } .mfilter__right-si, .mfilter__left-si { float: left; width: 50%; } .mfilter__right-si { padding-left: 16px; } .mfilter__search-line, .mfilter__currency, .mfilter__wr-currency { display: none; } .mfilter__select-city { display: none; padding-top: 23px; } .mfilter__instructions-city { float: left; font-size: 16px; padding-left: 10px; width: 145px; } .mfilter__name-city { overflow: hidden; padding-right: 20px; position: relative; } .mfilter__name-city a { float: left; color: #0077bc; font-size: 16px; } .mfilter__name-city a:before { content: ""; background: linear-gradient(to left, #a0e1f4 40%, rgba(160, 225, 244, 0.01)); position: absolute; height: 100%; right: 0; top: 0; width: 47px; z-index: 2; } .mfilter__name-city a:hover i { border-bottom-color: #a0e1f4; } .mfilter__name-city i { border-bottom: 1px dotted #579db5; display: block; font-style: normal; position: relative; white-space: nowrap; } .mfilter__name-city i:before { background: url(/_assets/styles/../img/icon-svg/blue-arrow-select-city.svg) 0 0 no-repeat; content: ""; position: absolute; right: -20px; height: 9px; top: 5px; width: 16px; z-index: 5; } .mfilter__search-line { font-size: 16px; line-height: 19px; padding: 29px 13px 0 22px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .mfilter__wr-search-line { position: relative; } .mfilter__name-search { position: absolute; left: 0; top: 10px; } .mfilter__entry-search { padding-left: 20%; width: 100%; } .mfilter__currency { clear: both; font-size: 0; position: relative; min-height: 19px; width: 100%; } .mfilter__currency span { color: #4e90a5; display: inline-block; font-size: 16px; } .mfilter__currency a { color: #0077bc; border-bottom: 1px dotted #0077bc; display: inline-block; font-size: 16px; line-height: 16px; margin-left: 5px; } .mfilter__currency a:hover { border-bottom-color: #a0e1f4; } .mfilter__price { font-size: 16px; padding: 9px 9px 0 0; } .mfilter__price-from, .mfilter__price-before { position: absolute; left: 10px; top: 10px; } .mfilter__left-ppo, .mfilter__right-ppo { position: relative; float: left; width: 50%; } .mfilter__price-entry { float: left; width: 100%; } .mfilter__left-ppo .mfilter__price-entry { padding: 0 0px 0 22px; } .mfilter__right-ppo { padding-left: 45px; } .mfilter__right-ppo .mfilter__price-before { left: 17px; } .mfilter__price-part-one { float: left; width: 100%; } .mfilter__price-part-two { float: left; width: 100%; } .mfilter__price-slider { position: relative; padding-bottom: 20px; margin: 29px 0 22px; } .mfilter__price-line { position: relative; height: 4px; } .mfilter__price-line .ui-slider-range { display: block; position: absolute; top: -1px; height: 4px; border: 1px solid #0096BC; background-color: #00BCD8; } .mfilter__price-line .ui-slider-handle { display: block; position: absolute; width: 22px; height: 22px; background: url("/_assets/styles/../img/slide-circle.png") 0 0 no-repeat; border: none; border-radius: 100%; top: -10px; cursor: pointer; margin-left: -12px; } .mfilter__price-line.ui-widget.ui-widget-content { border-color: #B7B7B7; background-color: #EBEBEB; border-radius: 0; } .mfilter__amount-min, .mfilter__amount-max { position: absolute; top: 19px; font: 16px/16px Arial, Helvetica, sans-serif; color: #4e90a5; } .mfilter__btn-sort { padding: 20px 0 5px; overflow: hidden; position: relative; } .mfilter__btn-sort .bnt-blue { height: 50px; font-size: 20px; width: 100%; } .mfilter__footer { background-color: #78cce5; margin-top: 16px; cursor: pointer; display: none; height: 30px; width: 100%; } .mfilter__wr-footer { position: relative; } .mfilter__btn-close { border: 1px solid #5fb8cc; background: #9fe0f4 url(/_assets/styles/../img/icon-svg/arrow-close-mfilter.svg) center center no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; display: block; position: absolute; height: 36px; top: -18px; width: 36px; } .mfilter__btn-close:hover { background-image: url(/_assets/styles/../img/icon-svg/arrow-close-mfilter-hover.svg); } .mfilter__btn-close.left-position { left: 0; } .mfilter__btn-close.right-position { right: 0; } .mfilter__select-radio { overflow: hidden; padding: 4px 6px 2px 0; } .mfilter__select-radio input { position: absolute; left: -99999px; } .mfilter__select-radio-item { background: linear-gradient(to bottom, #d0e4ee, #a6c5d9); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #0077bc; cursor: pointer; float: left; font-size: 16px; position: relative; padding: 1px; min-width: 35px; margin: 4px 4px 0 0; text-align: center; white-space: nowrap; } .mfilter__select-radio-item:hover { color: #fff; background: #00bcd8; } .mfilter__select-radio-item:hover span { background: #00bcd8; } .mfilter__select-radio-item span { background: linear-gradient(to top, #d0e4ee, #ffffff); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; display: table-cell; padding: 0 11px; height: 38px; vertical-align: middle; width: 38px; } .mfilter__select-radio-item.stwo span { width: 85px; } .mfilter__map { padding: 16px 15px 0 0; float: left; text-align: center; width: 11%; } .mfilter__map a { background: url(/_assets/styles/../img/trash/mini-map-mfilter.png) 0 0 no-repeat; border: 1px solid rgba(0, 188, 216, 0.5); color: #0074b8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 0 10px; float: left; font-size: 16px; font-weight: bold; } .mfilter__map a:hover { color: #00bcd8; } .mfilter__map span { display: table-cell; vertical-align: middle; height: 52px; } .mfilter__left-ppo .mfilter__price-entry { padding-left:30px; } .radio:checked + .mfilter__select-radio-item { background: #4165a8; color: #fff; } .radio:checked + .mfilter__select-radio-item span { background: #4165a8; box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.2); } doesnotexist:-o-prefocus, .mfilter__select-text:before { background-image: url(/_assets/styles/../img/arrow-select-filter.png); } doesnotexist:-o-prefocus, .mfilter .dropdown .mfilter__select-text:before { background-image: url(/_assets/styles/../img/arrow-select-filter-hover.png); } doesnotexist:-o-prefocus, .mfilter__btn-close { background-image: url(/_assets/styles/../img/arrow-close-mfilter.png); } doesnotexist:-o-prefocus, .mfilter__btn-close:hover { background-image: url(/_assets/styles/../img/arrow-close-mfilter.png); } doesnotexist:-o-prefocus, .mfilter__name-city i:before { background-image: url(/_assets/styles/../img/arrow-select-city-filter.png); } /* */ /*---------- Before 1170 --------------------------------------------------------------------------------------------- */ @media screen and (min-width: 1170px) { .mfilter__select-item-price { border: 2px solid #00bcd8; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); background-color: #fff; display: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; position: absolute; padding: 17px 5px 13px 16px; left: 50%; top: 44px; } .mfilter__select-item-price:before { background-color: #fff; border-top: 2px solid #00bcd8; border-left: 2px solid #00bcd8; content: ""; position: absolute; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 50%; margin-left: -7px; top: -5px; height: 14px; width: 14px; z-index: 20; } .mfilter__select-item-price:after { background-color: #fff; content: ""; position: absolute; margin-left: -15px; left: 50%; top: 0; height: 10px; width: 30px; z-index: 22; } .mfilter .mf06 .mfilter__select-item-price { margin-left: -152px; padding-right:30px; width: 304px; z-index: 15; } .mfilter__btn-sort { padding-left: 2px; padding-right: 2px; } .mfilter__price-entry .field-blue { height: 36px; } .mfilter.addmap .mfilter__options { width: 77.7%; } .mfilter.addmap .mf01 { width: 15.5%; } .mfilter.addmap .mf02 { width: 20.4%; } .mfilter.addmap .mf03 { width: 15.3%; } .mfilter.addmap .mf04 { width: 15.7%; } .mfilter.addmap .mf05 { width: 16.5%; } .mfilter.addmap .mf06 { width: 16.5%; } .mfilter__left-ppo .mfilter__price-entry { padding-left: 45px; } } /*---------- end Before 1170 ----------------------------------------------------------------------------------------- */ /* */ /*---------- After 1169-768 ------------------------------------------------------------------------------------------ */ @media screen and (max-width: 1169px) and (min-width: 768px) { .mfilter .mf03 .mfilter__select-item { left: inherit; right: -50px; width: 413px; } .mfilter .mf03 .mfilter__select-item:before { left: 71%; } .mfilter .mf03 .mfilter__select-item:after { left: 71%; } .mfilter .mf04 .mfilter__select-item { left: inherit; right: 0; width: 413px; } .mfilter .mf04 .mfilter__select-item:before { margin-left: 0; left: inherit; right: 30px; } .mfilter .mf04 .mfilter__select-item:after { margin-left: 0; left: inherit; right: 25px; } .mfilter .mf05 .mfilter__select-item { left: 0; margin-left: 0; width: 600px; } .mfilter .mf05 .mfilter__select-item:before { margin-left: 0; left: 30px; } .mfilter .mf05 .mfilter__select-item:after { margin-left: 0; left: 25px; } } /*---------- end After 1169-768 -------------------------------------------------------------------------------------- */ /* */ /*---------- After 1169(_970_) --------------------------------------------------------------------------------------- */ @media screen and (max-width: 1169px) { .mfilter { min-height: 0; display: none; } .mfilter .field-blue { font-size: 18px; width: 100%; } .mfilter__options { display: block; float: none; width: 100%; } .mfilter__entry-search { padding-left: calc(20% + 23px); } .mfilter__search-line { display: block; } .mfilter__name-search { top: 11px; } .mfilter__entry-search .field-blue { font-size: 18px; width: calc(100%); } .mfilter__options { padding: 0 13px; } .mfilter__part-one-options, .mfilter__part-two-options { padding-top: 23px; float: left; width: 100%; } .mfilter__select { padding: 8px 0px 0 0; } .mfilter .mf01 { width: 20%; } .mfilter .mf02 { width: 40%; padding-left:30px;} .mfilter .mf03 { width: 20%; padding-left:30px; } .mfilter .mf04 { width: 20%; padding-left:30px; } .mfilter .mf04 .mfilter__select { padding-right: 0; } .mfilter__right-ppo { padding-left: 30px; } .mfilter .mf05 { width: 20%; } .mfilter .mf06 { padding-left: 0%; margin-left: 0px; width: 80%; } .mfilter .mf06 .mfilter__name { padding-left: calc(1% + 35px); } .mfilter .mf06 .mfilter__select { padding-right: 0; } .mfilter .mf06 .mfilter__select-text { display: none; } .mfilter__name { font-size: 16px; padding-left: 10px; } .mfilter__select-text { font-size: 18px; } .mfilter__select-text span { height: 42px; } .mfilter__select-item { top: 51px; } .mfilter__select-item { padding: 2px 5px 13px 14px; } .mfilter__select-check { padding-top: 15px; } .mfilter__select-check label { font-size: 18px; } .mfilter .mf01 .mfilter__select-item { margin-left: -90px; width: 180px; } .mfilter .mf02 .mfilter__select-item { margin-left: -150px; width: 300px; } .mfilter__price { padding: 0; } .mfilter__price-part-one { padding-right: 29px; width: 53.8%; } .mfilter__price-part-two { width: 46.2%; } .mfilter__price-slider { margin: 6px 0 0; } .mfilter__price-from, .mfilter__price-before { top: 14px; } .mfilter__right-ppo .mfilter__price-before { left: 10px; } .mfilter__currency { display: block; } .mfilter__btn-sort { clear: both; border-top: 1px solid #84d2e9; padding-top: 21px; overflow: inherit; text-align: center; } .mfilter__btn-sort .bnt-blue { font-size: 24px; height: 70px; width: 345px; } .mfilter__footer { display: block; } .mfilter__select-radio { padding-top: 9px; } .mfilter__select-radio-item span, label.mfilter__select-radio-item.disabled span { height: 42px; width: 42px; } .mfilter__select-radio-item.stwo span { width: 90px; } .mfilter__map { display: none; } } /*---------- end After 1169 ------------------------------------------------------------------------------------------ */ /* */ /*---------- After 969(_750_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 969px) { .mfilter__search-line { padding-top: 20px; } .mfilter__search-line { padding-left: 9px; padding-right: 0; } .mfilter__options { padding: 0 0; } .mfilter__wr-currency { display: block; } } /*---------- end After 969 ------------------------------------------------------------------------------------------- */ /* */ /*---------- After 970-768 ------------------------------------------------------------------------------------------- */ @media screen and (max-width: 969px) and (min-width: 768px) { .mfilter__wr-currency { position: absolute; left: 0; top: 57px; z-index: 10; } .mfilter__wr-currency span { display: block; padding-bottom: 2px; } .mfilter__wr-currency a { margin-left: 0; } } /*---------- end After 970-768 --------------------------------------------------------------------------------------- */ /* */ /*---------- After 767(_480_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 767px) { .mfilter__search-line { padding-top: 14px; padding-left: 0; } .mfilter__part-one-options, .mfilter__part-two-options { padding-top: 0; float: inherit; } .mfilter__cloud-field { padding: 0 !important; float: inherit; width: 100% !important; } .mfilter__select { padding: 0; } .mfilter__price-part-one { padding-right: 0; width: 100%; } .mfilter__price-part-two { display: none; } .mfilter__select-item-price { width: 100%; } .mfilter__select-item { left: 0 !important; margin-left: 0 !important; width: 100% !important; } .mfilter__left-si, .mfilter__right-si { float: none; width: 100%; } .mfilter__right-si { padding-left: 0; } .mfilter__wr-currency { padding: 14px 0; } .mfilter__btn-sort:before { border-top: 1px solid #84d2e9; content: ""; position: absolute; left: -30%; height: 1px; top: -1px; width: 150%; } .mfilter__footer { margin-top: 21px; } .mfilter .mf06 { margin-left:0px; } .mfilter__entry-search { width:100%; } .mfilter__entry-search .field-blue { margin-left:0px; width:100%; } .mfilter .mf06 .mfilter__name { padding-left:0px;} } /*---------- end After 767 ------------------------------------------------------------------------------------------- */ /* */ /*---------- After 767-481 ------------------------------------------------------------------------------------------- */ @media screen and (max-width: 767px) and (min-width: 481px) { .mfilter__cloud-field { position: relative; margin-top: 10px; } .mfilter__entry-search, .mfilter__select { padding-left: 160px; } .mfilter__name { position: absolute; padding: 0; left: 0; top: 11px; } .mfilter__name span { display:none; }} /*---------- end After 767-481 --------------------------------------------------------------------------------------- */ /* */ /*---------- After 480(_320_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 480px) { .mfilter__select-city { display: block; } .mfilter__search-line { padding-top: 20px; } .mfilter__name-search { position: relative; padding: 0 0 6px 10px; left: inherit; float: left; top: inherit; width: 150px; } .mfilter__entry-search { padding: 0; } .mfilter__cloud-field { padding-top: 19px !important; } .mfilter__select { padding-top: 6px; } .mfilter .mf06 .mfilter__name { padding-left: 10px; } .mfilter__wr-currency { padding: 0px 0 19px 10px; } .mfilter__btn-sort { padding-top: 16px; } .mfilter__btn-sort .bnt-blue { width: 100%; } .mfilter__footer { margin-top: 34px; } } /*---------- end After 480 ------------------------------------------------------------------------------------------- */ /* */ /*===================================================== end Filter =================================================== */ /* */ /* */ /*====================================================== Catalog ===================================================== */ .ins-content { background-color: #fff; } .plr { padding-left: 29px; padding-right: 29px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .up-deposit input[type="submit"] { background-color: #00bcd8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #fff; display: block; cursor: pointer; text-align: center; padding: 10px; margin: 5px; } .navh { border-bottom: 1px solid #d9d9d9; position: relative; min-height: 61px; } .navh__way { color: #999999; display: table-cell; font-size: 0; height: 60px; position: relative; padding-right: 55px; vertical-align: middle; } .navh__way a, .navh__way span, .navh__way i { color: #999999; display: inline-block; font-size: 14px; } .navh__way a { text-decoration: underline; } .navh__way a:hover { color: #00bcd8; } .navh__way i { font-style: normal; } .navh__way span { padding: 0 8px; } .navh__way span.np { padding: 0 0px; } .navh__way span.np a span { text-decoration:underline; padding: 0 0px; } .navh__return { position: absolute; right: 44px; margin-top: -21px; top: 50%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .navh__return a { display: block; background: #a7e7fd url(/_assets/styles/../img/icon-svg/white-arrow-return.svg) center center no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; height: 42px; width: 42px; } .navh__return a:hover { background-color: #1cd3ee; } .navh__calc-see { color: #999999; position: absolute; left: 43.2%; top: 24px; } .navh__calc-see span { display: inline; padding-left: 12px; } .label-map { background-color: #00bcd8; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); color: #fff; font: 12px Arial, Helvetica, sans-serif; line-height: 19px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; position: absolute; padding: 2px; white-space: nowrap;} .label-map:before { content: ""; border-style: solid; border-width: 7px 4px 0 4px; border-color: #00bbd8 transparent transparent transparent; bottom: -7px; margin-left: -4px; position: absolute; left: 50%; height: 0; width: 0; } .label-map i { font-style: normal; display: block; padding: 0 2px; } .label-map span { background-color: #fff; color: #000; display: block; position: relative; text-align: center; padding: 0 3px; } .big-label-map { border: 2px solid #00bcd8; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); font-family: Arial, Helvetica, sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; position: absolute; padding: 2px; min-width: 60px; text-align: center; } .big-label-map:before { content: ""; border-style: solid; border-width: 7px 4px 0 4px; border-color: #00bbd8 transparent transparent transparent; bottom: -9px; margin-left: -4px; position: absolute; left: 50%; height: 0; width: 0; } .big-label-map i { color: #0077bc; display: block; font-size: 20px; line-height: 17px; font-style: normal; padding: 3px 0 0; text-align: center; } .big-label-map span { display: block; font-size: 10px; padding-bottom: 1px; } .multi-label-map { background-color: #fff; box-sizing: border-box; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); position: relative; padding: 15px 0px 13px 13px; width: 337px; z-index: 2; } .multi-label-map__close { position: absolute; top: 6px; right: 4px; width: 15px; height: 15px; cursor: pointer; z-index: 1; } .multi-label-map__close:before { content: ""; position: absolute; left: 7px; top: 3px; width: 1px; height: 9px; background-color: #858585; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .multi-label-map__close:after { content: ""; position: absolute; left: 3px; top: 7px; width: 9px; height: 1px; background-color: #858585; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .multi-label-map__scroll { max-height: 250px; overflow: auto; } .multi-label-map__img { float: left; width: 90px; } .multi-label-map__img a { display: block; background-color: #000; } .multi-label-map__img a:hover img { opacity: 0.7; } .multi-label-map__img img { display: block; width: 90px; height: 60px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .multi-label-map__point ~ .multi-label-map__point { margin-top: 15px; padding-top: 15px; border-top: 1px solid #DCDCDC; } .multi-label-map__right { float: left; width: 189px; margin-left: 15px; } .multi-label-map__rooms { overflow: hidden; display: block; float: left; background-color: #A3E93A; border-radius: 2px; width: 68px; height: 24px; font: 14px/14px Arial, Helvetica, sans-serif; color: #000; text-align: center; padding-top: 5px; } .multi-label-map__price { overflow: hidden; display: block; float: left; background-color: #00BCD8; border-radius: 2px; width: 104px; height: 24px; font: 16px/16px Arial, Helvetica, sans-serif; color: #fff; text-align: center; padding-top: 5px; margin-left: 3px; } .multi-label-map__street { display: block; clear: both; font: bold 16px/16px Arial, Helvetica, sans-serif; color: #0077bc; text-align: left; padding-top: 12px; } .multi-label-map__street a { color: #0077bc; font: inherit; text-decoration: none; } .multi-label-map__street a:hover { text-decoration: underline; } .multi-label-map:after { content: ""; position: absolute; bottom: -13px; left: 50%; margin-left: -13px; border-style: solid; border-width: 13px 13px 0 13px; border-color: #fff transparent transparent; } .multi-label-map:before { content: ""; position: absolute; bottom: -14px; left: 50%; margin-left: -13px; border-style: solid; border-width: 13px 13px 0 13px; border-color: rgba(0, 0, 0, 0.3) transparent transparent; } .multi-label-map .mCSB_scrollTools { width: 10px; height: auto; left: auto; top: 7px; right: -7px; bottom: 0; opacity: 1; } .multi-label-map .mCSB_scrollTools .mCSB_draggerRail { background-color: #EAEAEA; width: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .multi-label-map .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #0ABFDA; width: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .multi-label-map .mCSB_outside > .mCSB_container { margin-right: 16px; } .mini-map { margin-top: 30px; position: relative; text-align: center; } .mini-map.plr { -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -ms-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; } .mini-map__item { box-sizing: border-box; position: relative; font-size: 10px; height: 120px; width: 100%; z-index: 1; } .mini-map__border { border: 1px solid #d6d6d6; padding:1px; z-index: 10;} .mini-map__btn-detail { display: table; position: absolute; font-size: 0; left: 0; height: 120px; padding: 0 80px; top: 0; width: 100%; } .mini-map__btn-detail div { display: table-cell; height: 100%; vertical-align: middle; width: 100%; } .mini-map__btn-detail-item { display:inline-block; background-color: #fff; border: 1px solid #d6d6d6; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; display: inline-block; position: relative; font-size: 20px; padding: 10px 16px; z-index: 3; } .mini-map__btn-collapse { position: absolute; bottom:10px; left: 45%; display: none; } .btn-see-description { position: absolute; right: 11px; bottom: 9px; } .btn-see-description.active .open-jump-description { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .btn-see-description.active .open-jump-description:hover { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .btn-see-description.nosee { display: none; } .open-jump-description { background: rgba(255, 255, 255, 0.2) url(/_assets/styles/../img/icon-svg/arrow-white-description.svg) center center no-repeat; display: block; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; height: 32px; width: 32px; } .open-jump-description:hover { background-image: url(/_assets/styles/../img/icon-svg/arrow-white-description-hover.svg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .lcards { overflow: hidden; } .lcards__item { padding: 20px 0 10px 0; float: left; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; width: 50%; } .lcards .lcards__item:nth-child(2n+1) { padding-right: 15px; } .lcards .lcards__item:nth-child(2n) { padding-left: 15px; } .lcards__wr-item { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; padding: 14px 14px 5px 14px; position: relative; width: 100%; } .lcards__main-info { position: relative; } .lcards__photo { border-bottom: none; border: 1px solid #eef2f8; font-size: 0; min-height: 180px; max-height: 345px; overflow: hidden; } .lcards__photo a, .lcards__photo img { display: inline-block; font-size: 0; width: 100%; } .lcards__photo img[data-src] { opacity: 0; } .lcards__content { position: absolute; bottom: 0; left: 0; width: 100%; background-image: linear-gradient(to top, #000 -50%, transparent 100%); } .lcards__part-content { display: block; overflow: hidden; padding: 0 11px 8px; width: 100%; } .lcards__calc-people { padding-top: 6px; float: left; font-size: 0; width: 35%; } .lcards__calc-people span { display: inline-block; background: url(/_assets/styles/../img/icon-svg/man.svg) 0 0 no-repeat; color: #fff; font-size: 18px; line-height: 22px; min-height: 35px; padding: 7px 0 6px 25px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); } .lcards__contact-manager { color: #fff; float: right; width: 65%; } .lcards__wrccm { background: url(/_assets/styles/../img/icon-svg/icon-white-tel.svg) 0 center no-repeat; font-size: 18px; line-height: 22px; float: right; padding-left: 33px; min-width: 130px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .lcards__name-manager { max-width:140px; height:25px; overflow:hidden; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); } .lcards__name-manager div { width:200%; } .lcards__tel-manager { font-size: 0; text-align:right; position: relative; } .lcards__tel-manager .tel-nmc { display: inline-block; font-size: 18px; line-height: 22px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); vertical-align: top; } .lcards__tel-manager .btn-see-tel { display: inline-block; cursor: pointer; background: rgba(255, 255, 255, 0.2) url(/_assets/styles/../img/icon-svg/three-white-arrow.svg) center center no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin: 1px 0 0 1px; vertical-align: top; height: 19px; width: 35px; } .lcards__tel-manager .btn-see-tel:hover { background-image: url(/_assets/styles/../img/icon-svg/three-white-arrow-hover.svg); } .lcards__name { padding-top: 5px; overflow: hidden; margin-bottom: 5px; position: relative; background: #a0e1f4; padding-left: 12px; padding-bottom: 5px; border-top: none; /* box-shadow: 0 1px 2px rgb(0 0 0 / 10%);*/ border-radius: 0px 0px 5px 5px; max-height: 35px; } .lcards__name a, .lcards__name h2 { color: #000; font-size: 16px; line-height: 26px; } .lcards__name h2 { width:200%; position:relative; font-weight: bold; } .lcards__name h2:after { content:''; position:absolute; top:0px; right:50%; width:130px; height:40px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */ } .lcards__name a:hover, .lcards__name h2:hover { color: #00bcd8; } .lcards__label-type { color: #000; background-color: #a3e93a; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; font-size: 16px; position: absolute; padding: 12px 16px; top: 3px; left: 3px; font-weight: bold; border: 1px solid #eef2f8;} .lcards__label-price { color: #fff; background-color: #00bcd8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; font-size: 16px; line-height: 29px; position: absolute; padding: 6px 5px; min-width: 170px; right: 3px; top: 3px; text-align: center; border: 1px solid #eef2f8; } .lcards__label-price span { font-size: 26px; } .lcards__photo-verified { color: #000; background: #fff url(/_assets/styles/../img/icon-svg/camera.svg) 8px center no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-size: 14px; line-height: 16px; position: absolute; padding: 5px 3px 5px 37px; min-width: 155px; top: 51px; right: 18px; } .footer-lc { padding-top: 30px; padding-bottom: 30px; text-align: center; } .footer-lc .bnt-blue { color: #ffffff; font-size: 20px; height: 60px; width: 360px; } .more-object { float: left; padding-right: 15px; width: 50%; } .navigation-page { font-size: 0; } .navigation-page.nplo { float: right; padding: 4px 15px 0 15px; width: 50%; } .navigation-page.nplo .navigation-page__ul { float: right; } .navigation-page__ul li { display: inline-block; vertical-align: top; text-align: left; } .navigation-page__link-prev, .navigation-page__link-next { border: 2px solid #00bcd8; background: url(/_assets/styles/../img/icon-svg/blue-arrow-navigation-page.svg) center center no-repeat; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; height: 54px; width: 54px; } .navigation-page__link-prev:hover, .navigation-page__link-next:hover { background-color: #00bcd8; background-image: url(/_assets/styles/../img/icon-svg/blue-arrow-navigation-page-hover.svg); border-color: #00bcd8; } .navigation-page__link-prev.no, .navigation-page__link-next.no { background-color: #f5f5f5; background-image: url(/_assets/styles/../img/icon-svg/silver-arrow-navigation-page.svg); border-color: #f5f5f5; cursor: default; } .navigation-page__link-prev { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .navigation-page__number { color: #787878; font-size: 24px; line-height: 26px; padding: 12px 10px 0; } .navigation-page__number a, .navigation-page__number span { display: inline-block; margin: 0 10px; } .navigation-page__number a { color: #0077bc; font-size: 24px; line-height: 26px; text-decoration: underline; } .navigation-page__number a:hover { color: #00bcd8; } doesnotexist:-o-prefocus, .navigation-page__link-prev { background-image: url(/_assets/styles/../img/blue-arrow-navigation-page.png); } doesnotexist:-o-prefocus, .navigation-page__link-prev:hover { background-image: url(/_assets/styles/../img/blue-arrow-navigation-page-hover.png); } doesnotexist:-o-prefocus, .navigation-page__link-next { background-image: url(/_assets/styles/../img/blue-arrow-navigation-page.png); } doesnotexist:-o-prefocus, .navigation-page__link-prev.no { background-image: url(/_assets/styles/../img/silver-arrow-navigation-page.png); } doesnotexist:-o-prefocus, .navigation-page__link-next.no { background-image: url(/_assets/styles/../img/silver-arrow-navigation-page.png); } doesnotexist:-o-prefocus, .lcards__photo-verified { background-image: url(/_assets/styles/../img/camera.png); } doesnotexist:-o-prefocus, .lcards__wrccm { background-image: url(/_assets/styles/../img/icon-white-tel.png); } doesnotexist:-o-prefocus, .lcards__calc-people span { background-image: url(/_assets/styles/../img/man.png); } doesnotexist:-o-prefocus, .navh__return a { background-image: url(/_assets/styles/../img/white-arrow-return.png); } doesnotexist:-o-prefocus, .lcards__tel-manager .btn-see-tel { background-image: url(/_assets/styles/../img/three-white-arrow.png); } doesnotexist:-o-prefocus, .lcards__tel-manager .btn-see-tel:hover { background-image: url(/_assets/styles/../img/three-white-arrow.png); } /* */ /*---------- Before 1170 --------------------------------------------------------------------------------------------- */ @media screen and (min-width: 1170px) { .lcards__part-text { /* background-color: rgba(0, 0, 0, 0.25); */ border-top: 1px solid rgba(255, 255, 255, 0.44); color: #fff; clear: both; position: relative; padding: 7px 14px 10px 14px; } .jump-description { overflow: hidden; font-size: 14px; line-height: 17px; height: 33px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .jump-description.active { height: 86px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .mini-map__btn-detail-item { cursor: pointer; } .mini-map__btn-detail-item:hover { color: #fff; border: 1px solid #13c6e0; background: #16afcb; background: linear-gradient(to top, #00adc3, #17cbe6 89%); border-bottom: 1px solid #009ab8; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); overflow: hidden; } .mini-map__btn-detail-item:hover:before { -webkit-box-shadow: inset 0 1px 1px #1adef1; -moz-box-shadow: inset 0 1px 1px #1adef1; box-shadow: inset 0 1px 1px #1adef1; content: ""; position: absolute; left: 0; top: 0; height: 3px; width: 100%; } doesnotexist:-o-prefocus, .open-jump-description { background-image: url(/_assets/styles/../img/arrow-white-description.png); } } /*---------- end Before 1170 ----------------------------------------------------------------------------------------- */ /* */ /*---------- After 1169(_970_) --------------------------------------------------------------------------------------- */ @media screen and (max-width: 1169px) { .plr { padding-left: 15px; padding-right: 15px; } .navh__calc-see { left: 60%; } .navigation-page.nplo { padding: 15px 0 0; } .navigation-page.nplo .navigation-page__ul { float: none; } .lcards__wr-item { padding-bottom: 47px; } .lcards__part-content { background-color: rgba(0, 0, 0, 0.25); border-top: 1px solid rgba(255, 255, 255, 0.44); color: #fff; padding: 4px 11px 4px; } .lcards__part-text { position: absolute; line-height: 17px; bottom: -73px; left: 0; } .lcards .jump-description { overflow: hidden; max-height: 34px; } .btn-see-description { display: none; } .footer-lc .bnt-blue { font-size: 24px; height: 80px; width: 100%; } .navh__return { right: 30px; } } /*---------- end After 1169 ------------------------------------------------------------------------------------------ */ /* */ /*---------- 969-768 ------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 969px) and (min-width: 768px) { .plr { padding-left: 24px; padding-right: 24px; } .navh__calc-see { left: 55%; } .navh__return { right: 24px; } } /*---------- end 969-768 --------------------------------------------------------------------------------------------- */ /* */ /*---------- 850-768 ------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 850px) and (min-width: 768px) { .more-object { width: 43%; } .navigation-page.nplo { width: 57%; } .navigation-page.nplo .navigation-page__ul { float: right; } } /*---------- end 850-768 --------------------------------------------------------------------------------------------- */ /* */ /*---------- After 767(_480_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 767px) { .mini-map { margin-bottom: 15px; } .lcards__wrapper { text-align: center; } .lcards__item { display: inline-block; padding: 15px 0 0 !important; float: none; text-align: left; max-width: 555px; width: 100%; } .lcards__wr-item { padding: 9px 9px 46px 9px; } .more-object, .navigation-page.nplo { display: block; padding-right: 0; float: none; width: 100%; } .footer-lc .bnt-blue { height: 70px; } .navigation-page.nplo { padding-top: 30px; } .navh { min-height: 72px; } .navh__way { height: 71px; } .navh.dop .navh__way { height: auto; padding: 17px 55px 7px 0; } .navh__calc-see { position: relative; padding: 0 55px 5px 0; left: inherit; top: inherit; } .navh__return { right: 15px; } #aboutcity div.left, #aboutcity div.right { width:100%; max-width: 555px; float:none; margin:auto; } .lcards__photo a { min-height:inherit;} } /*---------- end After 767 ------------------------------------------------------------------------------------------- */ /* */ /*---------- After 480(_320_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 480px) { .mini-map.plr { padding-right: 0; padding-left: 0; } .mini-map__item { border-right: 0; border-left: 0; } .mini-map__btn-detail { padding: 0 45px; } .mini-map__btn-detail-item { font-size: 16px; padding: 8px 13px; } .lcards__wr-item { padding: 9px 9px 26px 9px; } .lcards__label-type { font-size: 16px; padding: 9px 11px; } .lcards__label-price { font-size: 14px; line-height: 26px; padding: 4px 5px; min-width: 140px; } .lcards__label-price span { font-size: 20px; } .lcards__photo-verified { top: 43px; right: 13px; } .lcards__name { margin-bottom: 20px; } .lcards__name a, .lcards__name h2 { font-size: 16px; line-height: 20px; } .lcards__photo-verified { display: none; } .lcards__part-text { bottom: -69px; } .footer-lc .bnt-blue { height: 80px; } .navigation-page__number .msleep-two { display: none; } .navigation-page__link-prev, .navigation-page__link-next { height: 50px; width: 50px; } .navigation-page__number { font-size: 22px; padding: 12px 5px 0; } .navigation-page__number a, .navigation-page__number span { margin: 0 8px; } } /*---------- end After 480 ------------------------------------------------------------------------------------------- */ /* */ /*---------- After 350 ----------------------------------------------------------------------------------------------- */ @media screen and (max-width: 350px) { .lcards__calc-people { width:25%; } .lcards__contact-manager { width: 75%; } .navigation-page__number .msleep-one { display: none; } .lcards__tel-manager span.tel-nmc, .lcards__calc-people span { font-size:13px; }} /*---------- end After 350 ------------------------------------------------------------------------------------------- */ /* */ /*==================================================== end Catalog =================================================== */ /* */ /* */ /*======================================================== Text ====================================================== */ .text-page { padding-top: 36px; padding-bottom: 30px; } .text-page__title { font-size: 20px; line-height: 22px; margin-bottom: 14px; } .text-page__title.top32 { padding-top: 21px; } .text-page__table tr:first-child td { background-color: #eaeaea; border-top: 1px solid #cccccc; padding: 10px 17px; color: #888888; font-size: 12px; } .text-page__table td { border-bottom: 1px solid #cccccc; font-size: 14px; line-height: 17px; padding: 15px 17px; text-align: center; } .text-page__table td.text-left { text-align: left; } .text-page__table td.text-right { text-align: right; } .text-page__table td:first-child { border-left: 1px solid #cccccc; } .text-page__table td:last-child { border-right: 1px solid #cccccc; } .text-page__table.wtb500 { min-width: 500px; } .text-page__table.wtb430 { min-width: 430px; } .text-page__two-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .text-page__color-block { color: #fff; background-color: #5b86c4; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 15px 20px; } .img-full { display: block; margin: 0 auto 19px; width: 100%; } .img-right { float: right; max-width: 50%; margin: 6px 0 8px 20px; } .img-left { float: left; max-width: 50%; margin: 6px 20px 8px 0; } .img-full-t { display: block; padding-bottom: 19px; text-align: center; width: 100%; } .img-left-t { float: left; margin: 6px 20px 8px 0; max-width: 50%; text-align: center; } .img-right-t { float: right; margin: 6px 0 8px 20px; max-width: 50%; text-align: center; } .img-full-t i, .img-left-t i, .img-right-t i { color: #999999; display: block; font-size: 12px; font-style: normal; width: 100%; } .color-blue { color: #00bcd8; } .color-green { color: #23bc4e; } .note { color: #00bcd8; font-size: 12px; line-height: 15px; padding-bottom: 14px; } .note-text { color: #666666; font-size: 12px; line-height: 15px; } /*-------- Horizontal Scroll ----------------------------------------------------------------------------------------- */ .text-page__table-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background: #0ABFDA; border-radius: 0; margin: 0; height: 20px; } .text-page__table-scroll .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 12px; } .text-page__table-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { background: #EAEAEA; border-radius: 0; margin: 0; height: 20px; } .text-page__table-scroll .mCSB_scrollTools .mCSB_draggerContainer { top: 0; left: 0; bottom: 0; right: 0; } .text-page__table-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal { position: relative; top: auto; right: auto; bottom: auto; left: auto; background: #fff; height: 20px; box-sizing: border-box; margin: 15px 0 0; } .text-page__table-scroll .mCSB_scrollTools { opacity: 1; } /*-------- end Horizontal Scroll ------------------------------------------------------------------------------------- */ /* */ /*-------- Vertical Scroll ------------------------------------------------------------------------------------------- */ /*-------- end Vertical Scroll --------------------------------------------------------------------------------------- */ /* */ /*======================================================= end Text =================================================== */ /* */ /* */ /*===================================================== Catalog User ================================================= */ .user-catalog__title { font-size: 28px; line-height: 32px; padding: 28px 0 24px 14px; } .user-catalog__bll { border: 1px solid #d6d6d6; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; float: left; padding: 16px 15px; position: relative; min-height: 212px; width: 263px; } .user-catalog__name { font-size: 18px; line-height: 21px; } .user-catalog__time { color: #999999; padding: 12px 0 5px 0; } .user-catalog__cont-data { clear: both; font-size: 18px; line-height: 21px; overflow: hidden; padding-left: 24px; margin-top: 10px; position: relative; } .user-catalog__cont-data a { font-size: 18px; line-height: 21px; } .user-catalog__cont-data.us-in-tel { background: url(/_assets/styles/../img/icon-svg/icon-tel-user-catalog.svg) 0 0 no-repeat; } .user-catalog__cont-data.us-in-skype { background: url(/_assets/styles/../img/icon-svg/icon-skype-user-catalog.svg) 0 0 no-repeat; } .user-catalog__cont-data.us-in-skype a { color: #0099cc; text-decoration: underline; } .user-catalog__cont-data.us-in-skype a:hover { text-decoration: none; } .user-catalog__cont-data.us-in-icq { background: url(/_assets/styles/../img/icon-svg/icon-icq-user-catalog.svg) 0 0 no-repeat; } .user-catalog__cont-data .tel-number-user { float: left; position: relative; } .user-catalog__cont-data .btn-see-tel { background: linear-gradient(to left, #ffffff 30%, rgba(255, 255, 255, 0.01)); position: absolute; height: 100%; right: -20px; top: 0; width: 60px; z-index: 2; } .user-catalog__cont-data .btn-see-tel:before { content: ""; background: #F5F5F5 url(/_assets/styles/../img/icon-svg/three-silver-arrow.svg) center center no-repeat; cursor: pointer; position: absolute; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin-top: 1px; right: -20px; height: 19px; top: 0; width: 35px; z-index: 3; } .user-catalog__cont-data .btn-see-tel:hover:before { background-image: url(/_assets/styles/../img/icon-svg/three-silver-arrow-hover.svg); } .user-catalog__blr { overflow: hidden; position: relative; padding-left: 29px; } .user-catalog__map { border: 1px solid #d6d6d6; height: 212px; width: 100%; } .user-objects { padding: 0 29px 60px 0; } .user-objects__item { padding: 29px 0 0 29px; float: left; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; width: 33.33%; } .user-objects__wr-item { border: 1px solid #d6d6d6; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; padding: 9px 9px 5px; position: relative; width: 100%; } .user-objects__main-info { border: 1px solid #999999; position: relative; } .user-objects__photo { font-size: 0; } .user-objects__photo a, .user-objects__photo img { display: inline-block; font-size: 0; width: 100%; } .user-objects__calc-people { position: absolute; bottom: 9px; left: 12px; } .user-objects__calc-people span { color: #fff; display: block; background: url(/_assets/styles/../img/icon-svg/man.svg) 0 0 no-repeat; font-size: 18px; line-height: 22px; min-height: 35px; padding: 7px 0 6px 25px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); } .user-objects__name { padding: 10px 0 0 2px; overflow: hidden; margin-bottom: 3px; height: 30px; } .user-objects__name a { color: #0099cc; font-size: 16px; line-height: 18px; } .user-objects__name a:hover { color: #00bcd8; } .user-objects__label-type { color: #000; background-color: #a3e93a; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; font-size: 16px; position: absolute; padding: 9px 11px; top: 3px; left: 3px; } .user-objects__label-price { color: #fff; background-color: #00bcd8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; line-height: 22px; position: absolute; padding: 6px 5px; min-width: 140px; right: 3px; top: 3px; text-align: center; } .user-objects__label-price span { font-size: 20px; } doesnotexist:-o-prefocus, .user-catalog__cont-data.us-in-icq { background-image: url(/_assets/styles/../img/icon-icq-user-catalog.png); } doesnotexist:-o-prefocus, .user-catalog__cont-data.us-in-skype { background-image: url(/_assets/styles/../img/icon-skype-user-catalog.png); } doesnotexist:-o-prefocus, .user-catalog__cont-data.us-in-tel { background-image: url(/_assets/styles/../img/icon-tel-user-catalog.png); } doesnotexist:-o-prefocus, .user-catalog__cont-data .btn-see-tel:before { background-image: url(/_assets/styles/../img/three-silver-arrow.png); } doesnotexist:-o-prefocus, .user-catalog__cont-data .btn-see-tel:hover:before { background-image: url(/_assets/styles/../img/three-silver-arrow.png); } /* */ /*---------- After 1169(_970_) --------------------------------------------------------------------------------------- */ @media screen and (max-width: 1169px) { .user-objects { padding-right: 0; } .user-objects__item { padding-left: 15px; padding-right: 15px; } } /*---------- end After 1169 ------------------------------------------------------------------------------------------ */ /* */ /*---------- After 969-768 ------------------------------------------------------------------------------------------- */ @media screen and (max-width: 969px) and (min-width: 768px) { .user-objects { padding-right: 24px; padding-top: 5px; } .user-objects__item { padding: 24px 0 0 24px; } .user-objects__label-type { font-size: 14px; padding: 7px 6px; } .user-objects__label-price { font-size: 14px; line-height: 16px; padding: 7px 6px; min-width: 113px; } .user-objects__label-price span { font-size: 16px; } .user-objects__calc-people { bottom: 5px; left: 9px; } .user-objects__name { height: 47px; margin-bottom: 0; } } /*---------- end After 969-768 --------------------------------------------------------------------------------------- */ /* */ /*---------- After 969(_750_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 969px) { .user-catalog__title { padding: 23px 0 24px 0; } .user-catalog__bll, .user-catalog__blr { display: block; float: none; width: 100%; } .user-catalog__bll { padding: 6px 15px 11px; min-height: inherit; } .user-catalog__blr { padding: 29px 0 0; } .user-catalog__wr-nt { position: absolute; left: 50%; top: 16px; } } /*---------- end After 969 ------------------------------------------------------------------------------------------- */ /* */ /*---------- After 767(_480_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 767px) { .user-catalog__bll { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border-right: 0; border-left: 0; } .user-catalog__bll:before, .user-catalog__bll:after { border-top: 1px solid #aaaaaa; content: ""; position: absolute; left: -30%; height: 1px; width: 150%; } .user-catalog__bll:before { top: -1px; } .user-catalog__bll:after { bottom: -2px; } .user-objects { padding-top: 14px; text-align: center; } .user-objects__item { display: inline-block; float: none; padding: 15px 15px 0; max-width: 555px; text-align: left; width: 100%; } .user-objects__name { margin-bottom: 6px; height: auto; max-height: 65px; } .text-page__two-columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } /*---------- end After 767 ------------------------------------------------------------------------------------------- */ /* */ /*---------- After 480(_320_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 480px) { .user-catalog__title { padding: 23px 0 24px 0; } .user-catalog__bll { padding: 16px 0; min-height: inherit; } .user-catalog__blr { padding: 15px 0 0; } .user-catalog__wr-nt { position: relative; left: inherit; top: inherit; } .user-objects__name { padding-top: 17px; margin-bottom: 13px; } } /*---------- end After 480 ------------------------------------------------------------------------------------------- */ /* */ /*=================================================== end Catalog User =============================================== */ /* */ /* */ /*================================================= Detailed Object Pages ============================================ */ .detailed-op__video iframe, .detailed-op__video object, .detailed-op__video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .detailed-op { padding-top: 29px; position: relative; } .detailed-op__gallery { font-size: 0; } .detailed-op__li a, .detailed-op__li img { display: inline-block; font-size: 0; max-width: 100%; } .detailed-op__video { position: relative; } .detailed-op__wr-video { position: relative; padding-top: 53.25%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; width: 100%; } .detailed-op__start-play-video { display: none; position: absolute; font-size: 0; right: 10%; bottom: 0; } .detailed-op__start-play-video a { color: #0099cc; display: inline-block; padding: 3px 34px 4px 0; position: relative; font-size: 16px; } .detailed-op__start-play-video a:before { content: ""; background: url(/_assets/styles/../img/icon-svg/camcorder.svg) 0 0 no-repeat; position: absolute; right: 0; height: 19px; top: 0; width: 28px; } .detailed-op__start-play-video a span { text-decoration: underline; } .detailed-op__start-play-video:hover span { text-decoration: none; } .detailed-op__social { display: block; padding-top: 19px; padding-bottom: 50px; } .detailed-op__content { padding: 52px 0 0 29px; overflow: hidden; } .detailed-op__name { position: absolute; overflow: hidden; max-height: 70px; left: 516px; top: 22px; } .detailed-op__h1, .list-op__h1 { font-size: 22px; line-height: 35px; font-weight: bold; margin-bottom: 10px; } .list-op__h1 { margin: 30px 0px 10px 0px; font-size: 25px; font-weight: normal; background: #f6f9fc; padding: 7px; padding-left: 30px; } .about_text { padding:0px 0px 0px 0px; text-align:left; line-height:20px; } .about_text p { padding:0px 0px 10px 0px; } #aboutcity .left { width: 50%; float:left; padding:20px 10px 0px 0px; box-sizing:border-box; } #aboutcity .right { width: 50%; float:right; padding:20px 0px 0px 10px; box-sizing:border-box; } .detailed-op__wr-contacts { /* border: 1px solid #aaaaaa; */ -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; float: left; padding: 8px 11px 11px; position: relative; /* min-height: 145px; */ width: 55.5%; } .detailed-op__contacts-data { float: left; width: 200px; } .detailed-op__name-people { padding-top: 8px; overflow: hidden; } .detailed-op__name-people a { color: #0099cc; font-size: 18px; line-height: 22px; text-decoration: underline; } .detailed-op__name-people a:hover { color: #00bcd8; text-decoration: none; } .detailed-op__name-people span { color: #999999; display: block; font-size: 12px; padding-top: 9px; } .detailed-op__price { padding-left: 49px; overflow: hidden; } .detailed-op__main-price { background-color: #F5F5F5; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 8px 3px 7px 31px; min-height: 53px; } .detailed-op__main-price span { display: inline-block; font-size: 16px; padding-top: 14px; width: 55px; vertical-align: top; } .detailed-op__main-price i { font-size: 35px; line-height: 36px; font-style: normal; } .detailed-op__main-price em { font-size: 16px; font-style: normal; } .detailed-op__more-price { background-color: #e9f7ff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 5px 3px 9px 31px; margin-top: 3px; min-height: 77px; } .detailed-op__more-price span { display: inline-block; font-size: 16px; padding-top: 6px; width: 58px; vertical-align: top; } .detailed-op__more-price i { font-size: 24px; line-height: 24px; font-style: normal; } .detailed-op__more-price em { font-size: 16px; font-style: normal; } .detailed-op__mr-item { padding-top: 5px; } .detailed-op__tell { color: #cc3333; font-size: 14px; padding-top: 11px; } .detailed-op__map { padding-top: 29px; } .detailed-op__map.tmp { display: none; } .detailed-op__name-map { font-size: 20px; line-height: 24px; padding-bottom: 21px; } .detailed-op__item-map { /* border: 1px solid #aaaaaa; */ height: 183px; width: 100%; } .detailed-op__description { padding-top: 30px; } .detailed-op__wdoc { width: 140px; display: inline-block; } .detailed-op__btn { padding: 8px 0 5px; } .detailed-op__btn .bnt-blue { font-size: 20px; height: 70px; width: 455px; } .detailed-op__soc-mob { display: none; padding: 0px 0px 50px 10px; } .options { padding-top: 40px; } .options__bll, .options__blr { font-size: 16px; line-height: 20px; float: left; } .options__bll { width: 59.8%; } .options__blr { width: 40%; } .options__title { font-size: 20px; line-height: 24px; padding-bottom: 14px; } .options__item { margin-bottom: 24px; } .options__item li { background: url(/_assets/styles/../img/icon-svg/arrow-green.svg) 0 6px no-repeat; font-size: 16px; line-height: 20px; padding: 3px 0 2px 16px; } .options__wr-additional { padding: 3px 0; } .options__additional-name { color: #666666; float: left; width: 214px; } .options__additional-status { background: url(/_assets/styles/../img/icon-svg/arrow-green.svg) 0 6px no-repeat; color: #33cc99; overflow: hidden; padding-left: 16px; } .options__wr-parameter { padding: 3px 0 2px; } .options__parameter-name { color: #666666; float: left; max-width: 200px; width: 64%; } .options__parameter-data { overflow: hidden; } .other-object { border-top: 1px solid #dcdcdc; padding: 20px 0 29px 0; margin-top: 24px; } .other-object__title { float: left; font-size: 20px; line-height: 22px; width: 50%; } .other-object__jump-link { padding-top: 3px; float: right; } .other-object__jump-link a, .other-object__bottom-jump-link a { color: #0099cc; font-size: 16px; text-decoration: underline; } .other-object__jump-link a:hover, .other-object__bottom-jump-link a:hover { color: #00bcd8; text-decoration: none; } .other-object__bottom-jump-link { display: none; padding: 27px 0 7px; text-align: center; } .other-object__item-list { padding-right: 29px; margin-top: -4px; } .big-gallery { box-sizing: border-box; display: inline-block; position: absolute; left: 75px; right: 75px; top: 15px; bottom: 15px; padding: 13px 13px 0; min-width: 250px; min-height: 640px; } .big-gallery .slick-prev:before, .big-gallery .slick-next:before { display: none; } .big-gallery__wrap { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 4; } .big-gallery__close { box-sizing: border-box; position: absolute; right: -65px; top: 8px; width: 54px; height: 54px; border: 2px solid #00BCD8; border-radius: 50%; background: url("/_assets/styles/../img/icon-svg/close_gallery.svg") center center no-repeat; z-index: 9; } .big-gallery__close img { margin-top: 2px; } .big-gallery__close:hover { background: url("/_assets/styles/../img/icon-svg/close_gallery_hover.svg") center center no-repeat; border-color: #1CD3EE; } .big-gallery__big { position: absolute; top: 14px; left: 14px; right: 14px; bottom: 128px; } .big-gallery__big .slick-list { height: 100%; } .big-gallery__big .slick-track { height: 100%; } .big-gallery__big .one-slide { height: 100%; display: table; table-layout: fixed; } .big-gallery__big .one-slide__cell { overflow: hidden; height: 100%; max-height: 100%; display: table-cell; text-align: center; vertical-align: middle; } .big-gallery__big .one-slide__cell img { display: inline-block; border: 2px solid #8a8a8a; max-width: 100%; max-height: 100%; } .big-gallery__big .slick-prev, .big-gallery__big .slick-next { width: 65px; height: auto; left: -85px; top: 0; bottom: 0; background: url("/_assets/styles/../img/big-slider-arrow.png") center center no-repeat; opacity: 0.3; transform: translate(0, 0); z-index: 1; } .big-gallery__big .slick-prev:hover, .big-gallery__big .slick-next:hover { opacity: 1; } .big-gallery__big .slick-prev:hover.slick-disabled, .big-gallery__big .slick-next:hover.slick-disabled { opacity: 1; } .big-gallery__big .slick-prev.slick-disabled, .big-gallery__big .slick-next.slick-disabled { cursor: default; background-image: url("/_assets/styles/../img/big-slider-silver-arrow.png"); opacity: 1; } .big-gallery__big .slick-next { right: -85px; left: auto; transform: translate(0, 0) rotate(180deg); } .big-gallery__big .slick-next:hover { opacity: 1; } .big-gallery__big .slick-next:hover.slick-disabled { opacity: 1; } .big-gallery__big .slick-next.slick-disabled { cursor: default; background-image: url("/_assets/styles/../img/big-slider-silver-arrow.png"); opacity: 1; } .big-gallery__pager { position: absolute; left: 50%; width: 800px; margin-left: -400px; bottom: 11px; } .big-gallery__pager .slick-track { margin: 0 auto; } .big-gallery__pager .one-slide { width: 160px; height: 110px; border: 5px solid #fff; cursor: pointer; outline: 2px solid #8a8a8a; outline-offset: -5px; } .big-gallery__pager .one-slide--active { position: relative; } .big-gallery__pager .one-slide--active:before { content: ""; position: absolute; background-color: rgba(0, 0, 0, 0.5); left: 0; top: 0; height: 100%; width: 100%; } .big-gallery__pager .one-slide:hover { outline: 2px solid #00BCD8; outline-offset: -5px; } .big-gallery__pager .slick-prev { width: 54px; height: 54px; left: -60px; background: url("/_assets/styles/../img/icon-svg/page_before.svg") 0 0 no-repeat; } .big-gallery__pager .slick-prev.slick-disabled { background-image: url("/_assets/styles/../img/icon-svg/page_before_passive.svg"); cursor: default; } .big-gallery__pager .slick-next { right: -60px; left: auto; width: 54px; height: 54px; background-image: url("/_assets/styles/../img/icon-svg/page_next.svg"); } .big-gallery__pager .slick-next.slick-disabled { background-image: url("/_assets/styles/../img/icon-svg/page_next_passive.svg"); cursor: default; } .big-gallery__pager .slick-next:hover, .big-gallery__pager .slick-prev:hover { opacity: 0.7; } .big-gallery__pager .slick-next:hover.slick-disabled, .big-gallery__pager .slick-prev:hover.slick-disabled { opacity: 1; } doesnotexist:-o-prefocus, .big-gallery__close { background-image: url(/_assets/styles/../img/close_gallery.png); } doesnotexist:-o-prefocus, .big-gallery__close:hover { background-image: url(/_assets/styles/../img/close_gallery_hover.png); } doesnotexist:-o-prefocus, .big-gallery__pager .slick-next { background-image: url(/_assets/styles/../img/page_next.png); } doesnotexist:-o-prefocus, .big-gallery__pager .slick-prev { background-image: url(/_assets/styles/../img/page_before.png); } doesnotexist:-o-prefocus, .options__item li { background-image: url(/_assets/styles/../img/arrow-green.png); } doesnotexist:-o-prefocus, .options__additional-status { background-image: url(/_assets/styles/../img/arrow-green.png); } doesnotexist:-o-prefocus, .detailed-op__start-play-vide a:before { background-image: url(/_assets/styles/../img/camcorder.png); } /* */ /*---------- Before 11440 -------------------------------------------------------------------------------------------- */ @media screen and (min-width: 1440px) { .big-gallery__pager { position: absolute; width: 1120px; margin-left: -560px; } } /*---------- end Before 1440 ----------------------------------------------------------------------------------------- */ /* */ /*---------- Before 1650 --------------------------------------------------------------------------------------------- */ @media screen and (min-width: 1650px) { .big-gallery__pager { position: absolute; width: 1280px; margin-left: -640px; } } /*---------- end Before 1650 ----------------------------------------------------------------------------------------- */ /* */ /*---------- Before 1170 --------------------------------------------------------------------------------------------- */ @media screen and (min-width: 1170px) { .detailed-op__gallery { float: left; width: 459px; } .detailed-op__li { /*border: 1px solid #8a8a8a; */ display: inline-block; margin: 0 17px 19px 0; width: 220px; } .detailed-op__li.video { margin-right: 0; position: relative; width: 457px; } .detailed-op .detailed-op__li:nth-child(2n) { margin-right: 0; } } /*---------- end Before 1170 ----------------------------------------------------------------------------------------- */ /* */ /*---------- After 1169(_970_) --------------------------------------------------------------------------------------- */ @media screen and (max-width: 1169px) { .detailed-op { padding-top: 14px; } .detailed-op__li { text-align: center; width: 100%; } .detailed-op__li a { cursor: default; } .detailed-op__gallery { display: none; overflow: hidden; text-align: center; padding-left: 60px; padding-right: 60px; } .detailed-op__gallery .bx-wrapper { position: relative; } .detailed-op__gallery .bx-viewport { position: relative; z-index: 9; } .detailed-op__gallery .bx-pager { font-size: 0; padding: 18px 0 0; text-align: center; } .detailed-op__gallery .bx-pager-item { display: inline-block; padding: 0 9px; vertical-align: top; } .detailed-op__gallery .bx-pager-link { display: block; border: 2px solid #cdcdcd; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; overflow: hidden; margin-top: 4px; height: 16px; text-indent: -1000px; width: 16px; } .detailed-op__gallery .bx-pager-link:hover { border-color: #76d2ee; } .detailed-op__gallery .bx-pager-link.active { background-color: #76d2ee; border-color: #76d2ee; margin-top: 0; height: 24px; width: 24px; } .detailed-op__gallery .bx-prev, .detailed-op__gallery .bx-next { position: absolute; overflow: hidden; height: 80px; margin-top: -61px; top: 50%; text-indent: -100px; width: 40px; z-index: 99; } .detailed-op__gallery .bx-prev:before, .detailed-op__gallery .bx-prev:after, .detailed-op__gallery .bx-next:before, .detailed-op__gallery .bx-next:after { content: ""; background-color: #00bdd5; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; height: 8px; width: 40px; } .detailed-op__gallery .bx-prev:hover:before, .detailed-op__gallery .bx-prev:hover:after, .detailed-op__gallery .bx-next:hover:before, .detailed-op__gallery .bx-next:hover:after { background-color: #1cd3ee; } .detailed-op__gallery .bx-prev.disabled, .detailed-op__gallery .bx-next.disabled { cursor: default; } .detailed-op__gallery .bx-prev.disabled:before, .detailed-op__gallery .bx-prev.disabled:after, .detailed-op__gallery .bx-next.disabled:before, .detailed-op__gallery .bx-next.disabled:after { background-color: #cdcdcd; } .detailed-op__gallery .bx-prev { left: -60px; } .detailed-op__gallery .bx-next { right: -60px; } .detailed-op__gallery .bx-next:before { -moz-transform: rotate(47deg); -ms-transform: rotate(47deg); -webkit-transform: rotate(47deg); -o-transform: rotate(47deg); transform: rotate(47deg); right: -4px; top: 23px; } .detailed-op__gallery .bx-next:after { -moz-transform: rotate(-47deg); -ms-transform: rotate(-47deg); -webkit-transform: rotate(-47deg); -o-transform: rotate(-47deg); transform: rotate(-47deg); right: -4px; top: 47px; } .detailed-op__gallery .bx-prev:before { -moz-transform: rotate(-47deg); -ms-transform: rotate(-47deg); -webkit-transform: rotate(-47deg); -o-transform: rotate(-47deg); transform: rotate(-47deg); left: -4px; top: 23px; } .detailed-op__gallery .bx-prev:after { -moz-transform: rotate(47deg); -ms-transform: rotate(47deg); -webkit-transform: rotate(47deg); -o-transform: rotate(47deg); transform: rotate(47deg); left: -4px; top: 47px; } .detailed-op__name { position: relative; max-height: inherit; left: inherit; top: inherit; text-align: center; } .detailed-op__gallery { padding-top: 22px; position: relative; z-index:3; float: none; width: 100%; } .detailed-op__start-play-video { display: block; } .detailed-op__social { display: none; } .detailed-op__content { padding: 33px 0 0 0; } .detailed-op__wr-contacts { width: 50%; } .detailed-op__name-map { padding-left: 17px; } .detailed-op__description { padding-right: 17px; padding-left: 17px; } .detailed-op__btn { padding-left: 17px; } .detailed-op__btn .bnt-blue { font-size: 24px; height: 80px; width: 505px; } .detailed-op__soc-mob { display: block; } .options { padding-right: 17px; padding-left: 17px; } .other-object .plr { padding-left: 32px; padding-right: 32px; } .other-object__item-list { padding-right: 0; } } /*---------- end After 1169 ------------------------------------------------------------------------------------------ */ /* */ /*---------- After 969(_750_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 969px) { .detailed-op__map { padding-top: 30px; } .detailed-op__map.omp { display: none; } .detailed-op__map.tmp { display: block; } .detailed-op__tell { padding-left: 17px; } .detailed-op__description { padding-top: 39px; } .detailed-op__start-play-video { right: 5%; } .options { padding-top: 25px; } .options__title { font-size: 22px; } .detailed-op__description { padding-top: 28px; } .detailed-op__map { padding-top: 19px; } .text-page__title.top32 { padding-top: 9px; } .other-object .plr { padding-left: 41px; padding-right: 41px; } .other-object__item-list { padding-right: 24px; } } /*---------- end After 969 ------------------------------------------------------------------------------------------- */ /* */ /*---------- After 767(_480_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 767px) { .detailed-op__gallery { padding-left: 50px; padding-right: 50px; } .detailed-op__gallery .bx-prev { left: -50px; } .detailed-op__gallery .bx-next { right: -50px; } .detailed-op__gallery .bx-pager-item { padding: 0 7px; } .detailed-op__content { position: relative; overflow: inherit; padding-top: 97px; } .detailed-op__wr-contacts { float: none; width: 100%; } .detailed-op__wr-contacts-top50 { margin-top:30px; } .detailed-op__wr-contacts-top100 { margin-top:60px; } .detailed-op__price { position: absolute; padding-left: 0; left: 0; top: 15px; width: 100%; } .detailed-op__tell { padding-left: 0; } .detailed-op__name-map { padding-left: 0; } .detailed-op__description { padding-left: 0; padding-right: 0; } .detailed-op__btn { padding-left: 0; } .detailed-op__soc-mob { padding: 0px 0px 50px 0px; } .detailed-op__start-play-video { position: relative; bottom: 0; right: inherit; padding: 12px 0 0; text-align: center; } .detailed-op__start-play-video a { background-color: #4165a8; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 9px 63px 9px 23px; } .detailed-op__start-play-video a:before { background-image: url(/_assets/styles/../img/icon-svg/white-camcorder.svg); right: 21px; top: 7px; } .detailed-op__start-play-video a:hover { color: #aaeaff; } .detailed-op__start-play-video a:hover:before { background-image: url(/_assets/styles/../img/icon-svg/white-camcorder-hover.svg); } .detailed-op__start-play-video a span { text-decoration: none; } .options { padding-left: 0; padding-right: 0; } .options__bll { float: none; width: 100%; } .options__blr { padding-top: 20px; float: none; width: 100%; } .detailed-op__map { padding-top: 17px; } .detailed-op__btn .bnt-blue { padding: 0 15px; max-width: 505px; width: 100%; } .other-object { text-align: center; } .other-object__title { font-size: 22px; padding-bottom: 9px; width: 100%; } .other-object__item-list { padding-right: 0; } .other-object__jump-link { display: none; } .other-object__bottom-jump-link { display: block; } .big-gallery { left:0px; right:0px; min-height:340px; } .big-gallery__big .slick-prev { left: -15px; } .big-gallery__big .slick-next { right:-15px; } .big-gallery__close { right:5px; } } doesnotexist:-o-prefocus, .detailed-op__start-play-vide a:before { background-image: url(/_assets/styles/../img/white-camcorder.png); } doesnotexist:-o-prefocus, .detailed-op__start-play-vide a:hover:before { background-image: url(/_assets/styles/../img/white-camcorder.png); } /*---------- end After 767 ------------------------------------------------------------------------------------------- */ /* */ /*---------- After 480(_320_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 480px) { .detailed-op__h1 { font-size: 23px; line-height: 32px; } .detailed-op__gallery { padding-left: 0; padding-right: 0; } .detailed-op__gallery .bx-prev:before, .detailed-op__gallery .bx-prev:after, .detailed-op__gallery .bx-next:before, .detailed-op__gallery .bx-next:after { background-color: #fff; } .detailed-op__gallery .bx-prev.disabled, .detailed-op__gallery .bx-next.disabled { opacity: 0; } .detailed-op__gallery .bx-prev:hover, .detailed-op__gallery .bx-next:hover { opacity: 1; } .detailed-op__gallery .bx-prev { left: 10px; opacity: 0.5; } .detailed-op__gallery .bx-next { right: 10px; opacity: 0.5; } .detailed-op__gallery .bx-pager-item { padding: 0 4px; } .detailed-op__tell { padding-left: 0; } .detailed-op__contacts-data { float: none; width: 100%; } .detailed-op__name-people { padding: 16px 0 3px; } .detailed-op__name-people span { font-size: 14px; } .detailed-op .detailed-op__name-map { padding-bottom: 7px; } } /*---------- end After 480 ------------------------------------------------------------------------------------------- */ /* */ /*---------- After 400 ----------------------------------------------------------------------------------------------- */ @media screen and (max-width: 400px) { .detailed-op__btn .bnt-blue { height: 100px; } .detailed-op__gallery .bx-pager-item { padding: 0 3px; } } /*---------- end After 400 ------------------------------------------------------------------------------------------- */ /* */ /*=============================================== end Detailed Object Pages ========================================== */ /* */ /* */ /*====================================================== Footer ====================================================== */ .jump-ff { clear: both; overflow: hidden; height: 63px; } .footer { background-color: #6dc8e4; bottom: 0; position: absolute; line-height: 16px; left: 0; height: 63px; padding: 23px 29px 0; width: 100%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .footer__menu { float: left; width: 71%; } .footer__menu a { color: #fff; float: left; line-height: 16px; margin-right: 34px; text-decoration: underline; } .footer__menu a:hover { text-decoration: none; } .footer__menu a:last-child { margin-right: 0; } .footer__copyright { color: #a7e7fd; overflow: hidden; text-align: right; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } /* */ /*---------- After 1169(_970_) --------------------------------------------------------------------------------------- */ @media screen and (max-width: 1169px) { .footer { padding: 23px 24px 0; } } /*---------- end After 1169 ------------------------------------------------------------------------------------------ */ /* */ /*---------- After 767(_480_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 767px) { .jump-ff { display: none; } .footer { padding: 20px 15px 5px; position: relative; overflow: hidden; left: inherit; bottom: inherit; height: inherit; } .footer__menu { width: 50%; } .footer__menu a { display: table; float: none; margin-bottom: 17px; } } /*---------- end After 767 ------------------------------------------------------------------------------------------- */ /* */ /*---------- After 480(_320_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 480px) { .footer__menu { float: none; width: 100%; } .footer__copyright { padding: 2px 0 17px; text-align: left; } } /*---------- end After 480 ------------------------------------------------------------------------------------------- */ /* */ /*==================================================== end Footer ==================================================== */ /* */ /* */ /*====================================================== Popups ====================================================== */ /* */ #w-entry .popups-win { width: 382px; } #w-currency-selection .popups-win, #w-verification .popups-win, #w-object-auction .popups-win { width: 480px; } .w670 .popups-win { width: 670px; } .popup-wrapper { background-color: rgba(255, 255, 255, 0.7); position: fixed; height: 100%; overflow: auto; left: 0; top: 0; width: 100%; z-index: 9999999; } .popups-win { background-color: #00bcd8; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); padding: 2px; position: relative; margin: 0.5% auto; min-width: 300px; } .close-popup { cursor: pointer; position: absolute; right: 25px; height: 30px; top: 20px; width: 30px; } .close-popup span:before, .close-popup span:after { content: ""; position: absolute; background-color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .close-popup span:before { left: 6px; top: 15px; height: 4px; width: 22px; } .close-popup span:after { left: 15px; top: 6px; height: 22px; width: 4px; } .close-popup:hover span:before, .close-popup:hover span:after { background-color: #c2f7ff; } .popups__title { color: #fff; font-size: 24px; line-height: 24px; padding: 0 50px 0 27px; } .popups__title span { display: table-cell; height: 72px; padding-bottom: 2px; vertical-align: middle; } .popups__title i { font-style: normal; } .popups__title a { color: #a7e7fd; font-size: 18px; margin-left: 38px; text-decoration: underline; } .popups__title a:hover { color: #fff; text-decoration: none; } .popups__content { background-color: #fff; padding: 13px; } .popups__title-list { font-size: 18px; line-height: 21px; padding: 8px 0 13px 14px; } .popups__btn { border-top: 1px solid #eaeaea; margin-top: 12px; padding: 20px 0 7px 15px; } .popups__btn .bnt-blue { font-size: 20px; height: 50px; width: 180px; } .entry__cloud-field { font-size: 16px; padding-top: 16px; } .entry__lbl { float: left; padding: 10px 0 0 15px; width: 82px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .entry__rbl { padding-right: 14px; overflow: hidden; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .entry__checkbox { display: block; overflow: hidden; padding: 19px 0 0 82px; } .entry__checkbox label { color: #0077bc; cursor: pointer; font-size: 16px; padding-left: 6px; } .entry__btn { display: block; padding: 19px 11px 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .entry__btn .bnt-blue { font-size: 20px; height: 50px; width: 100%; } .entry__soc-icon { padding: 14px 0 2px 20px; } .entry__soc-icon a { color: #0077bc; display: inline-block; padding: 10px 0 10px 51px; font-size: 16px; text-decoration: underline; } .entry__soc-icon a:hover { color: #00bcd8; text-decoration: none; } .entry__soc-item { display: block; padding-top: 8px; } .entry__in-fb { background: url(/_assets/styles/../img/icon-svg/fb-icon.svg) 0 0 no-repeat; } .entry__in-vk { background: url(/_assets/styles/../img/icon-svg/vk-icon.svg) 0 0 no-repeat; } .check-in__lbl { font-size: 16px; float: left; padding: 10px 0 0 17px; width: 221px; } .check-in__rfull { float: left; width: 267px; } .check-in__rbl, .check-in__rfull { font-size: 0; position: relative; padding-left: 13px; vertical-align: top; } .check-in__rbl { overflow: hidden; } .check-in__rbl .my-select { width: 254px; } .check-in__wrf { display: inline-block; width: 254px; } .check-in__star { color: #00bcd8; display: inline-block; position: absolute; font-size: 18px; left: 0; top: 14px; } .check-in__time-from, .check-in__time-by { display: inline-block; font-size: 16px; padding-top: 10px; vertical-align: top; } .check-in__time-from { width: 21px; } .check-in__time-by { padding-left: 10px; width: 41px; } .check-in__wtf { display: inline-block; vertical-align: top; width: 96px; } .check-in__cloud-field { clear: both; padding-top: 10px; position: relative; } .check-in__btn { border-top: 1px solid #eaeaea; padding-top: 10px; margin-top: 10px; text-align: center; } .check-in__btn .bnt-blue { display: inline-block; font-size: 20px; height: 50px; width: 253px; } .check-in__btn .bnt-blue.nowidth { width:auto; padding: 0px 11px; vertical-align: top; min-width: 120px; margin:1px 10px 1px 0px; } .check-in__btn .mfilter__select-radio-item { float:none; padding: 0px 1px 0px 1px; -webkit-padding-top:1px; margin:1px; display: inline-block; border-top:1px solid #d0e4ee; border-bottom: 1px solid #a6c5d9 } .check-in__btn .mfilter__select-radio-item span { height: 48px; } .check-in__description-field { clear: both; color: #cc3333; display: block; font-size: 12px; padding: 5px 0 5px; max-width: 340px; } #w-check-in .popups__content { padding-top: 0; } .currency-selection__item { color: #0077bc; padding: 10px 0 10px 31px; } .town-selection__cloud { border-top: 1px solid #eaeaea; margin-top: 6px; padding: 20px 0 16px 15px; } .town-selection__name { font-size: 16px; padding-left: 10px; } .town-selection__enter-field { padding-top: 6px; float: left; width: 60%; } .town-selection__btn { padding-left: 9px; float: left; width: 40%; } .town-selection__btn .bnt-blue { font-size: 20px; height: 50px; width: 180px; } ._select { position: relative; } ._select .st-input-enter, ._select .field-blue { background-color: #00A1B0; border: 2px solid #00A1B0; color: #fff !important; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; border-bottom: 0; } ._select .help-win { display: block; } .help-win { background-color: #fff; border: 2px solid #00A1B0; border-top: 0; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; display: none; position: absolute; left: 0; top: 40px; width: 100%; max-height:280px; overflow: auto; z-index: 10; } .help-win__wrapper { padding: 4px 3px 3px; } .help-win__wrapper._scroll { max-height: 211px; } .help-win__item { display: block; padding-bottom: 1px; } .help-win__link { color: #00a1b0; display: block; font-size: 18px; padding: 10px 8px; width: 100%; } .help-win__link:hover, .help-win__link.active { background-color: #00C6D8; color: #fff; } .help-win__not-found { display: block; font-size: 12px; line-height: 16px; padding: 10px 10px; } ._select input::-webkit-input-placeholder { color: #fff; } ._select input:-moz-placeholder { color: #fff; } ._select input::-moz-placeholder { color: #fff; } ._select input:focus::-webkit-input-placeholder { color: #fff !important; } ._select input:focus::-moz-placeholder { color: #fff !important; } .contreg { padding-left: 30px; padding-right: 30px; } .confirmation-reg__description { font-size: 16px; padding: 17px 0 0; } .confirmation-reg__description span { display: block; max-width: 500px; } .confirmation-reg__two-name { padding: 32px 0 0; } .confirmation-reg__two-name span { display: block; font-size: 24px; } .confirmation-reg__two-name em { color: #8d8d8d; display: block; font-size: 12px; font-style: normal; padding-top: 6px; } .confirmation-reg__cloud-tel { padding-top: 29px; } .confirmation-reg__field { float: left; width: 203px; } .confirmation-reg__btn-sms { padding-left: 9px; float: left; width: 50%; } .confirmation-reg__btn-sms .bnt-blue { height: 40px; width: 186px; } .confirmation-reg__cloud-sms-code { clear: both; padding-top: 27px; } .confirmation-reg__name-scode { font-size: 16px; float: left; padding-top: 10px; width: 81px; } .confirmation-reg__field-scode { float: left; width: 122px; } .confirmation-reg__btn-scode { overflow: hidden; padding: 0 0 5px 9px; } .confirmation-reg__btn-scode .bnt-blue { height: 40px; width: 132px; } .confirmation-reg__activate-time { clear: both; padding: 33px 0 22px 0; } .confirmation-reg__activate-time a { color: #0077bc; font-size: 18px; text-decoration: underline; } .confirmation-reg__activate-time a:hover { color: #00bcd8; text-decoration: none; } #w-object-auction .popups__title-list span { display: block; } .btn-action-selection { border-top: 1px solid #eaeaea; padding: 20px 0 7px 15px; font-size: 0; margin-top: 4px; } .btn-action-selection .bnt-blue { font-size: 20px; height: 50px; width: 180px; } .btn-action-selection__prt-one, .btn-action-selection__prt-two { display: inline-block; } .btn-action-selection__prt-two { padding-left: 22px; } doesnotexist:-o-prefocus, .entry__in-fb { background-image: url(/_assets/styles/../img/fb-icon.png); } doesnotexist:-o-prefocus, .entry__in-vk { background-image: url(/_assets/styles/../img/vk-icon.png); } /* */ /*---------- After 1169(_970_) --------------------------------------------------------------------------------------- */ @media screen and (max-width: 1169px) { .popups__btn .bnt-blue { height: 60px; width: 200px; } .entry__lbl { padding-top: 12px; } .entry__btn .bnt-blue { font-size: 24px; height: 80px; } .check-in__lbl, .check-in__time-from, .check-in__time-by { padding-top: 12px; } .check-in__btn .bnt-blue { font-size: 22px; height: 80px; width: 270px; } .check-in__star { top: 16px; } .currency-selection__item label { font-size: 18px; } .town-selection__enter-field { padding-top: 8px; } .town-selection__btn .bnt-blue { height: 60px; width: 200px; } .confirmation-reg__btn-sms .bnt-blue, .confirmation-reg__btn-scode .bnt-blue { font-size: 20px; height: 60px; } .confirmation-reg__btn-sms .bnt-blue, .confirmation-reg__btn-scode .bnt-blue { width: 230px; } .confirmation-reg__field { padding-top: 10px; } .confirmation-reg__name-scode { padding-top: 20px; } .confirmation-reg__field-scode { padding-top: 10px; } .btn-action-selection .bnt-blue { height: 60px; } .btn-action-selection__prt-two { padding-left: 29px; } } /*---------- end After 1169 ------------------------------------------------------------------------------------------ */ /* */ /*---------- After 767(_480_) ---------------------------------------------------------------------------------------- */ @media screen and (max-width: 767px) { .popup-wrapper .popups-win { box-shadow: none; margin: 0 auto; width: 100% !important; } .popups__title { padding-left: 13px; } .popups__title-list { padding-left: 0; } .currency-selection__item { padding-left: 15px; } .contreg { padding-left: 13px; padding-right: 13px; } .btn-action-selection .bnt-blue { height: 60px; } .btn-action-selection__prt-two { padding-left: 29px; } .btn-action-selection { padding-left: 0; } } /*---------- end After 767 ------------------------------------------------------------------------------------------- */ /* */ /*---------- Before 631 ---------------------------------------------------------------------------------------------- */ @media screen and (min-width: 631px) { .check-in__cloud-field.selblock .check-in__lbl { display: block; height: 40px; float: none; } .check-in__cloud-field.selblock .check-in__rbl { overflow: inherit !important; position: absolute; left: 221px; top: 10px; } } /*---------- end Before 631 ------------------------------------------------------------------------------------------ */ /* */ /* */ /*---------- Before 1169-631 ----------------------------------------------------------------------------------------- */ @media screen and (max-width: 1169px) and (min-width: 631px) { .check-in__cloud-field.selblock .check-in__lbl { height: 44px; } } /*---------- ABefore 1169-631 ---------------------------------------------------------------------------------------- */ /* */ /*---------- After 630 ----------------------------------------------------------------------------------------------- */ @media screen and (max-width: 630px) { .popups__title a { margin-left: 25px; } .entry__rbl { padding-right: 0; } .entry__lbl { padding-left: 5px; width: 70px; } .entry__checkbox { padding-left: 70px; } .entry__btn { padding-left: 0; padding-right: 0; } .check-in__lbl { padding-left: 10px; float: none; width: 100%; } .check-in__lbl.wew { padding-left: 20px; } .check-in__rbl, .check-in__rfull { padding: 5px 0 0; } .check-in__rbl { overflow: inherit; } .check-in__rbl .my-select { width: 100%; } .check-in__wrf, .check-in__rfull { width: 100%; } .check-in__wtf { width: 91px; } .check-in__description-field { max-width: 100%; } .popups__content .check-in__star { left: inherit; right: 15px; top: -15px; } .town-selection__cloud { padding-left: 0; } .town-selection__enter-field { float: none; width: 100%; } .town-selection__btn { padding: 25px 0 0; float: none; width: 100%; } .confirmation-reg__field { padding-top: 0; float: none; width: 100%; } .confirmation-reg__btn-sms { padding: 15px 0 0; float: none; width: 100%; } .confirmation-reg__cloud-sms-code { border-top: 1px solid #cccccc; margin-top: 30px; padding-top: 10px; } .confirmation-reg__btn-scode { clear: both; padding: 15px 0 0; overflow: inherit; width: 100%; } } /*---------- end After 630 ------------------------------------------------------------------------------------------- */ /* */ /*---------- After 480 ----------------------------------------------------------------------------------------------- */ @media screen and (max-width: 480px) { #w-object-auction .popups__title-list span { display: inline; } .lcards__name a {font-size: 14px !important;} .lcards__name a {line-height: 2 !important;} .lcards__name {padding-top: 3px !important;} .lcards__part-text {bottom: -73px !important;} .btn-action-selection .bnt-blue { width: 116px; } } /*---------- end After 480 ------------------------------------------------------------------------------------------- */ /* */ /* */ /*===================================================== end Popups =================================================== */ /*# sourceMappingURL=styles.css.map */ /* End */ /* Start:/_assets/styles/all.css?15900746043932*/ /* ---------------------- common -------------------- */ .address { width: 390px; margin-top: 50px; padding: 20px 40px 30px; border: 2px solid #e1e1e1; background-color: #f7f7f7; box-shadow: rgba(0, 0, 0, 0.075) 1px 1px 5px; color: #555; font-size: 14px; font-family: Helvetica, Arial, sans-serif; } .address h2 { margin: 0 0 20px 0; padding: 0; font-size: 20px; text-align: center; } .address input, .address button { outline: none; } .field { margin-bottom: 10px; padding: 0; } .field input { height: 2em; width: 370px; border: 1px solid #d8d8d8; padding: 0 7px; color: #666; } .addition { padding-top: 15px; } .addition .block { display: block; min-height: 170px; padding: 20px; margin-bottom: 10px; background-color: #fcfcfc; border: 1px solid #d8d8d8; font-size: 13px; width: 445px; } .addition .title { font-weight: bold; font-size: 14px; margin: 0; padding: 0; margin-bottom: 10px; } .addition ul { margin: 0; padding: 0; list-style-type: none; } .addition ul li, .addition p { line-height: 13px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: rgb(85, 85, 85); padding: 0; margin-bottom: 5px; } .addition .name { font-style: italic; } #kladr_autocomplete a, #kladr_autocomplete strong, #kladr_autocomplete small { font-family: Helvetica, Arial, sans-serif; font-size: 14px; } #kladr_autocomplete a { color: #555; } #kladr_autocomplete small { color: #AAA; font-size: 12px; } /* ------------------ one string example ----------------- */ #one_string .address { width: 485px; } #one_string .field .group-name { margin-top: 25px; margin-bottom: 10px; } #one_string .field input { width: 470px; } #one_string .field label { display: inline; margin-right: 15px; } #one_string .field [type="radio"] { height: 1.5em; width: 20px; vertical-align: middle; } /* ----------------- type code example ------------------ */ #type_code .address { width: 390px; } #type_code .field label { display: block; margin-top: 5px; } #type_code .field [type="radio"] { height: 1.5em; width: 20px; vertical-align: middle; } /* -------------------- form example -------------------- */ #form .address { width: 400px; } #form .field { margin-bottom: 20px; } #form .field label { display: inline-block; width: 80px; vertical-align: middle; } #form .field input { width: 295px; } #form .tooltip { position: absolute; top: 16px; left: 360px; width: 120px; color: #b94a48; padding: 8px 10px; border-radius: 5px; border: 1px solid #eed3d7; background-color: #f2dede; opacity: 0.8; } #form .tooltip b { position: absolute; display: block; left: -14px; width: 0; height: 0; color: transparent; border: 7px solid; border-right-color: #f2dede; } /* ----------------- form with map example ---------------- */ #form_with_map .address { width: 808px; padding: 40px; } #form_with_map .address .kladr-error { color: #df2c0f; } #form_with_map .col-1 { float: left; } #form_with_map .col-2 { margin-left: 384px; } #form_with_map .field { margin-bottom: 20px; } #form_with_map .field label { display: inline-block; width: 80px; vertical-align: middle; } #form_with_map .field input { width: 240px; } #form_with_map .panel-map { width: 384px; height: 582px; padding: 20px; border: 1px solid #d8d8d8; background: #ffffff; background-size: 400px 250px; } #form_with_map .addition .block { margin-bottom: 20px; min-height: 165px; height: 177px; width: 298px; } #form_with_map .addition .block:nth-child(1) { min-height: 88px; height: 88px; line-height: 20px; } /* End */ /* Start:/_assets/styles/styles-custom.css?15900746043748*/ .user-catalog__cont-data.us-in-something{ } /* support catalog-detail-payment-type list - begin */ ul.options__item li{ background: url(/_assets/styles/../img/icon-svg/arrow-green.svg) 0 6px no-repeat; font-size: 16px; line-height: 20px; padding: 3px 0 2px 16px; } .itext ul.options__item li:before { background-color: transparent; } /* support catalog-detail-payment-type list - end */ /* filter item updates */ .mfilter .mf03 .mfilter__select-item { width: 405px; } .mfilter .mf04 .mfilter__select-item { width: 405px; } .bx_ui_slider_track > .bx_ui_slider_range { z-index: 150; } .bx_ui_slider_track > .bx_ui_slider_range > .bx_ui_slider_handle { top: -7px; background: url(/_assets/styles/../img/slide-circle.png) center no-repeat; width: 24px; } .bx-ui-slider-track-container { padding: 15px 10px 0px 40px; padding-bottom: 0px; position: relative; } .mfilter__select-radio-item.disabled { /*background: linear-gradient(to bottom, #d0e4ee, #a6c5d9);*/ background: linear-gradient(to bottom, #eeeeee, #d9d9d9); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; /*color: #0077bc;*/ color: #777777; /*cursor: pointer;*/ cursor: default; float: left; font-size: 16px; position: relative; padding: 1px; min-width: 35px; margin: 4px 4px 0 0; text-align: center; white-space: nowrap; } .mfilter__select-radio-item.disabled:hover { color: #777777; /*background: #f00;*/ background: linear-gradient(to bottom, #eeeeee, #d9d9d9);} .mfilter__select-radio-item.disabled:hover span { /*background: #f00; */ } .mfilter__select-radio-item.disabled span { /*background: linear-gradient(to top, #d0e4ee, #ffffff);*/ background: linear-gradient(to top, #eeeeee, #ffffff); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; display: table-cell; padding: 0 11px; height: 38px; vertical-align: middle; width: 38px; } .mfilter__select-radio-item.disabled.stwo span { width: 85px; } .mp-list-city__link.b{ font-weight: bold; } .detailed-op__more-price { min-height: 0px; } .custom_ok { color: #0077bc; } .custom_error { color: red !important; } .mess_ok, .sms_form_message { margin:10px 0px 20px; padding:20px; color:#00bcd8; font-size: 16px; border:1px solid #00bcd8; border-radius:5px; } #error_all, #ERR_IMAGES { display:none; } #error_all, #ERR_IMAGES, .error, #custom_error_field, .errortext { background:#fdc5c5; padding:8px 12px; color:#000; font-size:14px; margin:15px 0px 15px 0px; } .errortext { display: block; } .check-in__cloud-field.error { padding:5px 0px; margin:3px 0px; } #error_all { margin:15px 0px 15px -15px; } .sms_form_message.error { display:block; margin-bottom:0px; border:0px; border-radius: 0px; } #error_all.displayerror { display:block; margin:10px 0px 20px; padding:20px; font-size: 16px; border-radius:5px; } .lcards__photo { background:url(/_assets/styles/../img/loader.gif) center center no-repeat; } @media screen and (max-width: 748px) { div.lcards__photo { max-height:none; } } @media screen and (max-width: 430px) { .mfilter__select-radio-item:hover { color: #0077bc; background: linear-gradient(to bottom, #d0e4ee, #a6c5d9); } .mfilter__select-radio-item:hover span { background: linear-gradient(to top, #d0e4ee, #ffffff); } } /* End */ /* Start:/local/templates/.default/components/bitrix/system.auth.form/dom-popup/style.css?1590074646986*/ div.bx-system-auth-form span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:bottom; margin-top:-1px;} div.bx-system-auth-form div.bx-auth-secure-icon {background-image:url(/local/templates/.default/components/bitrix/system.auth.form/dom-popup/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;} div.bx-system-auth-form div.bx-auth-secure-unlock {background-image:url(/local/templates/.default/components/bitrix/system.auth.form/dom-popup/images/sec-unlocked.png);} div.bx-system-auth-form div.custom_error_field {display: none; color: red;} div.bx-system-auth-form div.custom_msg_field {display: none; color: black;} #cust_popup_login a { color: #0099cc; text-decoration: underline; } #cust_popup_login a:hover { color: #00bcd8; text-decoration: none; } .entry__btn_txt { display: block; padding: 10px 13px 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; font-size: 16px; } /* End */ /* Start:/local/templates/.default/components/bitrix/main.register/dom-popup/style.css?15900746462131*/ div.bx-auth-reg input.bx-auth-input {vertical-align:middle;} div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;} div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(/local/templates/.default/components/bitrix/main.register/dom-popup/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;} div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(/local/templates/.default/components/bitrix/main.register/dom-popup/images/sec-unlocked.png);} /* .check-in__cloud-field.selblock .jq-selectbox__dropdown { border-top: 2px solid #00bcd8; padding-top: 0; } .check-in__cloud-field.selblock .jq-selectbox__dropdown ul { max-height: 160px; } .check-in__cloud-field.selblock .jq-selectbox__dropdown li { list-style-type: none; line-height: 39px; padding: 0 0 0 9px; } .check-in__cloud-field.selblock .jq-selectbox__dropdown .jq-selectbox__search { padding: 0 0 0 9px; } .check-in__cloud-field.selblock .jq-selectbox__dropdown .jq-selectbox__search input{ line-height: 39px; font-size: 16px; } .check-in__cloud-field.selblock .jq-selectbox__dropdown li:before { height: 0px; width: 0px; background-color: #fff; } */ /* .check-in__cloud-field.selblock .reg_auto_compl .jq-selectbox__select { max-height: 0px; overflow: hidden; } */ #w-check-in .popups__content .check-in__cloud-field.lgnblock { height: 0px; overflow: hidden; padding: 0; } .st-input-enter.regform_cap { max-width: 180px; } .check-in__cloud-field.top_line { border-top: 1px solid #eaeaea; padding-top: 10px; margin-top: 10px; } .check-in__agree { border-top: 1px solid #eaeaea; padding: 17px 0px 7px 17px; margin-top: 10px; } .check-in__agree .label-style { font-size: 0.85em; padding-left: 0px; margin-left: 10px; display: inline-block; } @media screen and (max-width: 480px) { .check-in__agree .label-style { max-width:80%; } } .check-in__agree .label-style a { font-size: 1em; } .check-in__agree .jq-checkbox { vertical-align: baseline; } /* .check-in__description-field.normal { color: #000; padding: 0; } */ .check-in__description-field.city_text { color:#000; } /* End */ /* /_assets/styles/reset.css?15900746043658 */ /* /_assets/js/scroll/scrollbar.css?159007460454850 */ /* /_assets/js/slick/slick.css?15900746041846 */ /* /_assets/js/slick/slick-theme.css?15900746043349 */ /* /_assets/js/jquery-ui/jquery-ui.min.css?159007460416936 */ /* /_assets/styles/styles.css?1631879397154245 */ /* /_assets/styles/all.css?15900746043932 */ /* /_assets/styles/styles-custom.css?15900746043748 */ /* /local/templates/.default/components/bitrix/system.auth.form/dom-popup/style.css?1590074646986 */ /* /local/templates/.default/components/bitrix/main.register/dom-popup/style.css?15900746462131 */