/* Start:/local/templates/.default/css/lib/normalize.min.css?17836210362154*/ button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} menu,article,aside,details,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none} /* End */ /* Start:/local/templates/.default/css/lib/jquery.mCustomScrollbar.css?178362103653583*/ /* == 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(/local/templates/.default/css/lib/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:/local/templates/.default/css/lib/jquery.fancybox.min.css?178362103612796*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/.default/css/lib/owl.carousel.min.css?17836210362937*/ /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/.default/css/lib/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/.default/css/common/fonts.css?1783621036311*/ @font-face { font-family: "Exo 2"; src: url(/local/templates/.default/css/common/../../fonts/Exo2-Regular.woff) format("woff"); } @font-face { font-family: "Exo 2"; font-weight: 300; src: url(/local/templates/.default/css/common/../../fonts/Exo2-Light.woff) format("woff"); } @font-face { font-family: "Exo 2"; font-weight: bold; src: url(/local/templates/.default/css/common/../../fonts/Exo2-Bold.woff) format("woff"); } /* End */ /* Start:/local/templates/.default/css/common/typography.css?17836210363947*/ /* ========================================================================== Типографика — шрифт Exo 2, базовая линия 16px / line-height 1.28 ========================================================================== */ /* --- Заголовки --- */ h1, h2, h3, h4, h5, h6, .typography-h1, .typography-h2, .typography-h3, .typography-h4, .typography-h5, .typography-h6 { /*color: #34393c;*/ display: block; font-family: "Exo 2", sans-serif; font-weight: 300; line-height: 1.2; margin: 0 0 0.5em; } h1, .typography-h1 { font-size: 2rem; /* 32px */ font-weight: bold; letter-spacing: -0.02em; line-height: 1.15; } @media screen and (max-width: 640px) { h1, .typography-h1 { font-size: 1.625rem; } } h2, .typography-h2 { font-size: 1.5rem; /* 24px */ font-weight: bold; letter-spacing: -0.01em; } @media screen and (max-width: 640px) { h2, .typography-h2 { font-size: 1.25rem; } } h3, .typography-h3 { font-size: 1.25rem; /* 20px */ font-weight: bold; } h4, .typography-h4 { font-size: 1.125rem; /* 18px */ font-weight: bold; } h5, .typography-h5 { font-size: 1rem; /* 16px */ font-weight: bold; } h6, .typography-h6 { font-size: 0.875rem; /* 14px */ font-weight: bold; text-transform: uppercase; letter-spacing: 0.04em; } /* --- Текст --- */ p { margin: 0 0 1em; font-size: 1rem; line-height: 1.28; } p:last-child { margin-bottom: 0; } .lead, .typography-lead { font-size: 1.125rem; line-height: 1.4; font-weight: 300; } .small, .typography-small { font-size: 0.875rem; /* 14px */ line-height: 1.35; } .typography-tiny { font-size: 0.75rem; /* 12px */ line-height: 1.35; } /* --- Списки --- */ ul, ol { margin: 0 0 1em; padding-left: 1.5em; font-size: 1rem; line-height: 1.28; color: #34393c; } ul ul, ol ol, ul ol, ol ul { margin: 0.25em 0; } /* --- Цитаты --- */ blockquote { margin: 0 0 1em; padding: 0.5em 0 0.5em 1em; border-left: 3px solid #0cb28b; font-size: 1rem; line-height: 1.28; color: #34393c; font-style: italic; } blockquote cite { display: block; margin-top: 0.5em; font-size: 0.875rem; font-style: normal; color: #6b7174; } /* --- Ссылки в тексте --- */ .typography a { color: #0cb28b; text-decoration: none; } .typography a:hover { text-decoration: underline; } /* --- Выделение и код --- */ .typography strong, .typography b { font-weight: bold; } .typography em, .typography i { font-style: italic; } .typography code, .typography kbd { font-family: "Consolas", "Monaco", "Courier New", monospace; font-size: 0.9em; padding: 0.15em 0.35em; background: #e8eaeb; border-radius: 3px; color: #34393c; } .typography pre { margin: 0 0 1em; padding: 1em; overflow-x: auto; background: #e8eaeb; border-radius: 4px; font-family: "Consolas", "Monaco", "Courier New", monospace; font-size: 0.875rem; line-height: 1.5; color: #34393c; } .typography pre code { padding: 0; background: none; } /* --- Утилиты шрифтов --- */ .font-light { font-weight: 300; } .font-regular { font-weight: 400; } .font-bold { font-weight: bold; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-capitalize { text-transform: capitalize; } /* --- Обёртка контента --- */ .typography { font-family: "Exo 2", sans-serif; font-size: 1rem; line-height: 1.28; color: #34393c; } .typography > *:first-child { margin-top: 0; } .typography > *:last-child { margin-bottom: 0; } /* End */ /* Start:/local/templates/.default/css/common/global.css?17836210361124*/ html { background: #eff1f1; color: #34393c; font: 300 16px/1.28 "Exo 2", sans-serif; min-width: 320px; } @media screen and (min-width: 865px) and (max-width: 1288px) { body { overflow: hidden auto; } } body.compensate-for-scrollbar header { padding-right: 15px;} img { max-width: 100%; vertical-align: middle; } a { color: #0cb28b; text-decoration: none; } strong, b { font-weight: bold; } input, button, textarea { -webkit-box-sizing: border-box; box-sizing: border-box; color: #34393c; display: block; font: 300 14px "Exo 2", sans-serif; } input:focus, button:focus, textarea:focus { outline: none; } button { cursor: pointer; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 0.75; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 0.75; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 0.75; } textarea { resize: none; } input[type='number'] { -moz-appearance: textfield; } input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none; } table { border-collapse: collapse; } /* End */ /* Start:/local/templates/.default/css/common/common.css?17836210362486*/ .clearfix::after { clear: both; content: ""; display: block; } .aligner { display: inline-block; line-height: 1.28; vertical-align: middle; } .single-line { max-width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .read-more { display: inline-block; margin: 24px 0 0; text-align: center; width: 100%; } @media screen and (max-width: 440px) { .read-more { margin: 14px 0 0; } } .read-more .button { padding: 0; width: 186px; } .single-line { max-width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .hidden { display: none; } .tab-content { height: 0; opacity: 0; overflow: hidden; -webkit-transition: opacity 0.36s, visibility 0.36s; -o-transition: opacity 0.36s, visibility 0.36s; transition: opacity 0.36s, visibility 0.36s; visibility: hidden; width: 0; } .tab-content.is-visible { height: auto; opacity: 1; visibility: visible; width: auto; } .show-more { margin: 20px 0 0; text-align: center; } @media screen and (max-width: 440px) { .show-more { margin: 16px 0 0; } } .show-more .button { text-transform: none; } .background-image, .background-image_none-hover {display: block;background-position: center center;background-repeat: no-repeat;background-size: cover; -webkit-transition: transform .36s; transition: transform .36s;} .background-image:hover {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} .product-certificates .background-image, .product-certificates .background-image_none-hover { background-size: contain; } .size_autox147 { width: auto; height: 147px; } .size_autox170 { width: auto; height: 170px; } .size_autox180 { width: auto; height: 180px; } .size_autox225 { width: auto; height: 225px; } .size_autox230 { width: auto; height: 230px; } .size_autox306 { width: auto; height: 306px; } .size_autox348 { width: auto; height: 348px; } .size_autox680 { width: auto; height: 680px; } .size_autox576 { width: auto; height: 576px; } .size_70x70 { width: 70px; height: 70px; } .size_240x180 { width: 240px; height: 180px; } .size_178x100 { width: 178px; height: 100px; } .size_138x142 {width: 120px; height: 125px; margin: 9px auto; } .loading_page {position: absolute;left: 0px;top: 0px;z-index: 9999;width: 100%;height: 100%;background: #fff url(/local/templates/.default/css/common/../img/loader_2.gif) center center no-repeat;background-size: contain;-moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;} .loading_normal { background-size: auto; } /* End */ /* Start:/local/templates/.default/css/common/checkbox.css?17836210361245*/ .check-box label { display: inline-block; padding-left: 30px; position: relative; } .check-box input { height: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; } .check-box input:checked + .icon { background: #0cb28b; border-color: #0cb28b; } .check-box input:checked + .icon .fa-check { opacity: 1; } .check-box input:checked + .icon + .caption { color: #34393c; } .check-box .icon { background: none; border: 2px solid #b2b4b7; border-radius: 100%; color: white; font-size: 12px; height: 18px; line-height: 14px; left: 0; position: absolute; text-align: center; -webkit-transition: background 0.18s, border-color 0.18s; -o-transition: background 0.18s, border-color 0.18s; transition: background 0.18s, border-color 0.18s; top: -3px; width: 18px; } .check-box .icon .fa-check { opacity: 0; -webkit-transition: opacity 0.18s; -o-transition: opacity 0.18s; transition: opacity 0.18s; } .check-box .caption { color: #b2b4b7; display: block; font-size: 14px; line-height: 16px; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; } /* End */ /* Start:/local/templates/.default/css/block/header.css?178362103612445*/ .header { background: #34393c; color: white; font-size: 15px; position: relative; z-index: 888; } @media screen and (min-width: 1289px) { .header { left: 0; position: fixed; right: 0; top: 0; } } .header_logo { display: block; float: left; height: 74px; line-height: 74px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .header_logo { margin-right: 50px; } } .header_logo img { max-height: 100%; } .header_menu { float: left; margin-right: 95px; } @media screen and (max-width: 1288px) { .header_menu { float: right; margin: 0; } } .header_menu .toggle { display: block; height: 74px; position: relative; width: 28px; } @media screen and (min-width: 1289px) { .header_menu .toggle { display: none; } } .header_menu .toggle.is-active .t { margin: -2px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .header_menu .toggle.is-active .m { opacity: 0; } .header_menu .toggle.is-active .b { margin: -2px 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .header_menu .toggle span { background: #b2b4b7; border-radius: 4px; display: block; height: 4px; left: 0; position: absolute; right: 0; top: 50%; -webkit-transition: margin 0.36s, opacity 0.36s, -webkit-transform 0.36s; transition: margin 0.36s, opacity 0.36s, -webkit-transform 0.36s; -o-transition: margin 0.36s, opacity 0.36s, transform 0.36s; transition: margin 0.36s, opacity 0.36s, transform 0.36s; transition: margin 0.36s, opacity 0.36s, transform 0.36s, -webkit-transform 0.36s; } .header_menu .toggle .t { margin: -12px 0 0; } .header_menu .toggle .m { margin: -2px 0 0; } .header_menu .toggle .b { margin: 8px 0 0; } @media screen and (min-width: 1289px) { .header_menu .list { display: block !important; } } @media screen and (max-width: 1288px) { .header_menu .list { background: #34393c; display: none; left: 0; position: absolute; right: 0; top: 100%; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .header_menu .list { border-top: 1px solid #494d50; } } .header_menu .list ul { list-style: none; margin: 0 auto; padding: 0; } @media screen and (min-width: 865px) and (max-width: 1288px) { .header_menu .list ul { width: 832px; } } @media screen and (min-width: 865px) { .header_menu .list li { float: left; margin-right: 25px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .header_menu .list li { margin-right: 100px; } } .header_menu .list li:last-child { margin: 0; } .header_menu .list li:hover a { color: white; } .header_menu .list li.is-active a { color: white; } @media screen and (min-width: 865px) { .header_menu .list li.is-active a { border-color: #0cb28b; } } @media screen and (max-width: 864px) { .header_menu .list li.is-active a { background: #222528; } } .header_menu .list a { border-bottom: 2px solid #34393c; color: #b2b4b7; display: block; font-weight: normal; height: 74px; line-height: 76px; text-align: center; text-transform: uppercase; } @media screen and (max-width: 1288px) { .header_menu .list a { height: 46px; line-height: 46px; } } @media screen and (max-width: 864px) { .header_menu .list a { border-bottom: none; border-top: 1px solid #494d50; } } .header_phones { float: right; height: 76px; line-height: 70px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .header_phones { float: left; } } @media screen and (max-width: 864px) { .header_phones { float: none; overflow: hidden; text-align: center; } } .header_phones a { color: white; display: block; font-size: 16px; font-weight: normal; margin: 0 0 3px; text-align: left; } @media screen and (max-width: 440px) { .header_phones a { font-size: 14px; } } .header_phones a:last-child { margin: 0; } .header_actions { float: right; margin-right: 35px; padding: 21px 200px 21px 0; position: relative; width: 200px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .header_actions { margin-right: 50px; } } @media screen and (max-width: 864px) { .header_actions { clear: both; float: none; margin: 0; padding: 0 165px 15px 0; width: auto; } } .header_actions .search-bar { width: 100%; } .header_actions .link { color: #b2b4b7; display: block; height: 34px; line-height: 34px; position: absolute; text-align: center; top: 21px; } @media screen and (max-width: 864px) { .header_actions .link { top: 0; } } .header_actions .link--profile { font-size: 16px; right: 68px; } .header_actions .link--profile a{ color: #b2b4b7; } .header_actions .link--profile a:hover{ border-bottom: 1px solid #b2b4b7; } .header_actions .link--cart { font-size: 18px; right: 0; } .header_actions .link--cart.is-active .count { background: #0cb28b; color: white;} .header_actions .link--cart .count { margin-left: 5px; background: #494d50; border-radius: 100%; display: inline-block; font-size: 12px; height: 20px; line-height: 20px; position: relative; text-align: center; top: -3px; width: 20px; } .text_entrance-register {text-align: left; float: right;line-height: normal;margin-left: 5px;font-size: 14px;} @media screen and (max-width: 864px) { .text_entrance-register { font-size: 11px; } } .text_login { float: none; } .header_sub-menu { background: rgba(33, 36, 39, 0.95); display: none; left: 0; padding: 24px 0 15px; position: absolute; right: 0; text-align: center; top: 100%; } @media screen and (min-width: 865px) and (max-width: 1288px) { .header_sub-menu { top: 125px; padding: 24px 0; } } @media screen and (max-width: 864px) { .header_sub-menu { bottom: 0; padding: 24px 0 0; position: fixed; top: 0; z-index: 999; } } .header_sub-menu .title { color: #0cb28b; float: left; font-size: 18px; height: 24px; line-height: 22px; margin: 0 0 32px; text-align: left; text-transform: uppercase; } @media screen and (min-width: 865px) { .header_sub-menu .title { display: none; } } .header_sub-menu .close { color: white; display: block; float: right; font-size: 20px; line-height: 24px; } @media screen and (min-width: 865px) { .header_sub-menu .close { display: none; } } .header_sub-menu .list { float: left; list-style: none; margin: 0 50px 0 0; padding: 0; } @media screen and (min-width: 865px) and (max-width: 1288px) { .header_sub-menu .list { float: none; margin: 0 2px; } } @media screen and (max-width: 864px) { .header_sub-menu .list { float: none; margin: 0; } } .header_sub-menu .list li { float: left; width: 160px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .header_sub-menu .list li { width: 138px; } } @media screen and (min-width: 441px) and (max-width: 864px) { .header_sub-menu .list li { margin: 0 0 32px; width: 136px; } } @media screen and (max-width: 440px) { .header_sub-menu .list li { margin: 0 0 32px; width: 50%; } } .header_sub-menu .list a { color: #b2b4b7; display: block; } .header_sub-menu .list a:hover { color: white; } .header_sub-menu .list a:hover .icon, .header_sub-menu .list .is-active .icon { opacity: 1; } .header_sub-menu .list a:hover .icon--1, .header_sub-menu .list .is-active .icon--1 { background-position: 100% 0px; } .header_sub-menu .list a:hover .icon--2, .header_sub-menu .list .is-active .icon--2 { background-position: 100% -44px; } .header_sub-menu .list a:hover .icon--3, .header_sub-menu .list .is-active .icon--3 { background-position: 100% -88px; } .header_sub-menu .list a:hover .icon--4, .header_sub-menu .list .is-active .icon--4 { background-position: 100% -132px; } .header_sub-menu .list a:hover .icon--5, .header_sub-menu .list .is-active .icon--5 { background-position: 100% -176px; } .header_sub-menu .list a:hover .icon--6, .header_sub-menu .list .is-active .icon--6 { background-position: 100% -220px; } .header_sub-menu .list a:hover .icon--7, .header_sub-menu .list .is-active .icon--7 { background-position: 100% -264px; } .header_sub-menu .list a:hover .icon--8, .header_sub-menu .list .is-active .icon--8 { background-position: 100% -308px; } .header_sub-menu .list a:hover .icon--9, .header_sub-menu .list .is-active .icon--9 { background-position: 100% -352px; } .header_sub-menu .list a:hover .icon--10, .header_sub-menu .list .is-active .icon--10 { background-position: 100% -396px; } .header_sub-menu .list a:hover .icon--11, .header_sub-menu .list .is-active .icon--11 { background-position: 100% -440px; } .header_sub-menu .list a:hover .icon--12, .header_sub-menu .list .is-active .icon--12 { background-position: 100% -484px; } .header_sub-menu .list a:hover .icon--13, .header_sub-menu .list .is-active .icon--13 { background-position: 100% -528px; } .header_sub-menu .list a:hover .icon--14, .header_sub-menu .list .is-active .icon--14 { background-position: 100% -572px; } .header_sub-menu .list a:hover .icon--15, .header_sub-menu .list .is-active .icon--15 { background-position: 100% -616px; } .header_sub-menu .list a:hover .icon--16, .header_sub-menu .list .is-active .icon--16 { background-position: 100% -660px; } .header_sub-menu .list a:hover .icon--17, .header_sub-menu .list .is-active .icon--17 { background-position: 100% -704px; } .header_sub-menu .list a:hover .icon--18, .header_sub-menu .list .is-active .icon--18 { background-position: 100% -748px; } .header_sub-menu .list a:hover .icon--19, .header_sub-menu .list .is-active .icon--19 { background-position: 100% -792px; } .header_sub-menu .list a:hover .icon--20, .header_sub-menu .list .is-active .icon--20 { background-position: 100% -836px; } .header_sub-menu .list a:hover .icon--21, .header_sub-menu .list .is-active .icon--21{ background-position: 100% -880px; } .header_sub-menu .list a:hover .icon--22, .header_sub-menu .list .is-active .icon--22 { background-position: 100% -924px; } .header_sub-menu .list a:hover .icon--23, .header_sub-menu .list .is-active .icon--23 { background-position: 100% -968px; } .header_sub-menu .list a:hover .icon--24, .header_sub-menu .list .is-active .icon--24 { background-position: 100% -1012px; } .header_sub-menu .list a:hover .icon--25, .header_sub-menu .list .is-active .icon--25 { background-position: 100% -1056px; } .header_sub-menu .list a:hover .icon--26, .header_sub-menu .list .is-active .icon--26 { background-position: 100% -1100px; } .header_sub-menu .list .icon { background-image: url(/local/templates/.default/css/block/../../img/menu-icons.svg); display: block; height: 44px; opacity: 0.25; margin: 0 auto 6px; width: 44px; } .header_sub-menu .list .icon--1 { background-position: 0 0px; } .header_sub-menu .list .icon--2 { background-position: 0 -44px; } .header_sub-menu .list .icon--3 { background-position: 0 -88px; } .header_sub-menu .list .icon--4 { background-position: 0 -132px; } .header_sub-menu .list .icon--5 { background-position: 0 -176px; } .header_sub-menu .list .icon--6 { background-position: 0 -220px; } .header_sub-menu .list .icon--7 { background-position: 0 -264px; } .header_sub-menu .list .icon--8 { background-position: 0 -308px; } .header_sub-menu .list .icon--9 { background-position: 0 -352px; } .header_sub-menu .list .icon--10 { background-position: 0 -396px; } .header_sub-menu .list .icon--11 { background-position: 0 -440px; } .header_sub-menu .list .icon--12 { background-position: 0 -484px; } .header_sub-menu .list .icon--13 { background-position: 0 -528px; } .header_sub-menu .list .icon--14 { background-position: 0 -572px; } .header_sub-menu .list .icon--15 { background-position: 0 -616px; } .header_sub-menu .list .icon--16 { background-position: 0 -660px; } .header_sub-menu .list .icon--17 { background-position: 0 -704px; } .header_sub-menu .list .icon--18 { background-position: 0 -748px; } .header_sub-menu .list .icon--19 { background-position: 0 -792px; } .header_sub-menu .list .icon--20 { background-position: 0 -836px; } .header_sub-menu .list .icon--21 { background-position: 0 -880px; } .header_sub-menu .list .icon--22 { background-position: 0 -924px; } .header_sub-menu .list .icon--23 { background-position: 0 -968px; } .header_sub-menu .list .icon--24 { background-position: 0 -1012px; } .header_sub-menu .list .icon--25 { background-position: 0 -1056px; } .header_sub-menu .list .icon--26 { background-position: 0 -1100px; } .header_sub-menu .list .caption { display: block; height: 32px; line-height: 16px; overflow: hidden; } .header_sub-menu .button { border-radius: 40px; font-size: 12px; height: 40px; line-height: 37px; } @media screen and (min-width: 1289px) { .header_sub-menu .button { float: left; margin: 17px 0 32px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .header_sub-menu .button { margin: 24px 0 0; } } /* End */ /* Start:/local/templates/.default/css/block/footer.css?17836210365235*/ .footer { background: #34393c; color: white; font-size: 14px; } .footer .title { display:block; color: #b2b4b7; font-size: 14px; font-weight: 300; margin: 0 0 8px; text-transform: uppercase; } @media (max-width: 1600px) { .main-panel + .page-outer .page-container { padding-left: 20px; padding-right: 20px; } } .footer_top { padding: 36px 0 20px; } @media screen and (max-width: 1288px) { .footer_top { padding: 20px 0; } } .footer_middle { border-top: 2px solid #494d50; padding: 20px 0 30px; } .footer_bottom { background: #212427; padding: 16px 0; } @media screen and (min-width: 865px) { .footer_bottom { height: 25px; line-height: 25px; } } .footer_bottom .copyright { float: left; margin-right: 16px; width: 196px; } @media screen and (max-width: 864px) { .footer_bottom .copyright { float: none; margin: 0 0 16px; } } .footer_bottom .links { float: left; list-style: none; margin: 0; padding: 0; } .footer_bottom .links li { float: left; margin-right: 40px; } @media screen and (max-width: 864px) { .footer_bottom .links li { float: none; margin: 0 0 8px; } } .footer_bottom .links li:last-child { margin: 0; } .footer_bottom .links a { color: #777; } .footer_bottom .links a:hover { color: white; } .footer_bottom .payment-methods { float: right; } @media screen and (max-width: 1288px) { .footer_bottom .payment-methods { display: none; } } .footer_contacts { float: left; margin-right: 16px; width: 196px; } @media screen and (max-width: 1288px) { .footer_address { display: none; } } .footer_contacts .phone { color: white; font-size: 18px; font-weight: normal; } .footer_contacts .address, .footer_contacts .email { margin: 0 0 22px; } .footer_contacts .email { display: inline-block; } .footer_sns { float: left; } @media screen and (max-width: 864px) { .footer_sns { margin: 0 0 20px; } } @media screen and (max-width: 440px) { .footer_sns { float: none; } } .footer_sns .list { list-style: none; margin: 14px 0 0; padding: 0; } .footer_sns .list li { float: left; margin-right: 5px; } .footer_sns .list li:last-child { margin: 0; } .footer_sns .list a { border-radius: 100%; display: block; font-size: 18px; height: 34px; line-height: 34px; text-align: center; -webkit-transition: background 0.18s, color 0.18s; -o-transition: background 0.18s, color 0.18s; transition: background 0.18s, color 0.18s; width: 34px; } .footer_sns .list a:hover { color: white; } @media screen and (min-width: 1289px) { .footer_sns--1 { margin-right: 50px; width: 142px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .footer_sns--1 { margin-right: 40px; } } .footer_sns--1 a { color: white; } .footer_sns--1 a:hover { background: #212427; } .footer_sns--1 .i-1 { background: #32a3db; } .footer_sns--1 .i-2 { background: #7c519b; } @media screen and (min-width: 441px) and (max-width: 864px) { .footer_sns--2 { float: none; } } .footer_sns--2 a { background: #212427; color: #ccc; } .footer_sns--2 .i-1:hover { background: #6996c7; } .footer_sns--2 .i-2:hover { background: #496194; } .footer_sns--2 .i-3:hover { background: #28c3ff; } .footer_sns--2 .i-4:hover { background: #ff9c43; } .footer_sns--2 .i-5:hover { background: #ff6d4a; } .footer_subscribe { float: right; width: 440px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .footer_subscribe { float: left; padding-right: 100%; margin-top: 29px; margin-bottom: 20px; } } @media screen and (max-width: 864px) { .footer_subscribe { clear: both; float: none; width: auto; } } .footer_subscribe .title span { text-transform: none; } .footer_subscribe .form { border-radius: 17px; margin: 14px 0 0; } .footer_subscribe .input-field { background: #494d50; color: white; float: left; position: relative; width: 100%; z-index: 1; } .footer_subscribe .button { border-bottom-left-radius: 0; border-top-left-radius: 0; float: left; height: 34px; margin-left: -120px; position: relative; width: 120px; z-index: 2; } .footer_subscribe .agreements-container { clear: both; padding: 5px 0px 0px 0px; } .footer_subscribe .agreements-container input[type="checkbox"] { display: inline-block; } .agreements-document { display: none; position: relative; width: 80%; height: 80%;} .footer_menu .title { color: white; font-weight: bold; } .footer_menu .column { float: left; margin-right: 50px; } /*.footer_menu .column:first-child { width: 142px; }*/ @media screen and (min-width: 769px) and (max-width: 864px) { .footer_menu .column { margin-top: 18px; width: 153px;}} @media screen and (max-width: 768px) { .footer_menu .column { margin-bottom: 20px; width: 43%; margin-right: 25px; margin-top:18px} .footer_menu .column:nth-child(even) {margin-right:0px;} } @media screen and (max-width: 375px) { .footer_menu .column { float: none; } .footer_menu .column:nth-child(even) {float:right;} .footer_menu .column:nth-child(odd) {float:left;}} @media screen and (max-width: 320px) { .footer_menu .column:nth-child(odd) { margin-right: 40px;}} .footer_menu .column:last-child { margin: 0; } .footer_menu .list { list-style: none; margin: 0; padding: 0; } .footer_menu .list li { margin: 0 0 8px; } .footer_menu .list li:last-child { margin: 0; } .footer_menu .list a { color: #b2b4b7; } .footer_menu .list a:hover { color: white; } /* End */ /* Start:/local/templates/.default/css/block/search.css?178362103621747*/ .title-search-result { background: white; border: none; border-radius: none; padding: 0!important; z-index: 999; margin-left: -5vw;} @media screen and (max-width: 440px) { .title-search-result { min-width: 420px!important; margin-left: -200px!important; } } /*----------------------------------------------------- */ /* SEARCH POPUP */ /*----------------------------------------------------- */ .search-popup { color: #34393c; position: absolute; top: 100%; width: 100%; } @media screen and (max-width: 1500px) { .search-popup {right: 6vw;} } @media screen and (max-width: 1400px) { .search-popup {right: 8vw;} } @media screen and (max-width: 1288px) { .search-popup {right: -3vw;} } .search-popup__container { background: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} .search-popup__group { border-bottom: 1px solid #ebebeb; padding: 20px 10px 20px 12px; } @media screen and (max-width: 1288px) { .search-popup__group { border: none; } } @media screen and (min-width: 865px) { .search-popup__group--long { height: 392px; } } @media screen and (max-width: 864px) { .search-popup__group--long { padding-bottom: 0; } } .search-popup__group--short { border: none; height: 210px; padding-bottom: 12px; } @media screen and (max-width: 1288px) { .search-popup__group--short { height: auto; padding-top: 0; } } .search-popup__section { float: left; height: 100%; margin-right: 8px; position: relative; } @media screen and (max-width: 864px) { .search-popup__section { border-top: 1px solid #ebebeb; float: none; margin: 0 2px 0 0; padding: 20px 0; width: auto; } } .search-popup__section:last-child { margin-right: 2px; } .search-popup__section::before { background: #ebebeb; bottom: 0; content: ""; display: block; position: absolute; right: 2px; top: 0; width: 1px; } @media screen and (max-width: 1288px) { .search-popup__section::before { bottom: 20px; top: 20px; } } @media screen and (min-width: 1289px) { .search-popup__section--1 { width: 206px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-popup__section--1 { width: 174px; } } @media screen and (max-width: 864px) { .search-popup__section--1 { border: none; padding-top: 0; } } @media screen and (min-width: 1289px) { .search-popup__section--2 { width: 582px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-popup__section--2 { width: 294px; } } @media screen and (min-width: 1289px) { .search-popup__section--3 { width: 428px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-popup__section--3 { width: 324px; } } @media screen and (min-width: 1289px) { .search-popup__section--4 { width: 606px; } } @media screen and (min-width: 1289px) { .search-popup__section--5 { width: 618px; } } @media screen and (max-width: 1288px) { .search-popup__section--4, .search-popup__section--5 { border-top: 1px solid #ebebeb; float: none; margin: 0 2px 0 0; padding: 20px 0; } } @media screen and (max-width: 1288px) { .search-popup__section--4::before, .search-popup__section--5::before { bottom: 20px; top: 20px; } } @media screen and (max-width: 1288px) { .search-popup__section--5 { padding-bottom: 0; } } @media screen and (max-width: 1288px) { .search-popup__section--5::before { bottom: 0; } } .search-popup__section-title { font-size: 14px; line-height: 18px; text-align: center; } .search-popup__scroller { overflow: hidden; } .search-popup__scroller--long { max-height: 356px; } @media screen and (max-width: 440px) { .search-popup__scroller--long { max-height: 174px; } } .search-popup__scroller--short { max-height: 174px; } @media screen and (max-width: 440px) { .search-popup__scroller--medium { max-height: 238px; } } .search-popup__scroller .mCSB_inside > .mCSB_container { margin-right: 14px; } .search-popup__scroller .mCSB_scrollTools { opacity: 1; width: 6px; } .search-popup__scroller .mCSB_scrollTools .mCSB_draggerRail { opacity: 0; } .search-popup__scroller .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #cbccce; border-radius: 6px; width: 6px; } .search-popup__scroller .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .search-popup__scroller .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #cbccce; } .search-popup__vendor { border: 2px solid #15151514; float: none; margin: 0 0 8px; padding: 18px; transition: border-color 0.18s, color 0.18s; width: auto; } @media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__vendor { float: left; margin-right: 8px; width: 174px; } } .search-popup__vendor:nth-child(even) { margin-right: 0; } @media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__vendor:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } } .search-popup__vendor:last-child { margin-bottom: 0; } .search-popup__vendor:hover { border-color: #0cb28b; box-shadow: none; } .search-popup__vendor .caption { height: 40px; line-height: 20px; } .search-popup__product { border: 2px solid #eff1f0; border-radius: 5px; color: #34393c; float: left; display: block; height: 63px; margin: 0 8px 8px 0; padding: 8px; transition: border-color 0.18s, color 0.18s; width: 250px; } @media screen and (max-width: 1288px) { .search-popup__product { margin-right: 0; } } @media screen and (max-width: 864px) { .search-popup__product { float: none; width: auto; } } .search-popup__product:nth-child(even) { margin-right: 0; } @media screen and (min-width: 1289px) { .search-popup__product:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } } .search-popup__product:last-child { margin-bottom: 0; } .search-popup__product:hover { border-color: #0cb28b; color: #b2b4b7; } .search-popup__product-image { max-height: 100%; max-width: 100%; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0;} .search-popup_product-image-container {float: left; width: 65px; height: 65px; margin-right: 15px; position: relative;} .search-popup__product-caption { display: block; line-height: 63px; overflow: hidden; } .search-popup__product-caption .aligner { line-height: 21px; max-height: 63px; overflow: hidden; } .search-popup__offer { background: #eff1f0; border: 2px solid #eff1f0; border-radius: 5px; color: #34393c; display: block; height: 120px; line-height: 63px; margin: 0 0 8px; padding: 8px 18px; position: relative; transition: border-color 0.18s; } @media screen and (max-width: 440px) { .search-popup__offer { height: auto; line-height: normal; padding: 8px; } } .search-popup__offer:last-child { margin: 0; } .search-popup__offer:hover { border-color: #0cb28b; } @media screen and (min-width: 441px) { .search-popup__offer--narrow { padding-right: 118px; } } @media screen and (min-width: 865px) { .search-popup__offer--wide { padding-right: 236px; } } @media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__offer--wide { padding-right: 118px; } } .search-popup__offer-caption { font-size: 14px; line-height: 21px; max-height: 63px; overflow: hidden; } @media screen and (max-width: 440px) { .search-popup__offer-caption { height: 63px; margin: 0 0 8px; } } .search-popup__offer-prices { bottom: 8px; display: block; line-height: 20px; position: absolute; right: 18px; text-align: right; top: 75px; } @media screen and (max-width: 440px) { .search-popup__offer-prices { line-height: normal; position: static; text-align: left; } } @media screen and (min-width: 441px) { .search-popup__offer-prices--narrow { width: 102px; } } @media screen and (min-width: 865px) { .search-popup__offer-prices--wide { width: 218px; } } @media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__offer-prices--wide { width: 102px; } } .search-popup__offer-price { border-radius: 12px; border-bottom-left-radius: 0; color: white; height: 24px; line-height: 24px; margin-right: 12px; padding: 0 9px; text-transform: uppercase; } @media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__offer-price { margin: 0 0 8px; } } @media screen and (max-width: 440px) { .search-popup__offer-price { margin-right: 4px; } } .search-popup__offer-price:last-child { margin: 0; } .search-popup__offer-price--current { background: #008e87; } .search-popup__offer-price--new { background: #f77b28; } .search-popup__offer-price--old { background: #cbccce; text-decoration: line-through; } .search-popup__article { background: none; float: left; margin: 0 8px 8px 0; padding: 0 10px 12px; width: 278px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-popup__article { width: 373px; height: 60px;} } @media screen and (max-width: 864px) { .search-popup__article { border-bottom: 1px solid #eff1f0; float: none; margin: 0 0 12px; padding: 0 0 12px; width: auto; height: 60px;} } .search-popup__article:nth-child(even) { margin-right: 0; } @media screen and (min-width: 865px) { .search-popup__article:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } } .search-popup__article:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } .search-popup__article:hover { box-shadow: none; } .search-popup__article .category { font-size: 14px; line-height: 18px; margin: 0 0 10px; } .search-popup__article .category a { color: #b2b4b7; } .search-popup__article .title { line-height: 20px; height: 100px; margin: 0 0 12px; overflow: hidden; } @media screen and (max-width: 864px) { .search-popup__article .title { margin: 0 0 26px; } } .search-popup__article .title a:hover { text-decoration: underline; } .search-popup__article .title em { color: #0cb28b; font-style: normal; } .search-popup__article .bottom-panel { position: static; } .search-popup__article .bottom-panel .info { float: left; } .search-popup__article .bottom-panel .stats { float: right; } /*----------------------------------------------------- */ /* SEARCH NEWS */ /*----------------------------------------------------- */ .search-news .article-item { background: white; border-radius: 5px; float: left; font-size: 14px; margin: 0 16px 16px 0; -webkit-transition: box-shadow 0.36s; transition: box-shadow 0.36s; } .search-news .article-item:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } .search-news .article-item:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .search-news .article-item .image { border-top-left-radius: 5px; border-top-right-radius: 5px; display: block; overflow: hidden; } .search-news .article-item .image img { border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-transition: transform 0.36s; transition: transform 0.36s; height: 100%; width: 100%; } .search-news .article-item .text { overflow: hidden; padding: 16px 20px 52px; position: relative; } @media screen and (max-width: 864px) { .search-news .article-item .text { padding: 16px; } } .search-news .article-item .type { font-size: 14px; margin: 0 0 16px; } @media screen and (min-width: 865px) { .search-news .article-item .type { line-height: 20px; } } .search-news .article-item .type a { color: #b2b4b7; } .search-news .article-item .title { overflow: hidden; } .search-news .article-item .title a { color: #34393c; display: inline-block; } .search-news .article-item .brief { color: #777; overflow: hidden; } @media screen and (max-width: 864px) { .search-news .article-item .brief { margin: 0 0 16px; } } .search-news .article-item .brief p { margin: 0; } .search-news .article-item .bottom-panel { bottom: 16px; color: #b2b4b7; font-size: 12px; left: 20px; position: absolute; right: 20px; } @media screen and (min-width: 865px) { .search-news .article-item .bottom-panel { line-height: 20px; } } @media screen and (max-width: 864px) { .search-news .article-item .bottom-panel { position: static; } } .search-news .article-item .bottom-panel a { color: #b2b4b7; } .search-news .article-item .info { float: left; } @media screen and (max-width: 440px) { .search-news .article-item .info { float: none; margin: 0 0 16px; } } .search-news .article-item .stats { float: right; } @media screen and (max-width: 440px) { .search-news .article-item .stats { float: none; } } .search-news .article-item .date { margin-right: 6px; } .search-news .article-item .date::after { content: "|"; margin-left: 8px; } .search-news .article-item .date:last-child { margin: 0; } .search-news .article-item .date:last-child::after { display: none; } .search-news .article-item .views { margin-right: 24px; } .search-news .article-item .views:last-child { margin: 0; } .search-news .article-item .fa-eye, .search-news .article-item .fa-comment-alt { margin-right: 3px; position: relative; top: 1px; } .search-news .article-item--1 { width: 408px; } @media screen and (max-width: 864px) { .search-news .article-item--1 { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 1289px) { .search-news .article-item--1:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--1:nth-child(3n) { display: none; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--1:nth-child(2n) { margin-right: 0; } } @media screen and (min-width: 865px) { .search-news .article-item--1 .text { height: 130px; } } @media screen and (min-width: 865px) { .search-news .article-item--1 .title { line-height: 20px; max-height: 60px; } } @media screen and (min-width: 865px) { .search-news .article-item--1 .brief { line-height: 18px; max-height: 54px; } } .search-news .article-item--2 { width: 302px; } @media screen and (min-width: 1289px) { .search-news .article-item--2 .image { height: 170px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--2 .image { height: 230px; } } .search-news .article-item--2 .text { padding: 16px 20px; } @media screen and (max-width: 864px) { .search-news .article-item--2 .text { padding: 16px; } } @media screen and (min-width: 865px) { .search-news .article-item--2 .title { height: 60px; line-height: 20px; } } .search-news .article-item--2 .bottom-panel { position: static; } .search-news .article-item--3 { width: 302px; } @media screen and (min-width: 1289px) { .search-news .article-item--3 .text { height: 266px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--3 .text { height: 326px; } } @media screen and (min-width: 865px) { .search-news .article-item--3 .title { line-height: 20px; max-height: 60px; } } @media screen and (min-width: 1289px) { .search-news .article-item--3 .brief { line-height: 18px; max-height: 144px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--3 .brief { line-height: 18px; max-height: 180px; } } .search-news .article-item--4 { width: 620px; } @media screen and (max-width: 1288px) { .search-news .article-item--4 { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 1289px) { .search-news .article-item--4 .image { height: 348px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--4 .image { border-bottom-left-radius: 5px; border-top-right-radius: 0; float: left; height: 230px; width: 408px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--4 .image img { border-bottom-left-radius: 5px; border-top-right-radius: 0; } } @media screen and (min-width: 1289px) { .search-news .article-item--4 .text { height: 268px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--4 .text { height: 162px; } } @media screen and (min-width: 865px) { .search-news .article-item--4 .title { line-height: 20px; max-height: 60px; } } @media screen and (min-width: 1289px) { .search-news .article-item--4 .brief { line-height: 18px; max-height: 144px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--4 .brief { line-height: 18px; max-height: 54px; } } .search-news .article-group { float: left; margin: 0 16px 16px 0; width: 302px; } .search-news .article-group .article-item { float: none; margin-right: 0; } .search-news .article-group .article-item:last-child { margin: 0; } @media screen and (min-width: 1289px) { .search-news .article-group .article-item .text { height: 91px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-group .article-item .text { height: 121px; } } @media screen and (min-width: 1289px) { .search-news .article-group .article-item .type { margin: 0 0 12px; } } @media screen and (min-width: 865px) { .search-news .article-group .article-item .title { line-height: 20px; margin: 0; } } @media screen and (min-width: 1289px) { .search-news .article-group .article-item .title { max-height: 60px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-group .article-item .title { max-height: 80px; } } @media screen and (min-width: 865px) { .search-news .news-line { margin-bottom: -16px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .news-line .article-item, .search-news .news-line .article-group { width: 408px; } } @media screen and (max-width: 864px) { .search-news .news-line .article-item, .search-news .news-line .article-group { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 1289px) { .search-news .news-line .article-item:nth-child(4n), .search-news .news-line .article-group:nth-child(4n) { margin-right: 0; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .news-line .article-item:nth-child(even), .search-news .news-line .article-group:nth-child(even) { margin-right: 0; } } @media screen and (max-width: 864px) { .search-news .news-line .article-item:last-child, .search-news .news-line .article-group:last-child { margin: 0; } } /*----------------------------------------------------- */ /* SEARCH OFFERS */ /*----------------------------------------------------- */ .search-offer { background: white; border-radius: 5px; float: left; margin: 0 16px 16px 0; padding: 20px; transition: background 0.18s, color 0.18s; width: 580px; height: 200px;} @media screen and (min-width: 865px) and (max-width: 1288px) { .search-offer { width: 368px; } } @media screen and (max-width: 864px) { .search-offer { float: none; margin-right: 0; width: auto; height: auto;} } @media screen and (max-width: 440px) { .search-offer { padding: 14px; height: auto;} } .search-offer:nth-child(even) { margin-right: 0; } @media screen and (min-width: 865px) { .search-offer:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } } .search-offer:last-child { margin-bottom: 0; } .search-offer_image { background: white; border-radius: 5px; display: block; text-align: center; } @media screen and (min-width: 1289px) { .search-offer_image { float: left; height: 142px; line-height: 142px; margin-right: 16px; width: 138px; } } @media screen and (min-width: 441px) and (max-width: 1288px) { .search-offer_image { margin-bottom: 20px; } } @media screen and (max-width: 440px) { .search-offer_image { margin: 0 0 16px; padding: 16px; } } .search-offer_image img { max-height: 100%; max-width: 100%; } .search-offer_info { overflow: hidden; } .search-offer_info .title { font-size: 18px; font-weight: normal; margin: 0 0 8px; } @media screen and (min-width: 441px) { .search-offer_info .title { height: 44px; line-height: 44px; overflow: hidden; } } .search-offer_info .title a { color: #34393c; } @media screen and (min-width: 441px) { .search-offer_info .title a { display: inline-block; line-height: 22px; vertical-align: bottom; } } .search-offer_info .title a:hover { text-decoration: underline; } .search-offer_info .type { color: #b2b4b7; font-size: 14px; line-height: 18px; margin: 0 0 12px; overflow: hidden; } .search-offer_info .rating { height: 16px; line-height: 16px; margin: 0 0 14px; } .search-offer_info .rating:last-child { margin: 0; } .search-offer_info .rating .star { color: #cbccce; display: inline-block; } .search-offer_info .rating .star.is-active { color: #ffc600; } .search-offer_info .price { float: left; margin-left: 10px; } .search-offer_info .price:first-child { margin-left: 0; } @media screen and (max-width: 440px) { .search-offer_info .price { margin-bottom: 12px; } } .search-offer_info .price span { border-radius: 15px; border-bottom-left-radius: 0; color: white; display: inline-block; font-size: 21px; font-weight: normal; height: 34px; line-height: 34px; padding: 0 12px; } .search-offer_info .price small { font-size: 18px; } .search-offer_info .price--current span { background: #0cb28b; } .search-offer_info .price--new span { background: #f77b28; } .search-offer_info .price--old span { background: #cbccce; text-decoration: line-through; } .search-offer_info .buy { float: right; padding: 0; width: 120px; } @media screen and (max-width: 440px) { .search-offer_info .buy { clear: both; float: none; width: 100%; } } .actikul_search {color: #0cb28b } /*----------------------------------------------------- */ /* */ /*----------------------------------------------------- */ .search-result-header {min-height: 70px;} .search-popup .page-container {width: 1256px;} @media screen and (max-width: 1288px) {.search-popup .page-container {width: 100%;} .search-offer.clearfix {height: 260px;}} @media screen and (max-width: 950px) {.search-popup .page-container {width: 832px;}} @media screen and (max-width: 864px) {.search-popup .page-container {width: 415px;}} @media screen and (max-width: 470px) {.search-popup .page-container {width: 350px;}} @media screen and (max-width: 380px) {.search-popup .page-container {margin-left:10vw;}} @media screen and (max-width: 380px) {.search-popup .page-container {width: 300px; margin-left:20vw;}} .search-result-header {min-height: 70px;} /* End */ /* Start:/local/templates/.default/css/block/contact-modal.css?1783621036934*/ /* --- Модальное окно контактов (phone_button_form) --- */ .contact-modal { box-sizing: border-box; width: 100%; max-width: 500px; padding: 30px; position: relative; z-index: 1; pointer-events: auto; } .contact-modal__inner { display: flex; flex-direction: column; gap: 1.5rem; position: relative; z-index: 1; } .contact-modal__section { margin: 0; } .contact-modal__title { margin-bottom: 0.5em; } .contact-modal__schedule { margin: 0 0 0.5em; color: #6b7174; } .contact-modal__list { list-style: none; margin: 0; padding: 0; } .contact-modal__list li { margin-bottom: 0.35em; } .contact-modal__list li:last-child { margin-bottom: 0; } .contact-modal__link { color: #0cb28b; text-decoration: none; cursor: pointer; pointer-events: auto; } .contact-modal__link:hover { text-decoration: underline; } /* End */ /* Start:/local/templates/s2_template_main/css/style.css?178362103777422*/ @charset "UTF-8"; /*----------------------------------------------------- */ /* PAGE ELEMENTS */ /*----------------------------------------------------- */ .page-container { margin: 0 auto; width: 1256px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .page-container { width: 832px; } } @media screen and (min-width: 441px) and (max-width: 864px) { .page-container { width: 408px; } } @media screen and (max-width: 440px) { .page-container { margin: 0 16px; width: auto; } } .page-outer { padding: 122px 0 0; } @media screen and (min-width: 1289px) { .page-outer { min-height: calc(100vh - 122px - 403px); } } @media screen and (max-width: 1288px) { .page-outer { padding: 0; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .page-outer { min-height: calc(100vh - 122px - 162px); } } .page-inner { padding: 30px 0 50px; } @media screen and (max-width: 440px) { .page-inner { padding: 25px 0 35px; } } .page-section-1 { margin: 0 0 40px; } @media screen and (max-width: 440px) { .page-section-1 { margin: 0 0 30px; } } .page-section-1:last-child { margin: 0; } .page-section-2 { margin: 0 0 30px; } @media screen and (max-width: 440px) { .page-section-2 { margin: 0 0 20px; } } .page-section-2:last-child { margin: 0; } .page-main { float: left; margin-right: 16px; } .page-main--1 { width: 832px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .page-main--1 { width: 408px; } } @media screen and (max-width: 864px) { .page-main--1 { float: none; margin: 0 0 40px; width: auto; } } @media screen and (max-width: 440px) { .page-main--1 { margin: 0 0 30px; } } .page-main--2 { width: 832px; } @media screen and (max-width: 1288px) { .page-main--2 { float: none; margin: 0 0 40px; width: auto; } } @media screen and (max-width: 440px) { .page-main--2 { margin: 0 0 30px; } } .page-main--3 { width: 938px; min-height: 385px; } @media screen and (max-width: 1288px) { .page-main--3 { float: none; margin: 0 0 40px; width: auto; min-height: auto; } } @media screen and (max-width: 440px) { .page-main--3 { margin: 0 0 30px; } } .page-sidebar { float: left; } .page-sidebar--1 { width: 408px; } @media screen and (max-width: 864px) { .page-sidebar--1 { float: none; width: auto; } } .page-sidebar--2 { width: 408px; } @media screen and (max-width: 1288px) { .page-sidebar--2 { float: none; width: auto; } } .page-sidebar--3 { width: 302px; } @media screen and (max-width: 1288px) { .page-sidebar--3 { float: none; width: auto; } } .page-controls { border-bottom: 2px solid #cacccd; margin: 0 0 16px; } .page-controls .tabs-toggle { float: left; list-style: none; margin: 0; padding: 0; position: relative; top: 2px; } .page-controls .tabs-toggle li { float: left; margin-right: 24px; } .page-controls .tabs-toggle li:last-child { margin: 0; } .page-controls .tabs-toggle li.is-active a { border-color: #0cb28b; color: #34393c; font-weight: bold; } .page-controls .tabs-toggle a { border-bottom: 2px solid transparent; color: #787878; display: block; font-size: 16px; height: 22px; line-height: 22px; padding: 0 0 12px; text-transform: uppercase; } .page-controls .flip-switch { display: block; float: right; } @media screen and (max-width: 864px) { .page-controls--1 { border: none; } } @media screen and (max-width: 864px) { .page-controls--1 .tabs-toggle { float: none; position: static; } } @media screen and (max-width: 864px) { .page-controls--1 .tabs-toggle li { float: none; margin: 0; } } @media screen and (max-width: 864px) { .page-controls--1 .tabs-toggle a { border-bottom: none; border-left: 2px solid #cacccd; height: auto; line-height: 1; padding: 16px; } } @media screen and (max-width: 440px) { .page-controls--1 .tabs-toggle a { padding: 8px 16px; } } @media screen and (max-width: 864px) { .page-controls--1 .flip-switch { float: none; margin: 16px 0 0; } } @media screen and (max-width: 1288px) { .page-controls--2 { border: none; } } .page-controls--2 .tabs-toggle { float: none; } @media screen and (max-width: 1288px) { .page-controls--2 .tabs-toggle { position: static; } } .page-controls--2 .tabs-toggle li { margin-right: 50px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .page-controls--2 .tabs-toggle li { margin: 0; width: 50%; } } @media screen and (max-width: 864px) { .page-controls--2 .tabs-toggle li { float: none; margin: 0; } } .page-controls--2 .tabs-toggle li:last-child { margin: 0; } @media screen and (min-width: 441px) { .page-controls--2 .tabs-toggle li.is-active a { font-size: 21px; } } @media screen and (max-width: 1288px) { .page-controls--2 .tabs-toggle a { border-bottom: none; border-left: 2px solid #cacccd; padding: 16px; } } @media screen and (max-width: 864px) { .page-controls--2 .tabs-toggle a { height: auto; line-height: 1; } } @media screen and (max-width: 440px) { .page-controls--2 .tabs-toggle a { padding: 8px 16px; } } .page-controls--2 .tabs-toggle .aligner { line-height: 1; vertical-align: bottom; } @media screen and (max-width: 1288px) { .page-controls--2 .tabs-toggle .aligner { vertical-align: baseline; } } .page-title-1 { font-size: 36px; font-weight: 300; line-height: 1; margin: 0 0 20px; } @media screen and (max-width: 440px) { .page-title-1 { font-size: 32px; } } .page-title-2 { font-size: 30px; font-weight: 300; line-height: 1.1; margin: 0 0 20px; } @media screen and (max-width: 440px) { .page-title-2 { font-size: 28px; } } .page-title-3 { font-size: 18px; margin: 0 0 18px; text-transform: uppercase; } .page-title-4 { font-size: 16px; font-weight: normal; margin: 0 0 16px; } .page-heading { margin: 0 0 20px; position: relative; } .page-heading .page-title-2 { margin: 0; } .page-heading .slider-controls { margin: -8px 0 0; position: absolute; right: 0; top: 50%; } .page-heading .slider-controls a { color: #b2b4b7; display: block; float: left; height: 20px; line-height: 20px; text-align: center; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; width: 30px; } .page-heading .slider-controls a:hover { color: #494d50; } .page-heading .slider-controls a.is-disabled { color: #d9d9d9; cursor: default; } .page-heading .view-all { color: #b2b4b7; font-size: 14px; line-height: 16px; margin: -4px 0 0; position: absolute; right: 0; top: 50%; text-transform: uppercase; } .page-heading .view-all:hover { color: #494d50; } /*----------------------------------------------------- */ /* CONTENT AREA */ /*----------------------------------------------------- */ .content-area p, .content-area ul, .content-area ol { margin: 0 0 1em; } .content-area p:last-child, .content-area ul:last-child, .content-area ol:last-child { margin-bottom: 0; } .content-area ul, .content-area ol { list-style: none; padding: 0; } .content-area ul li, .content-area ol li { margin: 0 0 6px; position: relative; } .content-area ul li:last-child, .content-area ol li:last-child { margin: 0; } .content-area ul li { padding-left: 12px; } .content-area .share ul li { padding-left: 0; margin-right: 12px;} .content-area ul li::before { content: "•"; left: 0; position: absolute; top: 0; } .content-area ol { counter-reset: ol_counter; } .content-area ol li::before { counter-increment: ol_counter; content: counters(ol_counter,".") " "; } /*----------------------------------------------------- */ /* BUTTON */ /*----------------------------------------------------- */ .button { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; padding: 0 20px; text-align: center; text-transform: uppercase; -webkit-transition: background-color 0.18s, border-color 0.18s, color 0.18s, -webkit-box-shadow 0.18s; transition: background-color 0.18s, border-color 0.18s, color 0.18s, -webkit-box-shadow 0.18s; -o-transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s; transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s; transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s, -webkit-box-shadow 0.18s; vertical-align: middle; } .button.is-hidden { position: absolute; visibility: hidden; } .button span { margin-left: 8px; } .button--small { border-radius: 15px; font-size: 12px; height: 30px; line-height: 27px; } .button--medium { border-radius: 17px; height: 34px; line-height: 31px; } .button--large { border-radius: 22px; height: 44px; line-height: 41px; } .button--1 { background: transparent; border: 1px solid #494d50; color: #b2b4b7; } .button--1:hover { background: #0cb28b; border-color: #0cb28b; color: white; } .button--2 { background: #0cb28b; border: 1px solid #0cb28b; color: white; } .button--2:disabled {background: #626262; border: 1px solid #626262; pointer-events: none;} .button--2:hover { background: #41ba88; -webkit-box-shadow: 0 6px 12px 0 rgba(65, 186, 136, 0.3); box-shadow: 0 6px 12px 0 rgba(65, 186, 136, 0.3); } .button--3 { background: #b2b4b7; border: 1px solid #b2b4b7; color: white; } .button--3:hover { background: #494d50; border-color: #494d50; } /*----------------------------------------------------- */ /* INPUT FIELD */ /*----------------------------------------------------- */ .input-field { background: #eff1f1; border: none; border-radius: 17px; padding: 8.5px 20px; } input.input-field { height: 34px; } /*----------------------------------------------------- */ /* SEARCH BAR */ /*----------------------------------------------------- */ .search-bar { position: relative; } .search-bar button { background: #494d50; border: none; border-radius: 17px; color: #b2b4b7; display: block; height: 34px; line-height: 34px; padding: 0; position: absolute; text-align: center; top: 0; width: 34px; z-index: 22; } .search-bar .input-field { background: #494d50; color: #b2b4b7; padding-left: 34px; position: relative; width: 100%; z-index: 11; } .search-bar .clear { display: none; right: 0; } .search-bar .submit { left: 0; } /*----------------------------------------------------- */ /* CUSTOM SCROLL BAR */ /*----------------------------------------------------- */ .mCSB_inside > .mCSB_container { margin-right: 6px; } .mCSB_scrollTools { opacity: 1; width: 6px; } .mCSB_scrollTools .mCSB_draggerRail { opacity: 0; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #0cb28b; border-radius: 6px; width: 6px; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #0cb28b; } /*----------------------------------------------------- */ /* BREADCRUMBS */ /*----------------------------------------------------- */ .breadcrumbs { font-size: 14px; list-style: none; margin: 0 0 20px; padding: 0; } @media screen and (max-width: 440px) { .breadcrumbs { display: none; } } .breadcrumbs li { display: inline; margin-right: 2px; } .breadcrumbs li:last-child { margin: 0; } .breadcrumbs li:last-child::after { display: none; } .breadcrumbs li::after { color: #787878; content: "→"; font-family: "Minion Pro", sans-serif; margin-left: 2px; } .breadcrumbs a { color: #787878; } /*----------------------------------------------------- */ /* NEWS FILTER */ /*----------------------------------------------------- */ .news-filter { background: white; font-size: 14px; position: relative; z-index: 777; } @media screen and (min-width: 1289px) { .news-filter { left: 0; position: fixed; top: 76px; right: 0; } } .news-filter a { color: #34393c; display: block; font-weight: normal; height: 46px; line-height: 46px; text-transform: uppercase; } .news-filter a:hover { color: #0cb28b; } .news-filter .menu { float: left; list-style: none; margin: 0; padding: 0; } @media screen and (min-width: 1289px) { .news-filter .menu { display: block !important; } } @media screen and (max-width: 1288px) { .news-filter .menu { border-top: 1px solid #cbccce; clear: both; display: none; float: none; padding: 10px 0; } } .news-filter .menu li { float: left; margin-right: 30px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .news-filter .menu li { margin-right: 20px; width: 193px; } } @media screen and (min-width: 441px) and (max-width: 864px) { .news-filter .menu li { margin-right: 21px; width: 122px; } } @media screen and (max-width: 440px) { .news-filter .menu li { margin-right: 2%; width: 49%; } } .news-filter .menu li:last-child { margin-right: 0; } @media screen and (min-width: 865px) and (max-width: 1288px) { .news-filter .menu li:nth-child(4n) { margin-right: 0; } } @media screen and (min-width: 441px) and (max-width: 864px) { .news-filter .menu li:nth-child(3n) { margin-right: 0; } } @media screen and (max-width: 440px) { .news-filter .menu li:nth-child(even) { margin-right: 0; } } @media screen and (max-width: 1288px) { .news-filter .menu a { height: 36px; line-height: 36px; } } .news-filter .toggle { float: left; } @media screen and (min-width: 1289px) { .news-filter .toggle { display: none; } } .news-filter .toggle.is-active { color: #b2b4b7; } .news-filter .toggle .fa-bars { font-size: 16px; margin-right: 4px; } .news-filter .special { float: right; } /*----------------------------------------------------- */ /* NEWS BANNER */ /*----------------------------------------------------- */ .news-banner { background-position: 50% 50%; background-size: cover; margin: 0 0 -30px; padding: 0 0 60px; position: relative; } @media screen and (max-width: 864px) { .news-banner { padding-bottom: 30px; } } @media screen and (max-width: 440px) { .news-banner { margin: 0 0 -25px; } } .news-banner::before { background: -webkit-gradient(linear, left bottom, left top, from(#eff1f1), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, #eff1f1 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(bottom, #eff1f1 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, #eff1f1 0%, rgba(0, 0, 0, 0) 100%); bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .news-banner .page-container { height: 360px; position: relative; z-index: 2; } .news-banner .logo { bottom: 0; left: 0; position: absolute; } @media screen and (max-width: 864px) { .news-banner .logo { display: none; } } .news-banner .text { bottom: 0; max-width: 540px; position: absolute; right: 0; } .news-banner .text p { margin: 0; } .news-banner .title { font-size: 48px; line-height: 1; margin: 0 0 18px; } @media screen and (max-width: 440px) { .news-banner .title { font-size: 36px; } } /*----------------------------------------------------- */ /* NEWS FEED */ /*----------------------------------------------------- */ .news-feed { background: #34393c; border-radius: 5px; color: white; margin: 0 0 16px; padding-right: 14px; } .news-feed:last-child { margin: 0; } .news-feed .wrapper { padding: 0 0 20px; } .news-feed--1 .scroller { height: 768px; } @media screen and (max-width: 864px) { .news-feed--1 .scroller { height: 350px; } } .news-feed--2 .scroller { max-height: 802px; } @media screen and (max-width: 1288px) { .news-feed--2 .scroller { height: 350px; } } .news-feed_heading { padding: 20px 6px 0 20px; } .news-feed_heading .page-title-3 { font-weight: bold; line-height: 24px; margin: 0 0 10px; text-transform: uppercase; } .news-feed_heading .page-controls { border-color: #494d50; margin: 0; } .news-feed_heading .page-controls li.is-active a { color: white; } .news-feed_heading .page-controls a { color: #b2b4b7; } .news-feed_item { display: block; padding: 15px 10px 15px 20px; position: relative; -webkit-transition: background 0.18s; -o-transition: background 0.18s; transition: background 0.18s; } .news-feed_item:hover { background: #494d50; } .news-feed_item:hover::before { opacity: 0; } .news-feed_item:hover + .news-feed_item::before { opacity: 0; } .news-feed_item:first-child::before { display: none; } .news-feed_item::before { background: #494d50; content: ""; display: block; height: 1px; left: 20px; position: absolute; right: 20px; top: 0; -webkit-transition: opacity 0.18s; -o-transition: opacity 0.18s; transition: opacity 0.18s; } .news-feed_item .info { color: #b2b4b7; display: block; font-size: 12px; margin: 0 0 8px; } .news-feed_item .date { margin-right: 6px; } .news-feed_item .date::after { content: "|"; margin-left: 8px; } .news-feed_item .title { color: white; display: block; font-size: 14px; font-weight: normal; } /*----------------------------------------------------- */ /* ARTICLE ITEM */ /*----------------------------------------------------- */ .article-item { cursor:pointer; background: white; border-radius: 5px; float: left; font-size: 14px; margin: 0 16px 16px 0; -webkit-transition: box-shadow 0.36s; -webkit-transition: -webkit-box-shadow 0.36s; transition: -webkit-box-shadow 0.36s; -o-transition: box-shadow 0.36s; transition: box-shadow 0.36s; transition: box-shadow 0.36s, -webkit-box-shadow 0.36s; position: relative;} .article-item:hover { -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } .article-item:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .article-item .image { border-top-left-radius: 5px; border-top-right-radius: 5px; display: block; overflow: hidden; } .article-item .image img { border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-transition: transform 0.36s; -webkit-transition: -webkit-transform 0.36s; transition: -webkit-transform 0.36s; -o-transition: transform 0.36s; transition: transform 0.36s; transition: transform 0.36s, -webkit-transform 0.36s; height: 100%; width: 100%; } .article-item .text { padding: 16px 20px 52px; position: relative; } @media screen and (max-width: 864px) { .article-item .text { padding: 16px; } } .article-item .type { font-size: 14px; margin: 0 0 16px; } @media screen and (min-width: 865px) { .article-item .type { line-height: 20px; } } .article-item .type a { color: #b2b4b7; } .article-item .title { overflow: hidden; margin-bottom: 10px; } .article-item .title a { color: #34393c; display: inline-block; } .article-item .brief { color: #777; overflow: hidden; } @media screen and (max-width: 864px) { .article-item .brief { margin: 0 0 16px; } } .article-item .brief p { margin: 0; } .article-item .bottom-panel { bottom: 16px; color: #b2b4b7; font-size: 12px; left: 20px; position: absolute; right: 20px; } @media screen and (min-width: 865px) { .article-item .bottom-panel { line-height: 20px; } } @media screen and (max-width: 864px) { .article-item .bottom-panel { position: static; } } .article-item .bottom-panel a { color: #b2b4b7; } .article-item .info { float: left; } @media screen and (max-width: 440px) { .article-item .info { float: none; margin: 0 0 16px; } } .article-item .stats { float: right; } @media screen and (max-width: 440px) { .article-item .stats { float: none; } } .article-item .date { margin-right: 6px; } .article-item .date::after { content: "|"; margin-left: 8px; } .article-item .date:last-child { margin: 0; } .article-item .date:last-child::after { display: none; } .article-item .views { margin-right: 24px; } .article-item .views:last-child { margin: 0; } .article-item .fa-eye, .article-item .fa-comment-alt { margin-right: 3px; position: relative; top: 1px; } .article-item .brief-wrapper { position: relative; display: inline-block; } .article-item .brief.truncated::after {content: ""; position: absolute;bottom: 0;left: 0;right: 0;height: 20px;background: linear-gradient(to bottom, rgba(255,255,255,0), #fff); pointer-events: none;} .article-item .tooltip {display: none; position: absolute; top: 100%; left: 0; z-index: 20; background: #fff; padding: 8px 10px; border-radius: 4px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); } .article-item .tooltip::before { content: "";position: absolute; top: -6px; left: 20px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; filter: drop-shadow(0 -1px 1px rgba(0,0,0,0.1)); } .article-item .brief.truncated:hover + .tooltip { display: block; } .article-item--1 .brief {position: relative; height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; cursor: pointer; } .article-item--2 { width: 302px; } .article-item--2 .brief {position: relative; height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; cursor: pointer; } @media screen and (min-width: 1289px) { .article-item--2 .image { height: 170px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--2 .image { height: 230px; } } .article-item--2 .text { padding: 16px 20px; } @media screen and (max-width: 864px) { .article-item--2 .text { padding: 16px; } } @media screen and (min-width: 865px) { .article-item--2 .title { height: 60px; line-height: 20px; margin-bottom: 10px;} } .article-item--2 .bottom-panel { position: static; } .article-item--3 { width: 302px; } @media screen and (min-width: 1289px) { .article-item--3 .text { height: 266px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--3 .text { height: 326px; } } @media screen and (min-width: 865px) { .article-item--3 .title { line-height: 20px; max-height: 60px; } } @media screen and (min-width: 1289px) { .article-item--3 .brief { line-height: 18px; max-height: 144px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--3 .brief { line-height: 18px; max-height: 180px; } } .article-item--4 { width: 620px; } @media screen and (max-width: 1288px) { .article-item--4 { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 1289px) { .article-item--4 .image { height: 348px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--4 .image { border-bottom-left-radius: 5px; border-top-right-radius: 0; float: left; height: 230px; width: 408px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--4 .image img { border-bottom-left-radius: 5px; border-top-right-radius: 0; } } @media screen and (min-width: 1289px) { .article-item--4 .text { height: 268px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--4 .text { height: 162px; } } @media screen and (min-width: 865px) { .article-item--4 .title { line-height: 20px; max-height: 60px; } } @media screen and (min-width: 1289px) { .article-item--4 .brief { line-height: 18px; max-height: 144px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--4 .brief { line-height: 18px; max-height: 54px; } } @media screen and (max-width: 1288px) and (min-width: 865px) { .article-item--4 .size_autox348 { width: auto; height: 230px; } .article-item--2 .size_autox170 { width: auto; height: 230px; } } @media screen and (max-width: 865px) { .article-item--4 .size_autox348 { width: auto; height: 170px; } .article-item--2 .size_autox170 { width: auto; height: 170px; } } /*----------------------------------------------------- */ /* ARTICLE GROUP */ /*----------------------------------------------------- */ .article-group { float: left; margin: 0 16px 16px 0; width: 302px; } .article-group .article-item { float: none; margin-right: 0; } .article-group .article-item:last-child { margin: 0; } @media screen and (min-width: 1289px) { .article-group .article-item .text { height: 91px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .article-group .article-item .text { height: 121px; } } @media screen and (min-width: 1289px) { .article-group .article-item .type { margin: 0 0 12px; } } @media screen and (min-width: 865px) { .article-group .article-item .title { line-height: 20px; } } @media screen and (min-width: 1289px) { .article-group .article-item .title { max-height: 60px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .article-group .article-item .title { max-height: 80px; } } /*----------------------------------------------------- */ /* EVENT ITEM */ /*----------------------------------------------------- */ .event-item { border-radius: 5px; color: white; display: block; margin: 0 0 16px; overflow: hidden; position: relative; } @media screen and (min-width: 865px) and (max-width: 1288px) { .event-item { float: left; margin: 0 16px 0 0; width: 408px; } } .event-item:hover .image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .event-item:last-child { margin: 0; } .event-item .image { border-radius: 5px; -webkit-transition: -webkit-transform 0.36s; transition: -webkit-transform 0.36s; -o-transition: transform 0.36s; transition: transform 0.36s; transition: transform 0.36s, -webkit-transform 0.36s; width: 100%; } .event-item .caption { background: -webkit-linear-gradient(0deg, #34393c, transparent); background: -webkit-gradient(linear, left bottom, left top, from(#34393c), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, #34393c, rgba(0, 0, 0, 0)); background: -o-linear-gradient(bottom, #34393c, rgba(0, 0, 0, 0)); background: linear-gradient(0deg, #34393c, rgba(0, 0, 0, 0)); bottom: 0; display: block; left: 0; padding: 25px; position: absolute; right: 0; } .event-item .caption .date { background: #0cb28b; border-radius: 12px; border-bottom-left-radius: 0; display: inline-block; font-size: 14px; height: 24px; line-height: 22px; margin: 0 0 20px; padding: 0 10px 0 8px; } .event-item .caption .title { display: block; text-transform: uppercase; } /*----------------------------------------------------- */ /* INTEGRATION BANNER */ /*----------------------------------------------------- */ .integration-banner { border-radius: 5px; color: white; position: relative; } .integration-banner .image { border-radius: 5px; width: 100%; } .integration-banner .caption { bottom: 25px; left: 25px; position: absolute; right: 25px; } .integration-banner .title { margin: 0 0 20px; } /*----------------------------------------------------- */ /* RECENT NEWS SLIDER */ /*----------------------------------------------------- */ .recent-news-slider .article-item { float: none; margin-right: 0; } .recent-news-slider .article-item:last-child { margin: 0; } @media screen and (min-width: 865px) { .recent-news-slider .article-item .image { height: 230px; } } @media screen and (min-width: 865px) { .recent-news-slider .article-item .text { height: 92px; } } @media screen and (min-width: 865px) { .recent-news-slider .article-item .title { line-height: 20px; max-height: 40px; } } @media screen and (min-width: 865px) { .recent-news-slider .article-item .brief { line-height: 18px; max-height: 36px; } } /*----------------------------------------------------- */ /* REVIEW ITEM */ /*----------------------------------------------------- */ .review-item { position: relative; } .review-item::before { background: -webkit-gradient(linear, left bottom, left top, from(#34393c), color-stop(50%, rgba(52, 57, 60, 0.75)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, #34393c 0%, rgba(52, 57, 60, 0.75) 50%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(bottom, #34393c 0%, rgba(52, 57, 60, 0.75) 50%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, #34393c 0%, rgba(52, 57, 60, 0.75) 50%, rgba(0, 0, 0, 0) 100%); bottom: 0; content: ""; display: block; height: 80%; left: 0; position: absolute; width: 100%; z-index: 1; } .review-item .image { height: 100%; width: 100%; } .review-item .text { bottom: 0; color: white; left: 0; padding: 0 20px 24px; position: absolute; right: 0; z-index: 2; } .review-item .page-title-2 { font-size: 24px; font-weight: normal; } .review-item .page-title-2 a { color: white; } .review-item .brief { color: #b2b4b7; margin: 0 0 20px; } @media screen and (max-width: 440px) { .review-item .brief { display: none; } } .review-item .brief p { margin: 0; } .review-item .bottom-panel { font-size: 12px; margin: 0 0 20px; } .review-item .bottom-panel a { color: white; } @media screen and (min-width: 441px) { .review-item .info { float: left; } } .review-item .stats { float: right; } @media screen and (max-width: 440px) { .review-item .stats { display: none; } } .review-item .date { margin-right: 6px; } .review-item .date::after { content: "|"; margin-left: 8px; } .review-item .date:last-child { margin: 0; } .review-item .date:last-child::after { display: none; } .review-item .views { margin-right: 24px; } .review-item .views:last-child { margin: 0; } .review-item .fa-eye, .review-item .fa-comment-alt { margin-right: 3px; position: relative; top: 1px; } .review-item .read { float: left; padding: 0; width: 132px; } .review-item .share { float: right; } @media screen and (max-width: 440px) { .review-item .share { display: none; } } .review-item .share .pluso-more, .review-item .share .pluso-counter { display: none; } /*----------------------------------------------------- */ /* REVIEWS SLIDER */ /*----------------------------------------------------- */ @media screen and (min-width: 865px) { .reviews-slider { padding: 2px 0 0; } } .reviews-slider_thumbnails { border-bottom-left-radius: 5px; border-top-left-radius: 5px; float: left; list-style: none; margin: 0; padding: 0; position: relative; width: 322px; z-index: 22; } @media screen and (max-width: 864px) { .reviews-slider_thumbnails { display: none; } } .reviews-slider_thumbnails .thumbnail { background: #34393c; display: block; height: 170px; line-height: 170px; padding: 0 20px; position: relative; -webkit-transition: background 0.36s; -o-transition: background 0.36s; transition: background 0.36s; } .reviews-slider_thumbnails .thumbnail.is-active { background: #494d50; } .reviews-slider_thumbnails .thumbnail.is-active::before { opacity: 0; } .reviews-slider_thumbnails .thumbnail.is-active::after { opacity: 1; visibility: visible; } .reviews-slider_thumbnails .thumbnail.is-active + .thumbnail::before { display: none; } .reviews-slider_thumbnails .thumbnail:first-child { border-top-left-radius: 5px; } .reviews-slider_thumbnails .thumbnail:first-child::before { opacity: 0; } .reviews-slider_thumbnails .thumbnail:last-child { border-bottom-left-radius: 5px; } .reviews-slider_thumbnails .thumbnail::before { background: #494d50; content: ""; display: block; height: 1px; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.36s; -o-transition: opacity 0.36s; transition: opacity 0.36s; } .reviews-slider_thumbnails .thumbnail::after { border-color: transparent transparent transparent #494d50; border-style: solid; border-width: 13px 0 13px 12px; content: ""; display: block; height: 0; left: 100%; margin: -13px 0 0; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.36s, visibility 0.36s; -o-transition: opacity 0.36s, visibility 0.36s; transition: opacity 0.36s, visibility 0.36s; visibility: hidden; width: 0; } .reviews-slider_thumbnails .title { color: white; display: block; font-size: 16px; line-height: 20px; margin: 0 0 10px; max-height: 60px; overflow: hidden; } .reviews-slider_thumbnails .brief { color: #b2b4b7; display: block; font-size: 14px; line-height: 18px; max-height: 54px; overflow: hidden; } .reviews-slider_full-size { border-bottom-right-radius: 5px; border-top-right-radius: 5px; overflow: hidden; position: relative; z-index: 11; } @media screen and (max-width: 864px) { .reviews-slider_full-size { border-radius: 5px; } } .reviews-slider_full-size .review-item { border-bottom-right-radius: 5px; border-top-right-radius: 5px; background: #787b7d; } @media screen and (max-width: 864px) { .reviews-slider_full-size .review-item { border-radius: 5px; } } .reviews-slider_full-size .review-item::before { border-bottom-right-radius: 5px; } @media screen and (max-width: 864px) { .reviews-slider_full-size .review-item::before { border-radius: 5px; height: 100%; } } .reviews-slider_full-size .review-item .image { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } @media screen and (max-width: 864px) { .reviews-slider_full-size .review-item .image { border-radius: 5px; } } @media screen and (max-width: 864px) { .reviews-slider_full-size .review-item .text { padding-bottom: 50px; } } .reviews-slider_full-size .owl-dots { bottom: 20px; height: 10px; left: 0; position: absolute; right: 0; text-align: center; z-index: 9; } @media screen and (min-width: 865px) { .reviews-slider_full-size .owl-dots { display: none; } } .reviews-slider_full-size .owl-dot { background: white; border-radius: 100%; display: inline-block; height: 8px; margin: 1px 5px; opacity: 0.4; vertical-align: top; width: 8px; } .reviews-slider_full-size .owl-dot.active { height: 10px; margin: 0 4px; opacity: 1; width: 10px; } @media screen and (max-width: 864px) { .reviews-slider_full-size .review-item .size_autox680 { width: 510px; height: 544px; } } /*----------------------------------------------------- */ /* SPECIAL NEWS SLIDER */ /*----------------------------------------------------- */ .special-news-slider .article-item { float: none; margin: 0; width: 302px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .special-news-slider .article-item { width: 266px; } } @media screen and (min-width: 441px) and (max-width: 864px) { .special-news-slider .article-item { width: 196px; } } @media screen and (max-width: 440px) { .special-news-slider .article-item { width: auto; } } .special-news-slider .article-item .type { line-height: 1.28; } .special-news-slider .article-item .text { padding: 16px 20px; } @media screen and (max-width: 864px) { .special-news-slider .article-item .text { padding: 16px; } } @media screen and (min-width: 441px) { .special-news-slider .article-item .title { height: 60px; line-height: 20px; } } .special-news-slider .article-item .bottom-panel { line-height: 1.28; position: static; } @media screen and (max-width: 864px) { .special-news-slider .article-item .bottom-panel .info { float: none; margin: 0 0 16px; } } @media screen and (max-width: 864px) { .special-news-slider .article-item .bottom-panel .stats { float: none; } } @media screen and (max-width: 1288px) and (min-width: 865px){ .special-news-slider .article-item .size_autox170 { width: 266px; } } @media screen and (max-width: 864px) and (min-width: 441px){ .special-news-slider .article-item .size_autox170 { width: 196px; } } @media screen and (max-width: 440px) { .special-news-slider .article-item .size_autox170 { width: auto; } } /*----------------------------------------------------- */ /* NEWS LINE */ /*----------------------------------------------------- */ @media screen and (min-width: 865px) { .news-line { margin-bottom: -16px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .news-line .article-item, .news-line .article-group { width: 408px; } } @media screen and (max-width: 864px) { .news-line .article-item, .news-line .article-group { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 1289px) { .news-line .article-item:nth-child(4n), .news-line .article-group:nth-child(4n) { margin-right: 0; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .news-line .article-item:nth-child(even), .news-line .article-group:nth-child(even) { margin-right: 0; } } @media screen and (max-width: 864px) { .news-line .article-item:last-child, .news-line .article-group:last-child { margin: 0; } } /*----------------------------------------------------- */ /* NEWS GROUPS */ /*----------------------------------------------------- */ @media screen and (min-width: 1289px) { .news-group-1 .article-item--2 { margin-right: 0; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .news-group-1 .article-item--2 { width: 408px; } } @media screen and (max-width: 864px) { .news-group-1 .article-item--2 { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .news-group-1 .article-item--2:last-child { margin-right: 0; } } @media screen and (min-width: 865px) { .news-group-2 { margin-bottom: -16px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .news-group-2 .article-item, .news-group-2 .article-group { width: 408px; } } @media screen and (max-width: 864px) { .news-group-2 .article-item, .news-group-2 .article-group { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 1289px) { .news-group-2 .article-item:nth-child(3n), .news-group-2 .article-group:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .news-group-2 .article-item:nth-child(even), .news-group-2 .article-group:nth-child(even) { margin-right: 0; } } @media screen and (max-width: 864px) { .news-group-2 .article-item:last-child, .news-group-2 .article-group:last-child { margin: 0; } } /*----------------------------------------------------- */ /* CALENDAR SLIDER */ /*----------------------------------------------------- */ .calendar-slider { position: relative; } .calendar-slider .slider-next, .calendar-slider .slider-prev { background: #34393c; color: #b2b4b7; display: block; font-size: 18px; height: 54px; line-height: 54px; position: absolute; text-align: center; top: 0; -webkit-transition: opacity 0.18s; -o-transition: opacity 0.18s; transition: opacity 0.18s; width: 54px; z-index: 22; } .calendar-slider .slider-next.is-disabled, .calendar-slider .slider-prev.is-disabled { opacity: 0.1; } .calendar-slider .slider-prev { left: 0; } .calendar-slider .slider-next { right: 0; } .calendar-slider .slide { position: relative; z-index: 11; } .calendar-slider .page-title-3 { background: #34393c; color: white; height: 54px; line-height: 54px; margin: 0; padding: 0 54px; text-align: center; } .calendar-slider table { background: white; font-size: 14px; width: 100%; } .calendar-slider tr:nth-child(2) td { padding-top: 8px; } @media screen and (max-width: 440px) { .calendar-slider tr:nth-child(2) td { padding-top: 4px; } } .calendar-slider tr:last-child td { padding-bottom: 8px; } @media screen and (max-width: 440px) { .calendar-slider tr:last-child td { padding-bottom: 4px; } } .calendar-slider th { background: #0cb28b; color: white; font-weight: 300; height: 36px; text-transform: uppercase; } .calendar-slider td { text-align: center; } .calendar-slider td a, .calendar-slider td span { border-radius: 100%; display: block; height: 30px; line-height: 28px; margin: 0 auto; width: 30px; } @media screen and (max-width: 440px) { .calendar-slider td a, .calendar-slider td span { height: 24px; line-height: 22px; width: 24px; } } .calendar-slider td span { color: #b2b4b7; } .calendar-slider td a { color: #34393c; -webkit-transition: background 0.18s, color 0.18s; -o-transition: background 0.18s, color 0.18s; transition: background 0.18s, color 0.18s; } .calendar-slider td a:hover { background: #b2b4b7; color: white; } .calendar-slider th, .calendar-slider td { padding: 4px; } @media screen and (max-width: 440px) { .calendar-slider th, .calendar-slider td { padding: 2px; } } .calendar-slider th:first-child, .calendar-slider td:first-child { padding-left: 8px; } @media screen and (max-width: 440px) { .calendar-slider th:first-child, .calendar-slider td:first-child { padding-left: 4px; } } .calendar-slider th:last-child, .calendar-slider td:last-child { padding-right: 8px; } @media screen and (max-width: 440px) { .calendar-slider th:last-child, .calendar-slider td:last-child { padding-right: 4px; } } .calendar-slider .input-field {padding: 0px;} .calendar-slider .navigation-date { background: #34393c;color: #fff;height: 54px;margin: 0;padding: 0 54px;text-align: center;line-height: 54px;font-size: 17px;} .calendar-slider .month { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 62%; } .calendar-slider .year { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 38%; } .calendar-slider .NewsCalWeekend{ color:#df8492; } .calendar-slider .NewsCalToday span{ background: #0cb28b; color: white; font-weight: bold; } .calendar-slider .NewsCalDefault{ color:#000; } .calendar-slider .NewsCalOtherMonth{ color:#F8F9EF; } .calendar-slider .Event, .calendar-slider .Event a { color: #0cb28b; } /*----------------------------------------------------- */ /* PRODUCT BANNER */ /*----------------------------------------------------- */ .product-banner { background-size: cover; background-position: 100% 50%; border-radius: 5px; color: white; position: relative; } @media screen and (min-width: 865px) { .product-banner { height: 290px; line-height: 290px; } } .product-banner:hover .product-banner_details { opacity: 1; visibility: visible; } .product-banner_brief { padding-left: 50px; position: relative; width: 578px; z-index: 11; } @media screen and (max-width: 864px) { .product-banner_brief { display: none; } } .product-banner_brief p { color: #b2b4b7; font-weight: normal; margin: 0; } .product-banner_brief .title { font-weight: bold; margin: 0 0 16px; } .product-banner_brief .slogan { margin: 0 0 16px; text-transform: none; } .product-banner_details { background: rgba(33, 37, 40, 0.9); border-radius: 5px; } @media screen and (min-width: 865px) { .product-banner_details { bottom: 0; left: 0; opacity: 0; padding: 0 50px; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.36s, visibility 0.36s; -o-transition: opacity 0.36s, visibility 0.36s; transition: opacity 0.36s, visibility 0.36s; visibility: hidden; z-index: 22; } } @media screen and (max-width: 864px) { .product-banner_details { padding: 25px; } } .product-banner_details .column { float: left; width: 578px; } @media screen and (max-width: 1288px) { .product-banner_details .column { float: none; width: auto; } } /* @media screen and (max-width: 1288px) { .product-banner_details .column:last-child { display: none; } } */ .product-banner_details .column p { margin: 12px 0 0; } .product-banner_details .page-title-1 { font-weight: normal; } .product-banner_details .page-title-1 small { color: #b2b4b7; display: block; font-size: 18px; margin: 8px 0 0; } @media screen and (max-width: 440px) { .product-banner_details .page-title-1 small { font-size: 16px; } } .product-banner_details .price { display: block; font-size: 36px; margin: 0 0 30px; } @media screen and (max-width: 440px) { .product-banner_details .price { font-size: 30px; } } .product-banner_details .price small { font-size: 30px; } @media screen and (max-width: 440px) { .product-banner_details .price small { font-size: 24px; } } .product-banner_details .button { display: block; float: left; margin-right: 10px; padding: 0; } /* .product-banner_details .button:last-child { margin: 0; padding: 0; } */ .product-banner_details .more, .product-banner_details .buy { width: 154px; } @media screen and (min-width: 441px) and (max-width: 864px) { .product-banner_details .more, .product-banner_details .buy { width: 142px; } } @media screen and (max-width: 440px) { .product-banner_details .more { float: none; margin: 0 0 10px; width: 238px; } } @media screen and (max-width: 440px) { .product-banner_details .buy { width: 184px; } } .product-banner_details .like { background: #34393c; color: #b2b4b7; font-size: 22px; line-height: 44px; width: 44px; } .product-banner_details .like:hover, .product-banner_details .like.is-active { background: #494d50; color: white; } /*----------------------------------------------------- */ /* NEWS ARTICLE */ /*----------------------------------------------------- */ @media screen and (min-width: 441px) { .news-article { font-size: 18px; } } /* .news-article .heading { border-bottom: 1px solid #b2b4b7; padding: 80px 100px 100px; text-align: center; } */ .news-article .heading { text-align: center; position: relative } @media screen and (min-width: 865px) and (max-width: 1288px) { .news-article .heading { padding: 30px 50px 50px; } } @media screen and (max-width: 864px) { .news-article .heading { padding: 10px 0 30px; } } @media screen and (max-width: 440px) { .news-article .heading { padding: 0 0 30px; text-align: left; } } .news-article .heading .type { color: #b2b4b7; font-size: 21px; margin: 0 0 4px; } @media screen and (max-width: 440px) { .news-article .heading .type { font-size: 18px; } } .news-article .heading .title { font-size: 40px; line-height: 1.2; margin: 0 0 12px; } @media screen and (min-width: 441px) and (max-width: 864px) { .news-article .heading .title { font-size: 36px; } } @media screen and (max-width: 440px) { .news-article .heading .title { font-size: 30px; } } .news-article .heading .author { color: #b2b4b7; margin: 0 0 8px; } @media screen and (min-width: 441px) { .news-article .heading .author { font-size: 18px; } } .news-article .heading .author span { color: #34393c; } .news-article .date { color: #b2b4b7; display: block; font-size: inherit; font-weight: inherit; margin: 0 0 1em; } @media screen and (max-width: 440px) { .news-article .heading .date { font-size: 14px; } } .news-article .illustration { width: 100%; } .news-article .product-banner { font-size: 16px;background-color: #34393c; } .news-article .share .caption { color: #b2b4b7; font-size: 14px; margin: -10px 0 5px; } .news-article .share .pluso-more, .news-article .share .pluso-counter { display: none; } /*----------------------------------------------------- */ /* PRELOADER */ /*----------------------------------------------------- */ .preloader { background: #34393c; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 8888; } .preloader img { -webkit-animation: 5s loadingAnimation linear infinite forwards; animation: 5s loadingAnimation linear infinite forwards; height: 128px; left: 50%; margin: -64px 0 0 -120px; position: absolute; top: 50%; width: 240px; } /*----------------------------------------------------- */ /* LOADING ANIMATION */ /*----------------------------------------------------- */ @keyframes loadingAnimation { 0% { opacity: 1; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 0; -webkit-transform: scale(2); transform: scale(2); } } @-webkit-keyframes loadingAnimation { 0% { opacity: 1; -webkit-transform: scale(0.5); } 100% { opacity: 0; -webkit-transform: scale(2); } } /*----------------------------------------------------- */ /* WARNINGS */ /*----------------------------------------------------- */ #noScriptWarning, #outdatedBrowserWarning { color: white; padding: 12px; position: relative; text-align: center; z-index: 9999; } #noScriptWarning a, #outdatedBrowserWarning a { color: white; } #noScriptWarning { background: red; } #outdatedBrowserWarning { background: orangered; } .message_send { border: none;border-radius: 1px;font-size: 14px;padding: 15px;margin-bottom: 20px; color: #61a942;background-color: #dff2de;border-color: #ebccd1;} .message_err {border: none;border-radius: 1px;font-size: 14px;padding: 15px;margin-bottom: 20px; color: #a94442;background-color: #f2dede;border-color: #ebccd1;} font.errortext { display: block;font-size: 14px;padding: 15px;margin-bottom: 20px;color: #a94442;background-color: #f2dede;border-color: #ebccd1;} font.notetext { display: block;font-size: 14px;padding: 15px;margin-bottom: 20px; color: #61a942;background-color: #dff2de;border-color: #ebccd1;} .alert-danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1;} .alert-success {color: #61a942;background-color: #dff2de;border-color: #ebccd1;} .alert {border: 0;border-radius: 1px;font-size: 14px;padding: 15px;margin-bottom: 20px;} /*----------------------------------------------------- */ /* PAGINATION */ /*----------------------------------------------------- */ .pagination { display: inline-block; margin: 24px 0 0; text-align: center; width: 100%; } @media screen and (max-width: 440px) { .pagination { margin: 14px 0 0; } } .pagination ul { display: inline-block; list-style: none; margin: 0; padding: 0; } .pagination li { color: #cbccce; float: left; height: 30px; line-height: 30px; margin-right: 4px; } .pagination li:last-child { margin-right: 0; } .pagination li.is-active a, .pagination li.is-active span { background: #0cb28b; border-color: #0cb28b; } .pagination a, .pagination span { background: #cbccce; border-color: #cbccce; display: block; padding: 0; width: 42px; } /*----------------------------------------------------- */ /* CAPTCHA_BITRIX */ /*----------------------------------------------------- */ .captcha_bitrix { display: inline-block; width: 100%; margin: 0px 0px 10px 0px; } .captcha_bitrix img { width: 48%; height: 38px; float: left; margin-right: 2%; } .captcha_bitrix .input-field { width: 45%; float: left; } .captcha_bitrix input {height: 38px !important; width: 50%!important; padding: 0 15px; margin: 0px !important;} /*----------------------------------------------------- */ /* PROMO BANNERS */ /*----------------------------------------------------- */ .promo-banner-1 { background: #34393c; } .promo-banner-1 a { display: block; position: relative; } .promo-banner-1 .fg {border-bottom-left-radius: 5px;border-top-left-radius: 5px;height: 100%;left: 0;position: absolute;top: 0;} .promo-banner-1 .bg {border-radius: 5px;width: 100%;} /*----------------------------------------------------- */ /* OTHER */ /*----------------------------------------------------- */ .news-detail .promo-banner-1 {margin: 0 0 30px;} .news-detail .description_image {border-radius: 5px;float: left;margin-right: 32px;position: relative;width: 282px;} .news-detail .description_image .photo {background: url(/local/templates/s2_template_main/css/../img/company-description-image.jpg);background-size: contain;border-radius: 5px;} .news-detail .description_image .photo img {border-radius: 5px;width: 100%;} .news-detail .description_image .caption {background: -webkit-gradient(linear, left bottom, left top, from(#34393c), to(rgba(0, 0, 0, 0)));background: -webkit-linear-gradient(bottom, #34393c, rgba(0, 0, 0, 0));background: -o-linear-gradient(bottom, #34393c, rgba(0, 0, 0, 0));background: linear-gradient(0deg, #34393c, rgba(0, 0, 0, 0));bottom: 0;color: white;font-size: 20px;left: 0;overflow: hidden;padding: 25px;position: absolute;right: 0;} .news-detail .description_image .caption span {color: #0cb28b;display: block;font-size: 30px;margin: 0 0 8px;} /*----------------------------------------------------- */ /* SEARCH POPUP */ /*----------------------------------------------------- */ .search-popup { color: #34393c; left: 0; position: absolute; top: 100%; width: 100%; } .search-popup__container { background: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .search-popup__group { border-bottom: 1px solid #ebebeb; padding: 20px 10px 20px 12px; } @media screen and (max-width: 1288px) { .search-popup__group { border: none; } } @media screen and (min-width: 865px) { .search-popup__group--long { height: 392px; } } @media screen and (max-width: 864px) { .search-popup__group--long { padding-bottom: 0; } } .search-popup__group--short { border: none; height: 210px; padding-bottom: 12px; } @media screen and (max-width: 1288px) { .search-popup__group--short { height: auto; padding-top: 0; } } .search-popup__section { float: left; height: 100%; margin-right: 8px; position: relative; } @media screen and (max-width: 864px) { .search-popup__section { border-top: 1px solid #ebebeb; float: none; margin: 0 2px 0 0; padding: 20px 0; width: auto; } } .search-popup__section:last-child { margin-right: 2px; } .search-popup__section::before { background: #ebebeb; bottom: 0; content: ""; display: block; position: absolute; right: 2px; top: 0; width: 1px; } @media screen and (max-width: 1288px) { .search-popup__section::before { bottom: 20px; top: 20px; } } @media screen and (min-width: 1289px) { .search-popup__section--1 { width: 206px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-popup__section--1 { width: 174px; } } @media screen and (max-width: 864px) { .search-popup__section--1 { border: none; padding-top: 0; } } @media screen and (min-width: 1289px) { .search-popup__section--2 { width: 582px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-popup__section--2 { width: 294px; } } @media screen and (min-width: 1289px) { .search-popup__section--3 { width: 428px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-popup__section--3 { width: 324px; } } @media screen and (min-width: 1289px) { .search-popup__section--4 { width: 606px; } } @media screen and (min-width: 1289px) { .search-popup__section--5 { width: 618px; } } @media screen and (max-width: 1288px) { .search-popup__section--4, .search-popup__section--5 { border-top: 1px solid #ebebeb; float: none; margin: 0 2px 0 0; padding: 20px 0; } } @media screen and (max-width: 1288px) { .search-popup__section--4::before, .search-popup__section--5::before { bottom: 20px; top: 20px; } } @media screen and (max-width: 1288px) { .search-popup__section--5 { padding-bottom: 0; } } @media screen and (max-width: 1288px) { .search-popup__section--5::before { bottom: 0; } } .search-popup__section-title { font-size: 14px; line-height: 18px; text-align: center; } .search-popup__scroller { overflow: hidden; } .search-popup__scroller--long { max-height: 356px; } @media screen and (max-width: 440px) { .search-popup__scroller--long { max-height: 174px; } } .search-popup__scroller--short { max-height: 174px; } @media screen and (max-width: 440px) { .search-popup__scroller--medium { max-height: 238px; } } .search-popup__scroller .mCSB_inside > .mCSB_container { margin-right: 14px; } .search-popup__scroller .mCSB_scrollTools { opacity: 1; width: 6px; } .search-popup__scroller .mCSB_scrollTools .mCSB_draggerRail { opacity: 0; } .search-popup__scroller .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #cbccce; border-radius: 6px; width: 6px; } .search-popup__scroller .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .search-popup__scroller .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #cbccce; } .search-popup__vendor { border: 2px solid transparent; float: none; margin: 0 0 8px; padding: 18px; transition: border-color 0.18s, color 0.18s; width: auto; } @media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__vendor { float: left; margin-right: 8px; width: 174px; } } .search-popup__vendor:nth-child(even) { margin-right: 0; } @media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__vendor:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } } .search-popup__vendor:last-child { margin-bottom: 0; } .search-popup__vendor:hover { border-color: #0cb28b; box-shadow: none; } .search-popup__vendor .caption { height: 40px; line-height: 20px; } .search-popup__product { border: 2px solid #eff1f0; border-radius: 5px; color: #34393c; float: left; display: block; height: 63px; margin: 0 8px 8px 0; padding: 8px; transition: border-color 0.18s, color 0.18s; width: 260px; } @media screen and (max-width: 1288px) { .search-popup__product { margin-right: 0; } } @media screen and (max-width: 864px) { .search-popup__product { float: none; width: auto; } } .search-popup__product:nth-child(even) { margin-right: 0; } @media screen and (min-width: 1289px) { .search-popup__product:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } } .search-popup__product:last-child { margin-bottom: 0; } .search-popup__product:hover { border-color: #0cb28b; color: #b2b4b7; } .search-popup__product-image { max-height: 100%; max-width: 100%; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; } .search-popup_product-image-container { float: left; width: 65px; height: 65px; margin-right: 15px; position: relative; } /*.search-popup__product-image { float: left; height: 100%; margin-right: 12px; }*/ .search-popup__product-caption { display: block; line-height: 63px; overflow: hidden; } .search-popup__product-caption .aligner { line-height: 21px; max-height: 63px; overflow: hidden; } .search-popup__offer { background: #eff1f0; border: 2px solid #eff1f0; border-radius: 5px; color: #34393c; display: block; line-height: 63px; margin: 0 0 8px; padding: 8px 18px; position: relative; transition: border-color 0.18s; } @media screen and (max-width: 440px) { .search-popup__offer { height: auto; line-height: normal; padding: 8px; } } .search-popup__offer:last-child { margin: 0; } .search-popup__offer:hover { border-color: #0cb28b; } @media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__offer--wide { padding-right: 118px; } } .search-popup__offer-caption { font-size: 14px; line-height: 21px; max-height: 63px; overflow: hidden; } @media screen and (max-width: 440px) { .search-popup__offer-caption { height: 63px; margin: 0 0 8px; } } .search-popup__offer-prices { bottom: 8px; display: block; line-height: 63px;} @media screen and (max-width: 440px) { .search-popup__offer-prices { line-height: normal; position: static; text-align: left; } } @media screen and (min-width: 441px) { .search-popup__offer-prices--narrow { width: 102px; } } @media screen and (min-width: 865px) { .search-popup__offer-prices--wide { width: 218px; } } @media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__offer-prices--wide { width: 102px; } } .search-popup__offer-price { border-radius: 12px; border-bottom-left-radius: 0; color: white; height: 24px; line-height: 24px; margin-right: 12px; padding: 0 9px; text-transform: uppercase; } @media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__offer-price { margin: 0 0 8px; } } @media screen and (max-width: 440px) { .search-popup__offer-price { margin-right: 4px; } } .search-popup__offer-price:last-child { margin: 0; } .search-popup__offer-price--current { background: #008e87; } .search-popup__offer-price--new { background: #f77b28; } .search-popup__offer-price--old { background: #cbccce; text-decoration: line-through; } .search-popup__article { background: none; float: left; margin: 0 8px 8px 0; padding: 0 10px 12px; width: 278px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-popup__article { width: 373px; } } @media screen and (max-width: 864px) { .search-popup__article { border-bottom: 1px solid #eff1f0; float: none; margin: 0 0 12px; padding: 0 0 12px; width: auto; } } .search-popup__article:nth-child(even) { margin-right: 0; } @media screen and (min-width: 865px) { .search-popup__article:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } } .search-popup__article:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } .search-popup__article:hover { box-shadow: none; } .search-popup__article .category { font-size: 14px; line-height: 18px; margin: 0 0 10px; } .search-popup__article .category a { color: #b2b4b7; } .search-popup__article .title { line-height: 20px; height: 100px; margin: 0 0 12px; overflow: hidden; } @media screen and (max-width: 864px) { .search-popup__article .title { margin: 0 0 26px; } } .search-popup__article .title a:hover { text-decoration: underline; } .search-popup__article .title em { color: #0cb28b; font-style: normal; } .search-popup__article .bottom-panel { position: static; } .search-popup__article .bottom-panel .info { float: left; } .search-popup__article .bottom-panel .stats { float: right; } /*----------------------------------------------------- */ /* SEARCH NEWS */ /*----------------------------------------------------- */ .search-news .article-item { background: white; border-radius: 5px; float: left; font-size: 14px; margin: 0 16px 16px 0; -webkit-transition: box-shadow 0.36s; transition: box-shadow 0.36s; } .search-news .article-item:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } .search-news .article-item:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .search-news .article-item .image { border-top-left-radius: 5px; border-top-right-radius: 5px; display: block; overflow: hidden; } .search-news .article-item .image img { border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-transition: transform 0.36s; transition: transform 0.36s; height: 100%; width: 100%; } .search-news .article-item .text { overflow: hidden; padding: 16px 20px 52px; position: relative; } @media screen and (max-width: 864px) { .search-news .article-item .text { padding: 16px; } } .search-news .article-item .type { font-size: 14px; margin: 0 0 16px; } @media screen and (min-width: 865px) { .search-news .article-item .type { line-height: 20px; } } .search-news .article-item .type a { color: #b2b4b7; } .search-news .article-item .title { overflow: hidden; } .search-news .article-item .title a { color: #34393c; display: inline-block; } .search-news .article-item .brief { color: #777; overflow: hidden; } @media screen and (max-width: 864px) { .search-news .article-item .brief { margin: 0 0 16px; } } .search-news .article-item .brief p { margin: 0; } .search-news .article-item .bottom-panel { bottom: 16px; color: #b2b4b7; font-size: 12px; left: 20px; position: absolute; right: 20px; } @media screen and (min-width: 865px) { .search-news .article-item .bottom-panel { line-height: 20px; } } @media screen and (max-width: 864px) { .search-news .article-item .bottom-panel { position: static; } } .search-news .article-item .bottom-panel a { color: #b2b4b7; } .search-news .article-item .info { float: left; } @media screen and (max-width: 440px) { .search-news .article-item .info { float: none; margin: 0 0 16px; } } .search-news .article-item .stats { float: right; } @media screen and (max-width: 440px) { .search-news .article-item .stats { float: none; } } .search-news .article-item .date { margin-right: 6px; } .search-news .article-item .date::after { content: "|"; margin-left: 8px; } .search-news .article-item .date:last-child { margin: 0; } .search-news .article-item .date:last-child::after { display: none; } .search-news .article-item .views { margin-right: 24px; } .search-news .article-item .views:last-child { margin: 0; } .search-news .article-item .fa-eye, .search-news .article-item .fa-comment-alt { margin-right: 3px; position: relative; top: 1px; } .search-news .article-item--1 { width: 408px; } @media screen and (max-width: 864px) { .search-news .article-item--1 { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 1289px) { .search-news .article-item--1:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--1:nth-child(3n) { display: none; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--1:nth-child(2n) { margin-right: 0; } } @media screen and (min-width: 865px) { .search-news .article-item--1 .text { height: 130px; } } @media screen and (min-width: 865px) { .search-news .article-item--1 .title { line-height: 20px; max-height: 60px; } } @media screen and (min-width: 865px) { .search-news .article-item--1 .brief { line-height: 18px; max-height: 54px; } } .search-news .article-item--2 { width: 302px; } @media screen and (min-width: 1289px) { .search-news .article-item--2 .image { height: 170px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--2 .image { height: 230px; } } .search-news .article-item--2 .text { padding: 16px 20px; } @media screen and (max-width: 864px) { .search-news .article-item--2 .text { padding: 16px; } } @media screen and (min-width: 865px) { .search-news .article-item--2 .title { height: 60px; line-height: 20px; } } .search-news .article-item--2 .bottom-panel { position: static; } .search-news .article-item--3 { width: 302px; } @media screen and (min-width: 1289px) { .search-news .article-item--3 .text { height: 266px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--3 .text { height: 326px; } } @media screen and (min-width: 865px) { .search-news .article-item--3 .title { line-height: 20px; max-height: 60px; } } @media screen and (min-width: 1289px) { .search-news .article-item--3 .brief { line-height: 18px; max-height: 144px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--3 .brief { line-height: 18px; max-height: 180px; } } .search-news .article-item--4 { width: 620px; } @media screen and (max-width: 1288px) { .search-news .article-item--4 { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 1289px) { .search-news .article-item--4 .image { height: 348px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--4 .image { border-bottom-left-radius: 5px; border-top-right-radius: 0; float: left; height: 230px; width: 408px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--4 .image img { border-bottom-left-radius: 5px; border-top-right-radius: 0; } } @media screen and (min-width: 1289px) { .search-news .article-item--4 .text { height: 268px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--4 .text { height: 162px; } } @media screen and (min-width: 865px) { .search-news .article-item--4 .title { line-height: 20px; max-height: 60px; } } @media screen and (min-width: 1289px) { .search-news .article-item--4 .brief { line-height: 18px; max-height: 144px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--4 .brief { line-height: 18px; max-height: 54px; } } .search-news .article-group { float: left; margin: 0 16px 16px 0; width: 302px; } .search-news .article-group .article-item { float: none; margin-right: 0; } .search-news .article-group .article-item:last-child { margin: 0; } @media screen and (min-width: 1289px) { .search-news .article-group .article-item .text { height: 91px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-group .article-item .text { height: 121px; } } @media screen and (min-width: 1289px) { .search-news .article-group .article-item .type { margin: 0 0 12px; } } @media screen and (min-width: 865px) { .search-news .article-group .article-item .title { line-height: 20px; margin: 0; } } @media screen and (min-width: 1289px) { .search-news .article-group .article-item .title { max-height: 60px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-group .article-item .title { max-height: 80px; } } @media screen and (min-width: 865px) { .search-news .news-line { margin-bottom: -16px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .news-line .article-item, .search-news .news-line .article-group { width: 408px; } } @media screen and (max-width: 864px) { .search-news .news-line .article-item, .search-news .news-line .article-group { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 1289px) { .search-news .news-line .article-item:nth-child(4n), .search-news .news-line .article-group:nth-child(4n) { margin-right: 0; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .news-line .article-item:nth-child(even), .search-news .news-line .article-group:nth-child(even) { margin-right: 0; } } @media screen and (max-width: 864px) { .search-news .news-line .article-item:last-child, .search-news .news-line .article-group:last-child { margin: 0; } } /*----------------------------------------------------- */ /* SEARCH OFFERS */ /*----------------------------------------------------- */ .search-offer { background: white; border-radius: 5px; float: left; margin: 0 16px 16px 0; padding: 20px; transition: background 0.18s, color 0.18s; width: 580px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-offer { width: 368px; } } @media screen and (max-width: 864px) { .search-offer { float: none; margin-right: 0; width: auto; } } @media screen and (max-width: 440px) { .search-offer { padding: 14px; } } .search-offer:nth-child(even) { margin-right: 0; } @media screen and (min-width: 865px) { .search-offer:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } } .search-offer:last-child { margin-bottom: 0; } .search-offer_image { background: white; border-radius: 5px; display: block; text-align: center; } @media screen and (min-width: 1289px) { .search-offer_image { float: left; height: 142px; line-height: 142px; margin-right: 16px; width: 138px; } } @media screen and (min-width: 441px) and (max-width: 1288px) { .search-offer_image { margin-bottom: 20px; } } @media screen and (max-width: 440px) { .search-offer_image { margin: 0 0 16px; padding: 16px; } } .search-offer_image img { max-height: 100%; max-width: 100%; } .search-offer_info { overflow: hidden; } .search-offer_info .title { font-size: 18px; font-weight: normal; margin: 0 0 8px; } @media screen and (min-width: 441px) { .search-offer_info .title { height: 44px; line-height: 44px; overflow: hidden; } } .search-offer_info .title a { color: #34393c; } @media screen and (min-width: 441px) { .search-offer_info .title a { display: inline-block; line-height: 22px; vertical-align: bottom; } } .search-offer_info .title a:hover { text-decoration: underline; } .search-offer_info .type { color: #b2b4b7; font-size: 14px; line-height: 18px; margin: 0 0 12px; overflow: hidden; } .search-offer_info .rating { height: 16px; line-height: 16px; margin: 0 0 14px; } .search-offer_info .rating:last-child { margin: 0; } .search-offer_info .rating .star { color: #cbccce; display: inline-block; } .search-offer_info .rating .star.is-active { color: #ffc600; } .search-offer_info .price { float: left; margin-left: 10px; } .search-offer_info .price:first-child { margin-left: 0; } @media screen and (max-width: 440px) { .search-offer_info .price { margin-bottom: 12px; } } .search-offer_info .price span { border-radius: 15px; border-bottom-left-radius: 0; color: white; display: inline-block; font-size: 21px; font-weight: normal; height: 34px; line-height: 34px; padding: 0 12px; } .search-offer_info .price small { font-size: 18px; } .search-offer_info .price--current span { background: #0cb28b; } .search-offer_info .price--new span { background: #f77b28; } .search-offer_info .price--old span { background: #cbccce; text-decoration: line-through; } .search-offer_info .buy { float: right; padding: 0; width: 120px; } @media screen and (max-width: 440px) { .search-offer_info .buy { clear: both; float: none; width: 100%; } } .catalog-item { background: white; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #34393c; display: block; float: left; font-weight: normal; margin: 0 16px 16px 0; padding: 20px; position: relative; text-align: center; -webkit-transition: color 0.18s, -webkit-box-shadow 0.18s; transition: color 0.18s, -webkit-box-shadow 0.18s; -o-transition: box-shadow 0.18s, color 0.18s; transition: box-shadow 0.18s, color 0.18s; transition: box-shadow 0.18s, color 0.18s, -webkit-box-shadow 0.18s; width: 196px; } .catalog-item .image { display: block; height: 78px; line-height: 78px; margin: 0 0 16px; } .share{ margin-top: 40px; } /*----------------------------------------------------- */ /* MEDIA PRINT */ /*----------------------------------------------------- */ @media print { .page-container { width: 100%; } .header, .footer, .news-filter, .breadcrumbs, iframe { display: none; } } /*----------------------------------------------------- */ /* TEG */ /*----------------------------------------------------- */ .tag-list { float: right; } @media screen and (max-width: 864px) { .tag-list { float: none; } } .tag-list .button-teg { background: #0cb28b; border: 1px solid #0cb28b; color: white; margin: 0px 0px 10px 10px; border-radius: 22px; height: 36px; line-height: 33px; } @media screen and (max-width: 864px) { .tag-list .button-teg { display: flex; margin: 5px 0px; } } .tag-list .button-teg:hover { background: #41ba88; -webkit-box-shadow: 0 6px 12px 0 rgba(65, 186, 136, 0.3); box-shadow: 0 6px 12px 0 rgba(65, 186, 136, 0.3); } /*----------------------------------------------------- */ /* IFRAME */ /*----------------------------------------------------- */ @media screen and (max-width: 864px) { .iframe-global { display: flex; } } .iframe-text { display: none; } @media screen and (max-width: 864px) { .iframe-text { color: #b2b4b7; float: left; display: block; word-wrap: break-word; width: 7ch; line-height: 1; margin-right: 5px; font-weight: bold; font-size: 16px;} } @media screen and (max-width: 427px) { .iframe-text { width: 1ch; margin-right: 10px;} } @media screen and (max-width: 372px) { .iframe-text { margin-bottom: 5px; width: 7ch;} } @media screen and (max-width: 864px) { iframe {float: none !important; display: block;} } @media screen and (max-width: 440px) { .size_autox230 { height: 170px; } } @media screen and (max-width: 360px) { .size_autox230 { height: 150px; } .article-item--4 .size_autox348 { height: 150px; } .article-item--2 .size_autox170 { height: 150px; } } /*----------------------------------------------------- */ /* COOKIE WARNING */ /*----------------------------------------------------- */ .cookie-warning { background: #eff1f1; border-top: 1px solid #cbccce; bottom: 0; left: 0; padding: 15px 0; position: fixed; right: 0; z-index: 7777; } .cookie-warning .brief { margin: 0 0 15px; } .cookie-warning .button { float: left; margin-right: 10px; } .cookie-warning .button:last-child { margin-right: 0; } .cookie-warning .button--1 { border: 1px solid #0cb28b; color: #0cb28b; } @media screen and (max-width: 440px) {.cookie-warning .button--1 { margin-top: 15px;}} .cookie-warning .button--1:hover { color: white; } div.beono-flashmessage{ background: #0cb28b !important; border-color: #0cb28b !important; color: white; } div.beono-flashmessage a{ color: white; } /*----------------------------------------------------- */ /* EXPERT LINK */ /*----------------------------------------------------- */ @media screen and (min-width: 1871px) { .expert-block { display: flex; justify-content: space-between; } .expert-left-part { display: flex; flex-basis:1; } .expert-right-part { display: flex; flex-basis:3; justify-content: end; align-items: end; } .expert-photo { min-width:70px; border-radius:7px; } .expert-description { flex-direction: column; margin-left:15px; display: flex; justify-content: center; } .expert-logo { display: flex; margin-right:10px; } } @media screen and (min-width: 1445px) and (max-width: 1870px) { .expert-left-part { display: flex; flex-direction: row; } .expert-photo { min-width:70px; border-radius:7px; } .expert-logo { display: flex; margin-right:10px; } .expert-description { flex-direction: column; margin-left:15px; display: flex; justify-content: center; } .expert-right-part { display: flex; justify-content: space-between; align-items: end; margin-top: 20px; } } @media screen and (min-width: 441px) and (max-width: 1444px) { .expert-left-part { display: flex; flex-direction: row; } .expert-photo { min-width:70px; border-radius:7px; } .expert-logo { display: flex; margin-right:10px; } .expert-description { flex-direction: column; margin-left:15px; display: flex; justify-content: center; } .expert-right-part { display: inline-block; justify-content: space-between; align-items: end; margin-top: 20px; } .expert-button { margin-top: 20px; } } @media screen and (min-width: 441px) and (max-width: 668px) { .expert-right-part { display: inline-block; justify-content: space-between; align-items: end; margin-top: 20px; width:100%; } } .flag-icon-background { background-size: contain; background-position: 50%; background-repeat: no-repeat; } .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; } .flag-icon:before { content: "\00a0"; } .flag-icon.flag-icon-squared { width: 1em; } .flag-icon-ru { background-image: url(/local/templates/s2_template_main/css/../img/4x3_ru.svg); } .flag-icon-ru.flag-icon-squared { background-image: url(/local/templates/s2_template_main/css/../img/1x1_ru.svg); } .otech-po-button{ padding: 0 10px !important; color: #fff !important; margin-right: 11px !important; } /*----------------------------------------*/ /* 26.05.2022 EXPERT BLOCK FIX */ /*----------------------------------------*/ .expert-block .expert-button { overflow: hidden; line-height: 81px; } .expert-block .expert-logo > span { background-size: contain; height: 60px; margin-bottom: 10px; width: 250px; } @media screen and (max-width: 1870px) { .expert-block .expert-logo > span { margin-bottom: 0; } } @media screen and (max-width: 1444px) { .expert-block .expert-button > a { margin: 0; } } .samord-tippy-init { background: #f2f2f2; } /* End */ /* Start:/local/templates/.default/components/bitrix/menu/main_menu/style.css?1783621035116*/ @media screen and (min-width: 1289px) { .header_sub-menu .list.clearfix { min-width: 1280px; } } /* End */ /* Start:/local/components/syssoft/search.title/templates/.default/style.css?1783621030958*/ .title-search-result .search-popup { position: relative; top: auto; left: auto; right: auto; width: auto; } .search-popup__container { position: relative; } .search-popup.is-loading .search-popup__container { min-height: 392px; } .search-popup__loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: none; align-items: center; justify-content: center; background: rgba(221, 221, 221, 0.75); } .search-popup.is-loading .search-popup__loader { display: flex; } .search-popup__loader img { width: 48px; height: auto; } .search-popup__offer-price--old-strike { background: #cbccce; text-decoration: line-through; } .title-search-result { background: white; border: none; border-radius: 5px; padding: 10px; min-width: 920px; z-index: 999; margin-left: -420px; } .title-search-fader { display: none; } /* End */ /* Start:/local/components/syssoft/auth.modal/templates/default/style.css?17836210299354*/ .auth-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; display: flex; align-items: center; justify-content: center; } .auth-modal[hidden] { display: none; } .auth-modal__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); } .auth-modal__dialog { position: relative; max-width: 480px; width: 90%; max-height: 90vh; z-index: 1; } .auth-modal__content { position: relative; background: #fff; padding: 32px 40px 40px; border-radius: 8px; max-height: 90vh; overflow-x: hidden; overflow-y: auto; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); box-sizing: border-box; } .auth-modal__content *, .auth-modal__content *::before, .auth-modal__content *::after { box-sizing: border-box; } .auth-modal__close { position: absolute; top: 12px; right: 12px; border: none; background: #fff; color: #999; cursor: pointer; padding: 0; width: 40px; height: 40px; margin: 0; display: flex; align-items: center; justify-content: center; z-index: 2; border-radius: 50%; } .auth-modal__close:hover { color: #333; } .auth-modal__close-icon { display: block; width: 20px; height: 20px; flex-shrink: 0; } .auth-modal__header { display: block; padding-right: 36px; margin-bottom: 24px; } .auth-modal__tabs { display: flex; width: 100%; min-width: 0; gap: 0; margin-bottom: 0; border-bottom: 2px solid #eee; } .auth-modal__tab { flex: 1; padding: 12px 16px; border: none; background: transparent; font-size: 16px; color: #999; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -2px; transition: color 0.2s, border-color 0.2s; } .auth-modal__tab:hover { color: #666; } .auth-modal__tab.is-active { color: #0cb28b; border-bottom-color: #0cb28b; font-weight: 500; } .auth-modal__panel .authorization { margin: 0; display: block !important; width: 100% !important; max-width: 100%; } .auth-modal__panel .authorization_form.page-block, .auth-modal__panel .authorization .authorization_form { padding: 0; margin: 0; box-shadow: none; display: block !important; width: 100% !important; max-width: 100%; float: none; } .auth-modal__panel .authorization_form::after { content: ''; display: table; clear: both; } .auth-modal__panel .authorization_form .input-group-1 { float: none !important; clear: both !important; width: 100%; margin: 0 0 16px; } .auth-modal__panel .authorization_form .auth-mode-switch, .auth-modal__panel .authorization_form .auth-email-disclaimer, .auth-modal__panel .authorization_form .message_err, .auth-modal__panel .authorization_form .auth-message_err, .auth-modal__panel .authorization_form .reg-message_err, .auth-modal__panel .authorization_form .recovery-message_err { float: none !important; clear: both !important; width: 100%; } .auth-modal__panel .authorization_form .agreement { padding: 0 !important; margin: 16px 0 !important; float: none !important; clear: both !important; width: 100% !important; } .auth-modal__panel .authorization_form .agreement .check-box-1 { float: none !important; margin: 0; width: 100%; } .auth-modal__panel .authorization_form .agreement .check-box-1 label { display: block; width: 100%; max-width: 100%; } .auth-modal__panel .authorization_form .links { margin: 0 0 16px !important; padding: 0 !important; float: none !important; clear: both !important; width: 100% !important; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; list-style: none; } .auth-modal__panel .authorization_form .links li { float: none !important; margin: 0 !important; width: 100%; } .auth-modal__panel .authorization_form .links a { display: inline-block; } .auth-modal__panel .authorization_form .auth-submit, .auth-modal__panel .authorization_form button[type="submit"] { float: none !important; clear: both !important; } .auth-modal__panel .authorization_form .input-group-1 .caption { float: none !important; width: 100% !important; height: auto; line-height: 1.28; margin: 0 0 5px; } .auth-modal__panel .authorization_form .input-group-1 .input-field, .auth-modal__panel .authorization_form .input-group-1 .select-box { float: none !important; width: 100% !important; max-width: 100%; } .auth-modal__panel .authorization_form .button--large, .auth-modal__panel .authorization_form .reg-send-code, .auth-modal__panel .authorization_form .reg-verify, .auth-modal__panel .authorization_form .reg-register, .auth-modal__panel .authorization_form .recovery-submit, .auth-modal__panel .authorization_form .recovery-verify, .auth-modal__panel .authorization_form .recovery-reset { width: 100%; margin-left: 0 !important; } .auth-modal__panel .authorization_form .captcha_bitrix img { max-width: 100%; height: auto; } .auth-modal__panel .authorization_form .captcha_bitrix input { width: 100% !important; max-width: 100%; } .auth-modal__panel .auth-mode-switch { max-width: 100%; } .auth-modal__panel .auth-email-disclaimer { max-width: 100%; } .auth-modal__panel .reg-step, .auth-modal__panel .recovery-step { max-width: 100%; } .auth-denied { text-align: center; padding: 40px 20px; } .auth-denied__title { font-size: 22px; margin: 0 0 12px; color: #333; } .auth-denied__text { font-size: 15px; line-height: 1.5; color: #666; margin: 0 0 24px; } .auth-denied__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; } body.auth-modal-open { overflow: hidden; } @media screen and (max-width: 480px) { .auth-modal__dialog { width: 94%; } .auth-modal__content { padding: 28px 20px 24px; } .auth-modal__header { padding-right: 32px; } .auth-modal__close { top: 8px; right: 8px; width: 36px; height: 36px; } .auth-modal__close-icon { width: 18px; height: 18px; } .auth-modal__tab { padding: 12px 10px; font-size: 15px; } } /* Формы авторизации внутри модалки */ .auth-modal .auth-message_err, .auth-modal .reg-message_err, .auth-modal .recovery-message_err { color: #d00; padding: 10px 15px; margin-bottom: 15px; background: #ffeaea; border: 1px solid #fcc; border-radius: 4px; font-size: 14px; } .auth-modal .auth-message_send, .auth-modal .reg-message_send, .auth-modal .recovery-message_send { color: #080; padding: 10px 15px; margin-bottom: 15px; background: #eaffea; border: 1px solid #cfc; border-radius: 4px; font-size: 14px; } .auth-modal .auth-mode-switch { position: relative; display: flex; margin-bottom: 20px; padding: 4px; border-radius: 999px; background: rgba(12, 178, 139, 0.12); } .auth-modal .auth-mode-switch__indicator { position: absolute; top: 4px; left: 4px; width: calc((100% - 8px) / 2); height: calc(100% - 8px); border-radius: 999px; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); transition: transform 0.25s ease; pointer-events: none; } .auth-modal .auth-mode-switch[data-active="email"] .auth-mode-switch__indicator, .auth-modal .auth-mode-switch[data-active="login"] .auth-mode-switch__indicator { transform: translateX(100%); } .auth-modal .auth-mode-switch__btn { position: relative; z-index: 1; flex: 1; padding: 10px 16px; border: none; border-radius: 999px; background: transparent; color: #9aa0a6; font-size: 14px; line-height: 1.3; cursor: pointer; transition: color 0.2s ease; } .auth-modal .auth-mode-switch__btn:hover { color: #666; } .auth-modal .auth-mode-switch__btn.is-active { color: #333; font-weight: 500; } .auth-modal .auth-email-disclaimer { margin-bottom: 20px; padding: 10px 12px; background: rgba(12, 178, 139, 0.08); border: 1px solid rgba(12, 178, 139, 0.2); border-radius: 4px; line-height: 1.4; color: #555; } .auth-modal .auth-email-disclaimer p { margin: 0 0 8px; font-size: 13px; } .auth-modal .auth-email-disclaimer p:last-child { margin-bottom: 0; } .auth-modal .disabled-button { background: #b2b4b7 !important; border: 1px solid #555 !important; cursor: default !important; } .auth-modal .reg-step, .auth-modal .recovery-step { margin-bottom: 10px; } .auth-modal .recovery-success-text { margin: 0 0 20px; font-size: 16px; line-height: 1.5; color: #080; text-align: center; } .auth-modal .reg-timer, .auth-modal .recovery-timer { font-size: 13px; color: #888; margin: 10px 0; } .auth-modal .reg-resend, .auth-modal .recovery-resend { margin-bottom: 15px; font-size: 13px; } .auth-modal .reg-code, .auth-modal .recovery-code { letter-spacing: 8px; text-align: center; font-size: 20px; } /* End */ /* /local/templates/.default/css/lib/normalize.min.css?17836210362154 */ /* /local/templates/.default/css/lib/jquery.mCustomScrollbar.css?178362103653583 */ /* /local/templates/.default/css/lib/jquery.fancybox.min.css?178362103612796 */ /* /local/templates/.default/css/lib/owl.carousel.min.css?17836210362937 */ /* /local/templates/.default/css/common/fonts.css?1783621036311 */ /* /local/templates/.default/css/common/typography.css?17836210363947 */ /* /local/templates/.default/css/common/global.css?17836210361124 */ /* /local/templates/.default/css/common/common.css?17836210362486 */ /* /local/templates/.default/css/common/checkbox.css?17836210361245 */ /* /local/templates/.default/css/block/header.css?178362103612445 */ /* /local/templates/.default/css/block/footer.css?17836210365235 */ /* /local/templates/.default/css/block/search.css?178362103621747 */ /* /local/templates/.default/css/block/contact-modal.css?1783621036934 */ /* /local/templates/s2_template_main/css/style.css?178362103777422 */ /* /local/templates/.default/components/bitrix/menu/main_menu/style.css?1783621035116 */ /* /local/components/syssoft/search.title/templates/.default/style.css?1783621030958 */ /* /local/components/syssoft/auth.modal/templates/default/style.css?17836210299354 */